@charset "UTF-8";
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

audio,
canvas,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

html {
  background: #fff;
  color: #000;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

body {
  margin: 0; }

a {
  background: transparent; }
  a:focus {
    outline: thin dotted; }
  a:hover, a:active {
    outline: 0; }

h1, h2 {
  font-size: 2em;
  margin: 0.67em 0; }

h2 {
  font-size: 1.5em;
  margin: 0.83em 0; }

h3 {
  font-size: 1.17em;
  margin: 1em 0; }

h4 {
  font-size: 1em;
  margin: 1.33em 0; }

h5 {
  font-size: 0.83em;
  margin: 1.67em 0; }

h6 {
  font-size: 0.75em;
  margin: 2.33em 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

mark {
  background: #ff0;
  color: #000; }

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

q:before,
q:after {
  content: '';
  content: none; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0;
  white-space: normal; }

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  vertical-align: baseline; }

button,
input {
  line-height: normal; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
input[disabled] {
  cursor: default; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  zoom: 1;
  *display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  margin-bottom: 10px;
  margin-top: 5px; }

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #ddd;
  border-top: 0;
  background: #fff; }

.chosen-container.chosen-with-drop .chosen-drop {
  left: 0; }

.chosen-container a {
  cursor: pointer; }

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 44px;
  border: 1px solid #ddd;
  background-color: #fff;
  background-clip: padding-box;
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 45px; }

.chosen-container-single .chosen-default {
  color: #999; }

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap; }

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px; }

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("/assets/javascripts/vendors/chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px; }

.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px; }

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px; }

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 5px;
  right: 0;
  display: block;
  width: 18px;
  height: 100%; }

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("/assets/javascripts/vendors/chosen-sprite.png") no-repeat -1px 4px; }

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap; }

.chosen-container-single .chosen-search input[type="text"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: white url("/assets/javascripts/vendors/chosen-sprite.png") no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0; }

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box; }

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px; }

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch; }

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 15px 6px;
  list-style: none;
  line-height: 15px;
  color: #333; }

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer; }

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #333;
  cursor: default;
  font-weight: bold; }

.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  color: #fff; }

.chosen-container .chosen-results li.no-results {
  display: list-item;
  background: #fff; }

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default; }

.chosen-container .chosen-results li.group-option {
  padding-left: 15px; }

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline; }

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 5px;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: none;
  background-color: #fff;
  cursor: text;
  margin-bottom: 5px; }

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none; }

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap; }

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 5px;
  height: 15px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #666;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0; }

.chosen-container-multi .chosen-choices li.search-field .default {
  color: #999; }

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 0 3px 5px;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  background-color: #e4e4e4;
  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default; }

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("/assets/javascripts/vendors/chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px; }

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px; }

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ddd;
  background-color: #e4e4e4;
  color: #666; }

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4; }

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px; }

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0; }

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default; }

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #ddd;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  box-shadow: 0 1px 0 #fff inset; }

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent; }

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -22px 5px; }

.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #111 !important; }

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default; }

.chosen-disabled .chosen-single {
  cursor: default; }

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default; }

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right; }

.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0; }

.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl; }

.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px; }

.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px; }

.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px; }

.chosen-rtl .chosen-choices li {
  float: right; }

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl; }

.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px; }

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px; }

.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px; }

.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0; }

.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0; }

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none; }

.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: white url("/assets/javascripts/vendors/chosen-sprite.png") no-repeat -30px -20px;
  direction: rtl; }

.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px; }

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px; }

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url("/assets/javascripts/vendors/chosen-sprite@2x.png") !important;
    background-size: 60px 45px !important;
    background-repeat: no-repeat !important; } }

/* @end */
.content-box h2, .overview-boxes h2, .box-subscription h2, .box-payment h2, .box-profile h2, .box-newsletter h2, .box-voucher h2, .box-offline h2, .box-invoice h2, .big-content-box h2, .box-your-subscription h2, .box-offline-devices h2, .box-offline-devices-available h2, .box-payment-info h2, .notification-info h2, .notification-error h2, .notification-success h2, .big-content-box .box-content, .box-your-subscription .box-content, .notification-info p, .notification-error p, .notification-success p, .content-sharing .content-info {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

@media (max-width: 767px) {
  .hidden-phone {
    display: none !important; } }

.visible-phone {
  display: none !important; }
  @media (max-width: 767px) {
    .visible-phone {
      display: inline-block !important; } }

/* Pulse */
@-webkit-keyframes pulse {
  25% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02); }
  75% {
    -webkit-transform: scale(0.97);
    transform: scale(0.97); } }

@keyframes pulse {
  25% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02); }
  75% {
    -webkit-transform: scale(0.97);
    transform: scale(0.97); } }

.pulse {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent; }

.pulse:hover, .pulse:focus, .pulse:active {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 950ms;
  animation-duration: 950ms;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

/* Pulse Weak */
@-webkit-keyframes pulse-weak {
  from {
    -webkit-transform: scale(1);
    transform: scale(1); }
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); } }

@keyframes pulse-weak {
  from {
    -webkit-transform: scale(1);
    transform: scale(1); }
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); } }

.pulse-weak {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent; }

.pulse-weak:hover {
  -webkit-animation-name: pulse-weak;
  animation-name: pulse-weak;
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.pulse-auto {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 950ms;
  animation-duration: 950ms;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1,
h2, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: nationale;
  src: url("/fonts/nationale-regular-webfont.eot");
  /* IE9 Compat Modes */
  src: url("/fonts/nationale-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/nationale-regular-webfont.woff") format("woff"), url("/fonts/nationale-regular-webfont.ttf") format("truetype"); }

@font-face {
  font-family: nationale-demibold;
  src: url("/fonts/nationale-demibold-webfont.eot");
  /* IE9 Compat Modes */
  src: url("/fonts/nationale-demibold-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/nationale-demibold-webfont.woff") format("woff"), url("/fonts/nationale-demibold-webfont.ttf") format("truetype"); }

@font-face {
  font-family: nationale-bold;
  src: url("/fonts/nationale-bold-webfont.eot");
  /* IE9 Compat Modes */
  src: url("/fonts/nationale-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/nationale-bold-webfont.woff") format("woff"), url("/fonts/nationale-bold-webfont.ttf") format("truetype"); }

@font-face {
  font-family: nationale-italic;
  src: url("/fonts/nationale-italic-webfont.eot");
  /* IE9 Compat Modes */
  src: url("/fonts/nationale-italic-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/nationale-italic-webfont.woff") format("woff"), url("/fonts/nationale-italic-webfont.ttf") format("truetype"); }

@font-face {
  font-family: hudson;
  src: url("/fonts/2F53AF_0_0.eot");
  /* IE9 Compat Modes */
  src: url("/fonts/2F53AF_0_0.eot?#iefix") format("embedded-opentype"), url("/fonts/2F53AF_0_0.woff") format("woff"), url("/fonts/2F53AF_0_0.ttf") format("truetype"); }

@font-face {
  font-family: helveticaneue-bold;
  src: url("/fonts/helveticaneue-bold-webfont.eot");
  /* IE9 Compat Modes */
  src: url("/fonts/helveticaneue-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/helveticaneue-bold-webfont.woff") format("woff"), url("/fonts/helveticaneue-bold-webfont.ttf") format("truetype"); }

h1, h2 {
  font-family: "nationale-demibold", sans-serif; }

p, a {
  font-family: "nationale", "nationale-regular", "Helvetica", sans-serif; }

.center {
  display: block;
  margin-top: 10px;
  text-align: center; }

h1, h2 {
  color: #ffffff;
  font-weight: 400;
  font-size: 20px;
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    h1, h2 {
      font-size: 40px;
      margin-top: 40px;
      text-align: center; } }

h2 {
  font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
  font-weight: 400; }

h3 {
  font-family: "nationale-demibold", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff; }
  @media (min-width: 768px) {
    h3 {
      font-size: 15px; } }

p {
  color: #ffffff;
  font-size: 14px;
  margin: 10px 0; }
  @media (min-width: 768px) {
    p {
      font-size: 15px; } }

p.sub-text {
  margin: 20px 0 40px 0; }
  @media (min-width: 768px) {
    p.sub-text {
      text-align: center;
      font-size: 16px; } }

li {
  font-family: "nationale", "nationale-regular", "Helvetica", sans-serif; }

a {
  color: #ffffff;
  font-size: 14px;
  text-decoration: underline;
  -webkit-transition: opacity 80ms ease-in;
  -moz-transition: opacity 80ms ease-in;
  -ms-transition: opacity 80ms ease-in;
  -o-transition: opacity 80ms ease-in;
  transition: opacity 80ms ease-in; }
  a:hover {
    opacity: 0.8; }
  @media (min-width: 768px) {
    a {
      font-size: 15px; } }

.content, header {
  width: 95%;
  margin: 0 auto; }

html {
  background-color: #232323;
  width: 100%;
  min-width: 300px;
  height: 100%;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.container {
  width: 100%;
  padding-bottom: 40px; }

.content {
  max-width: 1200px;
  margin: 20px auto;
  width: 92%; }
  @media (min-width: 768px) {
    .content {
      width: 100%; } }

.brand-color {
  color: #ffffff; }

.back-btn {
  cursor: pointer;
  width: 60px;
  overflow: auto;
  margin: 0 auto;
  padding: 30px 0;
  clear: both; }
  .back-btn.wimp {
    width: 85px; }
  .back-btn img {
    height: 21px;
    float: left;
    margin-right: 6px; }
  .back-btn h2 {
    font-size: 14px;
    font-family: "nationale-demibold", sans-serif;
    float: left;
    margin: 3px 0 0 0; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

header {
  width: 94%;
  position: relative;
  margin: 10px auto;
  top: 0;
  height: 20px;
  pointer-events: none; }
  @media (min-width: 768px) {
    header {
      width: 100%;
      background-color: #111111;
      margin-top: 0;
      padding: 20px 0; } }

.hide-top-navigation .header-login, .hide-top-navigation .nav-large-wrapper a.header-signout, .nav-large-wrapper .hide-top-navigation a.header-signout {
  display: none !important; }

.nav-try-now-cta {
  pointer-events: auto;
  outline: none !important;
  position: static !important;
  display: inline-block;
  margin-top: 0;
  padding-top: 0;
  margin-right: 10px !important; }
  .nav-try-now-cta .btn-new {
    top: -5px;
    margin: 0;
    font-size: 9px;
    font-family: "nationale-demibold", sans-serif;
    padding: 6px 7px 4px 7px;
    border: 1px solid cyan; }
  .nav-try-now-cta.visible-phone {
    pointer-events: auto;
    outline: none !important;
    display: block;
    z-index: 10000;
    position: absolute !important;
    right: 35px;
    top: 4px !important; }
    .nav-try-now-cta.visible-phone .btn-new {
      margin: 0;
      font-size: 9px;
      font-family: "nationale-demibold", sans-serif;
      padding: 5px 7px; }

#nav-toggle {
  position: absolute;
  right: -10px;
  top: -1px;
  z-index: 102;
  pointer-events: all; }
  #nav-toggle:focus {
    outline: none; }

#nav-toggle {
  cursor: pointer;
  padding: 10px 35px 16px 0; }

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  cursor: pointer;
  height: 3px;
  width: 25px;
  background: white;
  position: absolute;
  display: block;
  content: ''; }

#nav-toggle span:before {
  top: -7px; }

#nav-toggle span:after {
  bottom: -7px; }

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  -webkit-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out; }

#nav-toggle.active span {
  background-color: transparent; }

#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0; }

#nav-toggle.active span:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

#nav-toggle.active span:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.logo-link {
  position: relative;
  z-index: 102;
  top: 2px;
  pointer-events: all; }
  @media (min-width: 768px) {
    .logo-link {
      top: auto;
      padding-right: 30px;
      padding-bottom: 30px; } }
  .logo-link:focus {
    outline: none; }

.logo {
  width: 100px; }
  @media (min-width: 768px) {
    .logo {
      width: 120px;
      margin-left: 80px; } }

.nav-txt {
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none; }

.nav-txt:hover ~ .nav-icon {
  opacity: 0.76; }

.nav-txt:focus {
  outline: none; }

.nav-icon {
  cursor: pointer;
  width: 25px;
  position: absolute;
  right: 0px;
  top: 2px;
  z-index: 102;
  -webkit-transition: opacity 80ms ease-in;
  -moz-transition: opacity 80ms ease-in;
  -ms-transition: opacity 80ms ease-in;
  -o-transition: opacity 80ms ease-in;
  transition: opacity 80ms ease-in; }
  @media (min-width: 768px) {
    .nav-icon {
      float: none;
      position: static;
      width: 24px;
      padding: 1px 0;
      margin-right: 80px; } }
  .nav-icon:focus {
    outline: none; }

.nav-large-wrapper {
  float: none;
  pointer-events: all;
  position: absolute;
  z-index: 102;
  right: 0;
  top: 23px; }
  .nav-large-wrapper a {
    cursor: pointer;
    text-decoration: none;
    font-size: 13px;
    font-family: "nationale-demibold", sans-serif;
    color: #ffffff;
    position: relative;
    top: -3px;
    margin-right: 0;
    padding-right: 6px;
    text-transform: uppercase; }
  .nav-large-wrapper a.header-login, .nav-large-wrapper a.header-signout {
    margin-right: 20px;
    padding-right: 0; }

a.header-login.visible-phone, a.header-signout.visible-phone {
  cursor: pointer;
  position: absolute;
  right: 40px;
  top: 4px;
  text-decoration: none;
  font-family: "nationale-demibold", sans-serif;
  font-size: 13px; }

.nav {
  position: fixed;
  z-index: 100;
  width: 217px;
  overflow-y: scroll;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: #2a2a2a; }
  @media (min-width: 768px) {
    .nav {
      width: 280px;
      overflow: visible; } }
  .nav a {
    text-decoration: none;
    font-family: "nationale-demibold", sans-serif;
    color: #ffffff; }
  .nav ul {
    padding: 12px 30px 15px 30px; }
  .nav li {
    margin-bottom: 15px; }
  .nav .nav-main-content {
    background-color: #222222; }
    .nav .nav-main-content a {
      font-size: 12px;
      margin-bottom: 10px; }
      @media (min-width: 768px) {
        .nav .nav-main-content a {
          font-size: 13px; } }
    .nav .nav-main-content .sub-nav {
      margin-top: 40px; }
  .nav .nav-top {
    display: block;
    height: 40px;
    background-color: #232323; }
    @media (min-width: 768px) {
      .nav .nav-top {
        height: 72px; } }
  .nav .nav-profile {
    background-color: #232323;
    padding: 10px 20px 10px 28px; }
    .nav .nav-profile a {
      display: block; }
    .nav .nav-profile img {
      width: 40px;
      height: 40px;
      border-radius: 100%;
      border: 1px solid #f1f1f1; }
    .nav .nav-profile .profile-name {
      color: #ffffff;
      position: relative;
      top: -3px;
      font-family: "nationale-demibold", sans-serif;
      max-width: 95px;
      margin-left: 5px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: inline-block; }
      @media (min-width: 768px) {
        .nav .nav-profile .profile-name {
          max-width: 160px; } }

.nav-close .nav {
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform-style: flat; }

.nav-open .nav {
  -webkit-transition: 0.2s;
  -ms-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform-style: flat; }

@media (max-width: 767px) {
  .nav-open .header-login, .nav-open .nav-large-wrapper a.header-signout, .nav-large-wrapper .nav-open a.header-signout {
    display: none !important; } }

.nav-open .nav-large-wrapper a {
  color: #ffffff; }

@media (min-width: 768px) {
  .nav-open .hidden-phone .nav-icon-white {
    display: inline-block !important;
    position: relative;
    right: auto; } }

/* NEW NAV */
.nav-icon-black {
  display: none !important; }

.logo-black {
  display: none !important; }

.menu {
  visibility: hidden;
  position: fixed;
  overflow-y: scroll;
  z-index: 15;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #1a1a1a;
  opacity: 0;
  height: 0;
  -webkit-transition: 250ms opacity ease-out;
  -ms-transition: 250ms opacity ease-out;
  -moz-transition: 250ms opacity ease-out;
  -o-transition: 250ms opacity ease-out;
  transition: 250ms opacity ease-out; }

.nav-open .menu {
  visibility: visible;
  opacity: 1;
  height: 100%; }

.menu-content {
  display: table;
  height: 100%;
  width: 100%;
  opacity: 0;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: 200ms transform ease-in;
  -ms-transition: 200ms transform ease-in;
  -moz-transition: 200ms transform ease-in;
  -o-transition: 200ms transform ease-in;
  transition: 200ms transform ease-in; }

.nav-open .menu-content {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

.menu-ctas {
  text-align: center;
  margin-top: 20px; }
  .menu-ctas a {
    display: block;
    width: 243px;
    margin: 0 auto; }
  .menu-ctas .btn-new {
    width: 170px;
    margin-top: 0px; }
  .menu-ctas .big.action.btn, .menu-ctas .forgot-password-wrapper.wimp .big.btn, .forgot-password-wrapper.wimp .menu-ctas .big.btn, .menu-ctas .download.wimp .device .big.btn, .download.wimp .device .menu-ctas .big.btn, .menu-ctas .big.action.btn-gray, .menu-ctas .big.action.btn-disabled, .menu-ctas .big.action.btn-white, .menu-ctas .big.action.btn-new, .menu-ctas .forgot-password-wrapper.wimp .big.btn-gray, .forgot-password-wrapper.wimp .menu-ctas .big.btn-gray, .menu-ctas .forgot-password-wrapper.wimp .big.btn-disabled, .forgot-password-wrapper.wimp .menu-ctas .big.btn-disabled, .menu-ctas .forgot-password-wrapper.wimp .big.btn-white, .forgot-password-wrapper.wimp .menu-ctas .big.btn-white, .menu-ctas .forgot-password-wrapper.wimp .big.btn-new, .forgot-password-wrapper.wimp .menu-ctas .big.btn-new, .menu-ctas .download.wimp .device .big.btn-gray, .download.wimp .device .menu-ctas .big.btn-gray, .menu-ctas .download.wimp .device .big.btn-disabled, .download.wimp .device .menu-ctas .big.btn-disabled, .menu-ctas .download.wimp .device .big.btn-white, .download.wimp .device .menu-ctas .big.btn-white, .menu-ctas .download.wimp .device .big.btn-new, .download.wimp .device .menu-ctas .big.btn-new {
    width: 174px;
    margin-bottom: 10px;
    font-size: 15px;
    padding-top: 15px; }

.menu-content ul li li {
  position: relative;
  line-height: 0;
  height: 60px;
  background: #262626;
  border: 1px solid #1a1a1a; }

.menu-content ul li li span {
  height: 60px;
  width: 60px;
  border-right: 1px solid #1a1a1a;
  display: inline-block;
  line-height: 0;
  background: url("/images/icons/nav-icon-info.786dfb11.png") no-repeat center center;
  background-size: 23px; }
  .menu-content ul li li span:before {
    content: "" !important; }
  .menu-content ul li li span.icon-user {
    background: url("/images/icons/nav-icon-user.091371bb.png") no-repeat center center;
    background-size: 23px; }
  .menu-content ul li li span.icon-price {
    background: url("/images/icons/nav-icon-price.69cc7233.png") no-repeat center center;
    background-size: 23px; }
  .menu-content ul li li span.icon-read {
    background: url("/images/icons/nav-icon-read.597fd12e.png") no-repeat center center;
    background-size: 23px; }
  .menu-content ul li li span.icon-store {
    background: url("/images/icons/nav-icon-store.0cf79076.png") no-repeat center center;
    background-size: 32px; }
  .menu-content ul li li span.icon-voucher {
    background: url("/images/icons/nav-icon-voucher.28a1d6e2.png") no-repeat center center;
    background-size: 23px; }
  .menu-content ul li li span.icon-import {
    background: url("/images/icons/nav-icon-import.93b902b7.png") no-repeat center center;
    background-size: 23px; }
  .menu-content ul li li span.icon-question {
    background: url("/images/icons/nav-icon-question.7f48f163.png") no-repeat center center;
    background-size: 23px; }
  .menu-content ul li li span.icon-desktop {
    background: url("/images/icons/nav-icon-desktop.da740eec.png") no-repeat center center;
    background-size: 23px; }

.menu-content ul li a {
  position: absolute;
  top: 52%;
  margin-left: 20px;
  text-decoration: none;
  text-transform: capitalize;
  font-size: 17px; }

.menu-social {
  overflow: auto;
  width: 100%;
  line-height: 0; }

.menu-social-item {
  width: 33.33333%;
  display: block;
  outline: 1px solid #1a1a1a;
  background: #212121;
  float: left;
  line-height: 0;
  text-align: center;
  padding: 25px 0;
  cursor: pointer; }
  .menu-social-item svg {
    width: 35px !important;
    height: auto !important;
    fill: #878787; }
  .menu-social-item:hover svg {
    fill: #fff; }

.menu-hide-mobile {
  display: none; }

.menu-footer {
  overflow: visible;
  width: 90%;
  max-width: 370px;
  margin: 40px auto; }
  .menu-footer .menu-footer-1 {
    float: left;
    width: 42%; }
  .menu-footer .menu-footer-2 {
    float: right;
    width: 42%;
    text-align: left; }
  .menu-footer a {
    display: block;
    text-decoration: none;
    margin-bottom: 40px;
    font-size: 12px; }

@media (min-width: 768px) {
  .menu-hide-mobile {
    display: block; }
  .menu-content {
    width: 96%;
    margin: 90px auto;
    max-width: 900px;
    height: auto;
    position: relative;
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
    -webkit-transition: 100ms transform ease-in;
    -ms-transition: 100ms transform ease-in;
    -moz-transition: 100ms transform ease-in;
    -o-transition: 100ms transform ease-in;
    transition: 100ms transform ease-in; }
  .menu-desktop-top {
    overflow: visible;
    height: 200px; }
  .menu-desktop-bottom {
    overflow: visible;
    margin-top: 100px; }
  .menu-content ul li li {
    width: 100%;
    background: none;
    border: none; }
    .menu-content ul li li:hover {
      background: #0f0f0f; }
    .menu-content ul li li span {
      border: none; }
    .menu-content ul li li a {
      margin-left: 0px; }
  .menu-ctas {
    float: right;
    width: 33%;
    margin-top: 0px; }
    .menu-ctas .btn, .menu-ctas .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .menu-ctas .btn, .menu-ctas .download.wimp .device .btn, .download.wimp .device .menu-ctas .btn, .menu-ctas .btn-gray, .menu-ctas .btn-disabled, .menu-ctas .btn-white, .menu-ctas .btn-new, .menu-ctas .btn-new {
      border-radius: 3px;
      padding: 20px 31px 17px 31px !important;
      letter-spacing: 1px; }
    .menu-ctas .btn, .menu-ctas .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .menu-ctas .btn, .menu-ctas .download.wimp .device .btn, .download.wimp .device .menu-ctas .btn, .menu-ctas .btn-gray, .menu-ctas .btn-disabled, .menu-ctas .btn-white, .menu-ctas .btn-new {
      width: 173px; }
  .menu-content-wrapper {
    overflow: visible;
    float: left;
    width: 67%; }
  .menu-splitter {
    float: left;
    width: 50%; }
  .menu-footer {
    width: 100%;
    margin-top: 0px;
    max-width: none;
    margin-left: 20px; }
    .menu-footer a {
      display: block;
      font-size: 15px; }
  .menu-footer .menu-footer-1 {
    width: 73%; }
  .menu-footer .menu-footer-2 {
    width: 27%; }
  .menu-footer-subs {
    float: left;
    width: 50%; }
  .menu-social {
    width: 237px;
    clear: both;
    position: absolute;
    top: auto;
    bottom: -60px;
    right: auto;
    left: -10px; }
  ul li li.menu-item-redeem-voucher {
    position: absolute;
    right: 27px;
    left: auto;
    display: inline;
    width: 255px;
    top: 160px; }
  .menu-social-item {
    background: none;
    outline: none; } }

@media (min-width: 1024px) {
  .menu-content {
    max-width: 1100px;
    margin: 130px auto; }
  .menu-social {
    top: auto;
    bottom: -60px;
    right: auto;
    left: -10px; }
  ul li li.menu-item-redeem-voucher {
    right: 55px; }
  .menu-content ul li li {
    padding: 10px 0; }
  .menu-content ul li li a {
    margin-left: 5px; }
  .menu-content ul li li span {
    background-size: 30px !important; }
  .menu-content ul li li span.icon-read {
    background-size: 28px !important; }
  .menu-content ul li li span.icon-desktop {
    background-size: 35px !important; }
  .menu-content ul li li span.icon-voucher {
    background-size: 35px !important; }
  .menu-content ul li li span.icon-store {
    background-size: 40px !important; } }

.header-shop.nav-close header {
  background: none !important;
  pointer-events: auto; }

.header-shop .header-search {
  background: rgba(0, 0, 0, 0.2);
  background-size: 18px;
  color: #fafafa;
  border-color: #2b2b2b;
  margin: 0;
  height: 30px;
  font-size: 10px;
  letter-spacing: 1px;
  padding-right: 30px;
  max-width: 600px;
  border-radius: 3px; }

.header-shop .header-search-inactive {
  position: absolute;
  right: 10px;
  top: 5px;
  z-index: 20000; }
  .header-shop .header-search-inactive i {
    font-size: 19px;
    color: #FFFFFF; }

.header-shop .shop-search {
  margin: 0px auto;
  position: absolute;
  width: 50vw;
  max-width: 600px;
  top: 16px;
  right: 0px;
  left: 0px; }
  .header-shop .shop-search form {
    max-width: 600px; }
  .header-shop .shop-search input[type="text"] {
    max-width: 600px;
    font-family: "nationale-demibold",sans-serif; }

.header-shop .header-search-clear {
  position: absolute;
  right: 8px;
  top: 4px;
  z-index: 20000; }
  .header-shop .header-search-clear i {
    font-size: 22px;
    color: #FFFFFF; }

@media (max-width: 767px) {
  .header-shop .shop-search {
    margin: 0px auto;
    position: absolute;
    width: 50vw;
    max-width: 600px;
    top: 8px;
    right: 0px;
    left: 0px; }
    .header-shop .shop-search form {
      max-width: 600px; }
    .header-shop .shop-search input[type="text"] {
      max-width: 600px;
      font-family: "nationale-demibold",sans-serif; }
  .header-shop .header-search-clear {
    position: absolute;
    right: 3px;
    top: 4px;
    z-index: 20000; }
    .header-shop .header-search-clear i {
      font-size: 22px;
      color: #FFFFFF; }
  .header-shop .header-search-inactive {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 20000; }
    .header-shop .header-search-inactive i {
      font-size: 19px;
      color: #FFFFFF; }
  .header-shop .header-search-inactive {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 20000; }
    .header-shop .header-search-inactive i {
      font-size: 19px;
      color: #FFFFFF; } }

.header-shop.nav-open .header-search {
  display: none; }

.header-shop .logo-link {
  top: 13px;
  left: 6px; }

.header-shop .logo-link img {
  width: 30px; }

.header-shop header #nav-toggle.shop-nav-toggle {
  right: 0;
  top: 13px; }

@media (min-width: 768px) {
  .header-shop .logo-link {
    top: 15px;
    left: 40px; }
  .header-shop .header-search {
    right: 80px;
    top: 17px; }
  .header-shop header #nav-toggle.shop-nav-toggle {
    top: 20px;
    right: 30px; }
  .header-shop .logo-link img {
    width: 45px; } }

footer {
  clear: both; }
  footer .wrapper-footer {
    background-color: #000;
    padding: 80px 20px;
    text-align: center; }
  footer .logo-footer {
    display: block;
    width: 100%;
    max-width: 150px;
    margin: auto; }
  footer .wrapper-devices {
    display: block;
    margin: 60px auto 0 auto;
    text-decoration: none; }
    footer .wrapper-devices:hover {
      opacity: 1; }
    footer .wrapper-devices i.fa {
      font-size: 20px;
      color: #d0d0d0;
      margin: 0 3px; }
      footer .wrapper-devices i.fa.fa-desktop, footer .wrapper-devices i.fa.fa-wifi {
        position: relative;
        top: 2px; }
      footer .wrapper-devices i.fa:hover {
        opacity: 0.8; }
  footer p.device-availability {
    margin-top: 10px;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase; }
  footer .button {
    position: relative;
    display: block;
    margin: 20px auto 0;
    width: 100%;
    max-width: 130px;
    padding: 13px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    font: 12px/1 "nationale-demibold", sans-serif;
    letter-spacing: 2px;
    color: #00FFFF;
    border-radius: 2px;
    border: 1px solid #00FFFF;
    transition: 0.2s background-color ease-out; }
    footer .button:hover {
      background-color: #00FFFF;
      color: #000;
      opacity: 1; }
    footer .button:active {
      transform: translateY(1px); }
  footer p.device-availability-detail {
    color: #d0d0d0;
    font: 12px/1.4 "nationale", "nationale-regular", "Helvetica", sans-serif;
    max-width: 390px;
    margin: 40px auto; }
  footer .wrapper-some i {
    font-size: 22px;
    margin: 0 3px; }
  footer .aspiro-info {
    font-size: 12px;
    margin-top: 40px; }
    footer .aspiro-info a {
      font: 12px/1 "nationale-demibold", sans-serif;
      text-decoration: none; }

@media (min-width: 768px) {
  .two-columns, .three-columns, .box-offline-devices, .box-offline-devices-available, .four-columns, .overview-boxes, .box-subscription, .box-payment, .box-profile, .box-newsletter, .box-voucher, .box-offline, .box-invoice {
    float: left;
    width: 48% !important;
    height: 80px;
    margin: 5px 10px 5px 0 !important; } }

@media (min-width: 768px) {
  .three-columns, .box-offline-devices, .box-offline-devices-available {
    width: 32.5% !important;
    margin: 5px 5px 5px 0 !important; } }

@media (min-width: 1400px) {
  .three-columns, .box-offline-devices, .box-offline-devices-available {
    margin: 5px 10px 5px 0 !important; } }

@media (min-width: 768px) {
  .three-columns.last, .last.box-offline-devices, .last.box-offline-devices-available {
    margin-right: 0 !important; } }

@media (min-width: 768px) {
  .four-columns, .overview-boxes, .box-subscription, .box-payment, .box-profile, .box-newsletter, .box-voucher, .box-offline, .box-invoice {
    width: 23% !important; } }

.content-box, .overview-boxes, .box-subscription, .box-payment, .box-profile, .box-newsletter, .box-voucher, .box-offline, .box-invoice, .big-content-box, .box-your-subscription, .box-offline-devices, .box-offline-devices-available, .box-payment-info, .notification-info, .notification-error, .notification-success {
  position: relative;
  background: #333333 no-repeat 7px center;
  background-size: 60px auto;
  border: 1px solid #1F1F1F;
  height: 65px;
  width: 100%;
  max-width: 600px;
  margin: 5px auto; }
  .content-box.inactive, .inactive.overview-boxes, .inactive.box-subscription, .inactive.box-payment, .inactive.box-profile, .inactive.box-newsletter, .inactive.box-voucher, .inactive.box-offline, .inactive.box-invoice, .inactive.big-content-box, .inactive.box-your-subscription, .inactive.box-offline-devices, .inactive.box-offline-devices-available, .inactive.box-payment-info, .inactive.notification-info, .inactive.notification-error, .inactive.notification-success {
    opacity: .43;
    pointer-events: none; }
  @media (min-width: 768px) {
    .content-box, .overview-boxes, .box-subscription, .box-payment, .box-profile, .box-newsletter, .box-voucher, .box-offline, .box-invoice, .big-content-box, .box-your-subscription, .box-offline-devices, .box-offline-devices-available, .box-payment-info, .notification-info, .notification-error, .notification-success {
      height: 100px; } }
  .content-box h2, .overview-boxes h2, .box-subscription h2, .box-payment h2, .box-profile h2, .box-newsletter h2, .box-voucher h2, .box-offline h2, .box-invoice h2, .big-content-box h2, .box-your-subscription h2, .box-offline-devices h2, .box-offline-devices-available h2, .box-payment-info h2, .notification-info h2, .notification-error h2, .notification-success h2 {
    margin-top: 0;
    margin-left: 86px;
    font-size: 18px;
    color: #f1f1f1; }
  .content-box a, .overview-boxes a, .box-subscription a, .box-payment a, .box-profile a, .box-newsletter a, .box-voucher a, .box-offline a, .box-invoice a, .big-content-box a, .box-your-subscription a, .box-offline-devices a, .box-offline-devices-available a, .box-payment-info a, .notification-info a, .notification-error a, .notification-success a {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-decoration: none; }
  .content-box p, .overview-boxes p, .box-subscription p, .box-payment p, .box-profile p, .box-newsletter p, .box-voucher p, .box-offline p, .box-invoice p, .big-content-box p, .box-your-subscription p, .box-offline-devices p, .box-offline-devices-available p, .box-payment-info p, .notification-info p, .notification-error p, .notification-success p, .content-box a, .overview-boxes a, .box-subscription a, .box-payment a, .box-profile a, .box-newsletter a, .box-voucher a, .box-offline a, .box-invoice a, .big-content-box a, .box-your-subscription a, .box-offline-devices a, .box-offline-devices-available a, .box-payment-info a, .notification-info a, .notification-error a, .notification-success a {
    font-size: 14px;
    line-height: 1.3; }
  .content-box .btn, .overview-boxes .btn, .box-subscription .btn, .box-payment .btn, .box-profile .btn, .box-newsletter .btn, .box-voucher .btn, .box-offline .btn, .box-invoice .btn, .big-content-box .btn, .box-your-subscription .btn, .box-offline-devices .btn, .box-offline-devices-available .btn, .box-payment-info .btn, .notification-info .btn, .notification-error .btn, .notification-success .btn, .content-box .btn.action, .overview-boxes .btn.action, .box-subscription .btn.action, .box-payment .btn.action, .box-profile .btn.action, .box-newsletter .btn.action, .box-voucher .btn.action, .box-offline .btn.action, .box-invoice .btn.action, .big-content-box .btn.action, .box-your-subscription .btn.action, .box-offline-devices .btn.action, .box-offline-devices-available .btn.action, .box-payment-info .btn.action, .notification-info .btn.action, .notification-error .btn.action, .notification-success .btn.action, .content-box .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .content-box .btn, .overview-boxes .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .overview-boxes .btn, .box-subscription .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .box-subscription .btn, .box-payment .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .box-payment .btn, .box-profile .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .box-profile .btn, .box-newsletter .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .box-newsletter .btn, .box-voucher .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .box-voucher .btn, .box-offline .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .box-offline .btn, .box-invoice .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .box-invoice .btn, .big-content-box .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .big-content-box .btn, .box-your-subscription .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .box-your-subscription .btn, .box-offline-devices .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .box-offline-devices .btn, .box-offline-devices-available .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .box-offline-devices-available .btn, .box-payment-info .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .box-payment-info .btn, .notification-info .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .notification-info .btn, .notification-error .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .notification-error .btn, .notification-success .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .notification-success .btn, .content-box .download.wimp .device .btn, .download.wimp .device .content-box .btn, .overview-boxes .download.wimp .device .btn, .download.wimp .device .overview-boxes .btn, .box-subscription .download.wimp .device .btn, .download.wimp .device .box-subscription .btn, .box-payment .download.wimp .device .btn, .download.wimp .device .box-payment .btn, .box-profile .download.wimp .device .btn, .download.wimp .device .box-profile .btn, .box-newsletter .download.wimp .device .btn, .download.wimp .device .box-newsletter .btn, .box-voucher .download.wimp .device .btn, .download.wimp .device .box-voucher .btn, .box-offline .download.wimp .device .btn, .download.wimp .device .box-offline .btn, .box-invoice .download.wimp .device .btn, .download.wimp .device .box-invoice .btn, .big-content-box .download.wimp .device .btn, .download.wimp .device .big-content-box .btn, .box-your-subscription .download.wimp .device .btn, .download.wimp .device .box-your-subscription .btn, .box-offline-devices .download.wimp .device .btn, .download.wimp .device .box-offline-devices .btn, .box-offline-devices-available .download.wimp .device .btn, .download.wimp .device .box-offline-devices-available .btn, .box-payment-info .download.wimp .device .btn, .download.wimp .device .box-payment-info .btn, .notification-info .download.wimp .device .btn, .download.wimp .device .notification-info .btn, .notification-error .download.wimp .device .btn, .download.wimp .device .notification-error .btn, .notification-success .download.wimp .device .btn, .download.wimp .device .notification-success .btn, .content-box .btn-gray, .overview-boxes .btn-gray, .box-subscription .btn-gray, .box-payment .btn-gray, .box-profile .btn-gray, .box-newsletter .btn-gray, .box-voucher .btn-gray, .box-offline .btn-gray, .box-invoice .btn-gray, .big-content-box .btn-gray, .box-your-subscription .btn-gray, .box-offline-devices .btn-gray, .box-offline-devices-available .btn-gray, .box-payment-info .btn-gray, .notification-info .btn-gray, .notification-error .btn-gray, .notification-success .btn-gray, .content-box .btn-disabled, .overview-boxes .btn-disabled, .box-subscription .btn-disabled, .box-payment .btn-disabled, .box-profile .btn-disabled, .box-newsletter .btn-disabled, .box-voucher .btn-disabled, .box-offline .btn-disabled, .box-invoice .btn-disabled, .big-content-box .btn-disabled, .box-your-subscription .btn-disabled, .box-offline-devices .btn-disabled, .box-offline-devices-available .btn-disabled, .box-payment-info .btn-disabled, .notification-info .btn-disabled, .notification-error .btn-disabled, .notification-success .btn-disabled, .content-box .btn-white, .overview-boxes .btn-white, .box-subscription .btn-white, .box-payment .btn-white, .box-profile .btn-white, .box-newsletter .btn-white, .box-voucher .btn-white, .box-offline .btn-white, .box-invoice .btn-white, .big-content-box .btn-white, .box-your-subscription .btn-white, .box-offline-devices .btn-white, .box-offline-devices-available .btn-white, .box-payment-info .btn-white, .notification-info .btn-white, .notification-error .btn-white, .notification-success .btn-white, .content-box .btn-new, .overview-boxes .btn-new, .box-subscription .btn-new, .box-payment .btn-new, .box-profile .btn-new, .box-newsletter .btn-new, .box-voucher .btn-new, .box-offline .btn-new, .box-invoice .btn-new, .big-content-box .btn-new, .box-your-subscription .btn-new, .box-offline-devices .btn-new, .box-offline-devices-available .btn-new, .box-payment-info .btn-new, .notification-info .btn-new, .notification-error .btn-new, .notification-success .btn-new {
    margin-top: 5px; }

.overview-boxes, .box-subscription, .box-payment, .box-profile, .box-newsletter, .box-voucher, .box-offline, .box-invoice {
  max-width: none;
  text-align: center;
  height: 110px;
  background-position: center 20px;
  background-size: auto 38px;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease; }
  @media (min-width: 768px) {
    .overview-boxes, .box-subscription, .box-payment, .box-profile, .box-newsletter, .box-voucher, .box-offline, .box-invoice {
      height: 170px;
      background-position: center 35px;
      background-size: auto 60px; } }
  .overview-boxes h2, .box-subscription h2, .box-payment h2, .box-profile h2, .box-newsletter h2, .box-voucher h2, .box-offline h2, .box-invoice h2 {
    margin-left: 0;
    width: 100%;
    font-size: 16px;
    margin-top: 25px; }
    @media (min-width: 768px) {
      .overview-boxes h2, .box-subscription h2, .box-payment h2, .box-profile h2, .box-newsletter h2, .box-voucher h2, .box-offline h2, .box-invoice h2 {
        margin-top: 40px;
        font-size: 18px; } }
  .overview-boxes:hover, .box-subscription:hover, .box-payment:hover, .box-profile:hover, .box-newsletter:hover, .box-voucher:hover, .box-offline:hover, .box-invoice:hover {
    opacity: .7; }

.box-subscription {
  margin-top: 20px;
  background-image: url("/assets/images/icons/device-icon.png"); }

.box-payment {
  background-image: url("/assets/images/icons/payment-icon.png"); }

.box-profile {
  background-image: url("/assets/images/icons/profile-icon.png"); }

.box-newsletter {
  background-image: url("/assets/images/icons/newsletter-icon.png"); }

.box-voucher {
  background-image: url("/assets/images/icons/voucher-icon.png"); }

.box-offline {
  background-image: url("/assets/images/icons/offline-icon.png"); }

.box-invoice {
  background-image: url("/assets/images/icons/invoice-icon.png"); }

.big-content-box, .box-your-subscription {
  height: auto;
  min-height: 90px;
  color: #f1f1f1; }
  @media (min-width: 768px) {
    .big-content-box, .box-your-subscription {
      min-height: 160px; } }
  .big-content-box .box-content, .box-your-subscription .box-content {
    margin-left: 100px;
    margin-right: 40px; }
    @media (min-width: 768px) {
      .big-content-box .box-content, .box-your-subscription .box-content {
        margin-left: 115px; } }
  .big-content-box p, .box-your-subscription p {
    margin-top: 5px;
    margin-bottom: 0; }

.box-your-subscription {
  background-image: url("/assets/images/subscriptions/hifi.png");
  background-size: 80px auto;
  background-position: center 20px;
  padding: 40px 0;
  position: relative;
  min-height: 0;
  -webkit-transform: none;
  -ms-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none; }
  .box-your-subscription .box-content {
    position: static;
    height: auto;
    margin: 50px auto 0 auto;
    text-align: center;
    width: 80%;
    -webkit-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none; }
    @media (min-width: 768px) {
      .box-your-subscription .box-content {
        width: 96%;
        margin: 0 20px 0 30%;
        text-align: left; } }
  @media (min-width: 768px) {
    .box-your-subscription {
      padding: 60px 0;
      background-size: 80px auto;
      background-position: 80px 60px; } }
  .box-your-subscription p {
    max-width: 400px; }
  .box-your-subscription .CTA {
    display: block;
    margin-top: 20px;
    text-align: center; }
    .box-your-subscription .CTA .btn, .box-your-subscription .CTA .download.wimp .device .btn, .download.wimp .device .box-your-subscription .CTA .btn, .box-your-subscription .CTA .btn-gray, .box-your-subscription .CTA .btn-disabled, .box-your-subscription .CTA .btn-white, .box-your-subscription .CTA .btn-new {
      margin-bottom: 0; }
    .box-your-subscription .CTA a {
      position: static;
      margin-top: 20px; }

.page-account .subscription-minor-actions {
  text-align: center;
  margin-top: 10px; }
  .page-account .subscription-minor-actions a {
    display: inline-block;
    font-size: 12px; }
  .page-account .subscription-minor-actions .divider {
    font-size: 15px;
    position: relative;
    top: 0;
    font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
    opacity: .12;
    margin: 0 3px; }

.cancel-header {
  max-width: 600px;
  text-align: center;
  margin-left: auto;
  margin-right: auto; }

.cancel-subscription p {
  line-height: 1.4;
  margin: 20px auto;
  text-align: center; }

.cancel-subscription .cancel-cta {
  text-align: center;
  margin: 40px auto; }
  .cancel-subscription .cancel-cta a {
    display: inline-block; }

.cancel-subscription .btn, .cancel-subscription .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .cancel-subscription .btn, .cancel-subscription .download.wimp .device .btn, .download.wimp .device .cancel-subscription .btn, .cancel-subscription .btn-gray, .cancel-subscription .btn-disabled, .cancel-subscription .btn-white, .cancel-subscription .btn-new {
  width: 230px;
  margin: 5px 0; }

.box-offline-devices, .box-offline-devices-available {
  background-image: url("/assets/images/icons/device-icon-offline.png");
  background-position: 18px 20px;
  height: auto;
  min-height: 60px;
  padding-top: 10px; }
  @media (min-width: 768px) {
    .box-offline-devices, .box-offline-devices-available {
      min-height: 160px;
      padding-top: 30px;
      background-position: 18px 38px; } }
  .box-offline-devices a, .box-offline-devices-available a {
    position: static; }
  .box-offline-devices .box-content, .box-offline-devices-available .box-content {
    margin-left: 92px;
    margin-top: 5px; }
    @media (min-width: 768px) {
      .box-offline-devices .box-content, .box-offline-devices-available .box-content {
        margin-left: 100px; } }
  .box-offline-devices .btn, .box-offline-devices-available .btn, .box-offline-devices .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .box-offline-devices .btn, .box-offline-devices-available .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .box-offline-devices-available .btn, .box-offline-devices .download.wimp .device .btn, .download.wimp .device .box-offline-devices .btn, .box-offline-devices-available .download.wimp .device .btn, .download.wimp .device .box-offline-devices-available .btn, .box-offline-devices .btn-gray, .box-offline-devices-available .btn-gray, .box-offline-devices .btn-disabled, .box-offline-devices-available .btn-disabled, .box-offline-devices .btn-white, .box-offline-devices-available .btn-white, .box-offline-devices .btn-new, .box-offline-devices-available .btn-new {
    margin-top: 10px;
    margin-left: -25px; }
    @media (min-width: 768px) {
      .box-offline-devices .btn, .box-offline-devices-available .btn, .box-offline-devices .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .box-offline-devices .btn, .box-offline-devices-available .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .box-offline-devices-available .btn, .box-offline-devices .download.wimp .device .btn, .download.wimp .device .box-offline-devices .btn, .box-offline-devices-available .download.wimp .device .btn, .download.wimp .device .box-offline-devices-available .btn, .box-offline-devices .btn-gray, .box-offline-devices-available .btn-gray, .box-offline-devices .btn-disabled, .box-offline-devices-available .btn-disabled, .box-offline-devices .btn-white, .box-offline-devices-available .btn-white, .box-offline-devices .btn-new, .box-offline-devices-available .btn-new {
        margin-left: 0; } }

.box-offline-devices-available * {
  opacity: .5; }

.box-offline-devices-available .available-badge {
  position: absolute;
  opacity: 1;
  z-index: 1;
  right: 0;
  top: 0;
  width: 90px; }

.box-offline-devices-available .btn, .box-offline-devices-available .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .box-offline-devices-available .btn, .box-offline-devices-available .download.wimp .device .btn, .download.wimp .device .box-offline-devices-available .btn, .box-offline-devices-available .btn-gray, .box-offline-devices-available .btn-disabled, .box-offline-devices-available .btn-white, .box-offline-devices-available .btn-new {
  pointer-events: none; }

.box-payment-info {
  background-image: none;
  min-height: 120px;
  padding: 20px 0; }
  .box-payment-info .box-content {
    margin: 0 auto;
    width: 90%;
    text-align: center; }
    .box-payment-info .box-content img {
      width: 140px;
      display: block;
      margin: 10px auto; }
    .box-payment-info .box-content a {
      position: relative; }
    .box-payment-info .box-content .btn, .box-payment-info .box-content .download.wimp .device .btn, .download.wimp .device .box-payment-info .box-content .btn, .box-payment-info .box-content .btn-gray, .box-payment-info .box-content .btn-disabled, .box-payment-info .box-content .btn-white, .box-payment-info .box-content .btn-new {
      margin-left: 0; }

.voucher-form-wrapper {
  margin-top: 40px; }
  .voucher-form-wrapper .btn, .voucher-form-wrapper .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .voucher-form-wrapper .btn, .voucher-form-wrapper .download.wimp .device .btn, .download.wimp .device .voucher-form-wrapper .btn, .voucher-form-wrapper .btn-gray, .voucher-form-wrapper .btn-disabled, .voucher-form-wrapper .btn-white, .voucher-form-wrapper .btn-new {
    width: 100%;
    margin-top: 7px; }

@media (min-width: 1024px) {
  .profile-form-wrapper {
    overflow: auto;
    width: 1000px;
    margin: 0 auto; } }

.profile-form .btn, .profile-form .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .profile-form .btn, .profile-form .download.wimp .device .btn, .download.wimp .device .profile-form .btn, .profile-form .btn-gray, .profile-form .btn-disabled, .profile-form .btn-white, .profile-form .btn-new {
  width: 100%; }

.profile-form .name-wrapper {
  overflow: auto; }
  .profile-form .name-wrapper .name-box.name-first {
    float: left;
    width: 33%; }
  .profile-form .name-wrapper .name-box.name-last {
    width: 64%;
    float: right; }

.success-takeover {
  margin: 40px auto 0 auto;
  text-align: center; }
  .success-takeover img {
    width: 60px;
    margin-bottom: 0; }
  .success-takeover h1, .success-takeover h2 {
    font-size: 22px;
    margin-top: 20px; }

input[type="email"],
input[type="text"],
input[type="number"],
input[type="password"] {
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: 400px;
  margin: 5px auto 5px auto;
  height: 46px;
  padding-left: 10px;
  border-radius: 0;
  box-shadow: none;
  font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 14px; }
  input[type="email"]:focus,
  input[type="text"]:focus,
  input[type="number"]:focus,
  input[type="password"]:focus {
    outline: none; }

input[type="text"]:disabled {
  background: #f3f0f0;
  color: #7C7C7C;
  cursor: not-allowed; }

form {
  max-width: 400px;
  margin: 0 auto; }

.btn, .btn.action, .forgot-password-wrapper.wimp .btn, .download.wimp .device .btn, .btn-gray, .btn-disabled, .btn-white, .btn-new {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  color: #fefefe;
  background-color: #000000;
  font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
  font-weight: normal;
  font-size: 14px;
  border: none;
  min-width: 0;
  width: auto;
  padding: 12px 32px 12px 32px;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-appearance: none;
  line-height: 1.3;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 20px;
  -webkit-transition: background-color 90ms ease-in-out;
  -moz-transition: background-color 90ms ease-in-out;
  -ms-transition: background-color 90ms ease-in-out;
  -o-transition: background-color 90ms ease-in-out;
  transition: background-color 90ms ease-in-out; }
  .btn:focus, .forgot-password-wrapper.wimp .btn:focus, .download.wimp .device .btn:focus, .btn-gray:focus, .btn-disabled:focus, .btn-white:focus, .btn-new:focus {
    -webkit-outline: 0;
    -ms-outline: 0;
    -moz-outline: 0;
    -o-outline: 0;
    outline: 0; }
  .btn:active, .forgot-password-wrapper.wimp .btn:active, .download.wimp .device .btn:active, .btn-gray:active, .btn-disabled:active, .btn-white:active, .btn-new:active {
    top: 1px; }
  .btn:hover, .forgot-password-wrapper.wimp .btn:hover, .download.wimp .device .btn:hover, .btn-gray:hover, .btn-disabled:hover, .btn-white:hover, .btn-new:hover {
    background-color: #3C3C3C; }

.action.btn, .forgot-password-wrapper.wimp .btn, .download.wimp .device .btn, .action.btn-gray, .action.btn-disabled, .action.btn-white, .action.btn-new, .forgot-password-wrapper.wimp .btn-gray, .forgot-password-wrapper.wimp .btn-disabled, .forgot-password-wrapper.wimp .btn-white, .forgot-password-wrapper.wimp .btn-new, .download.wimp .device .btn-gray, .download.wimp .device .btn-disabled, .download.wimp .device .btn-white, .download.wimp .device .btn-new {
  background-color: #00FFFF !important;
  color: #000000 !important; }
  .action.btn:hover, .forgot-password-wrapper.wimp .btn:hover, .download.wimp .device .btn:hover, .action.btn-gray:hover, .action.btn-disabled:hover, .action.btn-white:hover, .action.btn-new:hover, .forgot-password-wrapper.wimp .btn-gray:hover, .forgot-password-wrapper.wimp .btn-disabled:hover, .forgot-password-wrapper.wimp .btn-white:hover, .forgot-password-wrapper.wimp .btn-new:hover, .download.wimp .device .btn-gray:hover, .download.wimp .device .btn-disabled:hover, .download.wimp .device .btn-white:hover, .download.wimp .device .btn-new:hover {
    background-color: #00DDDD !important; }

.btn.big, .forgot-password-wrapper.wimp .big.btn, .download.wimp .device .big.btn, .big.btn-gray, .big.btn-disabled, .big.btn-white, .big.btn-new {
  font-size: 16px;
  font-family: "nationale-demibold", sans-serif; }

.btn-gray, .btn-disabled {
  background-color: #b3b3b3; }

.btn-white {
  background-color: #fafafa;
  color: #000000; }
  .btn-white:hover {
    background-color: #f1f1f1 !important; }

.btn-disabled {
  pointer-events: none;
  color: #F4F4F4; }

.btn-a-wrap {
  outline: none !important; }

.btn-new {
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid #00FFFF;
  letter-spacing: 1px;
  color: cyan;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 50%, cyan 50%);
  background-size: 100% 200%;
  background-position: left top;
  -webkit-transition: 90ms all ease-out;
  -ms-transition: 90ms all ease-out;
  -moz-transition: 90ms all ease-out;
  -o-transition: 90ms all ease-out;
  transition: 90ms all ease-out; }
  .btn-new:hover {
    opacity: 1;
    color: #1a1a1a;
    font-family: "nationale-demibold", sans-serif;
    background-position: left bottom; }
  .btn-new.reverse {
    -moz-border-image: -moz-linear-gradient(right, #498882 0%, cyan 100%);
    -webkit-border-image: -webkit-linear-gradient(right, #498882 0%, cyan 100%);
    border-image: linear-gradient(to left, #498882 0%, cyan 100%);
    border-image-slice: 1; }
  .btn-new.btn-new-gray {
    border-radius: 2px;
    font-family: "nationale-demibold", sans-serif;
    -webkit-border-image: none;
    -ms-border-image: none;
    -moz-border-image: none;
    -o-border-image: none;
    border-image: none;
    border: 1px solid #aaa; }

.no-focus:focus {
  outline: none; }

.notification-info, .notification-error, .notification-success {
  display: block;
  border: none;
  outline: 1px solid #dddddd;
  height: auto;
  max-width: 600px;
  min-height: 40px;
  margin-top: 10px;
  margin-bottom: 10px;
  background-image: url("/assets/images/icons/info-icon-small.png");
  background-size: 19px auto;
  background-position: 10px center;
  background-color: #f1f1f1; }
  @media (min-width: 768px) {
    .notification-info, .notification-error, .notification-success {
      min-height: 55px;
      background-size: 25px auto;
      background-position: 15px center; } }
  .notification-info p, .notification-error p, .notification-success p {
    margin: 0 10px 0 35px;
    font-size: 10px;
    color: #232323; }
    @media (min-width: 768px) {
      .notification-info p, .notification-error p, .notification-success p {
        font-size: 14px;
        margin-left: 48px; } }

.notification-error {
  background-image: url("/assets/images/icons/error-icon-small.png");
  outline-color: #FF0000; }

.notification-success {
  background-image: url("/assets/images/icons/success-icon-big.png");
  outline-color: #16b438; }

.login-wrapper, .forgot-password-wrapper {
  display: none;
  z-index: 2000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.85); }
  @media (max-width: 767px) {
    .login-wrapper form, .forgot-password-wrapper form {
      margin: 0 20px 20px 20px; } }
  @media (min-width: 475px) and (max-width: 768px) {
    .login-wrapper form, .forgot-password-wrapper form {
      margin: 0 auto 20px auto; } }
  .login-wrapper.show, .show.forgot-password-wrapper {
    display: block; }
  .login-wrapper .icon, .forgot-password-wrapper .icon {
    width: 180px;
    margin: 10px auto 20px auto; }
  .login-wrapper .login, .forgot-password-wrapper .login, .forgot-password-wrapper .forgot-password {
    position: absolute;
    background-color: #f5f5f5;
    text-align: center;
    width: 94%;
    padding: 0;
    top: 80px;
    left: 50%;
    margin-left: -47%; }
    .login-wrapper .login .login-cta, .forgot-password-wrapper .login .login-cta, .forgot-password-wrapper .forgot-password .login-cta {
      font-family: "nationale-demibold", sans-serif; }
    .login-wrapper .login input[type="text"], .forgot-password-wrapper .login input[type="text"], .forgot-password-wrapper .forgot-password input[type="text"], .login-wrapper .login input[type="password"], .forgot-password-wrapper .login input[type="password"], .forgot-password-wrapper .forgot-password input[type="password"] {
      border: 1px solid #ededed; }
    @media (min-width: 768px) {
      .login-wrapper .login, .forgot-password-wrapper .login, .forgot-password-wrapper .forgot-password {
        width: 350px;
        left: 48%;
        top: 50%;
        margin-left: -175px;
        padding: 20px 30px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); } }
  .login-wrapper .notification-error, .forgot-password-wrapper .notification-error {
    background-color: #FCFCFC;
    min-height: 40px;
    outline-offset: -1px;
    background-size: 18px auto;
    background-position: 12px center; }
    .login-wrapper .notification-error p, .forgot-password-wrapper .notification-error p {
      margin-left: 40px; }
  .login-wrapper .close, .forgot-password-wrapper .close {
    position: absolute;
    padding: 0;
    margin: 0;
    cursor: pointer;
    top: 7px;
    right: 7px;
    color: #333333;
    font-size: 22px;
    -webkit-transition: opacity 100ms ease-in;
    -moz-transition: opacity 100ms ease-in;
    -ms-transition: opacity 100ms ease-in;
    -o-transition: opacity 100ms ease-in;
    transition: opacity 100ms ease-in; }
    .login-wrapper .close:hover, .forgot-password-wrapper .close:hover {
      opacity: 0.8; }
  .login-wrapper .btn, .forgot-password-wrapper .btn, .forgot-password-wrapper.wimp .btn, .login-wrapper .download.wimp .device .btn, .download.wimp .device .login-wrapper .btn, .forgot-password-wrapper .download.wimp .device .btn, .download.wimp .device .forgot-password-wrapper .btn, .login-wrapper .btn-gray, .forgot-password-wrapper .btn-gray, .login-wrapper .btn-disabled, .forgot-password-wrapper .btn-disabled, .login-wrapper .btn-white, .forgot-password-wrapper .btn-white, .login-wrapper .btn-new, .forgot-password-wrapper .btn-new {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 0;
    padding-right: 0;
    padding-left: 0; }
    @media (min-width: 768px) {
      .login-wrapper .btn, .forgot-password-wrapper .btn, .forgot-password-wrapper.wimp .btn, .login-wrapper .download.wimp .device .btn, .download.wimp .device .login-wrapper .btn, .forgot-password-wrapper .download.wimp .device .btn, .download.wimp .device .forgot-password-wrapper .btn, .login-wrapper .btn-gray, .forgot-password-wrapper .btn-gray, .login-wrapper .btn-disabled, .forgot-password-wrapper .btn-disabled, .login-wrapper .btn-white, .forgot-password-wrapper .btn-white, .login-wrapper .btn-new, .forgot-password-wrapper .btn-new {
        width: 172px;
        margin: 20px 0; } }
  .login-wrapper .forgot-password-link, .forgot-password-wrapper .forgot-password-link, .forgot-password-wrapper .create-account-link {
    color: #232323;
    display: block;
    margin-bottom: 2px; }
    @media (max-width: 767px) {
      .login-wrapper .forgot-password-link, .forgot-password-wrapper .forgot-password-link, .forgot-password-wrapper .create-account-link {
        margin-top: 15px; } }

.forgot-password-wrapper {
  display: block;
  position: absolute;
  z-index: 1;
  background: url("/assets/images/index/tidal-concept-sound.jpg") no-repeat 0 0;
  background-size: cover;
  background-attachment: fixed; }
  .forgot-password-wrapper .btn, .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper .download.wimp .device .btn, .download.wimp .device .forgot-password-wrapper .btn, .forgot-password-wrapper .btn-gray, .forgot-password-wrapper .btn-disabled, .forgot-password-wrapper .btn-white, .forgot-password-wrapper .btn-new {
    margin: 0px 0 15px 0;
    width: 100%; }
  .forgot-password-wrapper .success-msg {
    color: #232323;
    margin-bottom: 40px;
    line-height: 1.39; }
  .forgot-password-wrapper .sub-text {
    color: #232323;
    line-height: 1.3;
    margin: 0 auto 20px auto; }

/*
  WiMP Override
*/
.forgot-password-wrapper.wimp .icon, .login-wrapper.wimp .icon, .wimp.forgot-password-wrapper .icon {
  width: 135px;
  margin: 20px auto 20px auto; }

.forgot-password-wrapper.wimp {
  background: url("/assets/images/campaigns/wimp/fold-1.jpg") no-repeat 0 0;
  background-size: cover;
  background-attachment: fixed; }

.login-wrapper .login .login-cta, .forgot-password-wrapper .login .login-cta, .forgot-password-wrapper .forgot-password .login-cta {
  font-family: "nationale", "nationale-regular", "Helvetica", sans-serif; }

.login-wrapper .login .login-signup-cta, .forgot-password-wrapper .login .login-signup-cta, .forgot-password-wrapper .forgot-password .login-signup-cta {
  border: 1px solid #dedede; }

.clear-txt {
  text-align: left;
  max-width: 709px;
  margin: 40px auto;
  color: #ffffff; }
  @media (min-width: 768px) {
    .clear-txt {
      margin-top: 0; } }
  .clear-txt h1, .clear-txt h2, .clear-txt h2, .clear-txt p {
    text-align: left;
    line-height: 1.45;
    color: #ffffff; }
  .clear-txt h1, .clear-txt h2 {
    font-size: 18px;
    font-family: "nationale-demibold", sans-serif; }
  .clear-txt h2 {
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 20px; }
  .clear-txt b {
    font-family: "nationale-demibold", sans-serif; }
  .clear-txt a {
    color: #ffffff; }
  .clear-txt p, .clear-txt li {
    font-size: 14px;
    line-height: 1.3; }
  .clear-txt ul {
    color: #ffffff;
    font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
    text-align: left; }
    .clear-txt ul li {
      list-style: circle inside;
      margin-bottom: 10px; }
  @media (min-width: 768px) {
    .clear-txt.legal h1, .clear-txt.legal h2 {
      font-size: 30px;
      font-family: "nationale-demibold", sans-serif; }
    .clear-txt.legal h2 {
      font-size: 16px; }
    .clear-txt.legal p {
      font-size: 16px; } }
  .clear-txt.legal .contact-disclaimer {
    margin-top: 40px; }
  .clear-txt.sweepstakes p {
    line-height: 1.4;
    margin-bottom: 20px; }

.ng-hide {
  display: none !important; }

.signup-modal-container {
  background: #111;
  padding-top: 5px; }

.custom-b {
  background: url("/images/campaigns/backdrop_product_selector.3ac3b2a3.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.signup-modal .close-text {
  display: none; }

.signup-modal .price-disclaimer {
  margin: 20px auto;
  display: inline-block;
  font-size: 12px; }

.signup-modal .start-trial {
  font-size: 16px;
  width: 100% !important;
  margin-top: 0 !important;
  bottom: 0;
  left: 0;
  right: 0;
  margin-bottom: 0;
  padding: 20px 0 16px 0; }

.signup-modal .signup-modal-content {
  width: 100%;
  max-width: 800px;
  margin: 0px auto;
  text-align: center; }
  .signup-modal .signup-modal-content h1, .signup-modal .signup-modal-content h2 {
    font-family: "nationale-demibold", sans-serif;
    font-size: 16px;
    margin: 0 auto; }
  .signup-modal .signup-modal-content p {
    line-height: 1.48;
    max-width: 680px;
    margin: 20px auto; }
  .signup-modal .signup-modal-content .bold {
    font-family: "nationale-demibold", sans-serif; }

.signup-modal .signup-subscription-plan-content {
  background: #1c1c1c;
  padding: 20px 0; }

.signup-modal .signup-content {
  width: 92%;
  margin: 20px auto; }
  .signup-modal .signup-content .tagline {
    margin: 25px auto 30px auto; }

.signup-modal .subscription-view-plan-types {
  margin-top: 0px;
  margin-bottom: 60px; }
  .signup-modal .subscription-view-plan-types a {
    margin: 0 5px;
    text-decoration: none;
    text-transform: uppercase; }
  .signup-modal .subscription-view-plan-types a:focus {
    outline: none; }
  .signup-modal .subscription-view-plan-types a.active {
    text-decoration: underline;
    pointer-events: none; }

.signup-modal .subscription-plan {
  position: relative;
  height: 230px;
  outline: 1px solid #494949;
  padding: 30px 20px;
  text-align: left;
  cursor: pointer; }
  .signup-modal .subscription-plan.selected {
    background: url("/images/icons/selected-product.be1d7ae5.png") no-repeat top right;
    background-size: 40px;
    outline-color: cyan; }
  .signup-modal .subscription-plan.subscription-plan-2 {
    margin-top: 10px; }
  .signup-modal .subscription-plan .content-header {
    overflow: auto;
    min-height: 34px; }
    .signup-modal .subscription-plan .content-header .pricing {
      float: left; }
    .signup-modal .subscription-plan .content-header .usp-icons {
      float: right; }
  .signup-modal .subscription-plan .price {
    margin: 0; }
  .signup-modal .subscription-plan .billing-frequency {
    margin: 0;
    color: #DFDFDF; }
  .signup-modal .subscription-plan .usp-icon {
    width: 30px;
    margin: 0 1px; }
  .signup-modal .subscription-plan .product-title {
    font-size: 19px;
    margin-top: 20px;
    margin-bottom: 0; }
  .signup-modal .subscription-plan .product-desc {
    margin-top: 5px;
    color: #DFDFDF;
    margin-bottom: 0; }

.signup-modal .start-trial {
  position: static;
  margin-top: 20px !important; }

.signup-modal .start-trial-prod-action {
  display: block;
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px; }
  .signup-modal .start-trial-prod-action .btn, .signup-modal .start-trial-prod-action .download.wimp .device .btn, .download.wimp .device .signup-modal .start-trial-prod-action .btn, .signup-modal .start-trial-prod-action .btn-gray, .signup-modal .start-trial-prod-action .btn-disabled, .signup-modal .start-trial-prod-action .btn-white, .signup-modal .start-trial-prod-action .btn-new {
    background: #fff !important; }

.signup-modal .subscription-plan.subscription-plan-1.selected .start-trial-prod-action .btn, .signup-modal .subscription-plan.subscription-plan-1.selected .start-trial-prod-action .btn-gray, .signup-modal .subscription-plan.subscription-plan-1.selected .start-trial-prod-action .btn-disabled, .signup-modal .subscription-plan.subscription-plan-1.selected .start-trial-prod-action .btn-white, .signup-modal .subscription-plan.subscription-plan-1.selected .start-trial-prod-action .btn-new {
  background: #00ffff !important; }

.signup-modal .subscription-plan.subscription-plan-2.selected .start-trial-prod-action .btn, .signup-modal .subscription-plan.subscription-plan-2.selected .start-trial-prod-action .btn-gray, .signup-modal .subscription-plan.subscription-plan-2.selected .start-trial-prod-action .btn-disabled, .signup-modal .subscription-plan.subscription-plan-2.selected .start-trial-prod-action .btn-white, .signup-modal .subscription-plan.subscription-plan-2.selected .start-trial-prod-action .btn-new {
  background: #00ffff !important; }

.signup-modal .desktop-pay-frequency {
  display: none; }

.signup-modal .mobile-pay-frequency, .signup-modal .family-pay-frequency {
  margin-top: 10px; }
  .signup-modal .mobile-pay-frequency .select-pay-frequency, .signup-modal .family-pay-frequency .select-pay-frequency {
    font-size: 13px;
    font-family: "nationale-demibold", sans-serif;
    line-height: 2.01;
    border-radius: 0px;
    min-width: 220px; }

.signup-modal .extendedSelector .subscription-plan {
  height: 250px; }
  .signup-modal .extendedSelector .subscription-plan.subscription-plan-2 {
    height: 270px; }

.signup-modal .giftcard-sub-text {
  border-top: 1px solid #525252;
  padding-top: 10px;
  font-size: 13px;
  padding-right: 40px; }

@media (min-width: 768px) {
  .signup-modal .mobile-pay-frequency {
    display: none; }
  .signup-modal .desktop-pay-frequency {
    display: block;
    margin-top: 30px; }
  .signup-modal .desktop-pay-frequency-item {
    border-top: 1px solid #525252;
    padding-top: 15px;
    padding-bottom: 15px;
    background: url("/images/icons/selected-icon.2630fb0f.png") no-repeat center right 0;
    background-size: 42px; }
    .signup-modal .desktop-pay-frequency-item:focus {
      outline: none; }
    .signup-modal .desktop-pay-frequency-item h2 {
      margin-top: 0;
      margin-bottom: 0; }
    .signup-modal .desktop-pay-frequency-item p {
      margin-top: 3px;
      margin-bottom: 0;
      font-size: 12px; }
  .signup-modal .selected .desktop-pay-frequency-item.selected {
    background: url("/images/icons/selected-icon-cyan.3e90a19a.png") no-repeat center right 0;
    background-size: 42px; }
  .signup-modal .signup-content {
    overflow: visible;
    width: 100%;
    height: 380px;
    max-width: 900px; }
  .signup-modal .signup-header {
    display: none; }
  .signup-modal .tagline {
    font-size: 20px; }
  .signup-modal .product-title {
    margin-top: 40px !important; }
  .signup-modal .familySelector .product-title {
    margin-top: 30px !important; }
  .signup-modal .subscription-plan {
    width: 44%;
    height: 240px;
    text-align: left;
    margin-top: 0; }
    .signup-modal .subscription-plan:hover {
      opacity: .85; }
    .signup-modal .subscription-plan.selected:hover {
      opacity: 1; }
    .signup-modal .subscription-plan h2 {
      text-align: left; }
  .signup-modal .extendedSelector {
    height: 650px; }
    .signup-modal .extendedSelector.studDiscSelector {
      height: 580px; }
    .signup-modal .extendedSelector .subscription-plan {
      height: 450px; }
    .signup-modal .extendedSelector .subscription-plan.subscription-plan-2 {
      height: 450px; }
  .signup-modal .familySelector {
    height: 430px; }
    .signup-modal .familySelector .subscription-plan {
      height: 265px; }
  .signup-modal .subscription-plan.subscription-plan-1 {
    float: left; }
  .signup-modal .subscription-plan.subscription-plan-2 {
    float: right;
    margin-top: 0; } }

.signup-modal .partner-info {
  margin: 60px auto;
  width: 92%; }
  .signup-modal .partner-info .partner {
    border: 1px solid #464646;
    padding: 20px;
    margin-bottom: 20px; }
  .signup-modal .partner-info .partner--logo {
    max-width: 120px; }
  .signup-modal .partner-info .partner--heading {
    text-transform: uppercase;
    font-family: 'nationale-demibold', sans-serif;
    letter-spacing: 0.1em; }
  .signup-modal .partner-info .partner--description,
  .signup-modal .partner-info .partner--description a {
    color: #7c7c7c;
    max-width: 480px; }
  @media (min-width: 768px) {
    .signup-modal .partner-info .partner {
      padding: 40px; }
    .signup-modal .partner-info .partner--description a {
      display: block; } }

.product-selector-android .close-text, .product-selector-android .close-top, .product-selector-android .tagline {
  display: none; }

.signup-modal .signup-modal-content .splash-faq {
  padding-bottom: 40px;
  height: auto !important;
  width: 90%;
  margin: 0 auto; }
  .signup-modal .signup-modal-content .splash-faq .col {
    text-align: left;
    display: block;
    width: 100%;
    max-width: 400px; }
    .signup-modal .signup-modal-content .splash-faq .col.col-2 {
      margin-bottom: 40px; }
    @media (min-width: 768px) {
      .signup-modal .signup-modal-content .splash-faq .col {
        width: 50%; }
        .signup-modal .signup-modal-content .splash-faq .col.col-1 {
          float: left; }
        .signup-modal .signup-modal-content .splash-faq .col.col-2 {
          float: right; } }
  .signup-modal .signup-modal-content .splash-faq .question {
    font-family: "nationale-demibold", sans-serif;
    margin-bottom: 0; }
  .signup-modal .signup-modal-content .splash-faq .answer {
    margin-top: 4px;
    font-size: 13px; }
    @media (min-width: 768px) {
      .signup-modal .signup-modal-content .splash-faq .answer {
        font-size: 15px; } }
  @media (min-width: 768px) {
    .signup-modal .signup-modal-content .splash-faq {
      margin-top: 0;
      padding-top: 0;
      margin-bottom: 0;
      width: 100%; }
      .signup-modal .signup-modal-content .splash-faq .cols {
        width: 100%;
        overflow: auto; }
        .signup-modal .signup-modal-content .splash-faq .cols .col {
          max-width: 370px; }
      .signup-modal .signup-modal-content .splash-faq .col-2 {
        margin-top: 0px; } }
  .signup-modal .signup-modal-content .splash-faq .link-resources a {
    display: block;
    margin-top: 10px;
    text-decoration: none; }
    .signup-modal .signup-modal-content .splash-faq .link-resources a .fa {
      margin-right: 2px; }

.page-account {
  background-color: #F8F8F8; }
  .page-account h1, .page-account h2, .page-account h3, .page-account p {
    color: #333333; }
  .page-account label {
    display: block;
    text-align: left;
    font-family: nationale-demibold, Helvetica, sans-serif;
    font-size: 14px;
    margin: 15px 0 5px 1px; }
  @media (max-width: 767px) {
    .page-account .nav-icon {
      right: 10px;
      top: auto; }
    .page-account header {
      background-color: #232323;
      width: 100%;
      margin-top: 0;
      padding: 12px 0px 10px 0; }
      .page-account header .logo-link {
        top: auto; }
      .page-account header .logo {
        margin-left: 10px; } }
  .page-account a.header-signout.visible-phone {
    font-size: 12px;
    top: 14px;
    right: 50px; }
  .page-account .content a:visited, .page-account .content a:link {
    color: #333333; }
  .page-account .content .ogone {
    width: 110px;
    margin-bottom: 18px; }
  .page-account .content-box, .page-account .overview-boxes, .page-account .box-subscription, .page-account .box-payment, .page-account .box-profile, .page-account .box-newsletter, .page-account .box-voucher, .page-account .box-offline, .page-account .box-invoice, .page-account .big-content-box, .page-account .box-your-subscription, .page-account .box-offline-devices, .page-account .box-offline-devices-available, .page-account .box-payment-info, .page-account .notification-info, .page-account .notification-error, .page-account .notification-success {
    background-color: #fff;
    border-color: #ECECEC;
    color: #444444; }
  .page-account .add-credit-card {
    max-width: 400px;
    margin: 40px auto; }
    .page-account .add-credit-card .secure-input {
      position: relative; }
    .page-account .add-credit-card .secure-input input {
      padding-right: 20px; }
    .page-account .add-credit-card .secure-input .lock-icon {
      position: absolute;
      pointer-events: none;
      top: 16px;
      padding: 0;
      right: 10px;
      width: 10px;
      opacity: .49; }
    .page-account .add-credit-card .secure-input.cvc-lock .lock-icon {
      top: 15px; }
    .page-account .add-credit-card .secure-img {
      width: 11px; }
    .page-account .add-credit-card .payment-inline {
      overflow: auto;
      max-width: 400px;
      margin: 10px auto; }
      .page-account .add-credit-card .payment-inline .cvc {
        float: left;
        margin-bottom: 10px;
        margin-left: 0;
        width: 65px !important; }
      .page-account .add-credit-card .payment-inline .cvc-img {
        width: 48px;
        margin-top: 13px;
        margin-left: 5px;
        float: left; }
      .page-account .add-credit-card .payment-inline .form-help-txt {
        margin-left: 1px;
        display: block;
        font-family: "nationale-demibold", sans-serif;
        font-size: 14px; }
      .page-account .add-credit-card .payment-inline .small {
        width: 50px; }
      .page-account .add-credit-card .payment-inline .expire-section, .page-account .add-credit-card .payment-inline .cvc-section {
        margin-bottom: 0;
        margin-top: 10px;
        float: left; }
        .page-account .add-credit-card .payment-inline .expire-section input, .page-account .add-credit-card .payment-inline .cvc-section input {
          display: inline-block;
          margin-left: 0; }
      .page-account .add-credit-card .payment-inline .cvc-section {
        overflow: auto;
        margin-left: 15px; }
    .page-account .add-credit-card .payment-provider {
      margin-top: 40px; }
      .page-account .add-credit-card .payment-provider img {
        height: 30px; }
    .page-account .add-credit-card .btn, .page-account .add-credit-card .download.wimp .device .btn, .download.wimp .device .page-account .add-credit-card .btn, .page-account .add-credit-card .btn-gray, .page-account .add-credit-card .btn-disabled, .page-account .add-credit-card .btn-white, .page-account .add-credit-card .btn-new {
      width: 100%;
      margin-bottom: 0;
      margin-top: 10px; }

.newsletter-manage-wrapper {
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
  text-align: center; }
  .newsletter-manage-wrapper .sub-text {
    max-width: 480px;
    line-height: 1.34;
    margin: 20px auto 40px auto; }
  .newsletter-manage-wrapper .newsletter-manage-icon {
    width: 100px;
    margin-top: 30px; }
  .newsletter-manage-wrapper .btn-wrapper {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto; }
    .newsletter-manage-wrapper .btn-wrapper.btn-wrapper-disabled {
      pointer-events: none;
      cursor: default; }
  .newsletter-manage-wrapper .btn, .newsletter-manage-wrapper .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .newsletter-manage-wrapper .btn, .newsletter-manage-wrapper .download.wimp .device .btn, .download.wimp .device .newsletter-manage-wrapper .btn, .newsletter-manage-wrapper .btn-gray, .newsletter-manage-wrapper .btn-disabled, .newsletter-manage-wrapper .btn-white, .newsletter-manage-wrapper .btn-new {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto; }

.change-password-headline {
  font-family: 'nationale-bold', 'nationale', sans-serif; }

.bold {
  font-family: "nationale-demibold", sans-serif; }

.brand-color {
  color: cyan; }

.page-index {
  background-color: #000000;
  padding-bottom: 0; }
  .page-index .content {
    max-width: none;
    width: 100%;
    margin: 0 auto; }
  .page-index .voucher-form .action.btn, .page-index .voucher-form .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .page-index .voucher-form .btn, .page-index .voucher-form .download.wimp .device .btn, .download.wimp .device .page-index .voucher-form .btn, .page-index .voucher-form .action.btn-gray, .page-index .voucher-form .action.btn-disabled, .page-index .voucher-form .action.btn-white, .page-index .voucher-form .action.btn-new, .page-index .voucher-form .forgot-password-wrapper.wimp .btn-gray, .forgot-password-wrapper.wimp .page-index .voucher-form .btn-gray, .page-index .voucher-form .forgot-password-wrapper.wimp .btn-disabled, .forgot-password-wrapper.wimp .page-index .voucher-form .btn-disabled, .page-index .voucher-form .forgot-password-wrapper.wimp .btn-white, .forgot-password-wrapper.wimp .page-index .voucher-form .btn-white, .page-index .voucher-form .forgot-password-wrapper.wimp .btn-new, .forgot-password-wrapper.wimp .page-index .voucher-form .btn-new, .page-index .voucher-form .download.wimp .device .btn-gray, .download.wimp .device .page-index .voucher-form .btn-gray, .page-index .voucher-form .download.wimp .device .btn-disabled, .download.wimp .device .page-index .voucher-form .btn-disabled, .page-index .voucher-form .download.wimp .device .btn-white, .download.wimp .device .page-index .voucher-form .btn-white, .page-index .voucher-form .download.wimp .device .btn-new, .download.wimp .device .page-index .voucher-form .btn-new {
    margin-top: 5px;
    width: 200px; }
    @media (min-width: 768px) {
      .page-index .voucher-form .action.btn, .page-index .voucher-form .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .page-index .voucher-form .btn, .page-index .voucher-form .download.wimp .device .btn, .download.wimp .device .page-index .voucher-form .btn, .page-index .voucher-form .action.btn-gray, .page-index .voucher-form .action.btn-disabled, .page-index .voucher-form .action.btn-white, .page-index .voucher-form .action.btn-new, .page-index .voucher-form .forgot-password-wrapper.wimp .btn-gray, .forgot-password-wrapper.wimp .page-index .voucher-form .btn-gray, .page-index .voucher-form .forgot-password-wrapper.wimp .btn-disabled, .forgot-password-wrapper.wimp .page-index .voucher-form .btn-disabled, .page-index .voucher-form .forgot-password-wrapper.wimp .btn-white, .forgot-password-wrapper.wimp .page-index .voucher-form .btn-white, .page-index .voucher-form .forgot-password-wrapper.wimp .btn-new, .forgot-password-wrapper.wimp .page-index .voucher-form .btn-new, .page-index .voucher-form .download.wimp .device .btn-gray, .download.wimp .device .page-index .voucher-form .btn-gray, .page-index .voucher-form .download.wimp .device .btn-disabled, .download.wimp .device .page-index .voucher-form .btn-disabled, .page-index .voucher-form .download.wimp .device .btn-white, .download.wimp .device .page-index .voucher-form .btn-white, .page-index .voucher-form .download.wimp .device .btn-new, .download.wimp .device .page-index .voucher-form .btn-new {
        min-width: 160px;
        padding-left: 5px;
        padding-right: 5px;
        margin-top: 20px;
        width: auto; } }
  .page-index .voucher-form .short-input {
    max-width: 200px;
    padding-bottom: 0; }
    @media (min-width: 768px) {
      .page-index .voucher-form .short-input {
        display: inline-block;
        width: 180px;
        height: 42px; } }
  .page-index .index-voucher-link {
    display: block;
    font-size: 13px;
    text-decoration: none;
    margin-top: -10px; }
  .page-index header {
    position: fixed;
    z-index: 101;
    background: none;
    margin-bottom: 0;
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out; }
    .page-index header.hide {
      opacity: 0; }
    .page-index header .logo {
      position: relative;
      z-index: 99999;
      left: 10px; }
      @media (min-width: 768px) {
        .page-index header .logo {
          left: auto; } }
    .page-index header .logo-link {
      display: block;
      position: absolute;
      z-index: 1000000; }

.page-index .splash-last .available-on-headline, .page-content-sharing .splash-last .available-on-headline {
  margin: 5px auto;
  font-size: 16px; }

.page-index .splash-last .available-on-devices, .page-content-sharing .splash-last .available-on-devices {
  margin: 70px auto 15px auto; }
  .page-index .splash-last .available-on-devices .fa, .page-content-sharing .splash-last .available-on-devices .fa {
    font-size: 20px;
    margin: 0 3px;
    color: #d0d0d0; }
  .page-index .splash-last .available-on-devices .fa-wifi, .page-index .splash-last .available-on-devices .fa-desktop, .page-content-sharing .splash-last .available-on-devices .fa-wifi, .page-content-sharing .splash-last .available-on-devices .fa-desktop {
    position: relative;
    top: 2px; }

.page-index .splash-last .available-on-txt, .page-content-sharing .splash-last .available-on-txt {
  font-size: 12px;
  max-width: 440px;
  color: #d0d0d0;
  line-height: 1.4;
  margin: 0 auto;
  width: 94%; }
  @media (min-width: 768px) {
    .page-index .splash-last .available-on-txt, .page-content-sharing .splash-last .available-on-txt {
      padding: 0; } }

.page-index .splash {
  text-align: center;
  padding: 40px 0;
  background: url("/images/index/tidal-concept-sound.9d650ebf.jpg") no-repeat 0 0;
  background-size: cover;
  width: 100%; }
  @media (min-width: 768px) {
    .page-index .splash {
      min-height: 600px; } }
  .page-index .splash .tagline-logo {
    width: 70%;
    max-width: 230px; }
    @media (min-width: 1400px) {
      .page-index .splash .tagline-logo {
        max-width: 260px; } }
    @media (min-width: 1480px) {
      .page-index .splash .tagline-logo {
        max-width: 310px; } }
  .page-index .splash .txt {
    padding: 0 20px;
    margin-top: 140px; }
    @media (min-width: 768px) {
      .page-index .splash .txt {
        margin-top: 260px;
        padding: 0; } }
  .page-index .splash h1, .page-index .splash h2 {
    font-size: 24px;
    letter-spacing: 2px;
    font-family: 'nationale-bold', sans-serif; }
    @media (min-width: 768px) {
      .page-index .splash h1, .page-index .splash h2 {
        font-size: 64px;
        letter-spacing: 4px; } }
  .page-index .splash .play-video-btn {
    cursor: pointer;
    display: inline-block;
    width: 40px;
    margin-bottom: 20px; }
    @media (min-width: 768px) {
      .page-index .splash .play-video-btn {
        width: 80px;
        margin-bottom: 15px; } }
  .page-index .splash .usp {
    margin: 20px auto 50px auto; }
    @media (min-width: 768px) {
      .page-index .splash .usp {
        margin: 0;
        width: 32%;
        display: inline-block; }
        .page-index .splash .usp p {
          font-size: 14px;
          width: 294px; } }
    .page-index .splash .usp .usp-icon {
      width: 58px;
      opacity: .75; }
    .page-index .splash .usp .usp-device {
      display: none; }
      @media (min-width: 768px) {
        .page-index .splash .usp .usp-device {
          display: inline-block;
          margin-top: 60px;
          margin-bottom: -2px; } }
  .page-index .splash h2 {
    color: #f3f3f3;
    font-size: 12px;
    margin-top: 20px;
    font-family: 'nationale-bold', sans-serif; }
    @media (min-width: 768px) {
      .page-index .splash h2 {
        font-family: 'nationale-demibold', sans-serif; } }
  .page-index .splash p {
    margin: 20px auto;
    max-width: 550px;
    line-height: 1.4; }
    @media (min-width: 768px) {
      .page-index .splash p {
        font-size: 16px; } }
    @media (min-width: 1400px) {
      .page-index .splash p {
        font-size: 18px; } }

.page-index .splash-1 {
  background: #000;
  padding: 50px 0 20px 0; }
  .page-index .splash-1 .splash-special-promo-txt {
    line-height: 1.4;
    letter-spacing: 0;
    font-size: 13px;
    max-width: 440px;
    margin: 30px auto 10px auto; }
  @media (min-width: 768px) {
    .page-index .splash-1 {
      background: #000;
      padding: 40px 0; }
      .page-index .splash-1 .splash-special-promo-txt {
        letter-spacing: 1px;
        font-size: 16px;
        margin: 30px auto 0 auto; } }
  .page-index .splash-1 .txt {
    margin-top: 60px; }
    @media (min-width: 768px) {
      .page-index .splash-1 .txt {
        margin-top: 130px; } }
    @media (min-width: 1480px) {
      .page-index .splash-1 .txt {
        margin-top: 180px; } }
  .page-index .splash-1 p {
    font-family: 'nationale-demibold', sans-serif; }
    @media (min-width: 768px) {
      .page-index .splash-1 p {
        font-family: 'nationale-regular', sans-serif; } }
  .page-index .splash-1 .voucher-headline {
    margin-top: 40px; }
  .page-index .splash-1 .countdown-mockup {
    width: 80%;
    max-width: 780px;
    margin: 60px auto; }
  .page-index .splash-1 .voucher-disclaimer {
    margin-top: 0;
    font-size: 12px;
    padding: 0 10px;
    max-width: 500px; }
    .page-index .splash-1 .voucher-disclaimer a {
      font-size: 12px; }
    @media (min-width: 768px) {
      .page-index .splash-1 .voucher-disclaimer {
        padding: 0;
        font-size: 13px; }
        .page-index .splash-1 .voucher-disclaimer a {
          font-size: 13px; } }
  .page-index .splash-1 .btn, .page-index .splash-1 .download.wimp .device .btn, .download.wimp .device .page-index .splash-1 .btn, .page-index .splash-1 .btn-gray, .page-index .splash-1 .btn-disabled, .page-index .splash-1 .btn-white, .page-index .splash-1 .btn-new {
    margin-top: 30px; }

.page-index .splash.splash-1.splash-tidal-deadweather {
  background: url("/images/index/album-release/deadweather.7b3c5145.jpg") no-repeat 0 0;
  background-size: cover; }
  @media (min-width: 768px) {
    .page-index .splash.splash-1.splash-tidal-deadweather {
      background: url("/images/index/album-release/deadweather.7b3c5145.jpg") no-repeat 0 0;
      background-size: cover; } }

.page-index .splash.splash-album-release-takeover.splash-cotto-canelo .try-now-wrapper-cotto {
  text-align: center; }

.page-index .splash.splash-album-release-takeover.splash-cotto-canelo .cotto-text-wrap {
  text-align: left; }

@media (min-width: 768px) {
  .page-index .splash.splash-album-release-takeover.splash-cotto-canelo .txt {
    overflow: auto;
    width: 100%;
    margin: 0px auto;
    max-width: 840px; }
  .page-index .splash.splash-album-release-takeover.splash-cotto-canelo .album-art {
    float: left; }
  .page-index .splash.splash-album-release-takeover.splash-cotto-canelo p {
    font-size: 15px !important; }
  .page-index .splash.splash-album-release-takeover.splash-cotto-canelo .cotto-text-wrap {
    float: right;
    width: 400px;
    margin-top: 45px; }
    .page-index .splash.splash-album-release-takeover.splash-cotto-canelo .cotto-text-wrap p {
      font-size: 14px; }
  .page-index .splash.splash-album-release-takeover.splash-cotto-canelo .try-now-wrapper-cotto {
    clear: both;
    padding-top: 40px; } }

.page-index .splash.splash-1.splash-tidal-julian-casablancas {
  background: url("/images/index/julian-casablancas-bg.adada3b9.jpg") no-repeat 0 0;
  background-size: cover; }
  .page-index .splash.splash-1.splash-tidal-julian-casablancas .txt {
    margin: 100px auto;
    font-family: 'nationale', sans-serif; }
  .page-index .splash.splash-1.splash-tidal-julian-casablancas .txt, .page-index .splash.splash-1.splash-tidal-julian-casablancas a {
    font-size: 22px; }

.page-index .crm-learnmore h2 {
  margin-bottom: 20px; }

.page-index .crm-learnmore .action.btn, .page-index .crm-learnmore .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .page-index .crm-learnmore .btn, .page-index .crm-learnmore .download.wimp .device .btn, .download.wimp .device .page-index .crm-learnmore .btn, .page-index .crm-learnmore .action.btn-gray, .page-index .crm-learnmore .action.btn-disabled, .page-index .crm-learnmore .action.btn-white, .page-index .crm-learnmore .action.btn-new, .page-index .crm-learnmore .forgot-password-wrapper.wimp .btn-gray, .forgot-password-wrapper.wimp .page-index .crm-learnmore .btn-gray, .page-index .crm-learnmore .forgot-password-wrapper.wimp .btn-disabled, .forgot-password-wrapper.wimp .page-index .crm-learnmore .btn-disabled, .page-index .crm-learnmore .forgot-password-wrapper.wimp .btn-white, .forgot-password-wrapper.wimp .page-index .crm-learnmore .btn-white, .page-index .crm-learnmore .forgot-password-wrapper.wimp .btn-new, .forgot-password-wrapper.wimp .page-index .crm-learnmore .btn-new, .page-index .crm-learnmore .download.wimp .device .btn-gray, .download.wimp .device .page-index .crm-learnmore .btn-gray, .page-index .crm-learnmore .download.wimp .device .btn-disabled, .download.wimp .device .page-index .crm-learnmore .btn-disabled, .page-index .crm-learnmore .download.wimp .device .btn-white, .download.wimp .device .page-index .crm-learnmore .btn-white, .page-index .crm-learnmore .download.wimp .device .btn-new, .download.wimp .device .page-index .crm-learnmore .btn-new {
  margin-top: 0; }

.page-index .short-input {
  max-width: 200px;
  padding-bottom: 0;
  margin-top: 0; }
  @media (min-width: 768px) {
    .page-index .short-input {
      display: inline-block;
      width: 180px;
      height: 42px; } }

.page-index .action.btn, .page-index .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .page-index .btn, .page-index .download.wimp .device .btn, .download.wimp .device .page-index .btn, .page-index .action.btn-gray, .page-index .action.btn-disabled, .page-index .action.btn-white, .page-index .action.btn-new, .page-index .forgot-password-wrapper.wimp .btn-gray, .forgot-password-wrapper.wimp .page-index .btn-gray, .page-index .forgot-password-wrapper.wimp .btn-disabled, .forgot-password-wrapper.wimp .page-index .btn-disabled, .page-index .forgot-password-wrapper.wimp .btn-white, .forgot-password-wrapper.wimp .page-index .btn-white, .page-index .forgot-password-wrapper.wimp .btn-new, .forgot-password-wrapper.wimp .page-index .btn-new, .page-index .download.wimp .device .btn-gray, .download.wimp .device .page-index .btn-gray, .page-index .download.wimp .device .btn-disabled, .download.wimp .device .page-index .btn-disabled, .page-index .download.wimp .device .btn-white, .download.wimp .device .page-index .btn-white, .page-index .download.wimp .device .btn-new, .download.wimp .device .page-index .btn-new {
  font-family: 'nationale-demibold', sans-serif;
  -webkit-appearance: none;
  -webkit-border-radius: 0; }
  @media (max-width: 767px) {
    .page-index .action.btn, .page-index .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .page-index .btn, .page-index .download.wimp .device .btn, .download.wimp .device .page-index .btn, .page-index .action.btn-gray, .page-index .action.btn-disabled, .page-index .action.btn-white, .page-index .action.btn-new, .page-index .forgot-password-wrapper.wimp .btn-gray, .forgot-password-wrapper.wimp .page-index .btn-gray, .page-index .forgot-password-wrapper.wimp .btn-disabled, .forgot-password-wrapper.wimp .page-index .btn-disabled, .page-index .forgot-password-wrapper.wimp .btn-white, .forgot-password-wrapper.wimp .page-index .btn-white, .page-index .forgot-password-wrapper.wimp .btn-new, .forgot-password-wrapper.wimp .page-index .btn-new, .page-index .download.wimp .device .btn-gray, .download.wimp .device .page-index .btn-gray, .page-index .download.wimp .device .btn-disabled, .download.wimp .device .page-index .btn-disabled, .page-index .download.wimp .device .btn-white, .download.wimp .device .page-index .btn-white, .page-index .download.wimp .device .btn-new, .download.wimp .device .page-index .btn-new {
      margin-top: 5px;
      width: 200px; } }

.page-index .splash-testimonials {
  position: relative;
  background: #000;
  height: auto !important;
  min-height: 0 !important; }
  .page-index .splash-testimonials .overlap-btn {
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: -40px;
    margin-left: -69px; }
  .page-index .splash-testimonials .txt {
    margin: 60px auto; }
  .page-index .splash-testimonials .testimonials {
    overflow: auto; }

.page-index .splash-2 {
  background: #000000; }
  @media (min-width: 768px) {
    .page-index .splash-2 {
      background: url("/images/index/tidal-concept-signature.59958524.jpg") no-repeat 0 0;
      background-size: cover;
      padding: 0; } }
  .page-index .splash-2 .txt {
    display: none; }
    @media (min-width: 768px) {
      .page-index .splash-2 .txt {
        display: block;
        margin-top: 0;
        padding-top: 240px; } }
  .page-index .splash-2 h1, .page-index .splash-2 h2 {
    line-height: 1.4; }
    @media (min-width: 768px) {
      .page-index .splash-2 h1, .page-index .splash-2 h2 {
        margin-top: 0; } }
  .page-index .splash-2 h2 {
    margin-bottom: 10px;
    letter-spacing: 2px; }
    @media (min-width: 768px) {
      .page-index .splash-2 h2 {
        font-size: 16px; } }

.page-index .splash-3 {
  background: url("/images/index/tidal-concept-sound.9d650ebf.jpg") no-repeat 0 0;
  background-size: cover; }
  @media (min-width: 768px) {
    .page-index .splash-3 {
      position: relative; } }
  .page-index .splash-3 .txt {
    max-width: 1200px;
    margin: 20px auto; }
    @media (min-width: 768px) {
      .page-index .splash-3 .txt {
        position: absolute;
        margin: 40px auto 0 auto;
        width: 100%;
        bottom: 80px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%); } }
  .page-index .splash-3 .tidal-diamond-icon {
    width: 60px;
    position: absolute;
    bottom: -31px;
    left: 50%;
    margin-left: -30px; }
  .page-index .splash-3 h2 {
    margin-bottom: 10px; }
  .page-index .splash-3 p {
    color: #CECECE;
    margin: 10px auto; }

.page-index .splash-4 {
  background: #000; }
  .page-index .splash-4 .usp {
    max-width: 320px; }
  @media (min-width: 768px) {
    .page-index .splash-4 .txt {
      margin-top: 293px; } }

.page-index-video .testimonials, .page-index .testimonials, .page-campaign .testimonials {
  margin-top: 40px; }
  .page-index-video .testimonials .testimonial, .page-index .testimonials .testimonial, .page-campaign .testimonials .testimonial {
    display: none; }
    .page-index-video .testimonials .testimonial a, .page-index .testimonials .testimonial a, .page-campaign .testimonials .testimonial a {
      text-decoration: none; }
    .page-index-video .testimonials .testimonial img, .page-index .testimonials .testimonial img, .page-campaign .testimonials .testimonial img {
      width: 100px;
      margin-bottom: 0; }
    .page-index-video .testimonials .testimonial p, .page-index .testimonials .testimonial p, .page-campaign .testimonials .testimonial p {
      font-family: nationale, sans-serif;
      margin-top: 10px;
      font-style: italic; }
    .page-index-video .testimonials .testimonial.testimonial-1, .page-index-video .testimonials .testimonial.testimonial-2, .page-index-video .testimonials .testimonial.testimonial-3, .page-index .testimonials .testimonial.testimonial-1, .page-index .testimonials .testimonial.testimonial-2, .page-index .testimonials .testimonial.testimonial-3, .page-campaign .testimonials .testimonial.testimonial-1, .page-campaign .testimonials .testimonial.testimonial-2, .page-campaign .testimonials .testimonial.testimonial-3 {
      display: block; }
    .page-index-video .testimonials .testimonial.testimonial-2, .page-index .testimonials .testimonial.testimonial-2, .page-campaign .testimonials .testimonial.testimonial-2 {
      margin: 40px auto; }
  @media (min-width: 768px) {
    .page-index-video .testimonials, .page-index .testimonials, .page-campaign .testimonials {
      display: block;
      overflow: visible;
      margin: 40px auto;
      width: 100%;
      max-width: 1080px;
      position: relative;
      left: 16px; }
      .page-index-video .testimonials .testimonial, .page-index .testimonials .testimonial, .page-campaign .testimonials .testimonial {
        display: block;
        float: left;
        width: 31%;
        margin-right: 20px; }
        .page-index-video .testimonials .testimonial.testimonial-2, .page-index .testimonials .testimonial.testimonial-2, .page-campaign .testimonials .testimonial.testimonial-2 {
          margin: 17px 20px 0 0; }
        .page-index-video .testimonials .testimonial.testimonial-3, .page-index .testimonials .testimonial.testimonial-3, .page-campaign .testimonials .testimonial.testimonial-3 {
          margin-top: 0px;
          margin-right: 0; }
        .page-index-video .testimonials .testimonial.testimonial-4, .page-index .testimonials .testimonial.testimonial-4, .page-campaign .testimonials .testimonial.testimonial-4 {
          margin-top: 7px; }
        .page-index-video .testimonials .testimonial.testimonial-5, .page-index .testimonials .testimonial.testimonial-5, .page-campaign .testimonials .testimonial.testimonial-5 {
          margin-top: 11px; }
        .page-index-video .testimonials .testimonial.testimonial-6, .page-index .testimonials .testimonial.testimonial-6, .page-campaign .testimonials .testimonial.testimonial-6 {
          margin-top: 11px;
          margin-right: 0; }
        .page-index-video .testimonials .testimonial img, .page-index .testimonials .testimonial img, .page-campaign .testimonials .testimonial img {
          width: 110px; }
        .page-index-video .testimonials .testimonial.testimonial-1 img, .page-index .testimonials .testimonial.testimonial-1 img, .page-campaign .testimonials .testimonial.testimonial-1 img {
          width: 95px; }
        .page-index-video .testimonials .testimonial.testimonial-3 img, .page-index .testimonials .testimonial.testimonial-3 img, .page-campaign .testimonials .testimonial.testimonial-3 img {
          width: 115px; }
        .page-index-video .testimonials .testimonial.testimonial-4 img, .page-index .testimonials .testimonial.testimonial-4 img, .page-campaign .testimonials .testimonial.testimonial-4 img {
          width: 60px; }
        .page-index-video .testimonials .testimonial.testimonial-5 img, .page-index .testimonials .testimonial.testimonial-5 img, .page-campaign .testimonials .testimonial.testimonial-5 img {
          width: 180px; }
        .page-index-video .testimonials .testimonial.testimonial-6 img, .page-index .testimonials .testimonial.testimonial-6 img, .page-campaign .testimonials .testimonial.testimonial-6 img {
          width: 125px; }
        .page-index-video .testimonials .testimonial p, .page-index .testimonials .testimonial p, .page-campaign .testimonials .testimonial p {
          font-size: 14px; } }
  @media (min-width: 1480px) {
    .page-index-video .testimonials, .page-index .testimonials, .page-campaign .testimonials {
      margin: 80px auto; } }

.page-index-video .splash.splash-neutral, .page-index .splash.splash-neutral, .page-campaign .splash.splash-neutral {
  background: #000;
  height: auto !important;
  padding-bottom: 40px; }

.page-index-video .splash-rising-video, .page-index .splash-rising-video, .page-campaign .splash-rising-video {
  background: #000; }
  @media (min-width: 768px) {
    .page-index-video .splash-rising-video, .page-index .splash-rising-video, .page-campaign .splash-rising-video {
      background: url("/images/index/lili-k.c3187402.jpg") no-repeat 0 0;
      background-size: cover; } }

.page-index-video .splash-nicki-bey-video, .page-index .splash-nicki-bey-video, .page-campaign .splash-nicki-bey-video {
  background: #000; }
  @media (min-width: 768px) {
    .page-index-video .splash-nicki-bey-video, .page-index .splash-nicki-bey-video, .page-campaign .splash-nicki-bey-video {
      background: url("/images/index/feeling-myself.949c86fb.jpg") no-repeat 0 0;
      background-size: cover; } }

.page-index-video .splash-exclusive-video, .page-index .splash-exclusive-video, .page-campaign .splash-exclusive-video {
  background: #000; }
  .page-index-video .splash-exclusive-video .exclusive-video-h1, .page-index .splash-exclusive-video .exclusive-video-h1, .page-campaign .splash-exclusive-video .exclusive-video-h1 {
    font-size: 50px; }

.page-index-video .splash-tidal-x-live .txt, .page-index .splash-tidal-x-live .txt, .page-campaign .splash-tidal-x-live .txt {
  margin-top: 0; }

.page-index-video .splash-tidal-x-live p, .page-index .splash-tidal-x-live p, .page-campaign .splash-tidal-x-live p {
  margin-bottom: 0;
  color: #DBDBDB; }

.page-index-video .splash-tidal-x-live img, .page-index .splash-tidal-x-live img, .page-campaign .splash-tidal-x-live img {
  width: 100%;
  max-width: 550px; }

.page-index-video .splash-small-video-takeover, .page-index .splash-small-video-takeover, .page-campaign .splash-small-video-takeover {
  background: #000;
  height: auto !important;
  padding-bottom: 0px; }
  .page-index-video .splash-small-video-takeover .txt, .page-index .splash-small-video-takeover .txt, .page-campaign .splash-small-video-takeover .txt {
    margin-top: 40px; }
  .page-index-video .splash-small-video-takeover .small-video-embed, .page-index .splash-small-video-takeover .small-video-embed, .page-campaign .splash-small-video-takeover .small-video-embed {
    display: block;
    overflow: hidden;
    width: 100%;
    max-width: 600px;
    margin: 40px auto 0 auto; }
  .page-index-video .splash-small-video-takeover .paragraph-open-playlist-in-tidal, .page-index .splash-small-video-takeover .paragraph-open-playlist-in-tidal, .page-campaign .splash-small-video-takeover .paragraph-open-playlist-in-tidal {
    margin-top: 0; }
  .page-index-video .splash-small-video-takeover .open-playlist-in-tidal, .page-index .splash-small-video-takeover .open-playlist-in-tidal, .page-campaign .splash-small-video-takeover .open-playlist-in-tidal {
    display: block;
    text-decoration: none;
    font-size: 16px;
    margin-bottom: 20px;
    font-family: "nationale-demibold", sans-serif; }
  .page-index-video .splash-small-video-takeover .tagline-logo, .page-index .splash-small-video-takeover .tagline-logo, .page-campaign .splash-small-video-takeover .tagline-logo {
    max-width: 200px; }

.page-index-video .splash-small-video-takeover-with-bg, .page-index .splash-small-video-takeover-with-bg, .page-campaign .splash-small-video-takeover-with-bg {
  background: url("/images/index/jeezy_mobile.24a56917.jpg") no-repeat 0 0;
  background-size: cover; }
  .page-index-video .splash-small-video-takeover-with-bg h2, .page-index .splash-small-video-takeover-with-bg h2, .page-campaign .splash-small-video-takeover-with-bg h2 {
    font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
    font-size: 11px;
    margin-bottom: 10px; }
    .page-index-video .splash-small-video-takeover-with-bg h2 .bold, .page-index .splash-small-video-takeover-with-bg h2 .bold, .page-campaign .splash-small-video-takeover-with-bg h2 .bold {
      font-family: "nationale-demibold", sans-serif; }
    .page-index-video .splash-small-video-takeover-with-bg h2 .bolder, .page-index .splash-small-video-takeover-with-bg h2 .bolder, .page-campaign .splash-small-video-takeover-with-bg h2 .bolder {
      font-family: "nationale-bold", sans-serif; }
    .page-index-video .splash-small-video-takeover-with-bg h2 .brand-color, .page-index .splash-small-video-takeover-with-bg h2 .brand-color, .page-campaign .splash-small-video-takeover-with-bg h2 .brand-color {
      color: cyan; }
  @media (min-width: 768px) {
    .page-index-video .splash-small-video-takeover-with-bg, .page-index .splash-small-video-takeover-with-bg, .page-campaign .splash-small-video-takeover-with-bg {
      background: url("/images/index/jeezy.b2b0ed3f.jpg") no-repeat 0 0;
      background-size: cover; }
      .page-index-video .splash-small-video-takeover-with-bg h2, .page-index .splash-small-video-takeover-with-bg h2, .page-campaign .splash-small-video-takeover-with-bg h2 {
        font-size: 16px; } }

.page-index-video .splash-small-video-takeover-with-bg-2, .page-index .splash-small-video-takeover-with-bg-2, .page-campaign .splash-small-video-takeover-with-bg-2 {
  background: url("/images/index/altj.525a660f.jpg") no-repeat 0 0px;
  background-size: cover; }
  .page-index-video .splash-small-video-takeover-with-bg-2 h2, .page-index .splash-small-video-takeover-with-bg-2 h2, .page-campaign .splash-small-video-takeover-with-bg-2 h2 {
    font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
    font-size: 11px;
    margin-bottom: 10px; }
    .page-index-video .splash-small-video-takeover-with-bg-2 h2 .bold, .page-index .splash-small-video-takeover-with-bg-2 h2 .bold, .page-campaign .splash-small-video-takeover-with-bg-2 h2 .bold {
      font-family: "nationale-demibold", sans-serif; }
    .page-index-video .splash-small-video-takeover-with-bg-2 h2 .bolder, .page-index .splash-small-video-takeover-with-bg-2 h2 .bolder, .page-campaign .splash-small-video-takeover-with-bg-2 h2 .bolder {
      font-family: "nationale-bold", sans-serif; }
    .page-index-video .splash-small-video-takeover-with-bg-2 h2 .brand-color, .page-index .splash-small-video-takeover-with-bg-2 h2 .brand-color, .page-campaign .splash-small-video-takeover-with-bg-2 h2 .brand-color {
      color: cyan; }
  @media (min-width: 768px) {
    .page-index-video .splash-small-video-takeover-with-bg-2, .page-index .splash-small-video-takeover-with-bg-2, .page-campaign .splash-small-video-takeover-with-bg-2 {
      background: url("/images/index/altj.525a660f.jpg") no-repeat 0 0;
      background-size: cover; }
      .page-index-video .splash-small-video-takeover-with-bg-2 h2, .page-index .splash-small-video-takeover-with-bg-2 h2, .page-campaign .splash-small-video-takeover-with-bg-2 h2 {
        font-size: 16px; } }

.page-index-video .splash-mia-takeover, .page-index .splash-mia-takeover, .page-campaign .splash-mia-takeover {
  background: url("/images/tidalx/mia-live/mia-bg-mobile.a4abc08d.jpg") no-repeat 0 0px;
  background-size: cover; }
  .page-index-video .splash-mia-takeover .mia-takeover-logo, .page-index .splash-mia-takeover .mia-takeover-logo, .page-campaign .splash-mia-takeover .mia-takeover-logo {
    width: 170px; }
  .page-index-video .splash-mia-takeover p, .page-index .splash-mia-takeover p, .page-campaign .splash-mia-takeover p {
    font-family: "nationale-demibold", sans-serif; }
  .page-index-video .splash-mia-takeover .mia-live-sub-p, .page-index .splash-mia-takeover .mia-live-sub-p, .page-campaign .splash-mia-takeover .mia-live-sub-p {
    margin-top: 40px;
    margin-bottom: 0;
    color: #0f1d40;
    letter-spacing: 1px; }
  .page-index-video .splash-mia-takeover .mia-live-main-p, .page-index .splash-mia-takeover .mia-live-main-p, .page-campaign .splash-mia-takeover .mia-live-main-p {
    font-size: 26px;
    margin-top: 5px;
    letter-spacing: 1px;
    width: 280px; }
  .page-index-video .splash-mia-takeover h1, .page-index-video .splash-mia-takeover h2, .page-index .splash-mia-takeover h1, .page-index .splash-mia-takeover h2, .page-campaign .splash-mia-takeover h1, .page-campaign .splash-mia-takeover h2 {
    font-size: 16px;
    letter-spacing: 2px;
    font-family: "nationale-bold", sans-serif;
    background: #0f1d40;
    padding: 15px 0; }
  .page-index-video .splash-mia-takeover .btn, .page-index-video .splash-mia-takeover .download.wimp .device .btn, .download.wimp .device .page-index-video .splash-mia-takeover .btn, .page-index-video .splash-mia-takeover .btn-gray, .page-index-video .splash-mia-takeover .btn-disabled, .page-index-video .splash-mia-takeover .btn-white, .page-index-video .splash-mia-takeover .btn-new, .page-index .splash-mia-takeover .btn, .page-index .splash-mia-takeover .download.wimp .device .btn, .download.wimp .device .page-index .splash-mia-takeover .btn, .page-index .splash-mia-takeover .btn-gray, .page-index .splash-mia-takeover .btn-disabled, .page-index .splash-mia-takeover .btn-white, .page-index .splash-mia-takeover .btn-new, .page-campaign .splash-mia-takeover .btn, .page-campaign .splash-mia-takeover .download.wimp .device .btn, .download.wimp .device .page-campaign .splash-mia-takeover .btn, .page-campaign .splash-mia-takeover .btn-gray, .page-campaign .splash-mia-takeover .btn-disabled, .page-campaign .splash-mia-takeover .btn-white, .page-campaign .splash-mia-takeover .btn-new {
    max-width: 400px;
    font-size: 14px;
    border-radius: 5px;
    font-family: "nationale-bold", sans-serif;
    color: #fff !important;
    width: 95%;
    padding: 18px 0;
    background: #0f1d40 !important; }
  @media (min-width: 768px) {
    .page-index-video .splash-mia-takeover, .page-index .splash-mia-takeover, .page-campaign .splash-mia-takeover {
      background: url("/images/tidalx/mia-live/mia-bg.f11132c9.jpg") no-repeat 0 0;
      background-size: cover; }
      .page-index-video .splash-mia-takeover h1, .page-index-video .splash-mia-takeover h2, .page-index .splash-mia-takeover h1, .page-index .splash-mia-takeover h2, .page-campaign .splash-mia-takeover h1, .page-campaign .splash-mia-takeover h2 {
        font-size: 42px;
        letter-spacing: 5px;
        padding: 22px 0; }
      .page-index-video .splash-mia-takeover p, .page-index .splash-mia-takeover p, .page-campaign .splash-mia-takeover p {
        font-size: 18px;
        width: 510px; }
      .page-index-video .splash-mia-takeover .mia-live-main-p, .page-index .splash-mia-takeover .mia-live-main-p, .page-campaign .splash-mia-takeover .mia-live-main-p {
        width: auto; }
      .page-index-video .splash-mia-takeover .btn, .page-index-video .splash-mia-takeover .download.wimp .device .btn, .download.wimp .device .page-index-video .splash-mia-takeover .btn, .page-index-video .splash-mia-takeover .btn-gray, .page-index-video .splash-mia-takeover .btn-disabled, .page-index-video .splash-mia-takeover .btn-white, .page-index-video .splash-mia-takeover .btn-new, .page-index .splash-mia-takeover .btn, .page-index .splash-mia-takeover .download.wimp .device .btn, .download.wimp .device .page-index .splash-mia-takeover .btn, .page-index .splash-mia-takeover .btn-gray, .page-index .splash-mia-takeover .btn-disabled, .page-index .splash-mia-takeover .btn-white, .page-index .splash-mia-takeover .btn-new, .page-campaign .splash-mia-takeover .btn, .page-campaign .splash-mia-takeover .download.wimp .device .btn, .download.wimp .device .page-campaign .splash-mia-takeover .btn, .page-campaign .splash-mia-takeover .btn-gray, .page-campaign .splash-mia-takeover .btn-disabled, .page-campaign .splash-mia-takeover .btn-white, .page-campaign .splash-mia-takeover .btn-new {
        font-size: 18px; } }

.page-index-video .splash-album-release-takeover, .page-index .splash-album-release-takeover, .page-campaign .splash-album-release-takeover {
  background: #000;
  height: auto !important;
  padding-bottom: 0px; }
  .page-index-video .splash-album-release-takeover .txt, .page-index .splash-album-release-takeover .txt, .page-campaign .splash-album-release-takeover .txt {
    margin-top: 40px; }
  .page-index-video .splash-album-release-takeover .album-art, .page-index .splash-album-release-takeover .album-art, .page-campaign .splash-album-release-takeover .album-art {
    display: block;
    overflow: hidden;
    width: 100%;
    max-width: 400px;
    max-height: 400px;
    margin: 40px auto 0 auto; }
  .page-index-video .splash-album-release-takeover .album-art a > img, .page-index .splash-album-release-takeover .album-art a > img, .page-campaign .splash-album-release-takeover .album-art a > img {
    height: 100%;
    width: 100%; }
  .page-index-video .splash-album-release-takeover .paragraph-open-playlist-in-tidal, .page-index .splash-album-release-takeover .paragraph-open-playlist-in-tidal, .page-campaign .splash-album-release-takeover .paragraph-open-playlist-in-tidal {
    margin-top: 0; }
  .page-index-video .splash-album-release-takeover .open-playlist-in-tidal, .page-index .splash-album-release-takeover .open-playlist-in-tidal, .page-campaign .splash-album-release-takeover .open-playlist-in-tidal {
    display: block;
    text-decoration: none;
    font-size: 16px;
    margin-bottom: 20px;
    font-family: "nationale-demibold", sans-serif; }
  .page-index-video .splash-album-release-takeover .tagline-logo, .page-index .splash-album-release-takeover .tagline-logo, .page-campaign .splash-album-release-takeover .tagline-logo {
    max-width: 200px; }

.page-index-video .splash.splash-tidal-x, .page-index .splash.splash-tidal-x, .page-campaign .splash.splash-tidal-x {
  background: #000; }
  .page-index-video .splash.splash-tidal-x .txt, .page-index .splash.splash-tidal-x .txt, .page-campaign .splash.splash-tidal-x .txt {
    margin-top: 80px; }
  .page-index-video .splash.splash-tidal-x h1, .page-index-video .splash.splash-tidal-x h2, .page-index .splash.splash-tidal-x h1, .page-index .splash.splash-tidal-x h2, .page-campaign .splash.splash-tidal-x h1, .page-campaign .splash.splash-tidal-x h2 {
    font-size: 17px;
    color: #00FFFF;
    line-height: 1.42;
    margin-top: 20px; }
  .page-index-video .splash.splash-tidal-x .index-tidal-x-cta-link, .page-index .splash.splash-tidal-x .index-tidal-x-cta-link, .page-campaign .splash.splash-tidal-x .index-tidal-x-cta-link {
    display: inline-block;
    font-family: "nationale-demibold", sans-serif;
    font-size: 14px;
    margin-bottom: 30px; }
  .page-index-video .splash.splash-tidal-x .tidal-x-index-learn-more, .page-index .splash.splash-tidal-x .tidal-x-index-learn-more, .page-campaign .splash.splash-tidal-x .tidal-x-index-learn-more {
    margin-top: 60px;
    margin-bottom: 0px; }
    .page-index-video .splash.splash-tidal-x .tidal-x-index-learn-more a, .page-index .splash.splash-tidal-x .tidal-x-index-learn-more a, .page-campaign .splash.splash-tidal-x .tidal-x-index-learn-more a {
      font-family: "nationale-demibold", sans-serif; }
  .page-index-video .splash.splash-tidal-x .btn, .page-index-video .splash.splash-tidal-x .btn-gray, .page-index-video .splash.splash-tidal-x .btn-disabled, .page-index-video .splash.splash-tidal-x .btn-white, .page-index-video .splash.splash-tidal-x .btn-new, .page-index .splash.splash-tidal-x .btn, .page-index .splash.splash-tidal-x .btn-gray, .page-index .splash.splash-tidal-x .btn-disabled, .page-index .splash.splash-tidal-x .btn-white, .page-index .splash.splash-tidal-x .btn-new, .page-campaign .splash.splash-tidal-x .btn, .page-campaign .splash.splash-tidal-x .btn-gray, .page-campaign .splash.splash-tidal-x .btn-disabled, .page-campaign .splash.splash-tidal-x .btn-white, .page-campaign .splash.splash-tidal-x .btn-new {
    margin-top: 0; }
  .page-index-video .splash.splash-tidal-x .tidal-x-index-or, .page-index .splash.splash-tidal-x .tidal-x-index-or, .page-campaign .splash.splash-tidal-x .tidal-x-index-or {
    font-size: 14px;
    color: #D8D8D8;
    margin-top: 10px; }
  .page-index-video .splash.splash-tidal-x .tidal-x-index-cols, .page-index .splash.splash-tidal-x .tidal-x-index-cols, .page-campaign .splash.splash-tidal-x .tidal-x-index-cols {
    max-width: 1400px;
    margin: 20px auto 80px auto; }
    .page-index-video .splash.splash-tidal-x .tidal-x-index-cols .tidal-x-index-col-2, .page-index .splash.splash-tidal-x .tidal-x-index-cols .tidal-x-index-col-2, .page-campaign .splash.splash-tidal-x .tidal-x-index-cols .tidal-x-index-col-2 {
      margin-top: 80px; }
    .page-index-video .splash.splash-tidal-x .tidal-x-index-cols .tidal-x-index-album-art, .page-index .splash.splash-tidal-x .tidal-x-index-cols .tidal-x-index-album-art, .page-campaign .splash.splash-tidal-x .tidal-x-index-cols .tidal-x-index-album-art {
      width: 100%; }
    .page-index-video .splash.splash-tidal-x .tidal-x-index-cols .tidal-x-index-header, .page-index .splash.splash-tidal-x .tidal-x-index-cols .tidal-x-index-header, .page-campaign .splash.splash-tidal-x .tidal-x-index-cols .tidal-x-index-header {
      width: 100%; }
    @media (min-width: 768px) {
      .page-index-video .splash.splash-tidal-x .tidal-x-index-cols, .page-index .splash.splash-tidal-x .tidal-x-index-cols, .page-campaign .splash.splash-tidal-x .tidal-x-index-cols {
        overflow: visible;
        width: 90%; }
        .page-index-video .splash.splash-tidal-x .tidal-x-index-cols .index-tidal-x-cta-link, .page-index .splash.splash-tidal-x .tidal-x-index-cols .index-tidal-x-cta-link, .page-campaign .splash.splash-tidal-x .tidal-x-index-cols .index-tidal-x-cta-link {
          font-size: 18px; }
        .page-index-video .splash.splash-tidal-x .tidal-x-index-cols .tidal-x-index-col-1, .page-index .splash.splash-tidal-x .tidal-x-index-cols .tidal-x-index-col-1, .page-campaign .splash.splash-tidal-x .tidal-x-index-cols .tidal-x-index-col-1 {
          float: left;
          width: 42%; }
        .page-index-video .splash.splash-tidal-x .tidal-x-index-cols .tidal-x-index-col-2, .page-index .splash.splash-tidal-x .tidal-x-index-cols .tidal-x-index-col-2, .page-campaign .splash.splash-tidal-x .tidal-x-index-cols .tidal-x-index-col-2 {
          float: right;
          width: 55%; } }
    @media (min-width: 1400px) {
      .page-index-video .splash.splash-tidal-x .tidal-x-index-cols .tidal-x-index-col-2, .page-index .splash.splash-tidal-x .tidal-x-index-cols .tidal-x-index-col-2, .page-campaign .splash.splash-tidal-x .tidal-x-index-cols .tidal-x-index-col-2 {
        margin-top: 120px; } }

/**
 *	This element is created inside your target element
 *	It is used so that your own element will not need to be altered
 **/
.time_circles {
  position: relative;
  width: 100%;
  height: 100%; }

/**
 *	This is all the elements used to house all text used
 * in time circles
 **/
.time_circles > div {
  position: absolute;
  text-align: center; }

/**
 *	Titles (Days, Hours, etc)
 **/
.time_circles > div > h4 {
  margin: 0px;
  padding: 0px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-family: "nationale-demibold", sans-serif; }

/**
 *	Time numbers, ie: 12
 **/
.time_circles > div > span {
  display: block;
  color: #fff;
  width: 100%;
  text-align: center;
  font-family: "nationale-demibold", sans-serif;
  font-size: 300%;
  margin-top: 0.1em;
  font-weight: bold;
  line-height: 1 !important; }

.tidal-counter-wrapper {
  width: auto;
  display: inline-block;
  max-width: 900px;
  margin: 40px auto; }

.tidal-counter-wrapper-circular {
  width: 90%;
  display: block;
  max-width: 900px;
  margin: 40px auto; }

.flip-clock-wrapper a, .flip-clock-wrapper p {
  font-family: "nationale-demibold", sans-serif; }

.crm-learnmore {
  margin: 100px auto; }

.page-index-2 {
  background: #1c1c1c;
  padding-bottom: 0; }
  .page-index-2 .unbold {
    font-family: "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .content {
    position: relative;
    top: 0;
    width: 100%;
    max-width: none;
    margin: 0 auto;
    -webkit-transition: 400ms top ease-out;
    -ms-transition: 400ms top ease-out;
    -moz-transition: 400ms top ease-out;
    -o-transition: 400ms top ease-out;
    transition: 400ms top ease-out; }
  .page-index-2 .video-light-bg .vimeo-embed {
    background: #1F1F1F; }
  .page-index-2 .regular-headline {
    font-family: "nationale", "nationale-regular", "Helvetica", sans-serif !important; }
  .page-index-2 .bold-sub-title {
    margin-bottom: 5px;
    display: inline-block;
    line-height: 1.5;
    letter-spacing: 1px; }
  .page-index-2 .loading-vimeo {
    display: none;
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
    width: 40px;
    height: 40px; }
  .page-index-2 .vimeo-desktop-overlay {
    display: none;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    -webkit-transition: 200ms opacity ease-out;
    -ms-transition: 200ms opacity ease-out;
    -moz-transition: 200ms opacity ease-out;
    -o-transition: 200ms opacity ease-out;
    transition: 200ms opacity ease-out; }
    .page-index-2 .vimeo-desktop-overlay .vimeo-splash {
      width: 102%;
      opacity: .5;
      -webkit-transition: 280ms opacity ease-out;
      -ms-transition: 280ms opacity ease-out;
      -moz-transition: 280ms opacity ease-out;
      -o-transition: 280ms opacity ease-out;
      transition: 280ms opacity ease-out; }
    .page-index-2 .vimeo-desktop-overlay:hover .vimeo-splash {
      opacity: .1; }
    .page-index-2 .vimeo-desktop-overlay:hover .vimeo-embed-play-icon {
      opacity: 1; }
    .page-index-2 .vimeo-desktop-overlay .vimeo-vid-info {
      position: absolute;
      z-index: 1;
      text-align: center;
      width: 480px;
      left: 50%;
      margin-left: -240px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
      .page-index-2 .vimeo-desktop-overlay .vimeo-vid-info p {
        color: #f0f0f0;
        text-transform: uppercase;
        font-family: "nationale-demibold", sans-serif;
        font-size: 15px;
        line-height: 1.85;
        margin-top: 20px;
        letter-spacing: .08em; }
    .page-index-2 .vimeo-desktop-overlay .vimeo-embed-play-icon {
      width: 70px;
      cursor: pointer;
      opacity: .7;
      -webkit-transition: 200ms opacity ease-out;
      -ms-transition: 200ms opacity ease-out;
      -moz-transition: 200ms opacity ease-out;
      -o-transition: 200ms opacity ease-out;
      transition: 200ms opacity ease-out; }
      .page-index-2 .vimeo-desktop-overlay .vimeo-embed-play-icon:hover {
        opacity: 1; }
      .page-index-2 .vimeo-desktop-overlay .vimeo-embed-play-icon:focus {
        outline: none; }
    @media (min-width: 768px) {
      .page-index-2 .vimeo-desktop-overlay {
        display: block; } }
  .page-index-2 .vimeo-embed iframe {
    opacity: 1;
    height: 100%; }
    @media (min-width: 768px) {
      .page-index-2 .vimeo-embed iframe {
        opacity: 0; } }
  .page-index-2 .loading-vim .loading-vimeo {
    display: block;
    text-align: center; }
    .page-index-2 .loading-vim .loading-vimeo img {
      width: 40px; }
  .page-index-2 .playing-vim .vimeo-desktop-overlay, .page-index-2 .loading-vim .vimeo-desktop-overlay {
    opacity: 0;
    display: none; }
  .page-index-2 .playing-vim.vimeo-embed iframe {
    opacity: 1; }
  .page-index-2 header {
    position: fixed;
    z-index: 101;
    background: #000;
    margin-bottom: 0;
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out; }
    .page-index-2 header.hide {
      opacity: 0; }
    .page-index-2 header.dark {
      background: none; }
    .page-index-2 header .logo {
      position: relative;
      z-index: 99999;
      left: 10px; }
      @media (min-width: 768px) {
        .page-index-2 header .logo {
          left: auto; } }
    .page-index-2 header .logo-link {
      display: block;
      position: absolute;
      z-index: 1000000; }
    .page-index-2 header .nav-try-now-cta {
      right: 45px;
      top: 17px !important; }
      @media (min-width: 768px) {
        .page-index-2 header .nav-try-now-cta {
          right: 235px;
          top: 19px; } }
    @media (max-width: 767px) {
      .page-index-2 header {
        top: 0px;
        margin: 0 auto;
        width: 100%;
        padding-top: 14px;
        padding-bottom: 10px; }
        .page-index-2 header .logo-link {
          top: 13px; }
        .page-index-2 header #nav-toggle {
          right: 0;
          top: 12px; } }
  .page-index-2 .nav-close header {
    background: none; }
    .page-index-2 .nav-close header.dark {
      background: none; }
      .page-index-2 .nav-close header.dark .logo {
        display: none !important; }
      .page-index-2 .nav-close header.dark .logo-black {
        display: inline-block !important; }
      .page-index-2 .nav-close header.dark #nav-toggle span, .page-index-2 .nav-close header.dark #nav-toggle span:before, .page-index-2 .nav-close header.dark #nav-toggle span:after {
        background: black; }
    @media (min-width: 768px) {
      .page-index-2 .nav-close header {
        background: #000; }
        .page-index-2 .nav-close header.dark a {
          color: #1a1a1a; }
        .page-index-2 .nav-close header.dark .nav-icon, .page-index-2 .nav-close header.dark .logo {
          display: none !important; }
        .page-index-2 .nav-close header.dark .nav-icon-black, .page-index-2 .nav-close header.dark .logo-black {
          display: inline-block !important; } }
  .page-index-2 .action-link-txt {
    padding: 10px 0 30px 0; }
    .page-index-2 .action-link-txt.action-link-txt-dual-1 {
      margin-bottom: 5px;
      margin-top: 40px;
      padding: 10px 0 20px 0; }
    .page-index-2 .action-link-txt.action-link-txt-dual-2 {
      margin-top: 0; }
    .page-index-2 .action-link-txt a {
      color: cyan;
      font-size: 12px;
      font-family: "nationale-demibold", sans-serif;
      background: -webkit-linear-gradient(cyan, #498882);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      letter-spacing: .19em; }
      .page-index-2 .action-link-txt a:hover {
        color: #00d7d7; }
  .page-index-2 .splash.splash-welcome-mat {
    position: absolute;
    left: 0;
    right: 0;
    height: 550px;
    top: -550px; }
  .page-index-2.active-mat .content {
    top: 550px; }
  @media (min-width: 768px) {
    .page-index-2 .splash.splash-welcome-mat {
      position: absolute;
      left: 0;
      right: 0;
      height: 700px;
      top: -700px;
      z-index: 12; }
    .page-index-2.active-mat .content {
      top: 700px; } }
  .page-index-2 .splash-tidal-generic {
    width: 100%;
    text-align: center; }
    .page-index-2 .splash-tidal-generic .generic-iphone-wrap {
      position: relative;
      width: 100%;
      line-height: 0;
      background: url("/images/index2/texture-bg-mobile.2c916331.jpg") no-repeat 0 0;
      background-size: cover;
      text-align: center; }
    .page-index-2 .splash-tidal-generic .generic-desktop-iphone-wrap {
      display: none; }
    .page-index-2 .splash-tidal-generic .generic-bottom-grad {
      position: absolute;
      left: 0;
      right: 0;
      height: 12px;
      background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(rgba(0, 0, 0, 0.25)));
      background: gradient(linear, 0% 0%, 0% 100%, from(transparent), to(rgba(0, 0, 0, 0.25)));
      bottom: 0; }
    .page-index-2 .splash-tidal-generic .generic-iphone {
      margin-top: 40px;
      width: 55%;
      max-width: 260px; }
    .page-index-2 .splash-tidal-generic .generic-info {
      background: #202020;
      padding-bottom: 40px;
      position: relative;
      z-index: 11; }
      .page-index-2 .splash-tidal-generic .generic-info h1, .page-index-2 .splash-tidal-generic .generic-info h2 {
        font-size: 28px;
        line-height: 1.2;
        margin-top: 0;
        padding-top: 20px;
        letter-spacing: 0; }
      .page-index-2 .splash-tidal-generic .generic-info h1 span, .page-index-2 .splash-tidal-generic .generic-info h2 span {
        font-family: "nationale-bold", sans-serif; }
      .page-index-2 .splash-tidal-generic .generic-info h1 span.visual-album, .page-index-2 .splash-tidal-generic .generic-info h2 span.visual-album {
        font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
        font-size: 10px;
        letter-spacing: 4px;
        display: block;
        margin-top: 5px; }
      .page-index-2 .splash-tidal-generic .generic-info .generic-headline {
        opacity: 0;
        position: absolute; }
        .page-index-2 .splash-tidal-generic .generic-info .generic-headline.show-headline {
          opacity: 1;
          -webkit-transition: 1700ms opacity ease-out;
          -ms-transition: 1700ms opacity ease-out;
          -moz-transition: 1700ms opacity ease-out;
          -o-transition: 1700ms opacity ease-out;
          transition: 1700ms opacity ease-out; }
        @media (max-width: 767px) {
          .page-index-2 .splash-tidal-generic .generic-info .generic-headline {
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            left: 50%; } }
      .page-index-2 .splash-tidal-generic .generic-info .generic-headline-0 {
        display: inline; }
      .page-index-2 .splash-tidal-generic .generic-info p {
        color: #fafafa;
        font-size: 12px;
        line-height: 1.6;
        width: 85%;
        margin: 0 auto; }
        @media (min-width: 475px) and (max-width: 768px) {
          .page-index-2 .splash-tidal-generic .generic-info p {
            font-size: 14px;
            max-width: 482px; } }
      .page-index-2 .splash-tidal-generic .generic-info .btn-new {
        width: 190px;
        font-size: 12px;
        padding-top: 16px;
        padding-bottom: 15px;
        letter-spacing: 2px;
        margin-top: 40px; }
  .page-index-2 .splash-tiles {
    background: #000;
    height: auto !important; }
  .page-index-2 .tile-wrapper {
    width: 100%;
    overflow: auto;
    line-height: 1; }
  .page-index-2 .tile-album-flow {
    display: none; }
  .page-index-2 .tile-cta {
    color: #fff;
    font-size: 12px;
    font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
    letter-spacing: .14em;
    margin-right: 2px; }
  .page-index-2 .tile-cta-icon {
    width: 11px; }
  .page-index-2 .tile {
    line-height: 0; }
    .page-index-2 .tile .tile-txt {
      padding: 0 20px 20px 40px; }
      .page-index-2 .tile .tile-txt.txt-padding {
        padding-top: 20px; }
    .page-index-2 .tile .live-stream-wrapper {
      margin-bottom: 0px;
      margin-top: 0; }
    .page-index-2 .tile h2 {
      color: #fff;
      font-size: 26px;
      font-family: "nationale-bold", sans-serif;
      margin-bottom: 10px;
      margin-top: 20px;
      line-height: 1.4; }
    .page-index-2 .tile p {
      line-height: 1.4; }
    .page-index-2 .tile a {
      text-decoration: none; }
    .page-index-2 .tile .full-width-img {
      width: 100%; }
  .page-index-2 .tile-1 {
    width: 100%;
    background: #000;
    min-height: 70px;
    clear: left; }
    .page-index-2 .tile-1.light-bg {
      background: #202020; }
    .page-index-2 .tile-1 .full-width-img {
      margin-bottom: 20px; }
    .page-index-2 .tile-1 .action-link-txt a {
      float: left; }
    .page-index-2 .tile-1 .action-link-txt img {
      width: 14px;
      margin-left: 7px;
      display: block;
      margin-top: 1px;
      float: left; }
  .page-index-2 .tile-2 {
    width: 50%;
    float: left;
    min-height: 70px; }
  .page-index-2 .tile-3 {
    background: #fff;
    width: 33.33%;
    float: left;
    min-height: 30px; }
  .page-index-2 .tile-tidal-signup, .page-index-2 .tile-tidal-watch, .page-index-2 .tile-mobile-hidden {
    display: none; }

@media (min-width: 768px) and (max-width: 1023px) {
  .page-index-2 .splash-tidal-generic .generic-wrapper {
    width: 95%; }
  .page-index-2 .splash-tidal-generic .generic-info h1, .page-index-2 .splash-tidal-generic .generic-info h2 {
    font-size: 42px;
    margin-top: 80px; }
  .page-index-2 .splash-tidal-generic .generic-info p {
    max-width: 420px;
    margin-left: 10px; } }

@media (min-width: 768px) {
  .page-index-2 .splash-tidal-generic {
    background: url("/images/index2/texture-bg.c89bd123.jpg") no-repeat 0 0px;
    background-size: cover;
    height: 600px !important; }
    .page-index-2 .splash-tidal-generic .generic-wrapper {
      position: relative;
      max-width: 820px;
      margin: 0 auto;
      padding-top: 80px; }
    .page-index-2 .splash-tidal-generic .generic-iphone-wrap {
      display: none; }
    .page-index-2 .splash-tidal-generic .generic-info {
      background: none;
      width: 550px;
      text-align: left; }
    .page-index-2 .splash-tidal-generic .generic-info h1, .page-index-2 .splash-tidal-generic .generic-info h2 {
      text-align: left;
      font-size: 48px;
      font-family: "nationale-bold", sans-serif;
      margin-left: 5px;
      margin-top: 60px; }
    .page-index-2 .splash-tidal-generic .generic-info h1 span.visual-album, .page-index-2 .splash-tidal-generic .generic-info h2 span.visual-album {
      font-size: 15px;
      letter-spacing: 5px;
      display: block;
      margin-top: 0;
      margin-left: 4px; }
    .page-index-2 .splash-tidal-generic .generic-info p {
      font-size: 12px;
      line-height: 1.7;
      letter-spacing: .05em; }
    .page-index-2 .splash-tidal-generic .generic-info .btn-new {
      margin-top: 40px;
      margin-bottom: 0; }
    .page-index-2 .splash-tidal-generic .generic-info .action-link-txt {
      width: 280px;
      margin: 0;
      text-align: center; }
    .page-index-2 .splash-tidal-generic .generic-desktop-iphone-wrap {
      display: none;
      position: absolute;
      z-index: 1;
      right: 0;
      width: 200px; }
      .page-index-2 .splash-tidal-generic .generic-desktop-iphone-wrap img {
        width: 100%;
        margin-top: 0px; }
      .page-index-2 .splash-tidal-generic .generic-desktop-iphone-wrap.make-it-fly {
        -webkit-transition: 500ms transform ease-in;
        -ms-transition: 500ms transform ease-in;
        -moz-transition: 500ms transform ease-in;
        -o-transition: 500ms transform ease-in;
        transition: 500ms transform ease-in;
        -webkit-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -o-transform: translateY(100px);
        transform: translateY(100px); } }
      @media (min-width: 768px) and (min-width: 992px) {
        .page-index-2 .splash-tidal-generic .generic-desktop-iphone-wrap.make-it-fly {
          -webkit-transform: translateY(200px);
          -ms-transform: translateY(200px);
          -moz-transform: translateY(200px);
          -o-transform: translateY(200px);
          transform: translateY(200px); } }
      @media (min-width: 768px) and (min-width: 1024px) {
        .page-index-2 .splash-tidal-generic .generic-desktop-iphone-wrap.make-it-fly {
          -webkit-transform: translateY(240px);
          -ms-transform: translateY(240px);
          -moz-transform: translateY(240px);
          -o-transform: translateY(240px);
          transform: translateY(240px); } }

@media (min-width: 1024px) {
  .page-index-2 .splash-tidal-generic .generic-wrapper {
    width: 100%; }
  .page-index-2 .splash-tidal-generic .generic-info h1, .page-index-2 .splash-tidal-generic .generic-info h2 {
    font-size: 48px;
    margin-top: 60px; }
  .page-index-2 .splash-tidal-generic .generic-info p {
    margin-left: auto; } }

@media (min-width: 1024px) {
  .page-index-2 .splash-tidal-generic {
    height: 630px !important; }
    .page-index-2 .splash-tidal-generic .generic-info .btn-new {
      padding-top: 22px;
      padding-bottom: 20px;
      border-radius: 5px;
      border: 1px solid cyan;
      font-size: 14px; }
    .page-index-2 .splash-tidal-generic .generic-wrapper {
      max-width: 1210px; }
    .page-index-2 .splash-tidal-generic .generic-info {
      width: 660px; }
    .page-index-2 .splash-tidal-generic .generic-info h1, .page-index-2 .splash-tidal-generic .generic-info h2 {
      font-size: 64px;
      margin-left: 45px; }
    .page-index-2 .splash-tidal-generic .generic-info p {
      font-size: 16px; }
    .page-index-2 .splash-tidal-generic .generic-desktop-iphone-wrap {
      right: 170px;
      width: 210px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .page-index-2 .splash-tiles .tile h2 {
    font-size: 32px; }
  .page-index-2 .splash-tiles .tile-tidal-signup .tile-txt h2 {
    font-size: 36px; } }

@media (min-width: 768px) {
  .page-index-2 .splash-tiles {
    background: #141414; }
    .page-index-2 .splash-tiles .vimeo-embed {
      padding-bottom: 52.25%; }
    .page-index-2 .splash-tiles .tile-mobile-hidden {
      display: block; }
    .page-index-2 .splash-tiles .tile-desktop-hidden {
      display: none; }
    .page-index-2 .splash-tiles .tile-generic .tile-1 .tile-txt {
      display: none; }
    .page-index-2 .splash-tiles .tile-generic .tile-1 .full-width-img {
      margin: 0; }
    .page-index-2 .splash-tiles .tile-wrapper {
      background: #000;
      overflow: hidden;
      max-width: 1200px;
      margin: 0 auto; }
    .page-index-2 .splash-tiles .tile-section-1 {
      width: 100%;
      max-width: 1290px;
      position: relative;
      overflow: hidden;
      background: #000; }
    .page-index-2 .splash-tiles .tile {
      text-align: left; }
    .page-index-2 .splash-tiles .tile-video .tile-txt {
      display: none; }
    .page-index-2 .splash-tiles .tile h2 {
      text-align: left;
      line-height: 1.2;
      margin-top: 60px; }
    .page-index-2 .splash-tiles .tile-section-1 .tile-1 {
      position: relative;
      z-index: 12;
      width: 65%;
      max-width: 880px;
      float: left; }
    .page-index-2 .splash-tiles .tile-1 .light-bg {
      background: #141414; }
    .page-index-2 .splash-tiles .tile-tidal-signup {
      display: block;
      position: absolute;
      left: 67%;
      bottom: 0;
      float: left;
      width: 32%;
      max-width: 350px;
      text-align: left; }
      .page-index-2 .splash-tiles .tile-tidal-signup .tile-txt {
        padding: 0 30px 40px 30px; }
      .page-index-2 .splash-tiles .tile-tidal-signup p {
        font-size: 14px;
        line-height: 1.5; }
    .page-index-2 .splash-tiles .tile-tidal-watch {
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      float: left;
      width: 390px;
      max-width: 32.5%;
      text-align: left; }
      .page-index-2 .splash-tiles .tile-tidal-watch .tile-txt {
        padding: 0 30px 0px 30px; }
    .page-index-2 .splash-tiles .tile-section.tile-section-flip .tile-tidal-watch {
      left: auto;
      right: 0;
      float: right; }
    .page-index-2 .splash-tiles .tile-section.tile-section-reverse {
      overflow: hidden; }
    .page-index-2 .splash-tiles .tile-section-reverse .tile-tidal-watch {
      position: static; }
    .page-index-2 .splash-tiles .tile-section-reverse .tile-1 {
      position: absolute;
      left: 32.5%;
      right: 0;
      bottom: 0;
      top: 0; }
    .page-index-2 .splash-tiles .tile-section {
      position: relative;
      overflow: hidden; }
    .page-index-2 .splash-tiles .tile-section .tile-1 {
      width: 65%;
      float: right; }
    .page-index-2 .splash-tiles .tile-section.tile-section-flip .tile-1 {
      float: left; }
    .page-index-2 .splash-tiles .tile-section-reverse-flip .tile-1 {
      width: 65.1%;
      float: left;
      left: 0; }
    .page-index-2 .splash-tiles .tile-section-reverse-flip .tile-tidal-watch {
      float: right;
      left: 0;
      max-width: none;
      width: 35%; }
    .page-index-2 .splash-tiles .tile-album-flow {
      display: block;
      width: 100%;
      margin-top: 0; }
      .page-index-2 .splash-tiles .tile-album-flow img {
        width: 20%;
        float: left;
        line-height: 0; }
    .page-index-2 .splash-tiles .tile-new-album {
      display: block; }
    .page-index-2 .splash-tiles .action-link-txt img {
      width: 11px; }
    .page-index-2 .splash-tiles .tile-section-popular {
      display: none; } }

@media (min-width: 1024px) {
  .page-index-2 .splash-tiles .tile h2 {
    font-size: 44px; }
  .page-index-2 .splash-tiles .tile-tidal-signup .tile-txt h2 {
    font-size: 40px; } }

.splash.splash-popular {
  overflow: hidden; }
  .splash.splash-popular.splash-popular-video {
    margin-top: 20px; }
  .splash.splash-popular .popular-info {
    text-align: center;
    padding-top: 40px; }
  .splash.splash-popular .popular-info h2 {
    font-family: "nationale-bold", sans-serif;
    margin-bottom: 10px; }
  .splash.splash-popular .popular-info a {
    font-size: 12px;
    font-family: "nationale-demibold", sans-serif;
    text-decoration: none; }
  .splash.splash-popular .popular-info {
    line-height: 1.4; }
  .splash.splash-popular .popular-powered-by {
    font-size: 12px; }
    .splash.splash-popular .popular-powered-by img {
      display: block;
      width: 40px;
      margin: 20px auto 5px auto; }
  .splash.splash-popular .popular-flow {
    width: 100%;
    margin: 40px auto; }
  .splash.splash-popular .popular-item {
    overflow: hidden;
    width: 50%;
    float: left;
    position: relative;
    line-height: 0; }
    .splash.splash-popular .popular-item .popular-item-img {
      position: relative;
      overflow: hidden;
      line-height: 0; }
    .splash.splash-popular .popular-item a {
      display: block;
      text-decoration: none;
      line-height: 0; }
    .splash.splash-popular .popular-item .popular-cover-img {
      width: 100%;
      -webkit-transition: 100ms transform ease-out;
      -ms-transition: 100ms transform ease-out;
      -moz-transition: 100ms transform ease-out;
      -o-transition: 100ms transform ease-out;
      transition: 100ms transform ease-out; }
    .splash.splash-popular .popular-item:hover .popular-cover-img, .splash.splash-popular .popular-item.active-popular .popular-cover-img {
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2); }
    .splash.splash-popular .popular-item:hover .popular-item-overlay, .splash.splash-popular .popular-item.active-popular .popular-item-overlay {
      opacity: 1; }
  .splash.splash-popular .popular-item-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transition: 100ms opacity ease-in;
    -ms-transition: 100ms opacity ease-in;
    -moz-transition: 100ms opacity ease-in;
    -o-transition: 100ms opacity ease-in;
    transition: 100ms opacity ease-in; }
    .splash.splash-popular .popular-item-overlay .btn-new {
      width: 140px;
      font-size: 9px;
      color: #fafafa;
      padding: 8px 0;
      font-family: "nationale-demibold", sans-serif;
      pointer-events: none;
      margin: 0; }
    .splash.splash-popular .popular-item-overlay p {
      font-size: 12px;
      display: block;
      line-height: 1.3;
      margin: 2px 0; }
    .splash.splash-popular .popular-item-overlay p.popular-title {
      font-family: "nationale-demibold", sans-serif; }
  .splash.splash-popular .popular-item-info {
    margin: 0;
    position: absolute;
    top: 43%;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%); }
  .splash.splash-popular .popular-bottom-info {
    padding: 15px 4px;
    overflow: hidden; }
  .splash.splash-popular .popular-bottom-left {
    float: left;
    width: 29px;
    height: 42px;
    border-right: 2px solid #636363; }
    .splash.splash-popular .popular-bottom-left p {
      font-size: 16px;
      font-family: "nationale-bold", sans-serif;
      color: cyan; }
    .splash.splash-popular .popular-bottom-left img {
      width: 18px;
      margin-top: 7px;
      margin-left: 1px; }
  .splash.splash-popular .popular-bottom-right {
    float: left;
    width: 77%; }
    .splash.splash-popular .popular-bottom-right p {
      margin-left: 10px;
      font-family: "nationale-demibold", sans-serif;
      line-height: 1;
      margin-top: 0; }
  .splash.splash-popular .popular-title {
    font-size: 14px; }
  .splash.splash-popular .popular-artist {
    font-size: 11px; }
  @media (min-width: 768px) {
    .splash.splash-popular .popular-wrap {
      max-width: 1200px;
      margin: 0 auto; }
    .splash.splash-popular .popular-info p {
      font-size: 20px;
      max-width: 540px;
      margin: 20px auto;
      line-height: 1.5; }
    .splash.splash-popular .popular-info .popular-powered-by {
      font-size: 14px; }
    .splash.splash-popular .popular-item {
      width: 20%; }
    .splash.splash-popular .popular-item-overlay .popular-item-info p {
      font-size: 14px; }
    .splash.splash-popular .popular-item-overlay .btn-new {
      font-size: 12px;
      padding: 12px; }
    .splash.splash-popular .popular-bottom-info {
      padding: 20px 0px; }
    .splash.splash-popular .popular-title {
      font-size: 13px; }
    .splash.splash-popular .popular-artist {
      font-size: 12px; } }
  @media (min-width: 1400px) {
    .splash.splash-popular .popular-bottom-info {
      padding: 20px 15px; }
    .splash.splash-popular .popular-title {
      font-size: 16px; }
    .splash.splash-popular .popular-bottom-left {
      width: 29px; }
    .splash.splash-popular .popular-bottom-right {
      width: 72%; } }

.iphone-sprite {
  display: none; }

.tx1020-donate-button-x {
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -67px; }

@media (min-width: 768px) {
  .tx1020-donate-button-x {
    bottom: 10px;
    margin-left: -100px; }
    .tx1020-donate-button-x .btn-new {
      width: 200px;
      font-size: 16px;
      padding: 15px 0; }
  .move-pos-wrap.start-movement {
    width: 1210px;
    height: 690px;
    position: fixed;
    left: 50%;
    margin-left: -605px;
    z-index: 10;
    top: 80px; }
    .move-pos-wrap.start-movement .iphone-sprite {
      top: 0; }
  .iphone-sprite {
    position: absolute;
    z-index: 1;
    right: 100px;
    top: 80px; }
    .iphone-sprite.start-movement-nope {
      position: fixed;
      right: auto;
      top: 0; }
    .iphone-sprite.stop-movement {
      position: absolute;
      top: 300px;
      right: 100px; }
  .iphone-sprite {
    display: inline-block;
    background: url("/images/index2/promos/htc/htc_one_sprite_2bl.d9c085b2.png") no-repeat;
    max-width: 100%;
    background-size: 100%;
    width: 270px;
    height: 575px; }
  .iphone-sprite-1 .iphone-sprite {
    background-position: 0 0%;
    background-size: 100%; }
  .iphone-sprite-2 .iphone-sprite {
    background-position: 0 2.12766%;
    background-size: 100%; }
  .iphone-sprite-3 .iphone-sprite {
    background-position: 0 4.255319%;
    background-size: 100%; }
  .iphone-sprite-4 .iphone-sprite {
    background-position: 0 6.382979%;
    background-size: 100%; }
  .iphone-sprite-5 .iphone-sprite {
    background-position: 0 8.510638%;
    background-size: 100%; }
  .iphone-sprite-6 .iphone-sprite {
    background-position: 0 10.638298%;
    background-size: 100%; }
  .iphone-sprite-7 .iphone-sprite {
    background-position: 0 12.765957%;
    background-size: 100%; }
  .iphone-sprite-8 .iphone-sprite {
    background-position: 0 14.893617%;
    background-size: 100%; }
  .iphone-sprite-9 .iphone-sprite {
    background-position: 0 17.021277%;
    background-size: 100%; }
  .iphone-sprite-10 .iphone-sprite {
    background-position: 0 19.148936%;
    background-size: 100%; }
  .iphone-sprite-11 .iphone-sprite {
    background-position: 0 21.276596%;
    background-size: 100%; }
  .iphone-sprite-12 .iphone-sprite {
    background-position: 0 23.404255%;
    background-size: 100%; }
  .iphone-sprite-13 .iphone-sprite {
    background-position: 0 25.531915%;
    background-size: 100%; }
  .iphone-sprite-14 .iphone-sprite {
    background-position: 0 27.659574%;
    background-size: 100%; }
  .iphone-sprite-15 .iphone-sprite {
    background-position: 0 29.787234%;
    background-size: 100%; }
  .iphone-sprite-16 .iphone-sprite {
    background-position: 0 31.914894%;
    background-size: 100%; }
  .iphone-sprite-17 .iphone-sprite {
    background-position: 0 34.042553%;
    background-size: 100%; }
  .iphone-sprite-18 .iphone-sprite {
    background-position: 0 36.170213%;
    background-size: 100%; }
  .iphone-sprite-19 .iphone-sprite {
    background-position: 0 38.297872%;
    background-size: 100%; }
  .iphone-sprite-20 .iphone-sprite {
    background-position: 0 40.425532%;
    background-size: 100%; }
  .iphone-sprite-21 .iphone-sprite {
    background-position: 0 42.553191%;
    background-size: 100%; }
  .iphone-sprite-22 .iphone-sprite {
    background-position: 0 44.680851%;
    background-size: 100%; }
  .iphone-sprite-23 .iphone-sprite {
    background-position: 0 46.808511%;
    background-size: 100%; }
  .iphone-sprite-24 .iphone-sprite {
    background-position: 0 48.93617%;
    background-size: 100%; }
  .iphone-sprite-25 .iphone-sprite {
    background-position: 0 51.06383%;
    background-size: 100%; }
  .iphone-sprite-26 .iphone-sprite {
    background-position: 0 53.191489%;
    background-size: 100%; }
  .iphone-sprite-27 .iphone-sprite {
    background-position: 0 55.319149%;
    background-size: 100%; }
  .iphone-sprite-28 .iphone-sprite {
    background-position: 0 57.446809%;
    background-size: 100%; }
  .iphone-sprite-29 .iphone-sprite {
    background-position: 0 59.574468%;
    background-size: 100%; }
  .iphone-sprite-30 .iphone-sprite {
    background-position: 0 61.702128%;
    background-size: 100%; }
  .iphone-sprite-31 .iphone-sprite {
    background-position: 0 63.829787%;
    background-size: 100%; }
  .iphone-sprite-32 .iphone-sprite {
    background-position: 0 65.957447%;
    background-size: 100%; }
  .iphone-sprite-33 .iphone-sprite {
    background-position: 0 68.085106%;
    background-size: 100%; }
  .iphone-sprite-34 .iphone-sprite {
    background-position: 0 70.212766%;
    background-size: 100%; }
  .iphone-sprite-35 .iphone-sprite {
    background-position: 0 72.340426%;
    background-size: 100%; }
  .iphone-sprite-36 .iphone-sprite {
    background-position: 0 74.468085%;
    background-size: 100%; }
  .iphone-sprite-37 .iphone-sprite {
    background-position: 0 76.595745%;
    background-size: 100%; }
  .iphone-sprite-38 .iphone-sprite {
    background-position: 0 78.723404%;
    background-size: 100%; }
  .iphone-sprite-39 .iphone-sprite {
    background-position: 0 80.851064%;
    background-size: 100%; }
  .iphone-sprite-40 .iphone-sprite {
    background-position: 0 82.978723%;
    background-size: 100%; }
  .iphone-sprite-41 .iphone-sprite {
    background-position: 0 85.106383%;
    background-size: 100%; }
  .iphone-sprite-42 .iphone-sprite {
    background-position: 0 87.234043%;
    background-size: 100%; }
  .iphone-sprite-43 .iphone-sprite {
    background-position: 0 89.361702%;
    background-size: 100%; }
  .iphone-sprite-44 .iphone-sprite {
    background-position: 0 91.489362%;
    background-size: 100%; }
  .iphone-sprite-45 .iphone-sprite {
    background-position: 0 93.617021%;
    background-size: 100%; }
  .iphone-sprite-46 .iphone-sprite {
    background-position: 0 95.744681%;
    background-size: 100%; }
  .iphone-sprite-47 .iphone-sprite {
    background-position: 0 97.87234%;
    background-size: 100%; }
  .iphone-sprite-48 .iphone-sprite {
    background-position: 0 100%;
    background-size: 100%; }
  /*.iphone-sprite {
    display: inline-block;
    background: url('/images/devices/index-phone/index-phone-2.9019bc85.png') no-repeat;
    max-width: 100%;
    background-size: 100%;
    width: 290px;
    height: 575px;
  }

  .iphone-sprite-1 .iphone-sprite { background-position: 0 0%; background-size: 100%; }
  .iphone-sprite-2 .iphone-sprite { background-position: 0 3.448276%; background-size: 100%; }
  .iphone-sprite-3 .iphone-sprite { background-position: 0 6.896552%; background-size: 100%; }
  .iphone-sprite-4 .iphone-sprite { background-position: 0 10.344828%; background-size: 100%; }
  .iphone-sprite-5 .iphone-sprite { background-position: 0 13.793103%; background-size: 100%; }
  .iphone-sprite-6 .iphone-sprite { background-position: 0 17.241379%; background-size: 100%; }
  .iphone-sprite-7 .iphone-sprite { background-position: 0 20.689655%; background-size: 100%; }
  .iphone-sprite-8 .iphone-sprite { background-position: 0 24.137931%; background-size: 100%; }
  .iphone-sprite-9 .iphone-sprite { background-position: 0 27.586207%; background-size: 100%; }
  .iphone-sprite-10 .iphone-sprite { background-position: 0 31.034483%; background-size: 100%; }
  .iphone-sprite-11 .iphone-sprite { background-position: 0 34.482759%; background-size: 100%; }
  .iphone-sprite-12 .iphone-sprite { background-position: 0 37.931034%; background-size: 100%; }
  .iphone-sprite-13 .iphone-sprite { background-position: 0 41.37931%; background-size: 100%; }
  .iphone-sprite-14 .iphone-sprite { background-position: 0 44.827586%; background-size: 100%; }
  .iphone-sprite-15 .iphone-sprite { background-position: 0 48.275862%; background-size: 100%; }
  .iphone-sprite-16 .iphone-sprite { background-position: 0 51.724138%; background-size: 100%; }
  .iphone-sprite-17 .iphone-sprite { background-position: 0 55.172414%; background-size: 100%; }
  .iphone-sprite-18 .iphone-sprite { background-position: 0 58.62069%; background-size: 100%; }
  .iphone-sprite-19 .iphone-sprite { background-position: 0 62.068966%; background-size: 100%; }
  .iphone-sprite-20 .iphone-sprite { background-position: 0 65.517241%; background-size: 100%; }
  .iphone-sprite-21 .iphone-sprite { background-position: 0 68.965517%; background-size: 100%; }
  .iphone-sprite-22 .iphone-sprite { background-position: 0 72.413793%; background-size: 100%; }
  .iphone-sprite-23 .iphone-sprite { background-position: 0 75.862069%; background-size: 100%; }
  .iphone-sprite-24 .iphone-sprite { background-position: 0 79.310345%; background-size: 100%; }
  .iphone-sprite-25 .iphone-sprite { background-position: 0 82.758621%; background-size: 100%; }
  .iphone-sprite-26 .iphone-sprite { background-position: 0 86.206897%; background-size: 100%; }
  .iphone-sprite-27 .iphone-sprite { background-position: 0 89.655172%; background-size: 100%; }
  .iphone-sprite-28 .iphone-sprite { background-position: 0 93.103448%; background-size: 100%; }
  .iphone-sprite-29 .iphone-sprite { background-position: 0 96.551724%; background-size: 100%; }
  .iphone-sprite-30 .iphone-sprite { background-position: 0 100%; background-size: 100%; }*/ }

@media (min-width: 768px) and (max-width: 1023px) {
  .iphone-sprite {
    right: -10px; } }

.content .splash.splash-last {
  background: none;
  min-height: 0 !important;
  padding: 20px 0; }
  @media (min-width: 768px) {
    .content .splash.splash-last {
      height: 240px !important; } }
  .content .splash.splash-last .txt {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    margin-top: 40px;
    width: 100%;
    padding: 0;
    padding-bottom: 80px; }
  .content .splash.splash-last a {
    text-decoration: none;
    font-family: nationale-demibold, sans-serif; }
  .content .splash.splash-last p {
    font-family: 'nationale-regular', sans-serif; }
  .content .splash.splash-last .footer-txt {
    margin-top: 40px;
    margin-bottom: 40px; }
    @media (min-width: 768px) {
      .content .splash.splash-last .footer-txt {
        margin-top: 80px;
        font-size: 15px; } }
  .content .splash.splash-last .footer-logo {
    width: 75%;
    max-width: 340px;
    margin-bottom: 60px; }
  .content .splash.splash-last .footer-cta {
    display: block;
    margin-bottom: 5px;
    margin-top: 25px; }
    .content .splash.splash-last .footer-cta .btn, .content .splash.splash-last .footer-cta .btn-gray, .content .splash.splash-last .footer-cta .btn-disabled, .content .splash.splash-last .footer-cta .btn-white, .content .splash.splash-last .footer-cta .btn-new {
      margin-top: 0; }
  .content .splash.splash-last .aspiro-disclaimer {
    font-size: 12px; }
    .content .splash.splash-last .aspiro-disclaimer a {
      font-size: 12px; }

.page-index-video {
  background-color: #000000; }
  .page-index-video .content {
    max-width: none;
    width: 100%;
    margin-top: 0; }
  .page-index-video .index-voucher-link {
    display: block;
    font-size: 13px;
    text-decoration: none;
    margin-top: -10px; }
  .page-index-video header {
    position: fixed;
    z-index: 101;
    background: none;
    margin-bottom: 0;
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out; }
    @media (min-width: 768px) {
      .page-index-video header {
        position: fixed; } }
    .page-index-video header.hide {
      opacity: 0; }
    .page-index-video header .logo {
      position: relative;
      z-index: 99999;
      left: 10px; }
      @media (min-width: 768px) {
        .page-index-video header .logo {
          left: auto; } }
    .page-index-video header .logo-link {
      display: block;
      position: absolute;
      z-index: 1000000; }

.video-embed {
  display: block;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  max-width: 100%;
  height: auto; }
  @media (min-width: 768px) {
    .video-embed {
      display: none; } }
  .video-embed iframe, .video-embed object, .video-embed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.videoBG,
.videoBG_wrapper {
  width: 100% !important;
  height: 100% !important; }

.page-index-video .splash {
  text-align: center;
  padding: 40px 0;
  background: url("/images/index/tidal-concept-sound.9d650ebf.jpg") no-repeat 0 0;
  background-size: cover;
  width: 100%; }
  @media (min-width: 768px) {
    .page-index-video .splash {
      min-height: 600px; } }
  .page-index-video .splash .tagline-logo {
    width: 92%;
    max-width: 280px; }
    @media (min-width: 1400px) {
      .page-index-video .splash .tagline-logo {
        max-width: 320px; } }
    @media (min-width: 1480px) {
      .page-index-video .splash .tagline-logo {
        max-width: 350px; } }
  .page-index-video .splash .txt {
    padding: 0 20px;
    margin-top: 140px; }
    @media (min-width: 768px) {
      .page-index-video .splash .txt {
        margin-top: 140px; } }
    @media (min-width: 1480px) {
      .page-index-video .splash .txt {
        margin-top: 260px; } }
  .page-index-video .splash h1, .page-index-video .splash h2 {
    font-size: 24px;
    letter-spacing: 2px;
    font-family: 'nationale-bold', sans-serif; }
    @media (min-width: 768px) {
      .page-index-video .splash h1, .page-index-video .splash h2 {
        font-size: 64px;
        letter-spacing: 4px; } }
    @media (min-width: 1480px) {
      .page-index-video .splash h1, .page-index-video .splash h2 {
        font-size: 80px;
        letter-spacing: 5px; } }
  .page-index-video .splash .play-video-btn {
    cursor: pointer;
    display: inline-block;
    width: 40px;
    margin-bottom: 20px; }
    .page-index-video .splash .play-video-btn:hover {
      opacity: .85; }
    @media (min-width: 768px) {
      .page-index-video .splash .play-video-btn {
        width: 80px;
        margin-bottom: 15px; } }
  .page-index-video .splash h2 {
    color: #f3f3f3;
    font-size: 12px;
    margin-top: 20px;
    font-family: 'nationale-bold', sans-serif; }
    @media (min-width: 768px) {
      .page-index-video .splash h2 {
        font-family: 'nationale-demibold', sans-serif; } }
  .page-index-video .splash p {
    margin: 20px auto;
    max-width: 540px;
    line-height: 1.4; }
    @media (min-width: 768px) {
      .page-index-video .splash p {
        font-size: 18px; } }
  .page-index-video .splash .available-on-headline {
    margin: 5px auto;
    font-size: 16px; }
  .page-index-video .splash .available-on-devices {
    margin: 40px auto 15px auto; }
    .page-index-video .splash .available-on-devices .fa {
      font-size: 20px;
      margin: 0 3px;
      color: #d0d0d0; }
    .page-index-video .splash .available-on-devices .fa-wifi, .page-index-video .splash .available-on-devices .fa-desktop {
      position: relative;
      top: 2px; }
  .page-index-video .splash .available-on-txt {
    font-size: 12px;
    max-width: 440px;
    color: #d0d0d0;
    line-height: 1.4;
    margin: 0 auto;
    width: 94%; }
    @media (min-width: 768px) {
      .page-index-video .splash .available-on-txt {
        padding: 0; } }

.page-index-video .splash-1 {
  padding: 40px 0 40px 0; }
  .page-index-video .splash-1 .txt {
    margin-top: 60px; }
    @media (min-width: 768px) {
      .page-index-video .splash-1 .txt {
        margin-top: 20px; } }
    @media (min-width: 1480px) {
      .page-index-video .splash-1 .txt {
        margin-top: 70px; } }
  @media (max-width: 767px) {
    .page-index-video .splash-1 .tagline-logo {
      margin-bottom: 20px; } }
  .page-index-video .splash-1 h1, .page-index-video .splash-1 h2 {
    margin-top: 40px;
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .page-index-video .splash-1 h1, .page-index-video .splash-1 h2 {
        margin-top: 30px;
        font-size: 48px; } }
    @media (min-width: 1480px) {
      .page-index-video .splash-1 h1, .page-index-video .splash-1 h2 {
        margin-top: 60px;
        font-size: 58px; } }
  .page-index-video .splash-1 p {
    font-family: 'nationale-demibold', sans-serif; }
    @media (min-width: 768px) {
      .page-index-video .splash-1 p {
        font-family: 'nationale-regular', sans-serif; } }
  .page-index-video .splash-1 .btn, .page-index-video .splash-1 .download.wimp .device .btn, .download.wimp .device .page-index-video .splash-1 .btn, .page-index-video .splash-1 .btn-gray, .page-index-video .splash-1 .btn-disabled, .page-index-video .splash-1 .btn-white, .page-index-video .splash-1 .btn-new {
    margin-top: 40px; }

.page-index-video .splash-2 {
  background: #000000; }
  @media (min-width: 768px) {
    .page-index-video .splash-2 {
      background: none;
      padding: 0; } }
  .page-index-video .splash-2 .txt {
    display: none; }
    @media (min-width: 768px) {
      .page-index-video .splash-2 .txt {
        display: block;
        margin-top: 240px; } }
  .page-index-video .splash-2 h1, .page-index-video .splash-2 h2 {
    line-height: 1.4; }
    @media (min-width: 768px) {
      .page-index-video .splash-2 h1, .page-index-video .splash-2 h2 {
        margin-top: 0; } }
  .page-index-video .splash-2 h2 {
    margin-bottom: 10px;
    letter-spacing: 2px; }
    @media (min-width: 768px) {
      .page-index-video .splash-2 h2 {
        font-size: 16px; } }

.page-index-video .splash-3 {
  background: #1a1a1a; }
  @media (min-width: 768px) {
    .page-index-video .splash-3 {
      padding-bottom: 0;
      position: relative; } }
  .page-index-video .splash-3 .txt {
    max-width: 1200px;
    margin: 10px auto; }
    @media (min-width: 768px) {
      .page-index-video .splash-3 .txt {
        width: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        margin: 40px auto 0px auto;
        position: absolute;
        bottom: 0; } }
  .page-index-video .splash-3 h2 {
    margin-bottom: 10px; }
  .page-index-video .splash-3 p {
    color: #CECECE;
    margin: 10px auto; }
  .page-index-video .splash-3 .usp {
    margin: 20px auto 50px auto; }
    @media (min-width: 768px) {
      .page-index-video .splash-3 .usp {
        margin: 0;
        width: 32%;
        display: inline-block; }
        .page-index-video .splash-3 .usp p {
          font-size: 14px;
          width: 294px; } }
    .page-index-video .splash-3 .usp .usp-icon {
      width: 58px;
      opacity: .75; }
    .page-index-video .splash-3 .usp .usp-device {
      display: none; }
      @media (min-width: 768px) {
        .page-index-video .splash-3 .usp .usp-device {
          display: inline-block;
          margin-top: 60px;
          margin-bottom: -2px; } }

.page-campaign {
  background-color: #000000; }
  .page-campaign .content {
    max-width: none;
    width: 100%;
    margin-top: 0; }
  .page-campaign .index-voucher-link {
    display: block;
    font-size: 13px;
    text-decoration: none;
    margin-top: -10px; }
  .page-campaign .minor-disclaimer {
    font-size: 10px; }
  .page-campaign header {
    position: fixed;
    z-index: 101;
    background: none;
    margin-bottom: 0;
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out; }
    .page-campaign header.hide {
      opacity: 0; }
    .page-campaign header .logo {
      position: relative;
      z-index: 99999;
      left: 10px; }
      @media (min-width: 768px) {
        .page-campaign header .logo {
          left: auto; } }
    .page-campaign header .logo-link {
      display: block;
      position: absolute;
      z-index: 1000000; }

.page-campaign .splash {
  text-align: center;
  padding: 40px 0;
  background: url("/images/index/tidal-concept-sound.9d650ebf.jpg") no-repeat 0 0;
  background-size: cover;
  width: 100%; }
  @media (min-width: 768px) {
    .page-campaign .splash {
      min-height: 600px; } }
  .page-campaign .splash .tagline-logo {
    width: 92%;
    max-width: 380px; }
  .page-campaign .splash .txt {
    padding: 0 20px;
    margin-top: 80px; }
    @media (min-width: 768px) {
      .page-campaign .splash .txt {
        margin-top: 260px; } }
  .page-campaign .splash h1, .page-campaign .splash h2 {
    font-size: 24px;
    letter-spacing: 2px;
    font-family: "nationale-bold", sans-serif; }
    @media (min-width: 768px) {
      .page-campaign .splash h1, .page-campaign .splash h2 {
        font-size: 64px;
        letter-spacing: 4px; } }
  .page-campaign .splash .play-video-btn {
    display: inline-block;
    width: 40px;
    margin-bottom: 20px; }
    @media (min-width: 768px) {
      .page-campaign .splash .play-video-btn {
        width: 80px;
        margin-bottom: 15px; } }
  .page-campaign .splash h2 {
    color: #f3f3f3;
    font-size: 12px;
    margin-top: 20px;
    font-family: "nationale-bold", sans-serif; }
    @media (min-width: 768px) {
      .page-campaign .splash h2 {
        font-family: "nationale-demibold", sans-serif; } }
  .page-campaign .splash p {
    margin: 20px auto;
    max-width: 540px;
    line-height: 1.4; }
    @media (min-width: 768px) {
      .page-campaign .splash p {
        font-size: 18px; } }
  .page-campaign .splash .available-on-devices {
    margin: 70px auto 15px auto; }
    .page-campaign .splash .available-on-devices .fa {
      font-size: 20px;
      margin: 0 3px;
      color: #d0d0d0; }
    .page-campaign .splash .available-on-devices .fa-wifi, .page-campaign .splash .available-on-devices .fa-desktop {
      position: relative;
      top: 2px; }
  .page-campaign .splash .available-on-txt {
    font-size: 12px;
    max-width: 440px;
    color: #d0d0d0;
    line-height: 1.4;
    margin: 0 auto;
    width: 94%; }
    @media (min-width: 768px) {
      .page-campaign .splash .available-on-txt {
        padding: 0; } }

.page-campaign .campaign-jazz .splash-1 .tagline-logo, .page-campaign .campaign-audio .splash-1 .tagline-logo, .page-campaign .campaign-premium .splash-1 .tagline-logo {
  width: 92%;
  max-width: 270px; }
  @media (min-width: 1400px) {
    .page-campaign .campaign-jazz .splash-1 .tagline-logo, .page-campaign .campaign-audio .splash-1 .tagline-logo, .page-campaign .campaign-premium .splash-1 .tagline-logo {
      max-width: 310px; } }
  @media (min-width: 1480px) {
    .page-campaign .campaign-jazz .splash-1 .tagline-logo, .page-campaign .campaign-audio .splash-1 .tagline-logo, .page-campaign .campaign-premium .splash-1 .tagline-logo {
      max-width: 350px; } }

.page-campaign .campaign-jazz .splash-1 .txt, .page-campaign .campaign-audio .splash-1 .txt, .page-campaign .campaign-premium .splash-1 .txt {
  position: static;
  -webkit-transform: none;
  -ms-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  margin-top: 60px; }
  @media (min-width: 768px) {
    .page-campaign .campaign-jazz .splash-1 .txt, .page-campaign .campaign-audio .splash-1 .txt, .page-campaign .campaign-premium .splash-1 .txt {
      margin-top: 20px; } }
  @media (min-width: 1480px) {
    .page-campaign .campaign-jazz .splash-1 .txt, .page-campaign .campaign-audio .splash-1 .txt, .page-campaign .campaign-premium .splash-1 .txt {
      margin-top: 70px; } }

.page-campaign .campaign-jazz .splash-1 h1, .page-campaign .campaign-jazz .splash-1 h2, .page-campaign .campaign-audio .splash-1 h1, .page-campaign .campaign-audio .splash-1 h2, .page-campaign .campaign-premium .splash-1 h1, .page-campaign .campaign-premium .splash-1 h2 {
  margin-top: 40px;
  margin-bottom: 0; }
  @media (min-width: 768px) {
    .page-campaign .campaign-jazz .splash-1 h1, .page-campaign .campaign-jazz .splash-1 h2, .page-campaign .campaign-audio .splash-1 h1, .page-campaign .campaign-audio .splash-1 h2, .page-campaign .campaign-premium .splash-1 h1, .page-campaign .campaign-premium .splash-1 h2 {
      margin-top: 20px;
      font-size: 48px; } }
  @media (min-width: 1480px) {
    .page-campaign .campaign-jazz .splash-1 h1, .page-campaign .campaign-jazz .splash-1 h2, .page-campaign .campaign-audio .splash-1 h1, .page-campaign .campaign-audio .splash-1 h2, .page-campaign .campaign-premium .splash-1 h1, .page-campaign .campaign-premium .splash-1 h2 {
      margin-top: 60px;
      font-size: 58px; } }

.page-campaign .splash-2 {
  background: #000000; }
  @media (min-width: 768px) {
    .page-campaign .splash-2 {
      background: none;
      padding: 0; } }
  .page-campaign .splash-2 .txt {
    display: none; }
    @media (min-width: 768px) {
      .page-campaign .splash-2 .txt {
        display: block;
        bottom: auto !important;
        top: 50%;
        margin-top: -130px; } }
  .page-campaign .splash-2 h1, .page-campaign .splash-2 h2 {
    line-height: 1.4; }
    @media (min-width: 768px) {
      .page-campaign .splash-2 h1, .page-campaign .splash-2 h2 {
        margin-top: 0; } }
  .page-campaign .splash-2 h2 {
    margin-bottom: 10px;
    letter-spacing: 2px; }
    @media (min-width: 768px) {
      .page-campaign .splash-2 h2 {
        font-size: 16px; } }
  .page-campaign .splash-2 .play-video-btn {
    cursor: pointer; }

.page-campaign .splash-3 .txt, .page-campaign .splash-4 .txt, .page-campaign .splash-5 .txt {
  padding: 0 20px;
  margin-top: 80px; }
  @media (min-width: 768px) {
    .page-campaign .splash-3 .txt, .page-campaign .splash-4 .txt, .page-campaign .splash-5 .txt {
      margin-top: 260px; }
      .page-campaign .splash-3 .txt h1, .page-campaign .splash-4 .txt h1, .page-campaign .splash-5 .txt h1, .page-campaign .splash-3 .txt h2, .page-campaign .splash-4 .txt h2, .page-campaign .splash-5 .txt h2 {
        margin-top: 40px;
        font-size: 60px; } }

.page-campaign .splash h1, .page-campaign .splash h2 {
  line-height: 1.35;
  margin-top: 20px; }

@media (min-width: 768px) {
  .page-campaign .splash p {
    font-size: 16px; } }

@media (min-width: 1480px) {
  .page-campaign .splash p {
    font-size: 18px; } }

.page-campaign .splash .main-image {
  width: 60%;
  max-width: 400px;
  margin-bottom: 0;
  min-width: 220px; }

@media (min-width: 768px) {
  .page-campaign .splash {
    position: relative; }
    .page-campaign .splash .txt {
      position: absolute;
      bottom: 100px;
      left: 50%;
      width: 90%;
      margin-left: auto;
      margin-right: auto;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%); } }

@media (min-width: 1480px) {
  .page-campaign .splash .txt {
    bottom: 220px; } }

.page-campaign .splash-3 {
  background: url("/images/campaigns/amplifier.0692ba8d.jpg") no-repeat 0 0;
  background-size: cover; }

.page-campaign .splash-4 {
  background: url("/images/campaigns/desk.3a6ae8b3.jpg") no-repeat 0 0;
  background-size: cover; }

.page-campaign .splash-5 {
  background: url("/images/campaigns/walk.23b1915b.jpg") no-repeat 0 0;
  background-size: cover; }

.page-campaign .splash-6 {
  background: #000000; }
  @media (max-width: 767px) {
    .page-campaign .splash-6 .txt {
      margin-top: 80px; } }

.page-campaign .splash-7 {
  background: url("/images/campaigns/marble.d55d15ae.jpg") no-repeat 0 0;
  background-size: cover; }

.page-campaign .splash-8 {
  background: url("/images/campaigns/coffee-table-dark.5b32fcd0.jpg") no-repeat 0 0;
  background-size: cover; }

.page-campaign .splash-faq, .page-campaign .splash-last {
  background: #000000; }
  .page-campaign .splash-faq .txt, .page-campaign .splash-last .txt {
    background-color: #000000; }

@media (min-width: 768px) {
  .campaign-audio .splash-last {
    margin-top: 100px; } }

.campaign-jazz .splash-3 {
  background: url("/images/campaigns/amplifier.0692ba8d.jpg") no-repeat 0 0;
  background-size: cover; }

.campaign-jazz .splash-4 {
  background: url("/images/campaigns/marble.d55d15ae.jpg") no-repeat 0 0;
  background-size: cover; }
  @media (max-width: 767px) {
    .campaign-jazz .splash-4 .txt {
      margin-top: 80px; } }

.campaign-jazz .splash-5 {
  background: url("/images/campaigns/desk.3a6ae8b3.jpg") no-repeat 0 0;
  background-size: cover; }

.campaign-jazz .splash-6 {
  background: url("/images/campaigns/walk.23b1915b.jpg") no-repeat 0 0;
  background-size: cover; }

.campaign-jazz .splash-7 {
  background: url("/images/campaigns/coffee-table-dark.5b32fcd0.jpg") no-repeat 0 0;
  background-size: cover; }

.campaign-jazz .splash-8 {
  background: url("/images/campaigns/marble-bg-dark.e40f49bc.jpg") no-repeat 0 0;
  background-size: cover; }

.campaign-premium .splash-3 {
  background: url("/images/campaigns/amplifier.0692ba8d.jpg") no-repeat 0 0;
  background-size: cover; }

.campaign-premium .splash-4 {
  background: url("/images/campaigns/marble-bg-dark.e40f49bc.jpg") no-repeat 0 0;
  background-size: cover; }
  @media (max-width: 767px) {
    .campaign-premium .splash-4 .txt {
      margin-top: 80px; } }

.campaign-premium .splash-5 {
  background: url("/images/campaigns/marble.d55d15ae.jpg") no-repeat 0 0;
  background-size: cover; }

.campaign-premium .splash-6 {
  background: url("/images/campaigns/desk.3a6ae8b3.jpg") no-repeat 0 0;
  background-size: cover; }

.campaign-premium .splash-7 {
  background: url("/images/campaigns/walk.23b1915b.jpg") no-repeat 0 0;
  background-size: cover; }

.campaign-premium .splash-8 {
  background: url("/images/campaigns/coffee-table-dark.5b32fcd0.jpg") no-repeat 0 0;
  background-size: cover; }

.page-campaign .splash-faq, .page-index .splash-faq {
  background: #000; }
  .page-campaign .splash-faq h1, .page-campaign .splash-faq h2, .page-index .splash-faq h1, .page-index .splash-faq h2 {
    margin-bottom: 0; }
  .page-campaign .splash-faq .sub-text, .page-index .splash-faq .sub-text {
    margin: 0 auto 20px auto; }
    @media (min-width: 768px) {
      .page-campaign .splash-faq .sub-text, .page-index .splash-faq .sub-text {
        margin: 0 auto 40px auto; } }
  .page-campaign .splash-faq .txt, .page-index .splash-faq .txt {
    position: static;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 40px;
    -webkit-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none; }
    @media (min-width: 768px) {
      .page-campaign .splash-faq .txt, .page-index .splash-faq .txt {
        text-align: center; } }
  .page-campaign .splash-faq .cols, .page-index .splash-faq .cols {
    margin: 0 auto;
    width: 100%; }
    @media (min-width: 768px) {
      .page-campaign .splash-faq .cols, .page-index .splash-faq .cols {
        overflow: auto;
        max-width: 900px; } }
  .page-campaign .splash-faq .col, .page-index .splash-faq .col {
    text-align: left;
    display: block;
    width: 100%;
    max-width: 400px; }
    .page-campaign .splash-faq .col.col-2, .page-index .splash-faq .col.col-2 {
      margin-bottom: 40px; }
    @media (min-width: 768px) {
      .page-campaign .splash-faq .col, .page-index .splash-faq .col {
        width: 50%; }
        .page-campaign .splash-faq .col.col-1, .page-index .splash-faq .col.col-1 {
          float: left; }
        .page-campaign .splash-faq .col.col-2, .page-index .splash-faq .col.col-2 {
          float: right; } }
  .page-campaign .splash-faq .question, .page-index .splash-faq .question {
    font-family: "nationale-demibold", sans-serif;
    margin-bottom: 0; }
  .page-campaign .splash-faq .answer, .page-index .splash-faq .answer {
    margin-top: 4px;
    font-size: 13px; }
    @media (min-width: 768px) {
      .page-campaign .splash-faq .answer, .page-index .splash-faq .answer {
        font-size: 15px; } }

.campaign-lossless-explained .splash-2, .campaign-explore-tidal .splash-2 {
  background: url("/images/index/tidal-concept-sound.9d650ebf.jpg") no-repeat 0 0;
  background-size: cover; }

@media (max-width: 767px) {
  .page-campaign.page-about .splash {
    height: auto !important;
    padding-bottom: 0; }
    .page-campaign.page-about .splash .txt {
      padding-bottom: 0 !important; } }

@media (min-width: 768px) {
  .page-campaign.page-about .splash.splash-last {
    padding-top: 0;
    margin-top: -70px; }
    .page-campaign.page-about .splash.splash-last .txt {
      margin-top: 0;
      width: auto; } }

.page-campaign.page-about h3 {
  margin-bottom: 0;
  margin-top: 30px; }
  @media (max-width: 767px) {
    .page-campaign.page-about h3 {
      margin-bottom: 15px; } }

@media (max-width: 767px) {
  .page-campaign.page-about .tagline {
    padding: 0 10px; } }

.page-campaign.page-about .signup-without-voucher {
  margin: 0 auto 40px auto; }

.page-campaign.page-about .short-input {
  max-width: 200px;
  padding-bottom: 0; }
  @media (min-width: 768px) {
    .page-campaign.page-about .short-input {
      display: inline-block;
      width: 180px;
      height: 42px; } }

.page-campaign.page-about .action.btn, .page-campaign.page-about .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .page-campaign.page-about .btn, .page-campaign.page-about .download.wimp .device .btn, .download.wimp .device .page-campaign.page-about .btn, .page-campaign.page-about .action.btn-gray, .page-campaign.page-about .action.btn-disabled, .page-campaign.page-about .action.btn-white, .page-campaign.page-about .action.btn-new, .page-campaign.page-about .forgot-password-wrapper.wimp .btn-gray, .forgot-password-wrapper.wimp .page-campaign.page-about .btn-gray, .page-campaign.page-about .forgot-password-wrapper.wimp .btn-disabled, .forgot-password-wrapper.wimp .page-campaign.page-about .btn-disabled, .page-campaign.page-about .forgot-password-wrapper.wimp .btn-white, .forgot-password-wrapper.wimp .page-campaign.page-about .btn-white, .page-campaign.page-about .forgot-password-wrapper.wimp .btn-new, .forgot-password-wrapper.wimp .page-campaign.page-about .btn-new, .page-campaign.page-about .download.wimp .device .btn-gray, .download.wimp .device .page-campaign.page-about .btn-gray, .page-campaign.page-about .download.wimp .device .btn-disabled, .download.wimp .device .page-campaign.page-about .btn-disabled, .page-campaign.page-about .download.wimp .device .btn-white, .download.wimp .device .page-campaign.page-about .btn-white, .page-campaign.page-about .download.wimp .device .btn-new, .download.wimp .device .page-campaign.page-about .btn-new {
  font-family: 'nationale-demibold', sans-serif;
  -webkit-appearance: none;
  -webkit-border-radius: 0; }
  @media (max-width: 767px) {
    .page-campaign.page-about .action.btn, .page-campaign.page-about .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .page-campaign.page-about .btn, .page-campaign.page-about .download.wimp .device .btn, .download.wimp .device .page-campaign.page-about .btn, .page-campaign.page-about .action.btn-gray, .page-campaign.page-about .action.btn-disabled, .page-campaign.page-about .action.btn-white, .page-campaign.page-about .action.btn-new, .page-campaign.page-about .forgot-password-wrapper.wimp .btn-gray, .forgot-password-wrapper.wimp .page-campaign.page-about .btn-gray, .page-campaign.page-about .forgot-password-wrapper.wimp .btn-disabled, .forgot-password-wrapper.wimp .page-campaign.page-about .btn-disabled, .page-campaign.page-about .forgot-password-wrapper.wimp .btn-white, .forgot-password-wrapper.wimp .page-campaign.page-about .btn-white, .page-campaign.page-about .forgot-password-wrapper.wimp .btn-new, .forgot-password-wrapper.wimp .page-campaign.page-about .btn-new, .page-campaign.page-about .download.wimp .device .btn-gray, .download.wimp .device .page-campaign.page-about .btn-gray, .page-campaign.page-about .download.wimp .device .btn-disabled, .download.wimp .device .page-campaign.page-about .btn-disabled, .page-campaign.page-about .download.wimp .device .btn-white, .download.wimp .device .page-campaign.page-about .btn-white, .page-campaign.page-about .download.wimp .device .btn-new, .download.wimp .device .page-campaign.page-about .btn-new {
      margin-top: 5px;
      width: 200px; } }

.page-campaign.page-about .splash-1 {
  background: url("/images/partners/sonos-devices-bg-small.a466307b.jpg") no-repeat center 0;
  background-size: cover; }
  .page-campaign.page-about .splash-1 .txt {
    padding: 60px 0; }
  @media (min-width: 768px) {
    .page-campaign.page-about .splash-1 {
      background: url("/images/partners/sonos-devices-bg.6d53faa5.jpg") no-repeat center 0;
      background-size: cover; }
      .page-campaign.page-about .splash-1 .txt {
        padding: 0 20px; } }

.page-campaign.page-about .splash-2 .txt {
  display: block;
  text-align: left; }

.page-campaign.page-about .splash-faq .cols {
  width: 90%; }
  .page-campaign.page-about .splash-faq .cols .col {
    max-width: none; }

.page-campaign.page-about .splash-faq .txt {
  width: 100%;
  padding: 0; }
  @media (min-width: 768px) {
    .page-campaign.page-about .splash-faq .txt {
      margin-top: 60px; } }

@media (min-width: 768px) {
  .page-campaign.page-about .splash-faq {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0; }
    .page-campaign.page-about .splash-faq .cols {
      width: 100%; }
      .page-campaign.page-about .splash-faq .cols .col {
        max-width: 400px; }
    .page-campaign.page-about .splash-faq .col-2 {
      margin-top: 47px; } }

.page-campaign.page-about .splash-faq .link-resources a {
  display: block;
  margin-top: 14px;
  text-decoration: none; }
  @media (min-width: 768px) {
    .page-campaign.page-about .splash-faq .link-resources a {
      margin-top: 10px; } }
  .page-campaign.page-about .splash-faq .link-resources a .fa {
    margin-right: 2px; }

@media (max-width: 767px) {
  .page-campaign.page-about .about-sonos .splash-1 .txt {
    padding-bottom: 20px !important;
    padding-left: 20px;
    padding-right: 20px; } }

.page-campaign.page-about .about-raumfeld .splash-1 {
  background: url("/images/partners/raumfeld.a85e54c8.jpg") no-repeat center 0;
  background-size: cover; }
  @media (max-width: 767px) {
    .page-campaign.page-about .about-raumfeld .splash-1 {
      padding-bottom: 20px !important; } }

@media (max-width: 767px) {
  .page-campaign.page-about .about-raumfeld .splash-1 .txt {
    padding-bottom: 20px !important;
    padding-left: 20px;
    padding-right: 20px; } }

.page-campaign.page-about .about-bluesound .voucher-disclaimer, .page-campaign.page-about .about-auralic .voucher-disclaimer, .page-campaign.page-about .about-ickstream .voucher-disclaimer, .page-campaign.page-about .about-simple-audio .voucher-disclaimer, .page-campaign.page-about .about-linn .voucher-disclaimer, .page-campaign.page-about .about-amarra .voucher-disclaimer, .page-campaign.page-about .about-burmester .voucher-disclaimer, .page-campaign.page-about .about-devialet .voucher-disclaimer, .page-campaign.page-about .about-moon .voucher-disclaimer, .page-campaign.page-about .about-autonomic .voucher-disclaimer, .page-campaign.page-about .about-mcintosh .voucher-disclaimer, .page-campaign.page-about .about-wadia .voucher-disclaimer, .page-campaign.page-about .about-electrocompaniet .voucher-disclaimer, .page-campaign.page-about .about-dynaudio .voucher-disclaimer, .page-campaign.page-about .about-project .voucher-disclaimer, .page-campaign.page-about .about-cabasse .voucher-disclaimer, .page-campaign.page-about .about-samsung .voucher-disclaimer, .page-campaign.page-about .about-polk .voucher-disclaimer, .page-campaign.page-about .about-definitiveTech .voucher-disclaimer, .page-campaign.page-about .about-clint .voucher-disclaimer, .page-campaign.page-about .about-sennheiser .voucher-disclaimer, .page-campaign.page-about .about-audioengine .voucher-disclaimer, .page-campaign.page-about .about-paradigm .voucher-disclaimer, .page-campaign.page-about .about-sotm .voucher-disclaimer, .page-campaign.page-about .about-miyo .voucher-disclaimer, .page-campaign.page-about .about-echobox .voucher-disclaimer, .page-campaign.page-about .about-meridian .voucher-disclaimer, .page-campaign.page-about .about-lode .voucher-disclaimer, .page-campaign.page-about .about-casatunes .voucher-disclaimer, .page-campaign.page-about .about-tidal-audio .voucher-disclaimer, .page-campaign.page-about .about-aurender .voucher-disclaimer, .page-campaign.page-about .about-roon .voucher-disclaimer, .page-campaign.page-about .about-creative .voucher-disclaimer, .page-campaign.page-about .about-hifiakademie .voucher-disclaimer, .page-campaign.page-about .about-ixion .voucher-disclaimer, .page-campaign.page-about .about-naim .voucher-disclaimer {
  margin-top: 0;
  font-size: 12px;
  padding: 0 10px;
  max-width: 500px; }
  .page-campaign.page-about .about-bluesound .voucher-disclaimer a, .page-campaign.page-about .about-auralic .voucher-disclaimer a, .page-campaign.page-about .about-ickstream .voucher-disclaimer a, .page-campaign.page-about .about-simple-audio .voucher-disclaimer a, .page-campaign.page-about .about-linn .voucher-disclaimer a, .page-campaign.page-about .about-amarra .voucher-disclaimer a, .page-campaign.page-about .about-burmester .voucher-disclaimer a, .page-campaign.page-about .about-devialet .voucher-disclaimer a, .page-campaign.page-about .about-moon .voucher-disclaimer a, .page-campaign.page-about .about-autonomic .voucher-disclaimer a, .page-campaign.page-about .about-mcintosh .voucher-disclaimer a, .page-campaign.page-about .about-wadia .voucher-disclaimer a, .page-campaign.page-about .about-electrocompaniet .voucher-disclaimer a, .page-campaign.page-about .about-dynaudio .voucher-disclaimer a, .page-campaign.page-about .about-project .voucher-disclaimer a, .page-campaign.page-about .about-cabasse .voucher-disclaimer a, .page-campaign.page-about .about-samsung .voucher-disclaimer a, .page-campaign.page-about .about-polk .voucher-disclaimer a, .page-campaign.page-about .about-definitiveTech .voucher-disclaimer a, .page-campaign.page-about .about-clint .voucher-disclaimer a, .page-campaign.page-about .about-sennheiser .voucher-disclaimer a, .page-campaign.page-about .about-audioengine .voucher-disclaimer a, .page-campaign.page-about .about-paradigm .voucher-disclaimer a, .page-campaign.page-about .about-sotm .voucher-disclaimer a, .page-campaign.page-about .about-miyo .voucher-disclaimer a, .page-campaign.page-about .about-echobox .voucher-disclaimer a, .page-campaign.page-about .about-meridian .voucher-disclaimer a, .page-campaign.page-about .about-lode .voucher-disclaimer a, .page-campaign.page-about .about-casatunes .voucher-disclaimer a, .page-campaign.page-about .about-tidal-audio .voucher-disclaimer a, .page-campaign.page-about .about-aurender .voucher-disclaimer a, .page-campaign.page-about .about-roon .voucher-disclaimer a, .page-campaign.page-about .about-creative .voucher-disclaimer a, .page-campaign.page-about .about-hifiakademie .voucher-disclaimer a, .page-campaign.page-about .about-ixion .voucher-disclaimer a, .page-campaign.page-about .about-naim .voucher-disclaimer a {
    font-size: 12px; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-bluesound .voucher-disclaimer, .page-campaign.page-about .about-auralic .voucher-disclaimer, .page-campaign.page-about .about-ickstream .voucher-disclaimer, .page-campaign.page-about .about-simple-audio .voucher-disclaimer, .page-campaign.page-about .about-linn .voucher-disclaimer, .page-campaign.page-about .about-amarra .voucher-disclaimer, .page-campaign.page-about .about-burmester .voucher-disclaimer, .page-campaign.page-about .about-devialet .voucher-disclaimer, .page-campaign.page-about .about-moon .voucher-disclaimer, .page-campaign.page-about .about-autonomic .voucher-disclaimer, .page-campaign.page-about .about-mcintosh .voucher-disclaimer, .page-campaign.page-about .about-wadia .voucher-disclaimer, .page-campaign.page-about .about-electrocompaniet .voucher-disclaimer, .page-campaign.page-about .about-dynaudio .voucher-disclaimer, .page-campaign.page-about .about-project .voucher-disclaimer, .page-campaign.page-about .about-cabasse .voucher-disclaimer, .page-campaign.page-about .about-samsung .voucher-disclaimer, .page-campaign.page-about .about-polk .voucher-disclaimer, .page-campaign.page-about .about-definitiveTech .voucher-disclaimer, .page-campaign.page-about .about-clint .voucher-disclaimer, .page-campaign.page-about .about-sennheiser .voucher-disclaimer, .page-campaign.page-about .about-audioengine .voucher-disclaimer, .page-campaign.page-about .about-paradigm .voucher-disclaimer, .page-campaign.page-about .about-sotm .voucher-disclaimer, .page-campaign.page-about .about-miyo .voucher-disclaimer, .page-campaign.page-about .about-echobox .voucher-disclaimer, .page-campaign.page-about .about-meridian .voucher-disclaimer, .page-campaign.page-about .about-lode .voucher-disclaimer, .page-campaign.page-about .about-casatunes .voucher-disclaimer, .page-campaign.page-about .about-tidal-audio .voucher-disclaimer, .page-campaign.page-about .about-aurender .voucher-disclaimer, .page-campaign.page-about .about-roon .voucher-disclaimer, .page-campaign.page-about .about-creative .voucher-disclaimer, .page-campaign.page-about .about-hifiakademie .voucher-disclaimer, .page-campaign.page-about .about-ixion .voucher-disclaimer, .page-campaign.page-about .about-naim .voucher-disclaimer {
      padding: 0;
      font-size: 13px; }
      .page-campaign.page-about .about-bluesound .voucher-disclaimer a, .page-campaign.page-about .about-auralic .voucher-disclaimer a, .page-campaign.page-about .about-ickstream .voucher-disclaimer a, .page-campaign.page-about .about-simple-audio .voucher-disclaimer a, .page-campaign.page-about .about-linn .voucher-disclaimer a, .page-campaign.page-about .about-amarra .voucher-disclaimer a, .page-campaign.page-about .about-burmester .voucher-disclaimer a, .page-campaign.page-about .about-devialet .voucher-disclaimer a, .page-campaign.page-about .about-moon .voucher-disclaimer a, .page-campaign.page-about .about-autonomic .voucher-disclaimer a, .page-campaign.page-about .about-mcintosh .voucher-disclaimer a, .page-campaign.page-about .about-wadia .voucher-disclaimer a, .page-campaign.page-about .about-electrocompaniet .voucher-disclaimer a, .page-campaign.page-about .about-dynaudio .voucher-disclaimer a, .page-campaign.page-about .about-project .voucher-disclaimer a, .page-campaign.page-about .about-cabasse .voucher-disclaimer a, .page-campaign.page-about .about-samsung .voucher-disclaimer a, .page-campaign.page-about .about-polk .voucher-disclaimer a, .page-campaign.page-about .about-definitiveTech .voucher-disclaimer a, .page-campaign.page-about .about-clint .voucher-disclaimer a, .page-campaign.page-about .about-sennheiser .voucher-disclaimer a, .page-campaign.page-about .about-audioengine .voucher-disclaimer a, .page-campaign.page-about .about-paradigm .voucher-disclaimer a, .page-campaign.page-about .about-sotm .voucher-disclaimer a, .page-campaign.page-about .about-miyo .voucher-disclaimer a, .page-campaign.page-about .about-echobox .voucher-disclaimer a, .page-campaign.page-about .about-meridian .voucher-disclaimer a, .page-campaign.page-about .about-lode .voucher-disclaimer a, .page-campaign.page-about .about-casatunes .voucher-disclaimer a, .page-campaign.page-about .about-tidal-audio .voucher-disclaimer a, .page-campaign.page-about .about-aurender .voucher-disclaimer a, .page-campaign.page-about .about-roon .voucher-disclaimer a, .page-campaign.page-about .about-creative .voucher-disclaimer a, .page-campaign.page-about .about-hifiakademie .voucher-disclaimer a, .page-campaign.page-about .about-ixion .voucher-disclaimer a, .page-campaign.page-about .about-naim .voucher-disclaimer a {
        font-size: 13px; } }

.page-campaign.page-about .about-bluesound .splash-1, .page-campaign.page-about .about-auralic .splash-1, .page-campaign.page-about .about-ickstream .splash-1, .page-campaign.page-about .about-simple-audio .splash-1, .page-campaign.page-about .about-linn .splash-1, .page-campaign.page-about .about-amarra .splash-1, .page-campaign.page-about .about-burmester .splash-1, .page-campaign.page-about .about-devialet .splash-1, .page-campaign.page-about .about-moon .splash-1, .page-campaign.page-about .about-autonomic .splash-1, .page-campaign.page-about .about-mcintosh .splash-1, .page-campaign.page-about .about-wadia .splash-1, .page-campaign.page-about .about-electrocompaniet .splash-1, .page-campaign.page-about .about-dynaudio .splash-1, .page-campaign.page-about .about-project .splash-1, .page-campaign.page-about .about-cabasse .splash-1, .page-campaign.page-about .about-samsung .splash-1, .page-campaign.page-about .about-polk .splash-1, .page-campaign.page-about .about-definitiveTech .splash-1, .page-campaign.page-about .about-clint .splash-1, .page-campaign.page-about .about-sennheiser .splash-1, .page-campaign.page-about .about-audioengine .splash-1, .page-campaign.page-about .about-paradigm .splash-1, .page-campaign.page-about .about-sotm .splash-1, .page-campaign.page-about .about-miyo .splash-1, .page-campaign.page-about .about-echobox .splash-1, .page-campaign.page-about .about-meridian .splash-1, .page-campaign.page-about .about-lode .splash-1, .page-campaign.page-about .about-casatunes .splash-1, .page-campaign.page-about .about-tidal-audio .splash-1, .page-campaign.page-about .about-aurender .splash-1, .page-campaign.page-about .about-roon .splash-1, .page-campaign.page-about .about-creative .splash-1, .page-campaign.page-about .about-hifiakademie .splash-1, .page-campaign.page-about .about-ixion .splash-1, .page-campaign.page-about .about-naim .splash-1 {
  background: url("/images/partners/bluesound-devices-bg-small.34df6191.jpg") no-repeat center 0;
  background-size: cover; }
  @media (max-width: 767px) {
    .page-campaign.page-about .about-bluesound .splash-1, .page-campaign.page-about .about-auralic .splash-1, .page-campaign.page-about .about-ickstream .splash-1, .page-campaign.page-about .about-simple-audio .splash-1, .page-campaign.page-about .about-linn .splash-1, .page-campaign.page-about .about-amarra .splash-1, .page-campaign.page-about .about-burmester .splash-1, .page-campaign.page-about .about-devialet .splash-1, .page-campaign.page-about .about-moon .splash-1, .page-campaign.page-about .about-autonomic .splash-1, .page-campaign.page-about .about-mcintosh .splash-1, .page-campaign.page-about .about-wadia .splash-1, .page-campaign.page-about .about-electrocompaniet .splash-1, .page-campaign.page-about .about-dynaudio .splash-1, .page-campaign.page-about .about-project .splash-1, .page-campaign.page-about .about-cabasse .splash-1, .page-campaign.page-about .about-samsung .splash-1, .page-campaign.page-about .about-polk .splash-1, .page-campaign.page-about .about-definitiveTech .splash-1, .page-campaign.page-about .about-clint .splash-1, .page-campaign.page-about .about-sennheiser .splash-1, .page-campaign.page-about .about-audioengine .splash-1, .page-campaign.page-about .about-paradigm .splash-1, .page-campaign.page-about .about-sotm .splash-1, .page-campaign.page-about .about-miyo .splash-1, .page-campaign.page-about .about-echobox .splash-1, .page-campaign.page-about .about-meridian .splash-1, .page-campaign.page-about .about-lode .splash-1, .page-campaign.page-about .about-casatunes .splash-1, .page-campaign.page-about .about-tidal-audio .splash-1, .page-campaign.page-about .about-aurender .splash-1, .page-campaign.page-about .about-roon .splash-1, .page-campaign.page-about .about-creative .splash-1, .page-campaign.page-about .about-hifiakademie .splash-1, .page-campaign.page-about .about-ixion .splash-1, .page-campaign.page-about .about-naim .splash-1 {
      padding-bottom: 20px !important; } }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-bluesound .splash-1, .page-campaign.page-about .about-auralic .splash-1, .page-campaign.page-about .about-ickstream .splash-1, .page-campaign.page-about .about-simple-audio .splash-1, .page-campaign.page-about .about-linn .splash-1, .page-campaign.page-about .about-amarra .splash-1, .page-campaign.page-about .about-burmester .splash-1, .page-campaign.page-about .about-devialet .splash-1, .page-campaign.page-about .about-moon .splash-1, .page-campaign.page-about .about-autonomic .splash-1, .page-campaign.page-about .about-mcintosh .splash-1, .page-campaign.page-about .about-wadia .splash-1, .page-campaign.page-about .about-electrocompaniet .splash-1, .page-campaign.page-about .about-dynaudio .splash-1, .page-campaign.page-about .about-project .splash-1, .page-campaign.page-about .about-cabasse .splash-1, .page-campaign.page-about .about-samsung .splash-1, .page-campaign.page-about .about-polk .splash-1, .page-campaign.page-about .about-definitiveTech .splash-1, .page-campaign.page-about .about-clint .splash-1, .page-campaign.page-about .about-sennheiser .splash-1, .page-campaign.page-about .about-audioengine .splash-1, .page-campaign.page-about .about-paradigm .splash-1, .page-campaign.page-about .about-sotm .splash-1, .page-campaign.page-about .about-miyo .splash-1, .page-campaign.page-about .about-echobox .splash-1, .page-campaign.page-about .about-meridian .splash-1, .page-campaign.page-about .about-lode .splash-1, .page-campaign.page-about .about-casatunes .splash-1, .page-campaign.page-about .about-tidal-audio .splash-1, .page-campaign.page-about .about-aurender .splash-1, .page-campaign.page-about .about-roon .splash-1, .page-campaign.page-about .about-creative .splash-1, .page-campaign.page-about .about-hifiakademie .splash-1, .page-campaign.page-about .about-ixion .splash-1, .page-campaign.page-about .about-naim .splash-1 {
      background: url("/images/partners/bluesound-devices-bg-2.f0975a47.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-beoplay .txt {
  margin: 0;
  padding: 0;
  bottom: auto; }

.page-campaign.page-about .about-beoplay .splash-1 {
  background: url("/images/partners/beoplay-bg-small.f8a7d14c.jpg") no-repeat center 0;
  background-size: cover; }
  .page-campaign.page-about .about-beoplay .splash-1 .tagline {
    font-size: 40px;
    margin-top: 40px;
    margin-bottom: 40px; }
  .page-campaign.page-about .about-beoplay .splash-1 h3 {
    line-height: 1.35;
    margin-top: 40px; }
    .page-campaign.page-about .about-beoplay .splash-1 h3 a {
      font-family: "nationale-demibold", sans-serif; }
  .page-campaign.page-about .about-beoplay .splash-1 .voucher-disclaimer {
    font-family: "nationale-demibold", sans-serif;
    line-height: 1.35; }
  .page-campaign.page-about .about-beoplay .splash-1 .presented {
    margin: 20px auto 10px; }
  .page-campaign.page-about .about-beoplay .splash-1 .about-beoplay-content {
    padding: 45px; }
    .page-campaign.page-about .about-beoplay .splash-1 .about-beoplay-content .beoplay-play-icon {
      width: 55px; }
  @media (max-width: 767px) {
    .page-campaign.page-about .about-beoplay .splash-1 {
      padding-bottom: 20px !important; } }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-beoplay .splash-1 {
      background: url("/images/partners/beoplay-bg.ae598540.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-beoplay .splash-faq {
  margin-top: 40px; }
  .page-campaign.page-about .about-beoplay .splash-faq .col-2 {
    margin-top: 17px; }
  .page-campaign.page-about .about-beoplay .splash-faq strong {
    font-family: "nationale-demibold", sans-serif;
    font-weight: 400; }

.page-campaign.page-about .about-beoplay .about-beoplay-content {
  text-align: center;
  padding: 40px 10px; }
  .page-campaign.page-about .about-beoplay .about-beoplay-content p {
    font-size: 16px;
    max-width: 350px;
    margin: 10px auto 20px auto;
    line-height: 1.32; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-beoplay .about-beoplay-content {
      padding: 100px 0 80px 0; }
      .page-campaign.page-about .about-beoplay .about-beoplay-content p {
        font-size: 20px;
        margin: 15px auto 30px auto; } }

.page-campaign.page-about .about-beoplay .beoplay-headline-link {
  font-family: "nationale-bold", sans-serif;
  letter-spacing: 1px;
  font-size: 20px;
  line-height: 1.20; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-beoplay .beoplay-headline-link {
      font-size: 39px;
      line-height: 1.15; } }
  @media (min-width: 1024px) {
    .page-campaign.page-about .about-beoplay .beoplay-headline-link {
      font-size: 44px; } }

.page-campaign.page-about .about-beoplay .beoplay-play-icon {
  width: 45px; }
  .page-campaign.page-about .about-beoplay .beoplay-play-icon:hover {
    opacity: .94; }

.page-campaign.page-about .about-beoplay .about-beoplay-fold-1 {
  background: url("/images/partners/beoplay_fold_overview.954a112c.jpg") no-repeat center 0;
  background-size: cover; }

.page-campaign.page-about .about-beoplay .about-beoplay-content-sub {
  position: relative;
  max-width: 880px;
  margin: 0 auto; }
  .page-campaign.page-about .about-beoplay .about-beoplay-content-sub p {
    max-width: 550px; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-beoplay .about-beoplay-content-sub {
      padding: 100px 0 50px 0; } }

.page-campaign.page-about .about-beoplay .beoplay-clock-icon {
  display: none;
  position: absolute;
  left: 40px;
  bottom: 10px;
  width: 40px; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-beoplay .beoplay-clock-icon {
      display: inline-block;
      width: 55px;
      bottom: auto;
      top: 98px; } }

.page-campaign.page-about .about-beoplay .beoplay-play-icon-link {
  right: 40px;
  bottom: 10px; }
  .page-campaign.page-about .about-beoplay .beoplay-play-icon-link img {
    width: 40px; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-beoplay .beoplay-play-icon-link {
      position: absolute;
      bottom: auto;
      top: 98px; }
      .page-campaign.page-about .about-beoplay .beoplay-play-icon-link img {
        width: 55px; } }

.page-campaign.page-about .about-beoplay .about-beoplay-fold-2 {
  background: url("/images/partners/beoplay_fold_morningbliss.a462f021.jpg") no-repeat center 0;
  background-size: cover; }

.page-campaign.page-about .about-beoplay .about-beoplay-fold-3 {
  background: url("/images/partners/beoplay_fold_parklife.1e3baeb1.jpg") no-repeat center 0;
  background-size: cover; }

.page-campaign.page-about .about-beoplay .about-beoplay-fold-4 {
  background: url("/images/partners/beoplay_fold_bbq.082239b5.jpg") no-repeat center 0;
  background-size: cover; }

.page-campaign.page-about .about-beoplay .about-beoplay-fold-5 {
  background: url("/images/partners/beoplay_fold_sunset.e125791b.jpg") no-repeat center 0;
  background-size: cover; }

.page-campaign.page-about .about-beoplay .about-beoplay-fold-6 {
  background: url("/images/partners/beoplay_fold_tropical.ec89e44f.jpg") no-repeat center 0;
  background-size: cover; }

.page-campaign.page-about .about-beoplay .about-beoplay-fold-7 {
  background: url("/images/partners/beoplay_fold_sunrise.6c33f296.jpg") no-repeat center 0;
  background-size: cover; }

.page-campaign.page-about .about-beoplay .splash.splash-last {
  margin-top: 40px; }

.page-campaign.page-about .about-denon .sup {
  vertical-align: super;
  font-size: 50%; }

.page-campaign.page-about .about-denon .voucher-disclaimer {
  margin-top: 0;
  font-size: 12px;
  padding: 0 10px;
  max-width: 500px; }
  .page-campaign.page-about .about-denon .voucher-disclaimer a {
    font-size: 12px; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-denon .voucher-disclaimer {
      padding: 0;
      font-size: 13px; }
      .page-campaign.page-about .about-denon .voucher-disclaimer a {
        font-size: 13px; } }

.page-campaign.page-about .about-denon .splash-1 {
  background: url("/images/partners/denon-bg-small.caa5a220.jpg") no-repeat center 0;
  background-size: cover; }
  @media (max-width: 767px) {
    .page-campaign.page-about .about-denon .splash-1 {
      padding-bottom: 20px !important; } }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-denon .splash-1 {
      background: url("/images/partners/denon-bg.456102b0.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-savant .voucher-disclaimer {
  margin-top: 0;
  font-size: 12px;
  padding: 0 10px;
  max-width: 500px; }
  .page-campaign.page-about .about-savant .voucher-disclaimer a {
    font-size: 12px; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-savant .voucher-disclaimer {
      padding: 0;
      font-size: 13px; }
      .page-campaign.page-about .about-savant .voucher-disclaimer a {
        font-size: 13px; } }

.page-campaign.page-about .about-savant .splash-1 {
  background: url("/images/partners/savant-bg-small.3f9105e2.jpg") no-repeat center 0;
  background-size: cover; }
  @media (max-width: 767px) {
    .page-campaign.page-about .about-savant .splash-1 {
      padding-bottom: 20px !important; } }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-savant .splash-1 {
      background: url("/images/partners/savant-bg.44c0c5d6.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-harman-kardon .voucher-disclaimer {
  margin-top: 0;
  font-size: 12px;
  padding: 0 10px;
  max-width: 500px; }
  .page-campaign.page-about .about-harman-kardon .voucher-disclaimer a {
    font-size: 12px; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-harman-kardon .voucher-disclaimer {
      padding: 0;
      font-size: 13px; }
      .page-campaign.page-about .about-harman-kardon .voucher-disclaimer a {
        font-size: 13px; } }

.page-campaign.page-about .about-harman-kardon .splash-1 {
  background: url("/images/partners/harman-kardon-bg-small.b4182112.jpg") no-repeat center 0;
  background-size: cover; }
  @media (max-width: 767px) {
    .page-campaign.page-about .about-harman-kardon .splash-1 {
      padding-bottom: 20px !important; } }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-harman-kardon .splash-1 {
      background: url("/images/partners/harman-kardon-bg.e786264f.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-lumin .voucher-disclaimer {
  margin-top: 0;
  font-size: 12px;
  padding: 0 10px;
  max-width: 500px; }
  .page-campaign.page-about .about-lumin .voucher-disclaimer a {
    font-size: 12px; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-lumin .voucher-disclaimer {
      padding: 0;
      font-size: 13px; }
      .page-campaign.page-about .about-lumin .voucher-disclaimer a {
        font-size: 13px; } }

.page-campaign.page-about .about-lumin .splash-1 {
  background: url("/images/partners/lumin-bg-small.630b915e.jpg") no-repeat center 0;
  background-size: cover; }
  @media (max-width: 767px) {
    .page-campaign.page-about .about-lumin .splash-1 {
      padding-bottom: 20px !important; } }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-lumin .splash-1 {
      background: url("/images/partners/lumin-bg.b3984f87.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-voco .voucher-disclaimer {
  margin-top: 0;
  font-size: 12px;
  padding: 0 10px;
  max-width: 500px; }
  .page-campaign.page-about .about-voco .voucher-disclaimer a {
    font-size: 12px; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-voco .voucher-disclaimer {
      padding: 0;
      font-size: 13px; }
      .page-campaign.page-about .about-voco .voucher-disclaimer a {
        font-size: 13px; } }

.page-campaign.page-about .about-voco .splash-1 {
  background: url("/images/partners/voco-bg-small.b7da36f1.jpg") no-repeat center 0;
  background-size: cover; }
  @media (max-width: 767px) {
    .page-campaign.page-about .about-voco .splash-1 {
      padding-bottom: 20px !important; } }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-voco .splash-1 {
      background: url("/images/partners/voco-bg.c164eca0.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-oppo .voucher-disclaimer {
  margin-top: 0;
  font-size: 12px;
  padding: 0 10px;
  max-width: 500px; }
  .page-campaign.page-about .about-oppo .voucher-disclaimer a {
    font-size: 12px; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-oppo .voucher-disclaimer {
      padding: 0;
      font-size: 13px; }
      .page-campaign.page-about .about-oppo .voucher-disclaimer a {
        font-size: 13px; } }

.page-campaign.page-about .about-oppo .splash-1 {
  background: url("/images/partners/oppo-bg-small.b769f165.jpg") no-repeat center 0;
  background-size: cover; }
  @media (max-width: 767px) {
    .page-campaign.page-about .about-oppo .splash-1 {
      padding-bottom: 20px !important; } }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-oppo .splash-1 {
      background: url("/images/partners/oppo-bg.a9447cae.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-bel-canto .voucher-disclaimer {
  margin-top: 0;
  font-size: 12px;
  padding: 0 10px;
  max-width: 500px; }
  .page-campaign.page-about .about-bel-canto .voucher-disclaimer a {
    font-size: 12px; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-bel-canto .voucher-disclaimer {
      padding: 0;
      font-size: 13px; }
      .page-campaign.page-about .about-bel-canto .voucher-disclaimer a {
        font-size: 13px; } }

.page-campaign.page-about .about-bel-canto .splash-1 {
  background: url("/images/partners/bel-canto-bg-small.4d97626a.jpg") no-repeat center 0;
  background-size: cover; }
  @media (max-width: 767px) {
    .page-campaign.page-about .about-bel-canto .splash-1 {
      padding-bottom: 20px !important; } }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-bel-canto .splash-1 {
      background: url("/images/partners/bel-canto-bg.66bfdb9d.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-cocktailAudio .splash-1 {
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("/images/partners/cocktailAudio-bg-sm.fe4ed0b4.png") no-repeat center 0;
  background-size: cover; }
  @media (max-width: 767px) {
    .page-campaign.page-about .about-cocktailAudio .splash-1 {
      padding-bottom: 20px !important; } }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-cocktailAudio .splash-1 {
      background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("/images/partners/cocktailAudio-bg.a272aad6.png") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-phorus .splash-1 {
  background: url("/images/partners/phorus-bg.0a7fa71d.jpg") no-repeat center 0;
  background-size: cover; }
  @media (max-width: 767px) {
    .page-campaign.page-about .about-phorus .splash-1 {
      padding-bottom: 20px !important; } }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-phorus .splash-1 {
      background: url("/images/partners/phorus-bg.0a7fa71d.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-musikkrad .splash-1 {
  background: url("/images/partners/musikkrad-bg.ce011f92.jpg") no-repeat center 0;
  background-size: cover; }
  @media (max-width: 767px) {
    .page-campaign.page-about .about-musikkrad .splash-1 {
      padding-bottom: 20px !important; } }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-musikkrad .splash-1 {
      background: url("/images/partners/musikkrad-bg.ce011f92.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-control4 .splash-1 {
  background: url("/images/partners/control4-bg.292c3095.jpg") no-repeat center 0;
  background-size: cover; }
  @media (max-width: 767px) {
    .page-campaign.page-about .about-control4 .splash-1 {
      padding-bottom: 20px !important; } }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-control4 .splash-1 {
      background: url("/images/partners/control4-bg.292c3095.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-esoteric .splash-1 {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("/images/partners/esoteric-bg.24f44e24.jpg") no-repeat center 0;
  background-size: cover; }
  @media (max-width: 767px) {
    .page-campaign.page-about .about-esoteric .splash-1 {
      padding-bottom: 20px !important; } }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-esoteric .splash-1 {
      background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("/images/partners/esoteric-bg.24f44e24.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-amare-musica .splash-1 {
  background: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url("/images/partners/amare-musica-bg.dcc68a94.jpg") no-repeat center 0;
  background-size: cover; }
  @media (max-width: 767px) {
    .page-campaign.page-about .about-amare-musica .splash-1 {
      padding-bottom: 20px !important; } }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-amare-musica .splash-1 {
      background: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url("/images/partners/amare-musica-bg.dcc68a94.jpg") no-repeat center 0;
      background-size: cover; }
      .page-campaign.page-about .about-amare-musica .splash-1 .txt {
        position: absolute;
        top: -80px;
        left: 50%;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%); } }

.page-campaign.page-about .about-audiovector .splash-1 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/images/partners/audiovector-bg.36ca6919.jpg") no-repeat center 0;
  background-size: cover; }
  @media (max-width: 767px) {
    .page-campaign.page-about .about-audiovector .splash-1 {
      padding-bottom: 20px !important; } }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-audiovector .splash-1 {
      background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/images/partners/audiovector-bg.36ca6919.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-qat .splash-1 {
  background: url("/images/partners/quat-bg.1397e243.jpg") no-repeat center 0;
  background-size: cover; }
  @media (max-width: 767px) {
    .page-campaign.page-about .about-qat .splash-1 {
      padding-bottom: 20px !important; } }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-qat .splash-1 {
      background: url("/images/partners/quat-bg.1397e243.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-auralic .splash-1 {
  background: url("/images/partners/auralic-bg-small.d98836b4.jpg") no-repeat center 0;
  background-size: cover; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-auralic .splash-1 {
      background: url("/images/partners/auralic-bg.0a5daf0a.jpg") no-repeat center 0;
      background-size: cover; }
      .page-campaign.page-about .about-auralic .splash-1 .tagline {
        max-width: 480px; } }

.page-campaign.page-about .about-ickstream .splash-1 {
  background: url("/images/partners/ickstream-small.3a83d3d7.jpg") no-repeat center bottom;
  background-size: cover; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-ickstream .splash-1 {
      background: url("/images/partners/ickstream.8c9a6124.jpg") no-repeat center 0;
      background-size: cover; }
      .page-campaign.page-about .about-ickstream .splash-1 .tagline {
        max-width: 320px; } }

.page-campaign.page-about .about-simple-audio .splash-1 {
  background: url("/images/partners/simple-audio-bg-small.f48b08a0.jpg") no-repeat center 0;
  background-size: cover; }
  .page-campaign.page-about .about-simple-audio .splash-1 h1, .page-campaign.page-about .about-simple-audio .splash-1 h2 {
    padding: 0 50px; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-simple-audio .splash-1 {
      background: url("/images/partners/simple-audio-bg.8f2647e4.jpg") no-repeat center 0;
      background-size: cover;
      padding: 0; } }
  @media (min-width: 1480px) {
    .page-campaign.page-about .about-simple-audio .splash-1 {
      background: url("/images/partners/simple-audio-bg-big.af0fc72e.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-linn .splash-1 {
  background: url("/images/partners/linn-bg-small.0c0a9f4d.jpg") no-repeat center 0;
  background-size: cover; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-linn .splash-1 {
      background: url("/images/partners/linn-bg.bf9b22c8.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-amarra .splash-1 {
  background: url("/images/partners/amarra-bg-small.19def670.jpg") no-repeat center 0;
  background-size: cover; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-amarra .splash-1 {
      background: url("/images/partners/amarra-bg.af79bef8.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-burmester .splash-1 {
  background: url("/images/partners/burmester-bg-small.b24e2109.jpg") no-repeat center 0;
  background-size: cover; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-burmester .splash-1 {
      background: url("/images/partners/burmester-bg.b4aab6a8.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-devialet .splash-1 {
  background: url("/images/partners/devialet-bg-small.9b9809f0.jpg") no-repeat center 0;
  background-size: cover; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-devialet .splash-1 {
      background: url("/images/partners/devialet-bg.3c8a35f8.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-moon .splash-1 {
  background: url("/images/partners/moon-bg-small.18abc3d3.jpg") no-repeat center 0;
  background-size: cover; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-moon .splash-1 {
      background: url("/images/partners/moon-bg.82fac53e.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-autonomic .splash-1 {
  background: url("/images/partners/mirage_bg-small.d99b99ab.jpg") no-repeat center 0;
  background-size: cover; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-autonomic .splash-1 {
      background: url("/images/partners/mirage_bg.d5878e52.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-mcintosh .splash-1 {
  background: url("/images/partners/mcintosh-small.101ca7e8.jpg") no-repeat center 0;
  background-size: cover; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-mcintosh .splash-1 {
      background: url("/images/partners/mcintosh.8402ba09.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-wadia .splash-1 {
  background: url("/images/partners/wadia-small.f7628a0e.jpg") no-repeat center bottom;
  background-size: cover; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-wadia .splash-1 {
      background: url("/images/partners/wadia.ed294076.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-electrocompaniet .splash-1 {
  background: url("/images/partners/electrocompaniet-small.53d7d9a4.jpg") no-repeat center 0;
  background-size: cover; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-electrocompaniet .splash-1 {
      background: url("/images/partners/electrocompaniet.80892e5e.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-dynaudio .splash-1 {
  background: url("/images/partners/dynaudio-bg-small.1c2c867f.jpg") no-repeat center 0;
  background-size: cover; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-dynaudio .splash-1 {
      background: url("/images/partners/dynaudio-bg.14de4123.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-project .splash-1 {
  background: url("/images/partners/project-bg-small.7299ee4a.jpg") no-repeat center 0;
  background-size: cover; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-project .splash-1 {
      background: url("/images/partners/project-bg.0e0d2f32.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-cabasse .splash-1 {
  background: url("/images/partners/cabasse-bg-small.ea7dc852.png") no-repeat center 0;
  background-size: cover; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-cabasse .splash-1 {
      background: url("/images/partners/cabasse-bg.f035c959.png") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-samsung .splash-1 {
  background: url("/images/partners/samsung-bg-.jpg") no-repeat center 0;
  background-size: cover; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-samsung .splash-1 {
      background: url("/images/partners/samsung-bg.e1a9fcf4.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-polk .splash-1 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/images/partners/polk-audio-bg.ff095874.jpg") no-repeat center 0;
  background-size: cover; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-polk .splash-1 {
      background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/images/partners/polk-audio-bg.ff095874.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-definitiveTech .splash-1 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/images/partners/definitive-technology-bg.4f5f8be1.jpg") no-repeat center 0;
  background-size: cover; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-definitiveTech .splash-1 {
      background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/images/partners/definitive-technology-bg.4f5f8be1.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-clint .splash-1 {
  background: url("/images/partners/clint-digital-bg.4edfe224.jpg") no-repeat center 0;
  background-size: cover; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-clint .splash-1 {
      background: url("/images/partners/clint-digital-bg.4edfe224.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-sennheiser .splash-1 {
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("/images/partners/sennheiser-bg.99c803ac.jpg") no-repeat center 0;
  background-size: cover; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-sennheiser .splash-1 {
      background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("/images/partners/sennheiser-bg.99c803ac.jpg") no-repeat center 0;
      background-size: cover; }
      .page-campaign.page-about .about-sennheiser .splash-1 .txt {
        position: absolute;
        top: -80px;
        left: 50%;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%); } }

.page-campaign.page-about .about-audioengine .splash-1 {
  background: url("/images/partners/audioengine-bg-small.62e6eb93.png") no-repeat center 0;
  background-size: cover; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-audioengine .splash-1 {
      background: url("/images/partners/audioengine-bg.73676eab.png") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-paradigm .splash-1 {
  background: url("/images/partners/paradigm-bg-small.19f18ff0.png") no-repeat center 0;
  background-size: cover; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-paradigm .splash-1 {
      background: url("/images/partners/paradigm-bg.d0096bc3.png") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-sotm .splash-1 {
  background: url("/images/partners/SOtM-bg-2-small.a2674c1a.png") no-repeat center 0;
  background-size: cover; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-sotm .splash-1 {
      background: url("/images/partners/SOtM-bg-2.9c46fe0d.png") no-repeat center 0;
      background-size: cover; } }
  .page-campaign.page-about .about-sotm .splash-1 .sotmTxt {
    color: #000000; }

.page-campaign.page-about .about-miyo .splash-1 {
  background: url("/images/partners/MIYO-bg-small.7dd38ed7.png") no-repeat center 0;
  background-size: cover; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-miyo .splash-1 {
      background: url("/images/partners/MIYO-bg.d17715f5.png") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-echobox .splash-1 {
  background: url("/images/partners/echoBox-bg-small.c9a957cf.png") no-repeat center 0;
  background-size: cover; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-echobox .splash-1 {
      background: url("/images/partners/echoBox-bg.eda5f7bb.png") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-meridian .splash-1 {
  background: url("/images/partners/meridian-small.69185df1.jpg") no-repeat center 0;
  background-size: cover; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-meridian .splash-1 {
      background: url("/images/partners/meridian.b4fcbd4b.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-lode .splash-1 {
  background: url("/images/partners/lode.59f37531.jpg") no-repeat center 0;
  background-size: cover; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-lode .splash-1 {
      background: url("/images/partners/lode.59f37531.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-casatunes .splash-1 {
  background: url("/images/partners/casatunes-bg-small.26fe5363.jpg") no-repeat center 0;
  background-size: cover; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-casatunes .splash-1 {
      background: url("/images/partners/casatunes-bg.dcd8d4be.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-tidal-audio .splash-1 {
  background: url("/images/partners/tidal-audio-bg-small.e6aa68c9.jpg") no-repeat center 0;
  background-size: cover; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-tidal-audio .splash-1 {
      background: url("/images/partners/tidal-audio-bg.1cc4fbd5.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-aurender .splash-1 {
  background: url("/images/partners/aurender-bg-small.a840cfff.jpg") no-repeat center 0;
  background-size: cover; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-aurender .splash-1 {
      background: url("/images/partners/aurender-bg.fe934cea.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-roon .splash-1 {
  background: url("/images/partners/roon-bg-small.63d98339.jpg") no-repeat center 0;
  background-size: cover; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-roon .splash-1 {
      background: url("/images/partners/roon-bg.007243be.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-creative .splash-1 {
  background: url("/images/partners/creative-bg-small.58f5c743.jpg") no-repeat center 0;
  background-size: cover; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-creative .splash-1 {
      background: url("/images/partners/creative-bg.dc355071.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-hifiakademie .splash-1 {
  background: url("/images/partners/hifiakademie-bg-small.97f1ca3d.jpg") no-repeat center 0;
  background-size: cover; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-hifiakademie .splash-1 {
      background: url("/images/partners/hifiakademie-bg.0ed86341.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-ixion .splash-1 {
  background: url("/images/partners/ixion-bg-small.2a490cd3.jpg") no-repeat center 0;
  background-size: cover; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-ixion .splash-1 {
      background: url("/images/partners/ixion-bg.e1d871ef.jpg") no-repeat center 0;
      background-size: cover; } }

.page-campaign.page-about .about-naim .splash-1 {
  background: url("/images/partners/naim-bg-small.1e0bf42c.jpg") no-repeat center 0;
  background-size: cover; }
  @media (min-width: 768px) {
    .page-campaign.page-about .about-naim .splash-1 {
      background: url("/images/partners/naim-bg.75779ad1.jpg") no-repeat center 0;
      background-size: cover; } }

#tidal-cms-page-tc em {
  font-style: italic; }

#tidal-cms-page-tc .content > .clear-txt ul li {
  list-style-type: disc;
  list-style-position: inside;
  text-indent: -2em;
  padding-left: 2em;
  margin-left: 2em; }

.page-content-sharing {
  padding-bottom: 0; }
  @media (min-width: 768px) {
    .page-content-sharing header {
      background: none; } }
  .page-content-sharing .content {
    max-width: 2000px;
    width: 100%;
    min-width: 315px;
    margin-top: -40px;
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .page-content-sharing .content {
        margin-top: -70px; } }

.content-sharing {
  /* !MODAL WINDOW FOR EMBED CODES */
  /* ----------------------------------------------- */ }
  .content-sharing .btn, .content-sharing .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .content-sharing .btn, .content-sharing .download.wimp .device .btn, .download.wimp .device .content-sharing .btn, .content-sharing .btn-gray, .content-sharing .btn-disabled, .content-sharing .btn-white, .content-sharing .btn-new {
    font-size: 12px;
    font-family: "nationale-demibold", sans-serif;
    padding: 10px 32px; }
  .content-sharing .bold {
    font-family: "nationale-demibold", sans-serif;
    text-decoration: none; }
  .content-sharing h1, .content-sharing h2 {
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 1px;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    font-family: "nationale-bold", sans-serif; }
    .content-sharing h1.secondary-headline, .content-sharing h2.secondary-headline {
      font-family: "nationale", "nationale-regular", "Helvetica", sans-serif; }
      .content-sharing h1.secondary-headline a, .content-sharing h2.secondary-headline a {
        font-size: inherit;
        text-decoration: none; }
  .content-sharing h2 {
    font-size: 14px;
    font-family: "nationale-demibold", sans-serif;
    text-transform: none;
    margin-top: 20px; }
  .content-sharing p {
    font-size: 14px;
    line-height: 1.45; }
  .content-sharing .content-bio-action {
    display: none; }
  .content-sharing .full-all-content {
    width: 100%;
    background: #101010; }
  .content-sharing .content-header {
    position: relative;
    width: 100%;
    height: 200px;
    padding-top: 60px; }
  .content-sharing .content-header-image {
    position: absolute;
    background: #000 center fixed no-repeat;
    background-size: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -2; }
  .content-sharing .flip-h {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH"; }
  .content-sharing.artist-7804 .content-header-image, .content-sharing.artist-1566 .content-header-image {
    background: #000 !important; }
  .content-sharing .content-header-overlay {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1; }
  .content-sharing .content-image-info-wrapper {
    position: relative;
    height: 100px;
    width: 100%;
    max-width: 420px;
    margin: 0 auto; }
  .content-sharing .content-image {
    width: 90px;
    height: 90px;
    background: #000 center no-repeat;
    background-size: 90px;
    border: 2px solid #fff;
    margin-left: 10px; }
    .content-sharing .content-image.circle {
      -webkit-border-radius: 45px;
      -ms-border-radius: 45px;
      -moz-border-radius: 45px;
      -o-border-radius: 45px;
      border-radius: 45px;
      background-size: 200px; }
  .content-sharing .content-info {
    position: absolute;
    width: 60%;
    left: 105px;
    margin: 0 10px 0 10px; }
  .content-sharing .content-cta {
    clear: left;
    max-width: 420px;
    margin: 0 auto; }
    .content-sharing .content-cta .btn-white {
      margin-left: 15px; }
  .content-sharing .content-bio {
    margin: 20px; }
  .content-sharing .content-social {
    display: none; }
  .content-sharing .content-albums, .content-sharing .content-video {
    margin: 40px 20px; }
  .content-sharing .content-album-listing {
    overflow: auto; }
  .content-sharing .signup-action-url {
    color: #00ffff; }
  .content-sharing .content-album-item, .content-sharing .content-video-item {
    display: inline-block;
    float: left;
    width: 48%;
    margin-top: 20px; }
    .content-sharing .content-album-item .album-link, .content-sharing .content-album-item .video-link, .content-sharing .content-video-item .album-link, .content-sharing .content-video-item .video-link {
      display: inline-block;
      width: 100%;
      text-decoration: none; }
    .content-sharing .content-album-item h3, .content-sharing .content-video-item h3 {
      font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
      margin-top: 5px;
      line-height: 1.4;
      font-size: 12px; }
    .content-sharing .content-album-item img, .content-sharing .content-video-item img {
      width: 100%; }
  .content-sharing .content-video-item {
    width: 100%;
    position: relative; }
    .content-sharing .content-video-item .video-link:hover .play-icon, .content-sharing .content-video-item .video-link:hover h2 {
      opacity: 0.9; }
    .content-sharing .content-video-item h2 {
      margin-top: 5px;
      font-size: 16px;
      text-align: center; }
    .content-sharing .content-video-item .play-icon {
      width: 40px; }
    .content-sharing .content-video-item .play-icon-wrapper {
      position: absolute;
      width: 100%;
      top: 50%;
      text-align: center;
      margin-top: -25px; }
    @media (min-width: 768px) {
      .content-sharing .content-video-item .play-icon {
        width: 75px; }
      .content-sharing .content-video-item .play-icon-wrapper {
        margin-top: -53px; } }
  .content-sharing .content-album-item:nth-child(even) {
    margin-left: 6px; }
  .content-sharing .content-album-item:nth-child(odd) {
    clear: both; }
  .content-sharing .content-tracks {
    margin: 40px 20px; }
  .content-sharing .content-track-listing {
    display: table;
    width: 100%;
    max-width: 740px;
    margin-top: 20px;
    font-size: 14px; }
    .content-sharing .content-track-listing a, .content-sharing .content-track-listing p {
      text-decoration: none;
      font-size: 12px; }
  .content-sharing .track-item.highlight a, .content-sharing .track-item.highlight p {
    font-family: "nationale-demibold", sans-serif;
    color: #00ffff; }
  .content-sharing .track-version {
    display: none;
    color: #999;
    font-family: "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .content-sharing .track-item:nth-child(even) {
    background: #1D1D1D; }
  .content-sharing .track-number {
    display: table-cell;
    border-right: 1px solid #2C2C2C;
    width: 40px;
    text-align: center; }
  .content-sharing .track-type {
    display: table-cell;
    border-right: 1px solid #2C2C2C;
    width: 40px;
    text-align: center; }
  .content-sharing .track-type i {
    color: #FFFFFF;
    font-size: 18px; }
  .content-sharing .track-name {
    display: table-cell;
    padding-left: 20px;
    padding-right: 20px;
    width: 130px;
    max-width: 130px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .content-sharing .playlist-song-title {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .content-sharing .additional-info {
    display: table-cell;
    border-left: 1px solid #2C2C2C;
    width: 60px;
    text-align: center; }
  .content-sharing .cut {
    background: #5a5a5a;
    border-radius: 2px;
    color: #232323;
    height: 12px;
    box-sizing: border-box;
    display: inline-block;
    padding: 3px 5px 2px 5px;
    font-family: "nationale-bold", sans-serif;
    font-size: 8px;
    margin-left: 10px; }
  .content-sharing .contributors-info {
    background: #232323; }
    .content-sharing .contributors-info .contributors-header {
      background: #1D1D1D;
      border: 0px;
      border-top: 1px solid black;
      border-bottom: 1px solid black; }
      .content-sharing .contributors-info .contributors-header p {
        font-family: "nationale", sans-serif;
        color: #FFFFFF;
        font-size: 14px;
        line-height: 1;
        padding-left: 80px;
        margin-top: 10px;
        margin-bottom: 7px; }
    .content-sharing .contributors-info .contributors-listing {
      border: 0px;
      display: table;
      width: 100%;
      max-width: 740px;
      font-size: 14px;
      border-bottom: 1px solid #1D1D1D; }
      .content-sharing .contributors-info .contributors-listing a, .content-sharing .contributors-info .contributors-listing p {
        font-family: "nationale", sans-serif;
        text-decoration: none;
        color: #aaaaaa; }
      .content-sharing .contributors-info .contributors-listing .contributor-role {
        padding-left: 80px;
        display: table-cell; }
      .content-sharing .contributors-info .contributors-listing .contributor-name {
        display: table-cell;
        width: 50%; }
  .content-sharing .playlist-artist-name {
    line-height: 2;
    padding-bottom: 15px; }
  .content-sharing .hide-on-mobile {
    display: none; }
  .content-sharing .content-about-tidal {
    margin: 40px 0 0 0;
    padding: 20px 0 0 0;
    background: #000000; }
    .content-sharing .content-about-tidal h2 {
      margin: 0 20px 10px 10px; }
    .content-sharing .content-about-tidal p {
      margin: 20px 20px 10px 10px; }
  .content-sharing .content-about-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden; }
    .content-sharing .content-about-video iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .content-sharing .splash.splash-last {
    margin: 20px auto;
    width: 92%;
    text-align: center; }
    .content-sharing .splash.splash-last .txt {
      margin-top: 0; }
  .content-sharing .video-cover {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover; }
  .content-sharing .video-link i {
    font-size: 75px;
    color: #FFFFFF; }
  .content-sharing .video-progress {
    width: 100%;
    height: 3px;
    background: #2a2a2a;
    float: left; }
  .content-sharing .bar {
    background: cyan;
    height: 3px;
    width: 0%;
    transition: width 0.6s linear; }
  .content-sharing .video-controls {
    width: 100%;
    background: #000000; }
  .content-sharing .video-controls ul {
    display: inline-block; }
  .content-sharing .control {
    color: #FFFFFF;
    font-size: 15px;
    padding: 5px;
    display: inline-block; }
  .content-sharing .control i {
    color: #FFFFFF;
    font-size: 25px; }
  @media (min-width: 475px) and (max-width: 768px) {
    .content-sharing .content-album-item {
      width: 32%;
      margin-left: 6px;
      clear: none; }
    .content-sharing .content-album-item:nth-child(odd) {
      clear: none; }
    .content-sharing .content-album-item:nth-child(3n+1) {
      clear: both;
      margin-left: 0; }
    .content-sharing .track-name {
      display: table-cell; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .content-sharing .content-album-item {
      width: 24%;
      margin-left: 6px;
      clear: none; }
    .content-sharing .content-album-item:nth-child(odd) {
      clear: none; }
    .content-sharing .content-album-item:nth-child(4n+1) {
      clear: both;
      margin-left: 0; }
    .content-sharing .track-name {
      display: table-cell;
      min-width: 200px; } }
  @media (min-width: 1024px) {
    .content-sharing .content-album-item {
      width: 19%;
      margin-left: 6px;
      clear: none; }
    .content-sharing .content-album-item:nth-child(odd) {
      clear: none; }
    .content-sharing .content-album-item:nth-child(5n+1) {
      clear: both;
      margin-left: 0; }
    .content-sharing .track-name {
      display: table-cell;
      max-width: 450px;
      min-width: 320px; } }
  @media (min-width: 768px) {
    .content-sharing .btn, .content-sharing .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .content-sharing .btn, .content-sharing .download.wimp .device .btn, .download.wimp .device .content-sharing .btn, .content-sharing .btn-gray, .content-sharing .btn-disabled, .content-sharing .btn-white, .content-sharing .btn-new {
      padding: 11px 45px; }
    .content-sharing .track-number {
      width: 60px; }
    .content-sharing .track-type {
      width: 60px; }
    .content-sharing .track-version {
      display: inline; }
    .content-sharing .all-content-wrapper {
      overflow: auto;
      max-width: 1300px;
      margin: 0 auto; }
    .content-sharing .content-left-col {
      width: 63%;
      float: left; }
    .content-sharing .content-about-tidal {
      width: 29%;
      background: #1F1F1F;
      margin-top: 0;
      padding: 30px;
      float: right; }
      .content-sharing .content-about-tidal h2 {
        margin: 20px 20px 10px 10px; }
    .content-sharing .content-about-video {
      margin: 20px 17px 20px 10px; }
    .content-sharing .content-last-splash {
      background: #000000; }
    .content-sharing .splash.splash-last {
      clear: both;
      height: auto !important;
      margin: 0 auto; }
      .content-sharing .splash.splash-last .txt {
        margin-top: 40px; }
    .content-sharing .content-info h1, .content-sharing .content-info h2 {
      display: inline-block; }
    .content-sharing .content-info h1.secondary-headline, .content-sharing .content-info h2.secondary-headline {
      display: block;
      line-height: 1.45;
      padding-bottom: 5px; }
    .content-sharing h2 {
      font-size: 16px;
      margin-top: 40px; }
    .content-sharing .content-bio p {
      max-width: 800px; }
    .content-sharing .hide-on-mobile {
      display: block; }
    .content-sharing .content-albums.related-artists {
      margin-left: 10px; }
      .content-sharing .content-albums.related-artists h2 {
        margin-left: 0; }
      .content-sharing .content-albums.related-artists .content-album-item {
        width: 32%;
        margin-left: 6px;
        clear: none; }
      .content-sharing .content-albums.related-artists .content-album-item:nth-child(odd) {
        clear: none; }
      .content-sharing .content-albums.related-artists .content-album-item:nth-child(3n+1) {
        clear: both;
        margin-left: 0; }
    .content-sharing .content-track-listing a, .content-sharing .content-track-listing p {
      font-size: 14px; }
    .content-sharing .content-header {
      height: 260px;
      padding-top: 80px; }
    .content-sharing .content-bio, .content-sharing .content-albums, .content-sharing .content-video {
      margin-left: 120px; }
    .content-sharing .content-bio.playlist {
      margin-left: 20px; }
    .content-sharing .content-image-info-wrapper {
      height: 140px;
      margin-left: 140px;
      max-width: none;
      width: auto; }
    .content-sharing .content-image-info-wrapper {
      height: 180px; }
    .content-sharing .content-info {
      left: 230px; }
    .content-sharing .content-image {
      width: 200px;
      height: 200px;
      background-size: 205px; }
      .content-sharing .content-image.circle {
        -webkit-border-radius: 100px;
        -ms-border-radius: 100px;
        -moz-border-radius: 100px;
        -o-border-radius: 100px;
        border-radius: 100px; }
    .content-sharing .content-cta {
      margin-left: 385px;
      margin-top: -55px;
      max-width: none; }
      .content-sharing .content-cta .btn-white {
        margin-left: 0; }
    .content-sharing .content-social {
      display: block;
      position: absolute;
      bottom: 20px;
      right: 80px; }
      .content-sharing .content-social a {
        width: 30px;
        display: inline-block; }
        .content-sharing .content-social a img {
          width: 100%; }
    .content-sharing .video-cover {
      position: absolute;
      width: 100%;
      height: 100%;
      background-size: cover; }
    .content-sharing .video-link i {
      font-size: 75px;
      color: #FFFFFF; }
    .content-sharing .video-progress {
      width: 100%;
      height: 3px;
      background: #2a2a2a;
      float: left; }
    .content-sharing .bar {
      background: cyan;
      height: 3px;
      width: 0%;
      transition: width 0.6s linear; }
    .content-sharing .video-controls {
      width: 100%;
      background: #000000; }
    .content-sharing .video-controls ul {
      display: inline-block; }
    .content-sharing .control {
      color: #FFFFFF;
      font-size: 15px;
      padding: 5px;
      display: inline-block; }
    .content-sharing .control i {
      color: #FFFFFF;
      font-size: 25px; } }
  @media (min-width: 1600px) {
    .content-sharing .content-cta {
      margin-left: 475px; }
    .content-sharing .content-image-info-wrapper {
      margin-left: 240px; } }
  .content-sharing .ng-modal-overlay {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.8; }
  .content-sharing .ng-modal-dialog {
    background-color: #1c1c1c;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    z-index: 10000;
    position: absolute;
    max-width: 760px;
    width: 90%;
    top: 10%;
    left: 5%;
    right: 5%; }
    @media (min-width: 768px) {
      .content-sharing .ng-modal-dialog {
        width: 50%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%); } }
  .content-sharing .ng-modal-dialog-content {
    padding: 10px;
    padding-top: 40px; }
  .content-sharing .ng-modal-close,
  .content-sharing .ng-modal-title {
    position: absolute;
    top: 5px;
    left: 5px;
    padding: 5px;
    margin: 0;
    display: inline-block;
    font-family: 'nationale-demibold';
    color: #fff;
    text-transform: uppercase; }
  .content-sharing .ng-modal-close {
    cursor: pointer;
    right: 5px;
    left: auto; }
    .content-sharing .ng-modal-close:hover {
      opacity: 0.8; }
  .content-sharing .btn-embed {
    display: none; }
    @media (min-width: 768px) {
      .content-sharing .btn-embed {
        cursor: pointer;
        display: block;
        position: absolute;
        bottom: 23px;
        right: 182px;
        height: 30px;
        color: #fff;
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
        text-decoration: none;
        font-size: 16px;
        line-height: 31px;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } }
    .content-sharing .btn-embed i.fa {
      margin-top: 4px;
      margin-right: 5px;
      display: inline-block; }
  .content-sharing .embed-code-box textarea {
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    display: block;
    line-height: 1.5;
    border: none;
    font-family: monospace;
    color: #a8a8a8;
    overflow: auto;
    -ms-overflow-style: none;
    padding: 10px;
    background-color: #232323;
    font-size: 12px; }
    .content-sharing .embed-code-box textarea:focus {
      outline: none; }

.download h1, .download h2 {
  display: none; }

.download .clear {
  display: none;
  clear: both;
  padding-top: 20px; }
  .download .clear.supported-network {
    display: block;
    text-align: center; }
  @media (min-width: 768px) {
    .download .clear {
      display: block; }
      .download .clear.supported-network {
        text-align: left; } }
  .download .clear.support-devices {
    padding-top: 0;
    margin-top: 40px; }
    @media (min-width: 768px) {
      .download .clear.support-devices {
        margin-top: 0; } }
  .download .clear h1, .download .clear h2 {
    display: inline-block;
    color: #ffffff;
    text-align: left;
    font-size: 18px;
    margin-bottom: 10px;
    margin-left: 5px;
    text-transform: uppercase; }
    .download .clear h1.play-now, .download .clear h2.play-now {
      margin-right: 190px; }

.download .read-more {
  display: block;
  margin: -1px auto 13px auto; }

@media (min-width: 768px) {
  .download .devices {
    width: 100%;
    overflow: auto;
    margin: 40px auto; } }

.download .device {
  display: none;
  background-color: #333333;
  color: #f1f1f1;
  width: 87%;
  max-width: 300px;
  margin: 10px auto;
  padding-bottom: 10px;
  text-align: center;
  border: 1px solid #1F1F1F; }
  .download .device.device-network-player {
    display: block; }
  .download .device.detection {
    display: block;
    background-color: #1A1919;
    border-color: #2E2E2E; }
    .download .device.detection h3 {
      padding: 30px 30px 0 30px; }
    .download .device.detection p {
      padding: 10px 20px;
      line-height: 1.4; }
  .download .device.desktop .device-img {
    height: 100px;
    margin-top: 80px; }
    @media (min-width: 1480px) {
      .download .device.desktop .device-img {
        height: 130px;
        margin-top: 90px; } }
  .download .device.browser {
    display: none; }
    @media (min-width: 768px) {
      .download .device.browser {
        display: block; } }
    .download .device.browser .device-img-wrapper {
      border-color: #2E2E2E; }
    .download .device.browser .btn, .download .device.browser .btn-gray, .download .device.browser .btn-disabled, .download .device.browser .btn-white, .download .device.browser .btn-new {
      font-family: "nationale-demibold", sans-serif; }
  .download .device.highlight {
    display: none;
    background-color: #1A1919;
    border-color: #2E2E2E; }
    @media (min-width: 768px) {
      .download .device.highlight {
        display: block; } }
    .download .device.highlight .device-img-wrapper {
      border-color: #2E2E2E; }
    .download .device.highlight .btn, .download .device.highlight .btn-gray, .download .device.highlight .btn-disabled, .download .device.highlight .btn-white, .download .device.highlight .btn-new {
      font-family: "nationale-demibold", sans-serif; }
  .download .device a {
    color: #f1f1f1; }
  @media (min-width: 768px) {
    .download .device {
      display: block;
      float: left;
      width: 24%;
      margin: 4px 3px; }
      .download .device.detection {
        display: none; } }
  @media (min-width: 1480px) {
    .download .device {
      margin: 4px; } }

.download .device-img-wrapper {
  border-bottom: 1px solid #1F1F1F; }

.download .device-img {
  height: 140px;
  margin: 40px auto 10px auto;
  opacity: .85; }
  @media (min-width: 1480px) {
    .download .device-img {
      height: 180px; } }

.download .device-icon {
  display: block;
  height: 25px;
  margin: 20px auto 10px auto; }
  @media (min-width: 768px) {
    .download .device-icon {
      margin-top: 2px; } }

.download .device-name {
  font-family: "nationale-demibold", sans-serif;
  margin: 25px auto 5px auto; }

.download .device-support {
  font-size: 12px;
  color: #c0c0c0; }

.webplayer-disclaimer p, .webplayer-disclaimer a {
  font-size: 13px; }
  .webplayer-disclaimer p.masters, .webplayer-disclaimer a.masters {
    font-family: "nationale-demibold", sans-serif; }

@media (max-width: 767px) {
  .webplayer-disclaimer {
    display: none; } }

.webclient-redirect .btn, .webclient-redirect .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .webclient-redirect .btn, .webclient-redirect .download.wimp .device .btn, .download.wimp .device .webclient-redirect .btn, .webclient-redirect .btn-gray, .webclient-redirect .btn-disabled, .webclient-redirect .btn-white, .webclient-redirect .btn-new {
  width: 160px;
  margin: 0 auto 10px auto; }
  .webclient-redirect .btn.download-client, .webclient-redirect .download.wimp .device .download-client.btn, .download.wimp .device .webclient-redirect .download-client.btn, .webclient-redirect .download-client.btn-gray, .webclient-redirect .download-client.btn-disabled, .webclient-redirect .download-client.btn-white, .webclient-redirect .download-client.btn-new {
    margin-top: 20px; }

@media (min-width: 768px) {
  .webclient-redirect .device.detection {
    display: block;
    float: none;
    margin: 0 auto;
    max-width: 360px; }
    .webclient-redirect .device.detection .device-icon {
      margin: 20px auto 10px auto;
      height: 28px; }
    .webclient-redirect .device.detection .device-img {
      height: 200px;
      margin: 60px auto 20px auto; } }

.download.wimp .webplayer-disclaimer p, .download.wimp .webplayer-disclaimer a {
  color: #232323; }

.download.wimp .device-name {
  color: #232323; }

.download.wimp .device-support {
  color: #555; }

.download.wimp .device.browser, .download.wimp .device.detection {
  background-color: #511642; }
  .download.wimp .device.browser .device-name, .download.wimp .device.detection .device-name {
    color: #fafafa; }
  .download.wimp .device.browser .device-support, .download.wimp .device.detection .device-support {
    color: #ddd; }
  .download.wimp .device.browser .btn, .download.wimp .device.browser .btn-gray, .download.wimp .device.browser .btn-disabled, .download.wimp .device.browser .btn-white, .download.wimp .device.browser .btn-new, .download.wimp .device.detection .btn, .download.wimp .device.detection .btn-gray, .download.wimp .device.detection .btn-disabled, .download.wimp .device.detection .btn-white, .download.wimp .device.detection .btn-new {
    background-color: #fafafa !important;
    color: #232323 !important; }

.error-not-found {
  text-align: center;
  padding: 40px 0;
  width: 100%;
  max-width: 580px;
  margin: 0 auto; }
  .error-not-found h1, .error-not-found h2 {
    font-size: 28px;
    font-family: "nationale-demibold", sans-serif;
    color: #ffffff;
    text-transform: uppercase; }
  .error-not-found p, .error-not-found a {
    font-size: 16px;
    line-height: 1.4;
    color: #ffffff; }
  .error-not-found .btn, .error-not-found .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .error-not-found .btn, .error-not-found .download.wimp .device .btn, .download.wimp .device .error-not-found .btn, .error-not-found .btn-gray, .error-not-found .btn-disabled, .error-not-found .btn-white, .error-not-found .btn-new {
    margin-top: 40px; }
  @media (min-width: 768px) {
    .error-not-found h1, .error-not-found h2 {
      font-size: 50px; }
    .error-not-found p, .error-not-found a {
      font-size: 18px; } }

.takeover-wrapper .takeover {
  position: fixed;
  z-index: 100000;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000 url("/assets/images/campaigns/takeover-bg.jpg") 0 0 no-repeat;
  background-size: cover;
  text-align: center; }

.takeover-wrapper h1, .takeover-wrapper h2 {
  font-family: "nationale-bold", sans-serif; }

.takeover-wrapper h2 {
  font-family: "nationale-demibold", sans-serif; }

.takeover-wrapper .takeover-content .takeover-close-marker {
  position: absolute;
  top: -40px;
  right: 10px;
  font-size: 24px; }
  @media (min-width: 768px) {
    .takeover-wrapper .takeover-content .takeover-close-marker {
      font-size: 26px; } }

.takeover-wrapper .takeover-content {
  position: relative;
  width: 95%;
  max-width: 650px;
  margin: 60px auto; }

.takeover-wrapper .takeover-concert-concierge {
  margin: 20px auto;
  width: 95px;
  opacity: .7; }

.takeover-wrapper .aesthetic-border {
  display: block;
  background: #fff;
  width: 40px;
  height: 7px;
  margin: 0 auto; }

.takeover-wrapper .takeover-info {
  margin-top: 40px; }
  .takeover-wrapper .takeover-info h2 {
    font-size: 14px; }
  .takeover-wrapper .takeover-info p {
    line-height: 1.4; }
  .takeover-wrapper .takeover-info .takeover-close-link {
    display: block;
    margin-top: 20px; }

@media (min-width: 768px) {
  .takeover-wrapper {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100000;
    background: rgba(0, 0, 0, 0.6); }
    .takeover-wrapper .takeover {
      position: relative;
      width: 800px;
      height: 460px;
      margin: 80px auto;
      border: 6px solid #fff; }
    .takeover-wrapper .takeover-content {
      position: static;
      margin: 40px auto; }
      .takeover-wrapper .takeover-content h1, .takeover-wrapper .takeover-content h2 {
        margin-top: 0; }
      .takeover-wrapper .takeover-content h2, .takeover-wrapper .takeover-content a, .takeover-wrapper .takeover-content p {
        font-size: 16px; }
      .takeover-wrapper .takeover-content .takeover-close-marker {
        top: 20px;
        right: 20px; }
      .takeover-wrapper .takeover-content .takeover-close-link {
        margin-top: 40px; } }

/* Get the bourbon mixin from http://bourbon.io */
/* Reset */
.flip-clock-wrapper * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.flip-clock-wrapper a {
  cursor: pointer;
  text-decoration: none;
  color: #ccc; }

.flip-clock-wrapper a:hover {
  color: #fff; }

.flip-clock-wrapper ul {
  list-style: none; }

.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
  content: " ";
  display: table; }

.flip-clock-wrapper.clearfix:after {
  clear: both; }

.flip-clock-wrapper.clearfix {
  *zoom: 1; }

/* Main */
.flip-clock-wrapper {
  font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
  font-family: "nationale-demibold", sans-serif;
  -webkit-user-select: none; }

.flip-clock-meridium {
  background: none !important;
  box-shadow: 0 0 0 !important;
  font-size: 36px !important; }

.flip-clock-meridium a {
  color: #313333; }

.flip-clock-wrapper {
  text-align: center;
  position: relative;
  width: 100%;
  margin: 1em; }

.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.flip-clock-wrapper:after {
  clear: both; }

/* Skeleton */
.flip-clock-wrapper ul {
  position: relative;
  float: left;
  margin: 5px;
  width: 90px;
  height: 120px;
  font-size: 80px;
  font-weight: bold;
  line-height: 87px;
  background: #000; }

.flip-clock-wrapper ul li {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 87px;
  text-decoration: none !important; }

.flip-clock-wrapper ul li:first-child {
  z-index: 2; }

.flip-clock-wrapper ul li a {
  display: block;
  height: 100%;
  -webkit-perspective: 200px;
  -moz-perspective: 200px;
  perspective: 200px;
  margin: 0 !important;
  overflow: visible !important;
  cursor: default !important; }

.flip-clock-wrapper ul li a div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  font-size: 80px;
  overflow: hidden;
  outline: 1px solid transparent; }

.flip-clock-wrapper ul li a div .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2; }

.flip-clock-wrapper ul li a div.up {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  top: 0; }

.flip-clock-wrapper ul li a div.up:after {
  content: "";
  position: absolute;
  top: 57px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4); }

.flip-clock-wrapper ul li a div.down {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  bottom: 0; }

.flip-clock-wrapper ul li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  color: #ccc;
  text-shadow: 0 1px 2px #000;
  text-align: center;
  background-color: #1B1B1B;
  font-size: 70px;
  line-height: 1.7; }

.flip-clock-wrapper ul li a div.up div.inn {
  top: 0; }

.flip-clock-wrapper ul li a div.down div.inn {
  bottom: 0; }

/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before {
  z-index: 3; }

.flip-clock-wrapper .flip {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); }

.flip-clock-wrapper ul.play li.flip-clock-active {
  -webkit-animation: asd 0.5s 0.5s linear both;
  -moz-animation: asd 0.5s 0.5s linear both;
  animation: asd 0.5s 0.5s linear both;
  z-index: 5; }

.flip-clock-divider {
  float: left;
  display: inline-block;
  position: relative;
  width: 15px;
  height: 73px;
  margin-top: 26px; }

.flip-clock-divider:first-child {
  width: 0; }

.flip-clock-dot {
  display: block;
  background: #00a3a3;
  width: 3px;
  height: 3px;
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  left: 5px; }

.flip-clock-divider .flip-clock-label {
  position: absolute;
  top: -1.5em;
  right: -86px;
  color: black;
  text-shadow: none; }

.flip-clock-divider.minutes .flip-clock-label {
  right: -88px; }

.flip-clock-divider.seconds .flip-clock-label {
  right: -91px; }

.flip-clock-dot.top {
  top: 30px; }

.flip-clock-dot.bottom {
  bottom: 30px; }

@-webkit-keyframes asd {
  0% {
    z-index: 2; }
  20% {
    z-index: 4; }
  100% {
    z-index: 4; } }

@-moz-keyframes asd {
  0% {
    z-index: 2; }
  20% {
    z-index: 4; }
  100% {
    z-index: 4; } }

@-o-keyframes asd {
  0% {
    z-index: 2; }
  20% {
    z-index: 4; }
  100% {
    z-index: 4; } }

@keyframes asd {
  0% {
    z-index: 2; }
  20% {
    z-index: 4; }
  100% {
    z-index: 4; } }

.flip-clock-wrapper ul.play li.flip-clock-active .down {
  z-index: 2;
  -webkit-animation: turn 0.5s 0.5s linear both;
  -moz-animation: turn 0.5s 0.5s linear both;
  animation: turn 0.5s 0.5s linear both; }

@-webkit-keyframes turn {
  0% {
    -webkit-transform: rotateX(90deg); }
  100% {
    -webkit-transform: rotateX(0deg); } }

@-moz-keyframes turn {
  0% {
    -moz-transform: rotateX(90deg); }
  100% {
    -moz-transform: rotateX(0deg); } }

@-o-keyframes turn {
  0% {
    -o-transform: rotateX(90deg); }
  100% {
    -o-transform: rotateX(0deg); } }

@keyframes turn {
  0% {
    transform: rotateX(90deg); }
  100% {
    transform: rotateX(0deg); } }

.flip-clock-wrapper ul.play li.flip-clock-before .up {
  z-index: 2;
  -webkit-animation: turn2 0.5s linear both;
  -moz-animation: turn2 0.5s linear both;
  animation: turn2 0.5s linear both; }

@-webkit-keyframes turn2 {
  0% {
    -webkit-transform: rotateX(0deg); }
  100% {
    -webkit-transform: rotateX(-90deg); } }

@-moz-keyframes turn2 {
  0% {
    -moz-transform: rotateX(0deg); }
  100% {
    -moz-transform: rotateX(-90deg); } }

@-o-keyframes turn2 {
  0% {
    -o-transform: rotateX(0deg); }
  100% {
    -o-transform: rotateX(-90deg); } }

@keyframes turn2 {
  0% {
    transform: rotateX(0deg); }
  100% {
    transform: rotateX(-90deg); } }

.flip-clock-wrapper ul li.flip-clock-active {
  z-index: 3; }

/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.3s linear both; }

/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.2s linear both; }

@-webkit-keyframes show {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes show {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes show {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

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

@-webkit-keyframes hide {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-moz-keyframes hide {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-o-keyframes hide {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

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

.tidal-counter-units {
  width: 100%;
  margin: 0 0 0 15px;
  text-align: left; }
  .tidal-counter-units h4 {
    display: inline-block;
    color: #fff;
    font-family: "nationale-demibold", sans-serif;
    font-size: 12px; }
  .tidal-counter-units .unit-days {
    margin-left: 80px; }
  .tidal-counter-units .unit-hours {
    margin-left: 172px; }
  .tidal-counter-units .unit-minutes {
    margin-left: 163px; }
  .tidal-counter-units .unit-seconds {
    margin-left: 157px; }
  .tidal-counter-units.top {
    display: none; }

@media screen and (max-width: 1960px) {
  .flip-clock-wrapper ul {
    width: 60px;
    height: 80px; }
  .flip-clock-divider {
    margin-top: 11px; }
  .flip-clock-wrapper ul li a div div.inn {
    font-size: 50px; }
  .tidal-counter-flip.flip-clock-wrapper {
    margin-bottom: 0; }
  .tidal-counter-units .unit-days {
    margin-left: 50px; }
  .tidal-counter-units .unit-hours {
    margin-left: 113px; }
  .tidal-counter-units .unit-minutes {
    margin-left: 102px; }
  .tidal-counter-units .unit-seconds {
    margin-left: 96px; } }

@media screen and (max-width: 767fpx) {
  .flip-clock-wrapper {
    margin: 0; }
  .flip-clock-divider {
    margin-top: 4px; }
  .flip-clock-wrapper ul {
    width: 45px;
    height: 65px; }
  .flip-clock-wrapper ul li a div div.inn {
    font-size: 40px; }
  .tidal-counter-flip.flip-clock-wrapper {
    margin-bottom: 0; }
  .tidal-counter-units .unit-days {
    margin-left: 24px; }
  .tidal-counter-units .unit-hours {
    margin-left: 82px; }
  .tidal-counter-units .unit-minutes {
    margin-left: 72px; }
  .tidal-counter-units .unit-seconds {
    margin-left: 66px; } }

@media screen and (max-width: 767px) {
  html {
    min-width: 320px; }
  .flip-clock-divider {
    margin-top: -10px;
    height: 68px;
    width: 5px; }
  .flip-clock-dot {
    left: 1px;
    width: 2px;
    height: 2px; }
  .flip-clock-wrapper ul {
    width: 27px;
    height: 40px;
    margin: 3px; }
  .flip-clock-wrapper ul li a div div.inn {
    font-size: 22px; }
  .tidal-counter-flip.flip-clock-wrapper {
    margin-bottom: 0; }
  .tidal-counter-units .unit-days {
    margin-left: 7px;
    font-size: 10px; }
  .tidal-counter-units .unit-hours {
    margin-left: 32px;
    font-size: 10px; }
  .tidal-counter-units .unit-minutes {
    margin-left: 27px;
    font-size: 10px; }
  .tidal-counter-units .unit-seconds {
    margin-left: 21px;
    font-size: 10px; } }

.live-stream-wrapper {
  width: 100%;
  margin: -18px auto 20px auto; }

.live-stream {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 35px;
  height: 0;
  overflow: hidden; }
  .live-stream iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.vimeo-embed {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 35px;
  height: 0;
  overflow: hidden; }
  .vimeo-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 93%; }

.container.post-count .splash .txt {
  margin-top: 20px; }
  @media (min-width: 768px) {
    .container.post-count .splash .txt {
      margin-top: 0; } }

.container.post-count .splash .tagline-logo {
  width: 30%;
  max-width: 120px; }

.container.post-count .splash .tagline-pre {
  display: none; }

.splash.live-stream-splash .txt {
  margin-top: 20px; }

.splash.live-stream-splash .tagline-logo {
  width: 20%;
  max-width: 100px; }

.mobile-stream .splash {
  min-height: 650px !important; }

.mobile-stream .countdown-post {
  display: none !important; }

.page-index {
  position: absolute;
  top: 0;
  bottom: 0; }

.stream-promo-info {
  font-family: "nationale", "nationale-regular", "Helvetica", sans-serif !important;
  font-size: 14px !important;
  margin-bottom: 0 !important;
  margin-top: 40px !important; }

.stream-promo-link {
  display: block;
  font-family: "nationale-demibold", sans-serif;
  text-decoration: none;
  margin-top: 11px; }

.geo-blocked-img {
  width: 100%;
  max-width: 960px;
  margin: 0 auto; }

.live-stream-container .splash-1 {
  background: #000;
  margin-top: 0 !important;
  padding-top: 0 !important; }

.live-stream-container .txt {
  padding-top: 0;
  margin-top: 0 !important; }

.live-stream-container.live-stream-container-client .splash-1 {
  padding-top: 0; }

.splash.top-music-splash {
  background: #000;
  padding-bottom: 0;
  height: auto !important; }
  .splash.top-music-splash .powered-by-bc {
    text-align: center;
    font-size: 14px; }
    .splash.top-music-splash .powered-by-bc img {
      display: block;
      margin: 5px auto;
      width: 40px; }
    .splash.top-music-splash .powered-by-bc a {
      font-size: 14px;
      font-family: "nationale-demibold", sans-serif;
      text-decoration: none; }
  .splash.top-music-splash .btn, .splash.top-music-splash .download.wimp .device .btn, .download.wimp .device .splash.top-music-splash .btn, .splash.top-music-splash .btn-gray, .splash.top-music-splash .btn-disabled, .splash.top-music-splash .btn-white, .splash.top-music-splash .btn-new {
    z-index: 11;
    background: #000;
    color: #fff;
    border: 2px solid #fff;
    margin: 0 2px;
    font-family: "nationale-demibold", sans-serif; }
    .splash.top-music-splash .btn.active, .splash.top-music-splash .active.btn-gray, .splash.top-music-splash .active.btn-disabled, .splash.top-music-splash .active.btn-white, .splash.top-music-splash .active.btn-new {
      border-color: cyan; }
  .splash.top-music-splash .txt {
    padding: 0;
    margin-top: 20px; }
  .splash.top-music-splash .top-music-header {
    margin-bottom: 40px; }
  .splash.top-music-splash .top-music-content {
    width: 100%;
    position: relative;
    overflow: hidden; }
  .splash.top-music-splash .top-music-overlay {
    display: none;
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1; }
  .splash.top-music-splash .list-content {
    float: left;
    width: 33.3%;
    line-height: 0;
    overflow: hidden; }
    .splash.top-music-splash .list-content.to-webplayer {
      background: cyan; }
    .splash.top-music-splash .list-content.list-tracks {
      display: none; }
  .splash.top-music-splash .list-content-img {
    width: 100%;
    cursor: pointer; }
  .splash.top-music-splash .list-content-details {
    position: absolute;
    z-index: 1;
    display: none;
    text-align: left; }
    .splash.top-music-splash .list-content-details img {
      width: 100%; }
  .splash.top-music-splash .list-content-details-header:active {
    outline: none; }
  .splash.top-music-splash .list-content-details-content {
    background: cyan; }
    .splash.top-music-splash .list-content-details-content p {
      margin-top: 0;
      padding-left: 10px;
      padding-right: 10px;
      color: #000; }
    .splash.top-music-splash .list-content-details-content .btn, .splash.top-music-splash .list-content-details-content .btn-gray, .splash.top-music-splash .list-content-details-content .btn-disabled, .splash.top-music-splash .list-content-details-content .btn-white, .splash.top-music-splash .list-content-details-content .btn-new {
      border-color: #000;
      color: #000;
      background-color: cyan;
      margin-left: 10px; }
      .splash.top-music-splash .list-content-details-content .btn:hover, .splash.top-music-splash .list-content-details-content .btn-gray:hover, .splash.top-music-splash .list-content-details-content .btn-disabled:hover, .splash.top-music-splash .list-content-details-content .btn-white:hover, .splash.top-music-splash .list-content-details-content .btn-new:hover {
        background-color: #000;
        color: #fff; }
      @media (max-width: 767px) {
        .splash.top-music-splash .list-content-details-content .btn, .splash.top-music-splash .list-content-details-content .btn-gray, .splash.top-music-splash .list-content-details-content .btn-disabled, .splash.top-music-splash .list-content-details-content .btn-white, .splash.top-music-splash .list-content-details-content .btn-new {
          font-size: 10px;
          padding: 7px;
          margin-top: 0; } }
    .splash.top-music-splash .list-content-details-content .content-title {
      padding-top: 10px;
      font-size: 12px;
      margin-bottom: 0; }
    .splash.top-music-splash .list-content-details-content .content-artist {
      padding-top: 3px;
      font-size: 10px;
      margin-bottom: 5px;
      font-family: "nationale-demibold", sans-serif; }
  @media (min-width: 768px) {
    .splash.top-music-splash h1, .splash.top-music-splash h2 {
      font-size: 45px; }
    .splash.top-music-splash .txt {
      margin-top: 0; }
    .splash.top-music-splash .list-content {
      width: 14.28%; }
    .splash.top-music-splash .list-content-details-content {
      background: cyan; }
      .splash.top-music-splash .list-content-details-content .btn, .splash.top-music-splash .list-content-details-content .btn-gray, .splash.top-music-splash .list-content-details-content .btn-disabled, .splash.top-music-splash .list-content-details-content .btn-white, .splash.top-music-splash .list-content-details-content .btn-new {
        margin-left: 40px; }
      .splash.top-music-splash .list-content-details-content p {
        margin-top: 0;
        padding-left: 40px;
        padding-right: 40px;
        color: #000; }
      .splash.top-music-splash .list-content-details-content .content-title {
        font-size: 18px;
        padding-top: 40px;
        margin-bottom: 0; }
      .splash.top-music-splash .list-content-details-content .content-artist {
        padding-top: 3px;
        font-size: 14px;
        margin-bottom: 20px;
        font-family: "nationale-demibold", sans-serif; } }

.splash.import-your-music {
  background: #1a1a1a;
  padding-bottom: 0;
  height: auto !important; }
  .splash.import-your-music .txt {
    padding: 0;
    margin-top: 20px; }
  .splash.import-your-music .import-your-music-header {
    padding-top: 40px; }
  .splash.import-your-music .import-your-music-content {
    margin: 0px auto;
    padding-top: 60px;
    max-width: 600px; }
  .splash.import-your-music .import-your-music-content > img {
    margin-bottom: 20px;
    width: 90%; }
  .splash.import-your-music .import-your-music-cta {
    padding-top: 40px;
    padding-bottom: 80px; }
  @media (min-width: 768px) {
    .splash.import-your-music h1, .splash.import-your-music h2 {
      font-size: 45px; }
    .splash.import-your-music .txt {
      margin-top: 0; }
    .splash.import-your-music .import-your-music-content > img {
      margin-bottom: 20px;
      width: 90%; } }

.noscroll {
  overflow: hidden; }

.discovery-splash {
  padding: 40px 0;
  text-align: center;
  width: 100%; }

.discovery-section > .content, .row > .content {
  display: block;
  left: 16px;
  margin: 0px auto;
  max-width: 1080px;
  overflow: visible;
  position: relative;
  width: 100%; }

.content-discovery {
  max-width: 700px;
  margin: 0px auto;
  padding: 0px 40px 0px 40px; }

.discovery-section p {
  font-size: 16px;
  line-height: 1.5; }

.discovery-section-3 > .center-align {
  padding-top: 250px; }

.discovery-section-8 {
  padding-top: 30px; }

.row {
  width: 100%; }

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

.narrow-colum {
  margin: 0px auto;
  width: 750px;
  padding-right: 100px;
  padding-left: 100px; }

.right-align {
  right: 0px;
  position: absolute;
  margin-right: 80px; }

.left-align {
  left: 0px;
  position: absolute;
  margin-left: 80px; }

@media (max-width: 767px) {
  .col-1, .col-2, .col-3, .col-4 {
    text-align: left;
    min-height: 50px; }
  .col-2 {
    width: 100%; }
  .tidal-vertical {
    margin-top: 20px;
    width: 170px; }
  .discovery-vertical {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 280px;
    transform: scale(0.95); }
  .tidal-section-top-vertical {
    width: 125px; }
  .discovery-section-1 {
    padding-top: 80px;
    background: url("/images/discovery/Section-1-update.d92e8ea5.jpg");
    background-size: cover;
    padding-bottom: 30px; }
  .discovery-section-2 {
    background: url("/images/discovery/Section-2.12d7bf08.png");
    background-size: cover;
    height: 380px;
    padding-bottom: 20px;
    padding-top: 30px; }
  .discovery-section-3 {
    background: url("/images/discovery/Section-3.a4eceadb.png");
    height: auto;
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 20px; }
  .discovery-section-3 > .center-align {
    padding-top: 20px;
    padding-bottom: 20px;
    height: auto; }
  .discovery-section-4 {
    height: auto;
    background-size: cover;
    padding-bottom: 20px; }
  .discovery-section-5 {
    background: url("/images/discovery/Section-5.bbc4e25a.png");
    background-size: cover;
    height: auto;
    padding-top: 30px;
    padding-bottom: 30px; }
  .discovery-section-6 {
    background: url("/images/discovery/Section-6.1024f08e.png");
    background-size: cover;
    padding-top: 30px;
    padding-bottom: 30px; }
  .discovery-section-6 > .center-align > img {
    margin-top: 50px; }
  .discovery-section-7 {
    background: url("/images/discovery/Section-7.8ec67b6f.png");
    background-size: cover;
    padding-top: 30px;
    padding-bottom: 30px; }
  .discovery-section-7 > .center-align > .end-section-logo {
    width: 280px; }
  .discovery-section-7 > .center-align > .cta-start-now {
    margin-top: 60px; }
  .discovery-section-7 > .center-align > .tidal-vertical {
    margin-top: 40px; }
  .left-box {
    background: url("/images/discovery/device_image.c14d4e20.jpg") center center;
    background-size: cover;
    height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center; }
  .left-box > img {
    width: 300px; }
  .right-box {
    padding-top: 30px;
    text-align: center;
    height: auto; }
  .cta-start-now {
    border: 2px solid #00fdfd;
    color: #00fdfd;
    display: inline-block;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
    padding: 15px 15px 15px 15px;
    margin-top: 30px; }
  .partner-modal-content {
    width: 70%;
    margin: 0px auto; }
    .partner-modal-content .partner-modal-header {
      margin: 0px auto;
      margin-bottom: 30px;
      padding: 20px 0;
      text-align: center; }
    .partner-modal-content .partner-modal-footer {
      width: 100%;
      float: left;
      padding: 10px;
      padding-right: 20px;
      text-align: right; }
  .partner-grid {
    padding: 10px;
    margin-bottom: 10px;
    outline: 1px solid #FFFFFF;
    width: 100%;
    float: left;
    background-color: #141414;
    cursor: hand; }
  .partner-grid-last {
    margin-bottom: 10px; }
  .cta-select-diustribution-partner {
    width: 95%;
    margin-top: 10px;
    display: inline-block;
    background-color: white;
    padding: 15px;
    color: #141414;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .col-1, .col-2, .col-3, .col-4 {
    float: left;
    display: inline-block;
    text-align: left;
    min-height: 50px; }
  .col-2 {
    width: 50%; }
  .tidal-vertical {
    width: 500px; }
  .tidal-section-top-vertical {
    width: 125px; }
  .discovery-vertical {
    margin-top: 80px;
    width: 700px;
    transform: scale(0.95); }
  .discovery-section-1 {
    padding-top: 150px;
    background: url("/images/discovery/Section-1-update.d92e8ea5.jpg");
    background-size: cover; }
  .discovery-section-2 {
    background: url("/images/discovery/Section-2.12d7bf08.png");
    background-size: cover;
    height: 350px;
    padding-top: 90px; }
  .discovery-section-3 {
    background: url("/images/discovery/Section-3.a4eceadb.png");
    height: 640px;
    background-size: cover; }
  .discovery-section-3 > .row > .content-discovery {
    padding-top: 300px; }
  .discovery-section-5 {
    background: url("/images/discovery/Section-5.bbc4e25a.png");
    background-size: cover;
    padding-top: 50px; }
  .discovery-section-4 {
    height: 640px;
    background-size: cover; }
  .discovery-section-5 {
    background: url("/images/discovery/Section-5.bbc4e25a.png");
    background-size: cover;
    height: 170px; }
  .discovery-section-6 {
    background: url("/images/discovery/Section-6.1024f08e.png");
    background-size: cover;
    padding-top: 140px; }
  .discovery-section-6 > .center-align > img {
    margin-top: 200px; }
  .discovery-section-7 {
    background: url("/images/discovery/Section-7.8ec67b6f.png");
    background-size: cover;
    padding-top: 140px;
    padding-bottom: 30px; }
  .discovery-section-7 > .center-align > .end-section-logo {
    width: 460px; }
  .discovery-section-7 > .center-align > .cta-start-now {
    margin-top: 200px; }
  .discovery-section-7 > .center-align > .tidal-vertical {
    margin-top: 100px; }
  .left-box {
    background: url("/images/discovery/device_image.c14d4e20.jpg") center center;
    background-size: cover;
    padding-top: 220px;
    height: 420px;
    text-align: center; }
  .right-box {
    padding-top: 140px;
    height: 500px; }
  .cta-start-now {
    border: 4px solid #00fdfd;
    color: #00fdfd;
    display: inline-block;
    font-size: 1.5em;
    font-weight: bold;
    text-decoration: none;
    padding: 25px 40px 25px 40px;
    margin-top: 50px; }
  .partner-modal-content {
    width: 70%;
    margin: 0px auto; }
    .partner-modal-content .partner-modal-header {
      margin: 0px auto;
      margin-bottom: 30px;
      padding: 20px 0;
      text-align: center; }
    .partner-modal-content .partner-modal-footer {
      width: 100%;
      float: left;
      padding: 10px;
      padding-right: 20px;
      text-align: right; }
  .partner-grid {
    padding: 10px;
    margin-bottom: 10px;
    outline: 1px solid #FFFFFF;
    width: 100%;
    float: left;
    background-color: #141414;
    cursor: hand; }
  .partner-grid-last {
    margin-top: 0px;
    margin-bottom: 10px; }
  .cta-select-diustribution-partner {
    width: 100%;
    margin-top: 10px;
    display: inline-block;
    background-color: white;
    padding: 15px;
    color: #141414;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold; } }

@media (min-width: 1024px) {
  .col-1, .col-2, .col-3, .col-4 {
    float: left;
    display: inline-block;
    text-align: left;
    min-height: 50px; }
  .col-2 {
    width: 50%; }
  .tidal-vertical {
    width: 500px; }
  .tidal-section-top-vertical {
    width: 125px; }
  .discovery-vertical {
    margin-top: 70px;
    width: 1000px;
    transform: scale(0.95); }
  .discovery-section-1 {
    padding-top: 150px;
    background: url("/images/discovery/Section-1-update.d92e8ea5.jpg");
    background-size: cover; }
  .discovery-section-2 {
    background: url("/images/discovery/Section-2.12d7bf08.png");
    background-size: cover;
    height: 350px;
    padding-top: 90px; }
  .discovery-section-3 {
    background: url("/images/discovery/Section-3.a4eceadb.png");
    height: 640px;
    background-size: cover; }
  .discovery-section-3 > .row > .content-discovery {
    padding-top: 300px; }
  .discovery-section-5 {
    background: url("/images/discovery/Section-5.bbc4e25a.png");
    background-size: cover;
    padding-top: 50px; }
  .discovery-section-4 {
    height: 640px;
    background-size: cover; }
  .discovery-section-5 {
    background: url("/images/discovery/Section-5.bbc4e25a.png");
    background-size: cover;
    height: 170px; }
  .discovery-section-6 {
    background: url("/images/discovery/Section-6.1024f08e.png");
    background-size: cover;
    padding-top: 100px; }
  .discovery-section-6 > .center-align > img {
    margin-top: 100px; }
  .discovery-section-7 {
    background: url("/images/discovery/Section-7.8ec67b6f.png");
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 30px; }
  .discovery-section-7 > .center-align > .end-section-logo {
    width: 460px; }
  .discovery-section-7 > .center-align > .cta-start-now {
    margin-top: 100px; }
  .discovery-section-7 > .center-align > .tidal-vertical {
    margin-top: 100px; }
  .left-box {
    background: url("/images/discovery/device_image.c14d4e20.jpg") center center;
    background-size: cover;
    padding-top: 220px;
    height: 420px;
    text-align: center; }
  .right-box {
    padding-top: 140px;
    height: 500px; }
  .cta-start-now {
    border: 4px solid #00fdfd;
    color: #00fdfd;
    display: inline-block;
    font-size: 1.5em;
    font-weight: bold;
    text-decoration: none;
    padding: 25px 40px 25px 40px;
    margin-top: 50px; }
  .partner-modal-content {
    width: 750px;
    margin: 0px auto; }
    .partner-modal-content .partner-modal-header {
      margin: 0px auto;
      margin-bottom: 30px;
      padding: 20px 0;
      text-align: center; }
    .partner-modal-content .partner-modal-footer {
      width: 100%;
      float: left;
      padding: 10px;
      padding-right: 20px;
      text-align: right; }
  .partner-grid {
    padding: 10px;
    margin-bottom: 20px;
    outline: 1px solid #FFFFFF;
    width: 340px;
    background-color: #141414;
    cursor: hand; }
  .partner-grid-last {
    float: right;
    margin-left: 20px; }
  .cta-select-diustribution-partner {
    width: 100%;
    margin-top: 10px;
    display: inline-block;
    background-color: white;
    padding: 15px;
    color: #141414;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold; } }

@media (min-width: 1400px) {
  .col-1, .col-2, .col-3, .col-4 {
    float: left;
    display: inline-block;
    text-align: left;
    min-height: 50px; }
  .col-2 {
    width: 50%; }
  .tidal-vertical {
    width: 500px; }
  .tidal-section-top-vertical {
    width: 125px; }
  .discovery-vertical {
    margin-top: 70px;
    width: 1120px; }
  .discovery-section-1 {
    padding-top: 240px;
    background: url("/images/discovery/Section-1-update.d92e8ea5.jpg");
    background-size: cover; }
  .discovery-section-2 {
    background: url("/images/discovery/Section-2.12d7bf08.png");
    background-size: cover;
    height: 350px;
    padding-bottom: 20px;
    padding-top: 90px; }
  .discovery-section-3 {
    background: url("/images/discovery/Section-3.a4eceadb.png");
    height: 640px;
    background-size: cover; }
  .discovery-section-3 > .row > .content-discovery {
    padding-top: 300px; }
  .discovery-section-5 {
    background: url("/images/discovery/Section-5.bbc4e25a.png");
    background-size: cover;
    padding-top: 50px; }
  .discovery-section-4 {
    height: 640px;
    background-size: cover; }
  .discovery-section-5 {
    background: url("/images/discovery/Section-5.bbc4e25a.png");
    background-size: cover;
    height: 170px; }
  .discovery-section-6 {
    background: url("/images/discovery/Section-6.1024f08e.png");
    background-size: cover;
    padding-top: 140px; }
  .discovery-section-6 > .center-align > img {
    margin-top: 200px; }
  .discovery-section-7 {
    background: url("/images/discovery/Section-7.8ec67b6f.png");
    background-size: cover;
    padding-top: 100px; }
  .discovery-section-7 > .center-align > .end-section-logo {
    width: 460px; }
  .discovery-section-7 > .center-align > .cta-start-now {
    margin-top: 200px; }
  .discovery-section-7 > .center-align > .tidal-vertical {
    margin-top: 100px; }
  .left-box {
    background: url("/images/discovery/device_image.c14d4e20.jpg") center center;
    background-size: cover;
    padding-top: 220px;
    height: 420px;
    text-align: center; }
  .right-box {
    padding-top: 140px;
    height: 500px; }
  .cta-start-now {
    border: 4px solid #00fdfd;
    color: #00fdfd;
    display: inline-block;
    font-size: 1.5em;
    font-weight: bold;
    text-decoration: none;
    padding: 25px 40px 25px 40px;
    margin-top: 50px; }
  .partner-modal-content {
    width: 750px;
    margin: 70px auto; }
    .partner-modal-content .partner-modal-header {
      margin: 0px auto;
      margin-bottom: 30px;
      padding: 20px 0;
      text-align: center; }
    .partner-modal-content .partner-modal-footer {
      width: 100%;
      float: left;
      padding: 10px;
      padding-right: 20px;
      text-align: right; }
  .partner-grid {
    padding: 10px;
    margin-bottom: 20px;
    outline: 1px solid #FFFFFF;
    width: 340px;
    background-color: #141414;
    cursor: hand; }
  .partner-grid-last {
    float: right;
    margin-left: 20px; }
  .cta-select-diustribution-partner {
    width: 100%;
    margin-top: 10px;
    display: inline-block;
    background-color: white;
    padding: 15px;
    color: #141414;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold; } }

.col-1 {
  width: 100%; }

.col-3 {
  width: 33%; }

.col-4 {
  width: 25%; }

.demi {
  font-family: "nationale-demibold",sans-serif;
  letter-spacing: 2px; }

.letter-spacing {
  letter-spacing: 1px;
  padding-right: 5px;
  padding-left: 5px; }

.discovery-cta-text {
  margin-top: 30px; }

.discovery-section h2 {
  font-family: "nationale-demibold",sans-serif;
  font-size: 18px;
  line-height: 1.3;
  font-weight: bold;
  letter-spacing: 2px;
  padding-right: 5px;
  padding-left: 5px; }

.diustribution-partner {
  font-family: "nationale-demibold",sans-serif;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 20px;
  letter-spacing: 2px;
  padding-right: 5px;
  padding-left: 5px; }

.cyan {
  color: #00fdfd; }

.discovery-list > li {
  line-height: 2;
  text-align: center;
  list-style-type: none;
  color: #FFFFFF; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fade-in {
  opacity: 0;
  /* make things invisible upon start */
  -webkit-animation: fadeIn ease-in 1;
  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
  -webkit-animation-fill-mode: forwards;
  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s; }

.scale {
  -webkit-animation-duration: 1.5s;
  -webkit-animation-name: scaleDown;
  -webkit-animation-timing-function: ease-in 1;
  -webkit-animation-fill-mode: forwards;
  animation-duration: 1.5s;
  animation-name: scaleDown;
  animation-timing-function: ease-in 1; }

.fade-in.one {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s; }

.fade-in.two {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5;
  animation-delay: 0.5s; }

.partner-modal-discovery {
  position: fixed;
  overflow-y: scroll;
  z-index: 10000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(37, 37, 37, 0.9); }
  .partner-modal-discovery .partner-plan-content {
    background: #1c1c1c;
    padding: 20px 0;
    width: 49%;
    height: 160px; }
  .partner-modal-discovery .diustribution-partner-logo {
    width: 90%;
    float: left;
    height: 40px; }
  .partner-modal-discovery .diustribution-partner-description {
    padding-top: 20px;
    width: 90%;
    float: left; }
  .partner-modal-discovery .distro-text {
    height: 100px; }
  .partner-modal-discovery .diustribution-partner-description p {
    line-height: 1.4; }
  .partner-modal-discovery .partner-plan-content-selected {
    background: url("/images/icons/selected-product.be1d7ae5.png") no-repeat scroll right top/40px auto transparent;
    background-color: #141414;
    outline: 1px solid cyan; }
  .partner-modal-discovery .selected {
    background-color: cyan; }

@-webkit-keyframes scaleDown {
  from {
    opacity: 0;
    -webkit-transform: scale(1); }
  to {
    opacity: 1;
    -webkit-transform: scale(0.95); } }

@-moz-keyframes scaleDown {
  from {
    opacity: 0;
    -moz-transform: scale(1); }
  to {
    opacity: 1;
    -moz-transform: scale(0.95); } }

@keyframes scaleDown {
  from {
    opacity: 0;
    transform: scale(1); }
  to {
    opacity: 1;
    transform: scale(0.95); } }

.form-wrapper-tidal-x {
  width: 96%;
  margin: 40px auto 20px auto;
  max-width: 700px; }

.form-cols {
  overflow: auto;
  text-align: left; }
  .form-cols .form-col-1 {
    width: 48%;
    float: left; }
  .form-cols .form-col-2 {
    width: 50%;
    float: right; }

.vero-form-container input {
  text-align: center;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: 300px;
  margin: 5px auto 5px auto;
  height: 46px;
  padding-left: 10px;
  border: 3px solid #fff;
  background: none;
  border-radius: 0;
  box-shadow: none;
  font-family: "nationale-bold","Helvetica",sans-serif;
  font-weight: 800;
  font-size: 14px;
  color: #FFFFFF; }

.vero-form-container .btn, .vero-form-container .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .vero-form-container .btn, .vero-form-container .download.wimp .device .btn, .download.wimp .device .vero-form-container .btn, .vero-form-container .btn-gray, .vero-form-container .btn-disabled, .vero-form-container .btn-white, .vero-form-container .btn-new {
  width: 300px;
  max-width: 300px; }

.small-logo img {
  width: 50%; }

.info-on-takeover {
  line-height: 1.7 !important;
  letter-spacing: 1px !important;
  font-size: 13px !important; }
  @media (min-width: 768px) {
    .info-on-takeover {
      font-size: 16px !important; } }

form {
  width: 100%;
  max-width: none; }
  form label {
    font-family: "nationale-demibold", sans-serif;
    color: #fff;
    font-size: 13px;
    text-align: left; }
  form input {
    width: 100%;
    margin-bottom: 10px;
    max-width: none; }
  form .input-error {
    outline: 1px solid #ff0000; }

.select-styled {
  margin-top: 4px;
  border-radius: 0;
  overflow: hidden;
  background: #fafafa url("/images/icons/icon-arrow.7db94e6e.png") no-repeat 94% 50%;
  background-size: 9px; }
  .select-styled select {
    padding: 15px 8px;
    font-size: 14px;
    font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
    width: 82%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  .select-styled select:focus {
    outline: none; }

.page-tidal-x .brand-color {
  color: #00FFFF; }

.page-tidal-x .bold {
  font-family: "nationale-demibold", sans-serif; }

.page-tidal-x .tidal-x-header {
  width: 90%;
  max-width: 600px;
  margin: 40px auto 0 auto; }

.page-tidal-x .splash-1 {
  background: #000;
  height: auto !important;
  min-height: 0;
  padding-bottom: 20px; }
  .page-tidal-x .splash-1 .txt {
    margin-top: 0; }

.page-tidal-x .completed-msg {
  display: none; }

.page-tidal-x.show-completed .completed-msg {
  display: block; }

.page-tidal-x.show-completed .competition-rules {
  display: none; }

.page-tidal-x .splash-2 {
  background: #000;
  height: auto !important;
  min-height: 0;
  padding-bottom: 0; }
  .page-tidal-x .splash-2 h1, .page-tidal-x .splash-2 h2 {
    font-size: 16px;
    font-family: "nationale-bold", sans-serif;
    line-height: 1.5;
    margin-bottom: 10px;
    text-align: left; }
    @media (min-width: 768px) {
      .page-tidal-x .splash-2 h1, .page-tidal-x .splash-2 h2 {
        font-size: 24px;
        font-family: "nationale-demibold", sans-serif; } }
  .page-tidal-x .splash-2 h2 {
    font-size: 14px;
    letter-spacing: 1px;
    margin-top: 20px;
    font-family: "nationale-demibold", sans-serif;
    text-align: left; }
  .page-tidal-x .splash-2 p {
    line-height: 1.4; }
  .page-tidal-x .splash-2 .txt {
    display: block;
    padding-top: 0;
    padding-bottom: 20px; }
  .page-tidal-x .splash-2 .competition-rules {
    padding: 0 40px;
    max-width: 640px; }

.page-tidal-x .splash-3 {
  background: #000; }
  .page-tidal-x .splash-3 .livestream-wrapper-baltimore {
    margin: 0 auto; }

.page-tidal-x .splash-4 {
  background: #000;
  height: auto !important;
  min-height: 0; }
  .page-tidal-x .splash-4 .txt {
    padding-top: 0;
    margin-top: 0; }
  .page-tidal-x .splash-4 h2 {
    font-family: "nationale-bold", sans-serif;
    font-size: 18px;
    letter-spacing: 1px; }
    @media (min-width: 768px) {
      .page-tidal-x .splash-4 h2 {
        font-size: 30px; } }
  .page-tidal-x .splash-4 .headline-border {
    width: 60px;
    margin: 30px auto 40px auto;
    height: 4px;
    background: cyan; }

@media (max-width: 1466px) {
  .page-tidal-x .mianyc > img {
    width: 100%; } }

@media (min-width: 1467px) {
  .page-tidal-x .mianyc > img {
    display: block;
    float: right;
    margin-right: 0px; } }

.page-tidal-x .cover-art {
  width: 100%; }

@media (min-width: 768px) {
  .page-tidal-x .tidal-x-cols {
    overflow: visible; }
    .page-tidal-x .tidal-x-cols .tidal-x-col {
      float: left;
      width: 40%; }
    .page-tidal-x .tidal-x-cols .tidal-x-col-2 {
      width: 60%;
      padding: 20px 0; } }

.page-tidal-x h2.tagline {
  line-height: 1.6;
  letter-spacing: 3px;
  font-size: 12px;
  color: #00FFFF; }
  @media (min-width: 768px) {
    .page-tidal-x h2.tagline {
      font-size: 18px; } }

.page-tidal-x .tour-dates .tour-date {
  margin: 2px auto; }

.page-tidal-x .tour-dates p {
  display: inline-block;
  font-family: "nationale-demibold", sans-serif;
  width: 30px;
  margin: 0 auto;
  text-align: left;
  font-size: 12px; }

.page-tidal-x .tour-dates .tour-date-date {
  width: 45px; }

.page-tidal-x .tour-dates .tour-date-location {
  width: auto; }

@media (min-width: 768px) {
  .page-tidal-x .tour-dates p {
    font-size: 16px;
    width: 50px; }
  .page-tidal-x .tour-dates .tour-date-date {
    width: 80px; } }

.page-tidal-x .twitter-embed {
  margin-top: 40px; }
  .page-tidal-x .twitter-embed .customisable-border.thm-dark, .page-tidal-x .twitter-embed .thm-dark .customisable-border {
    border: none;
    border-radius: 0; }
  .page-tidal-x .twitter-embed .twitter-widget-0 {
    width: 100% !important;
    max-width: 600px !important; }

.page-tidal-x .competition-modal {
  display: none;
  position: fixed;
  overflow: scroll;
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.9); }
  .page-tidal-x .competition-modal h2 {
    font-family: "nationale-demibold", sans-serif;
    font-size: 16px;
    text-align: center; }
    @media (min-width: 768px) {
      .page-tidal-x .competition-modal h2 {
        font-size: 24px; } }
  .page-tidal-x .competition-modal p {
    line-height: 1.42; }
  .page-tidal-x .competition-modal .competition-modal-content {
    width: 95%;
    max-width: 600px;
    margin: 80px auto; }

.page-tidal-x .jay-z-logo {
  width: 60px;
  position: relative;
  top: 5px;
  margin-right: 6px; }
  @media (min-width: 768px) {
    .page-tidal-x .jay-z-logo {
      width: 98px;
      top: 9px;
      margin-right: 5px; } }

.container.page-index.page-baltimore {
  background: #242424; }
  .container.page-index.page-baltimore .splash-baltimore {
    padding: 0;
    background: #242424; }
    .container.page-index.page-baltimore .splash-baltimore .brand-color {
      color: cyan; }
    .container.page-index.page-baltimore .splash-baltimore .baltimore-info-text {
      font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
      text-align: left; }
    .container.page-index.page-baltimore .splash-baltimore .bold {
      font-family: "nationale-bold","Helvetica",sans-serif;
      text-align: left; }
    .container.page-index.page-baltimore .splash-baltimore h1.baltimore-headline, .container.page-index.page-baltimore .splash-baltimore h2.baltimore-headline {
      font-size: 14px;
      letter-spacing: 1px;
      margin-top: 10px;
      margin-bottom: 10px; }
    .container.page-index.page-baltimore .splash-baltimore h2.baltimore-tagline {
      font-size: 13px;
      margin-top: 0;
      letter-spacing: 1px;
      font-family: "nationale", "nationale-regular", "Helvetica", sans-serif; }
    .container.page-index.page-baltimore .splash-baltimore h2.bold.baltimore-tagline {
      font-family: "nationale-demibold", sans-serif !important; }
    .container.page-index.page-baltimore .splash-baltimore h2.baltimore-info-headline {
      font-size: 16px;
      line-height: 1.4;
      letter-spacing: 1px;
      padding: 0 20px; }
    .container.page-index.page-baltimore .splash-baltimore .baltimore-top-header {
      background: #000;
      padding: 80px 0 20px 0; }
      .container.page-index.page-baltimore .splash-baltimore .baltimore-top-header img {
        width: 90%;
        max-width: 700px;
        margin: 20px auto; }
    .container.page-index.page-baltimore .splash-baltimore .baltimore-info {
      width: 90%;
      margin: 0 auto; }
      .container.page-index.page-baltimore .splash-baltimore .baltimore-info p {
        font-family: "nationale", "nationale-regular", "Helvetica", sans-serif; }
    .container.page-index.page-baltimore .splash-baltimore .livestream-wrapper-baltimore {
      width: 100%; }
      .container.page-index.page-baltimore .splash-baltimore .livestream-wrapper-baltimore img {
        width: 100%; }
    .container.page-index.page-baltimore .splash-baltimore .tidal-x-small-video-embed {
      display: block;
      margin: 40px auto 0;
      max-width: 600px;
      padding-bottom: 40px;
      overflow: hidden;
      width: 100%; }
    .container.page-index.page-baltimore .splash-baltimore .tidal-x-small-video-embed > .live-stream-wrapper {
      margin: 0px auto 20px; }
    .container.page-index.page-baltimore .splash-baltimore .contest-rules-link {
      margin-top: 0px;
      padding-bottom: 40px; }
    .container.page-index.page-baltimore .splash-baltimore .success-msg-response {
      margin-bottom: 0; }
  @media (min-width: 768px) {
    .container.page-index.page-baltimore .splash-baltimore .baltimore-bottom {
      overflow: auto;
      width: 860px;
      margin: 40px auto; }
    .container.page-index.page-baltimore .splash-baltimore .contest-rules-link {
      margin-top: 20px; }
    .container.page-index.page-baltimore .splash-baltimore .livestream-wrapper-baltimore {
      width: 400px;
      float: left; }
    .container.page-index.page-baltimore .splash-baltimore .baltimore-info {
      float: right;
      width: 430px;
      text-align: left;
      clear: right;
      margin-top: 0; }
      .container.page-index.page-baltimore .splash-baltimore .baltimore-info .btn, .container.page-index.page-baltimore .splash-baltimore .baltimore-info .btn-gray, .container.page-index.page-baltimore .splash-baltimore .baltimore-info .btn-disabled, .container.page-index.page-baltimore .splash-baltimore .baltimore-info .btn-white, .container.page-index.page-baltimore .splash-baltimore .baltimore-info .btn-new {
        margin-top: 0;
        margin-bottom: 0; }
    .container.page-index.page-baltimore .splash-baltimore .baltimore-info-text {
      font-size: 16px; }
    .container.page-index.page-baltimore .splash-baltimore .baltimore-match {
      max-width: 700px; }
    .container.page-index.page-baltimore .splash-baltimore .baltimore-donation-info {
      font-size: 16px; }
    .container.page-index.page-baltimore .splash-baltimore h2.baltimore-info-headline {
      text-align: left;
      letter-spacing: 1px;
      font-family: "nationale-bold", sans-serif;
      font-size: 18px;
      margin-top: 0;
      padding: 0; }
    .container.page-index.page-baltimore .splash-baltimore h1.baltimore-headline, .container.page-index.page-baltimore .splash-baltimore h2.baltimore-headline {
      font-size: 24px;
      margin-top: 30px; }
    .container.page-index.page-baltimore .splash-baltimore h2.baltimore-tagline {
      font-size: 24px;
      margin-top: 15px; } }

.page-tidal-x-col {
  background: #000;
  /*
  * Skeleton V2.0.4
  * Copyright 2014, Dave Gamache
  * www.getskeleton.com
  * Free to use under the MIT license.
  * http://www.opensource.org/licenses/mit-license.php
  * 12/29/2014
  */
  /* Table of contents
	––––––––––––––––––––––––––––––––––––––––––––––––––
	- Grid
	- Base Styles
	- Typography
	- Links
	- Buttons
	- Forms
	- Lists
	- Code
	- Tables
	- Spacing
	- Utilities
	- Clearing
	- Media Queries
	*/
  /* Grid
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
  /* For devices larger than 400px */
  /* For devices larger than 550px */
  /* Misc
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
  /* Clearing
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
  /* Self Clearing Goodness */
  /* !HEADER */
  /* ----------------------------------------------- */
  /* !FEATURED */
  /* ----------------------------------------------- */
  /* !PAST EVENTS */
  /* ----------------------------------------------- */ }
  .page-tidal-x-col .content {
    background: #000; }
  .page-tidal-x-col .skel-container {
    position: relative;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box; }
  .page-tidal-x-col .column,
  .page-tidal-x-col .columns {
    width: 100%;
    float: left;
    box-sizing: border-box; }
  @media (min-width: 400px) {
    .page-tidal-x-col .skel-container {
      width: 85%;
      padding: 0; } }
  @media (min-width: 550px) {
    .page-tidal-x-col {
      /* Offsets */ }
      .page-tidal-x-col .skel-container {
        width: 80%; }
      .page-tidal-x-col .column,
      .page-tidal-x-col .columns {
        margin-left: 4%; }
      .page-tidal-x-col .column:first-child,
      .page-tidal-x-col .columns:first-child {
        margin-left: 0; }
      .page-tidal-x-col .one.column,
      .page-tidal-x-col .one.columns {
        width: 4.66666666667%; }
      .page-tidal-x-col .two.columns {
        width: 13.3333333333%; }
      .page-tidal-x-col .three.columns {
        width: 22%; }
      .page-tidal-x-col .four.columns {
        width: 30.6666666667%; }
      .page-tidal-x-col .five.columns {
        width: 39.3333333333%; }
      .page-tidal-x-col .six.columns {
        width: 48%; }
      .page-tidal-x-col .seven.columns {
        width: 56.6666666667%; }
      .page-tidal-x-col .eight.columns {
        width: 65.3333333333%; }
      .page-tidal-x-col .nine.columns {
        width: 74.0%; }
      .page-tidal-x-col .ten.columns {
        width: 82.6666666667%; }
      .page-tidal-x-col .eleven.columns {
        width: 91.3333333333%; }
      .page-tidal-x-col .twelve.columns {
        width: 100%;
        margin-left: 0; }
      .page-tidal-x-col .one-third.column {
        width: 30.6666666667%; }
      .page-tidal-x-col .two-thirds.column {
        width: 65.3333333333%; }
      .page-tidal-x-col .one-half.column {
        width: 48%; }
      .page-tidal-x-col .offset-by-one.column,
      .page-tidal-x-col .offset-by-one.columns {
        margin-left: 8.66666666667%; }
      .page-tidal-x-col .offset-by-two.column,
      .page-tidal-x-col .offset-by-two.columns {
        margin-left: 17.3333333333%; }
      .page-tidal-x-col .offset-by-three.column,
      .page-tidal-x-col .offset-by-three.columns {
        margin-left: 26%; }
      .page-tidal-x-col .offset-by-four.column,
      .page-tidal-x-col .offset-by-four.columns {
        margin-left: 34.6666666667%; }
      .page-tidal-x-col .offset-by-five.column,
      .page-tidal-x-col .offset-by-five.columns {
        margin-left: 43.3333333333%; }
      .page-tidal-x-col .offset-by-six.column,
      .page-tidal-x-col .offset-by-six.columns {
        margin-left: 52%; }
      .page-tidal-x-col .offset-by-seven.column,
      .page-tidal-x-col .offset-by-seven.columns {
        margin-left: 60.6666666667%; }
      .page-tidal-x-col .offset-by-eight.column,
      .page-tidal-x-col .offset-by-eight.columns {
        margin-left: 69.3333333333%; }
      .page-tidal-x-col .offset-by-nine.column,
      .page-tidal-x-col .offset-by-nine.columns {
        margin-left: 78.0%; }
      .page-tidal-x-col .offset-by-ten.column,
      .page-tidal-x-col .offset-by-ten.columns {
        margin-left: 86.6666666667%; }
      .page-tidal-x-col .offset-by-eleven.column,
      .page-tidal-x-col .offset-by-eleven.columns {
        margin-left: 95.3333333333%; }
      .page-tidal-x-col .offset-by-one-third.column,
      .page-tidal-x-col .offset-by-one-third.columns {
        margin-left: 34.6666666667%; }
      .page-tidal-x-col .offset-by-two-thirds.column,
      .page-tidal-x-col .offset-by-two-thirds.columns {
        margin-left: 69.3333333333%; }
      .page-tidal-x-col .offset-by-one-half.column,
      .page-tidal-x-col .offset-by-one-half.columns {
        margin-left: 52%; } }
  .page-tidal-x-col hr {
    margin-top: 3rem;
    margin-bottom: 3.5rem;
    border-width: 0;
    border-top: 1px solid #E1E1E1; }
  .page-tidal-x-col .skel-container:after,
  .page-tidal-x-col .row:after,
  .page-tidal-x-col .u-cf {
    content: "";
    display: table;
    clear: both; }
  .page-tidal-x-col h2 {
    text-transform: uppercase;
    font-size: 2.5rem;
    letter-spacing: 0.2rem; }
  .page-tidal-x-col .center {
    text-align: center; }
  .page-tidal-x-col .bold {
    font-family: "nationale-bold", sans-serif; }
  .page-tidal-x-col .section {
    margin: 40px auto;
    font-size: 20px; }
  .page-tidal-x-col .header {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-image: url("/images/tidalx/col/bg-tidalx.7d4675fb.jpg"); }
  .page-tidal-x-col .header .columns {
    padding-top: 60px;
    padding-bottom: 60px; }
  .page-tidal-x-col .logo-tidalx {
    margin-top: 80px;
    margin-bottom: 40px;
    width: 100%;
    max-width: 510px; }
  .page-tidal-x-col .header h2 {
    color: #00ffff;
    margin: 0;
    font-size: 14px;
    line-height: 1.45; }
  @media screen and (min-width: 550px) {
    .page-tidal-x-col .header h2 {
      font-size: 20px; } }
  .page-tidal-x-col .learnmore {
    margin: 20px auto;
    line-height: 1.4; }
  .page-tidal-x-col .header .button-tidal {
    margin: 20px auto; }
  .page-tidal-x-col .btn, .page-tidal-x-col .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .page-tidal-x-col .btn, .page-tidal-x-col .download.wimp .device .btn, .download.wimp .device .page-tidal-x-col .btn, .page-tidal-x-col .btn-gray, .page-tidal-x-col .btn-disabled, .page-tidal-x-col .btn-white, .page-tidal-x-col .btn-new {
    margin: 0 auto; }
  .page-tidal-x-col .featured .row {
    padding-top: 10px;
    padding-bottom: 10px; }
  .page-tidal-x-col .divider {
    height: 1px;
    margin: 10px 0;
    padding: 0;
    border-top: 1px solid #fff;
    max-width: 100%; }
  .page-tidal-x-col .featured-paragraph {
    line-height: 1.34;
    margin: 20px 0; }
  .page-tidal-x-col .column .divider {
    padding: 0;
    border-top: 1px solid #00ffff;
    max-width: 150px; }
  .page-tidal-x-col .image-artist {
    max-width: 100%; }
  .page-tidal-x-col .artist {
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
    font-size: 30px;
    text-align: left; }
  .page-tidal-x-col .location {
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 5px 0 0 0;
    font-size: 12px;
    line-height: 1.4; }
  @media screen and (max-width: 550px) {
    .page-tidal-x-col .header h2 {
      font-size: 12px; }
    .page-tidal-x-col .featured {
      text-align: center; }
    .page-tidal-x-col .divider, .page-tidal-x-col .button-tidal {
      margin-left: auto;
      margin-right: auto; }
    .page-tidal-x-col .artist {
      text-align: center;
      margin-top: 10px; } }
  .page-tidal-x-col .past-events {
    padding-bottom: 40px; }
  .page-tidal-x-col .past-events .column {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center top;
    position: relative;
    min-height: 260px;
    margin-bottom: 20px;
    padding: 10px; }
  .page-tidal-x-col .past-events .column.deadmau5 {
    background-image: url("/images/tidalx/col/artist-deadmau5.9741384c.jpg"); }
  .page-tidal-x-col .past-events .column.jasonaldean {
    background-image: url("/images/tidalx/col/artist-jasonaldean.bc2f02c0.jpg"); }
  .page-tidal-x-col .past-events .column.jasonaldean-two {
    background-image: url("/images/tidalx/col/artist-jasonaldean-2.adc04bbd.jpg"); }
  .page-tidal-x-col .past-events .column.jayz {
    background-image: url("/images/tidalx/col/artist-jayz.21e1c508.jpg"); }
  .page-tidal-x-col .past-events .column.jcole {
    background-image: url("/images/tidalx/col/artist-jcole.20605739.jpg"); }
  .page-tidal-x-col .past-events .column.jackwhite {
    background-image: url("/images/tidalx/col/artist-jackwhite.910ba8d3.jpg"); }
  .page-tidal-x-col .past-events .column.demilovato {
    background-image: url("/images/tidalx/col/artist-demilovato.f6aae04b.jpg"); }
  .page-tidal-x-col .past-events .column.mianyc {
    background-image: url("/images/tidalx/col/artist-maryjblige.84b5672f.jpg"); }
  .page-tidal-x-col .past-events .column.meekmill {
    background-image: url("/images/tidalx/col/artist-meek-mill.565fb73b.jpg"); }
  .page-tidal-x-col .past-events .column.needtobreathe {
    background-image: url("/images/tidalx/col/needtobreathe.bc231624.jpg"); }
  .page-tidal-x-col .past-events .column.lilweezyana {
    background-image: url("/images/tidalx/col/lilweezyana.e23f8572.jpg"); }
  .page-tidal-x-col .past-events .column.miaphilly {
    background-image: url("/images/tidalx/col/mia-philly.e040a79b.jpg"); }
  .page-tidal-x-col .past-events .column.adweek {
    background-image: url("/images/tidalx/col/adweek.7a062cd0.jpg"); }
  .page-tidal-x-col .past-events .column.wmof {
    background-image: url("/images/tidalx/col/wmof-small.6c839230.jpg"); }
  .page-tidal-x-col .past-events .column.tx-c-kan {
    background-image: url("/images/tidalx/col/tx-bg-ckan.f941b4cf.jpg"); }
  .page-tidal-x-col .past-events .column.tx-1020 {
    background-image: url("/images/tidalx/col/tx-bg-1020.e5c65a2c.jpg"); }
  .page-tidal-x-col .past-events .column.tx-coldplay {
    background-image: url("/images/tidalx/col/tx-bg-coldplay.e45d0fb3.jpg"); }
  .page-tidal-x-col .past-events .column.tx-fruitful {
    background-image: url("/images/tidalx/col/tx-bg-fredivan.a08b04cb.jpg"); }
  .page-tidal-x-col .past-events .column.tx-indochine {
    background-image: url("/images/tidalx/col/tx-bg-indochine.16b35b26.jpg"); }
  .page-tidal-x-col .past-events .column.tx-yandel {
    background-image: url("/images/tidalx/col/tx-bg-yandel.e07190a3.jpg"); }
  .page-tidal-x-col .past-events .column.tx-jeezy {
    background-image: url("/images/tidalx/col/tx-bg-jeezy.032e1a89.jpg"); }
  .page-tidal-x-col .past-events .column.tx-deadmau5 {
    background-image: url("/images/tidalx/col/tx-bg-deadmau5.ee3a06c1.jpg"); }
  .page-tidal-x-col .past-events .column.tx-pushat {
    background-image: url("/images/tidalx/col/tx-bg-pushat.87d9e21e.jpg"); }
  .page-tidal-x-col .past-events .column.tx-usher {
    background-image: url("/images/tidalx/col/tx-bg-usher.ac752619.jpg"); }
  .page-tidal-x-col .past-events .column.tx-latinos {
    background-image: url("/images/tidalx/col/tx-latinos.0eaf6a53.jpg"); }
  .page-tidal-x-col .past-events .column.tx-weezy {
    background-image: url("/images/tidalx/col/tx-weezy-socialchange.835a98ea.jpg"); }
  .page-tidal-x-col .past-events .column.tx-diaspora {
    background-image: url("/images/tidalx/col/tx-diaspora.9719ecf9.jpg"); }
  .page-tidal-x-col .past-events .column.tx-tip-atl {
    background-image: url("/images/tidalx/col/tx-tip-atl.5510f545.jpg"); }
  .page-tidal-x-col .past-events .column.tx-collegrove {
    background-image: url("/images/tidalx/col/tx-collegrove.541167f5.jpg"); }
  .page-tidal-x-col .past-events .column.tx-yeezy3 {
    background-image: url("/images/tidalx/col/tx-yeezy-s3.2ed61f6b.jpg"); }
  .page-tidal-x-col .past-events h3 {
    color: #00ffff;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 1px;
    margin: 70px 0 0 0; }
  .page-tidal-x-col .past-events .location {
    font-family: 'nationale-demibold'; }
  .page-tidal-x-col .past-events p {
    font-size: 11px;
    line-height: 1.4; }
  .page-tidal-x-col .past-events .button-tidal {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    box-sizing: border-box;
    margin: 0 auto;
    width: auto;
    display: block;
    padding: 5px;
    font-size: 1.3rem;
    max-width: 150px; }

.page-tidal-x .schedule-detail-item {
  padding: 20px;
  background: #1a1a1a;
  margin-bottom: 3px;
  overflow: auto; }
  .page-tidal-x .schedule-detail-item p {
    font-size: 14px; }
  .page-tidal-x .schedule-detail-item .schedule-item-artist {
    width: 50%;
    float: left; }
  .page-tidal-x .schedule-detail-item .schedule-item-time {
    float: right;
    width: 33%;
    text-align: center; }
  .page-tidal-x .schedule-detail-item .schedule-price {
    padding-top: 5px;
    display: block;
    font-size: 12px; }
  .page-tidal-x .schedule-detail-item .schedule-voucher {
    padding-bottom: 15px;
    font-family: "nationale-demibold", sans-serif;
    display: block;
    font-size: 12px; }
  .page-tidal-x .schedule-detail-item h2 {
    text-align: right;
    margin-bottom: 0; }
  .page-tidal-x .schedule-detail-item .btn-new {
    width: 80px;
    padding-left: 0;
    padding-right: 0; }
    @media (min-width: 768px) {
      .page-tidal-x .schedule-detail-item .btn-new {
        width: 100px; } }
  .page-tidal-x .schedule-detail-item .btn-vip .btn-new {
    left: -2px;
    margin-top: 8px; }
    @media (min-width: 768px) {
      .page-tidal-x .schedule-detail-item .btn-vip .btn-new {
        left: -2px; } }

.page-mia-live {
  position: static !important; }
  .page-mia-live .mia-live-wrapper {
    max-width: 500px;
    margin: 0 auto; }
  .page-mia-live .live-stream-wrapper {
    margin: 0 auto; }
  .page-mia-live .live-stream {
    padding-top: 50px; }
  .page-mia-live .mia-stream-2 {
    margin-top: 40px; }
  .page-mia-live h2 {
    font-size: 16px;
    letter-spacing: 1px;
    font-family: "nationale-bold", sans-serif; }
  .page-mia-live .mia-stage-info {
    background: #1a1a1a;
    padding: 10px 0; }
    .page-mia-live .mia-stage-info .stage-info {
      display: inline-block;
      margin: 0 auto;
      overflow: auto; }
    .page-mia-live .mia-stage-info h2 {
      float: left;
      margin: 5px 0 0 0; }
    .page-mia-live .mia-stage-info img {
      float: left;
      width: 32px;
      margin-left: 14px; }
  .page-mia-live .mia-schedule-info {
    background: cyan;
    color: #1a1a1a;
    text-align: left;
    cursor: pointer; }
    .page-mia-live .mia-schedule-info .stage-info {
      display: block;
      margin: 0; }
    .page-mia-live .mia-schedule-info h2 {
      color: #1a1a1a;
      margin: 5px 0 4px 20px; }
    .page-mia-live .mia-schedule-info img {
      float: right;
      margin-right: 20px;
      margin-left: 0px;
      width: 18px;
      margin-top: 7px; }
  .page-mia-live .mia-live-wrapper {
    text-align: center; }
  .page-mia-live .top-banner {
    margin: 60px auto;
    margin-bottom: 20px;
    width: 100%;
    min-height: 215px;
    background: url("/images/tidalx/wmof_large.2033524f.jpg") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center; }
  .page-mia-live .mia-logo {
    margin: 40px auto;
    width: 150px; }
  .page-mia-live .tx1020-logo-live {
    width: 80%;
    max-width: 300px; }
  .page-mia-live .mia-schedule-detail {
    margin-top: 0;
    text-align: left;
    display: none; }
    .page-mia-live .mia-schedule-detail.show-schedule {
      display: block; }
  .page-mia-live .mia-live-notification {
    margin-bottom: 2px;
    padding: 20px 0; }
    .page-mia-live .mia-live-notification h2 {
      display: block;
      text-align: center;
      color: cyan;
      float: none;
      margin: 20px auto 15px auto; }
    .page-mia-live .mia-live-notification p {
      max-width: 300px;
      margin: 0 auto;
      line-height: 1.4; }
      @media (min-width: 768px) {
        .page-mia-live .mia-live-notification p {
          max-width: none; } }
    .page-mia-live .mia-live-notification .mia-live-notification-form {
      overflow: hidden;
      margin: 20px auto 0 auto;
      width: 265px; }
    .page-mia-live .mia-live-notification input {
      color: #fff;
      width: 200px;
      background: #000;
      border: none;
      float: left; }
    .page-mia-live .mia-live-notification .btn-new {
      float: left;
      margin-top: 8px;
      outline: none;
      border: 1px solid cyan;
      color: #fff;
      font-family: "nationale-demibold", sans-serif;
      font-size: 10px;
      width: 60px;
      padding: 12px 0 13px 0; }
      .page-mia-live .mia-live-notification .btn-new:hover {
        color: #1a1a1a; }
  @media (min-width: 768px) {
    .page-mia-live .mia-live-wrapper {
      max-width: 900px;
      width: 100%;
      overflow: auto;
      padding-bottom: 100px; }
      .page-mia-live .mia-live-wrapper .mia-live-headline {
        color: #313131;
        background: cyan;
        padding: 15px;
        font-size: 18px;
        letter-spacing: 3px;
        margin-top: 0; }
      .page-mia-live .mia-live-wrapper.mia-live-wrapper-single {
        max-width: 880px; }
    .page-mia-live .full-width {
      float: left;
      width: 100%; }
    .page-mia-live .col-50 {
      float: left;
      width: 49%; }
    .page-mia-live .mia-stream-1 {
      float: left;
      width: 49%; }
    .page-mia-live .mia-stream-2 {
      float: right;
      width: 49%;
      margin-top: 0; }
    .page-mia-live .schedule-detail-item h2 {
      margin-top: 0; }
    .page-mia-live .mia-stream-full .schedule-detail-item h2 {
      width: 92.6%; }
    .page-mia-live .schedule-item-artist {
      float: left;
      width: 50%; }
    .page-mia-live .top-banner {
      width: 100%;
      margin: 60px auto;
      margin-bottom: 20px;
      min-height: 255px;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center; } }

.page-future-now .live-stream-wrapper {
  padding-top: 40px; }

.page-future-now .mia-schedule-detail {
  display: block !important; }

.page-future-now .schedule-item-artist {
  line-height: 1.4;
  width: 63%; }

.page-future-now .btn-new {
  margin: 0;
  font-size: 10px;
  padding: 10px 15px; }

@media (min-width: 768px) {
  .page-future-now .btn-new {
    margin: 0;
    font-size: 12px;
    padding: 10px 25px; } }

.page-tidal-x.page-mia-live .tip-live-stream {
  max-width: none; }
  .page-tidal-x.page-mia-live .tip-live-stream .live-stream-top-banner {
    background: #fff;
    text-align: center;
    margin-top: 40px; }
    .page-tidal-x.page-mia-live .tip-live-stream .live-stream-top-banner img {
      width: 70%;
      max-width: 400px;
      margin: 20px auto; }
  .page-tidal-x.page-mia-live .tip-live-stream .full-width {
    max-width: 880px;
    float: none;
    margin: 0 auto; }
  .page-tidal-x.page-mia-live .tip-live-stream .tip-headline-single {
    color: #fff;
    font-size: 12px;
    margin: 10px auto 20px auto; }
    .page-tidal-x.page-mia-live .tip-live-stream .tip-headline-single span {
      font-family: "nationale", "nationale-regular", "Helvetica", sans-serif; }
  @media (min-width: 768px) {
    .page-tidal-x.page-mia-live .tip-live-stream .live-stream-top-banner {
      margin-top: 60px; }
      .page-tidal-x.page-mia-live .tip-live-stream .live-stream-top-banner img {
        margin: 50px auto 90px auto; }
    .page-tidal-x.page-mia-live .tip-live-stream .tip-headline-single {
      font-size: 14px; }
    .page-tidal-x.page-mia-live .tip-live-stream .full-width {
      position: relative;
      top: -50px; } }

.page-tidal-x.page-mia-live .rd20-stream .btn-wrapper {
  margin: 40px 0; }

.page-tidal-x.page-mia-live .rd20-stream .btn-wrapper a {
  text-decoration: none; }

.page-tidal-x.page-mia-live .rd20-stream .btn-new {
  width: 240px;
  font-family: "nationale-demibold", sans-serif;
  font-size: 12px;
  margin: 0 3px;
  border-radius: 4px;
  padding: 15px 0;
  text-transform: none; }

.page-tidal-x.page-mia-live .rd20-stream .btn-formation-signup {
  background: #fff;
  color: #000;
  border: 1px solid #fff;
  margin-top: 20px; }

.page-tidal-x.page-mia-live .rd20-stream .btn-formation-download {
  width: 242px;
  left: -1px;
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  margin-top: 10px; }

.page-tidal-x.page-mia-live .jasonaldean-live-stream .live-stream-top-banner img {
  max-width: 880px;
  margin: 0 auto; }
  @media (max-width: 767px) {
    .page-tidal-x.page-mia-live .jasonaldean-live-stream .live-stream-top-banner img {
      margin-bottom: -4%; } }

.page-tidal-x.page-mia-live .bkhiphopfest-livestream .live-stream-top-banner {
  background-image: url(/images/index2/promos/bkhiphopfest/bkhiphopfest-livestream-bg.871286db.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  .page-tidal-x.page-mia-live .bkhiphopfest-livestream .live-stream-top-banner p {
    padding-top: 30px;
    color: #00ffff;
    letter-spacing: 5px;
    font-size: 18px;
    margin-bottom: 0; }
  .page-tidal-x.page-mia-live .bkhiphopfest-livestream .live-stream-top-banner img {
    max-width: 150px;
    margin-top: 30px; }

.page-tidal-x.page-mia-live .gentedezona-live .live-stream-top-banner {
  background-image: url("/images/index2/promos/gentedezona/gentedezona-live-bg.f149b9ab.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  .page-tidal-x.page-mia-live .gentedezona-live .live-stream-top-banner p {
    padding-top: 30px;
    color: #00ffff;
    letter-spacing: 5px;
    font-size: 18px;
    margin-bottom: 0; }
  .page-tidal-x.page-mia-live .gentedezona-live .live-stream-top-banner img {
    max-width: 230px;
    margin-top: 30px; }

.page-tidal-x.page-mia-live .bloodorange-livestream .live-stream-top-banner {
  background-image: url(/images/index2/promos/bkhiphopfest/bkhiphopfest-livestream-bg.871286db.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 20px; }
  @media (min-width: 768px) {
    .page-tidal-x.page-mia-live .bloodorange-livestream .live-stream-top-banner {
      padding: 30px 0 80px 0; } }

.page-tidal-x.page-mia-live .bloodorange-livestream .tidalx {
  color: #00ffff;
  letter-spacing: 5px; }

.page-tidal-x.page-mia-live .bloodorange-livestream .artist {
  font: 32px/1 "nationale-bold", sans-serif;
  margin: 0;
  text-transform: uppercase; }

.page-kanye-presale .live-stream-wrapper {
  padding-top: 0; }

.page-njdl-live.page-mia-live .mia-live-notification .mia-live-notification-form {
  width: 280px; }

/* !LIVESTREAM TEMPLATE */
/* ----------------------------------------------- */
.page-livestream {
  background-color: #121212;
  /* ! INDIVIDUAL CUSTOMIZATIONS*/
  /* ----------------------------------------------- */ }
  .page-livestream.page-solid-menu .content {
    margin-top: 44px; }
    @media (min-width: 768px) {
      .page-livestream.page-solid-menu .content {
        margin-top: 60px; } }
  .page-livestream .wrapper-top {
    background-image: url(/images/index2/promos/bkhiphopfest/bkhiphopfest-livestream-bg.871286db.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    padding: 20px; }
    @media (min-width: 768px) {
      .page-livestream .wrapper-top {
        padding: 40px 20px 90px 20px; } }
    .page-livestream .wrapper-top .tidalx {
      letter-spacing: 5px;
      color: #00ffff;
      margin: 0; }
      .page-livestream .wrapper-top .tidalx span {
        font-family: "nationale-bold", sans-serif; }
    .page-livestream .wrapper-top .event-title {
      margin: 20px 0 0 0;
      font: 2em/1.2 "nationale-bold", sans-serif;
      text-transform: uppercase; }
  .page-livestream .wrapper-livestream-content {
    max-width: 880px;
    margin: 0 auto; }
    @media (min-width: 768px) {
      .page-livestream .wrapper-livestream-content {
        margin-top: -50px;
        padding-bottom: 100px; } }
  .page-livestream .wrapper-livestream-embed {
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.5); }
  .page-livestream .wrapper-mailcapture {
    background-color: #282828;
    padding: 40px 20px;
    text-align: center;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.5); }
    .page-livestream .wrapper-mailcapture h2 {
      text-transform: uppercase;
      font: 14px "nationale-bold", sans-serif;
      letter-spacing: 2px;
      color: #00ffff;
      margin: 0; }
    .page-livestream .wrapper-mailcapture p {
      line-height: 1.3;
      margin-top: 20px; }
  .page-livestream .wrapper-livestream-form {
    max-width: 280px;
    margin: 20px auto 0 auto; }
    .page-livestream .wrapper-livestream-form input[type=text],
    .page-livestream .wrapper-livestream-form .btn-livestream {
      display: block;
      box-sizing: border-box;
      width: 70%;
      border: 1px solid #636363;
      margin: 0;
      padding: 15px;
      background-color: #121212;
      float: left;
      height: auto;
      max-width: none;
      border-radius: 2px 0 0 2px;
      line-height: 1;
      font-size: 14px;
      vertical-align: baseline;
      height: 45px; }
    .page-livestream .wrapper-livestream-form .btn-livestream {
      border-left: none;
      width: 30%;
      border-radius: 0 2px 2px 0;
      color: #00ffff;
      font-family: "nationale-demibold", sans-serif;
      letter-spacing: 2px;
      cursor: pointer; }
  .page-livestream.page-livestream-chrisbrown2017 {
    background: #000; }
    .page-livestream.page-livestream-chrisbrown2017 .wrapper-top {
      background: #000; }
      .page-livestream.page-livestream-chrisbrown2017 .wrapper-top img {
        max-width: 400px; }
  .page-livestream.page-livestream-mercedesbenz-iggy .wrapper-top {
    background: #387B8E; }
    @media (min-width: 1024px) {
      .page-livestream.page-livestream-mercedesbenz-iggy .wrapper-top {
        padding-top: 60px; } }
    .page-livestream.page-livestream-mercedesbenz-iggy .wrapper-top p.tidalx {
      font: 2em/1.25em "nationale-bold", sans-serif;
      color: #fff;
      text-transform: uppercase; }
    .page-livestream.page-livestream-mercedesbenz-iggy .wrapper-top img.tidalxmercedes {
      width: 100%;
      max-width: 300px;
      padding: 10px 0; }
  .page-livestream.page-livestream-mia2017 .wrapper-top {
    background-color: #ed1e24;
    background-image: none; }
    .page-livestream.page-livestream-mia2017 .wrapper-top img {
      width: 90%;
      max-width: 300px; }
    .page-livestream.page-livestream-mia2017 .wrapper-top h2 {
      margin: 20px 0 0;
      font: 12px/1 "nationale-demibold", sans-serif;
      letter-spacing: 1px; }
      @media (min-width: 768px) {
        .page-livestream.page-livestream-mia2017 .wrapper-top h2 {
          font-size: 16px;
          letter-spacing: 3px; } }
  .page-livestream.page-livestream-mia2017 .stage-title {
    background-color: #000;
    text-align: center;
    font: 14px/1 "nationale-demibold", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    padding: 20px; }
    @media (min-width: 768px) {
      .page-livestream.page-livestream-mia2017 .stage-title {
        font-size: 16px;
        letter-spacing: 2px; } }
    .page-livestream.page-livestream-mia2017 .stage-title:after {
      content: '';
      display: inline-block;
      background-image: url(/images/icons/livestream-icon-red.4d676e50.png);
      background-size: 100%;
      background-repeat: no-repeat;
      width: 22px;
      height: 14px;
      margin-left: 10px;
      margin-bottom: -2px; }
  .page-livestream.page-livestream-mia2017 .wrapper-schedule-toggle {
    padding: 20px;
    background-color: #0b0b0b;
    cursor: pointer; }
    .page-livestream.page-livestream-mia2017 .wrapper-schedule-toggle h2 {
      float: left;
      width: 90%;
      text-transform: uppercase;
      font: 14px/1 "nationale-demibold", sans-serif;
      color: #fff;
      letter-spacing: 1px;
      text-align: left;
      margin: 0; }
    .page-livestream.page-livestream-mia2017 .wrapper-schedule-toggle .arrow {
      float: right;
      width: 10%;
      text-align: right; }
      .page-livestream.page-livestream-mia2017 .wrapper-schedule-toggle .arrow img {
        width: 100%;
        max-width: 14px; }
  .page-livestream.page-livestream-mia2017 .wrapper-schedule {
    margin-top: 0;
    text-align: left;
    display: none; }
    .page-livestream.page-livestream-mia2017 .wrapper-schedule.show-schedule {
      display: block; }
    .page-livestream.page-livestream-mia2017 .wrapper-schedule .schedule-item {
      background-color: #1a1a1a;
      padding: 20px;
      margin-bottom: 3px; }
      .page-livestream.page-livestream-mia2017 .wrapper-schedule .schedule-item:nth-child(odd) {
        background-color: #1d1d1d; }
      .page-livestream.page-livestream-mia2017 .wrapper-schedule .schedule-item h2 {
        font: 14px/1 "nationale-demibold", sans-serif;
        color: #ba0b39;
        margin: 0;
        text-align: left;
        letter-spacing: 1px; }
      .page-livestream.page-livestream-mia2017 .wrapper-schedule .schedule-item p {
        font: 14px/1.2 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin: 0; }
        .page-livestream.page-livestream-mia2017 .wrapper-schedule .schedule-item p.schedule-item-artist {
          float: left;
          width: 70%; }
        .page-livestream.page-livestream-mia2017 .wrapper-schedule .schedule-item p.schedule-item-time {
          float: right;
          width: 30%;
          text-align: right; }
      .page-livestream.page-livestream-mia2017 .wrapper-schedule .schedule-item:after {
        content: "";
        display: table;
        clear: both; }
    .page-livestream.page-livestream-mia2017 .wrapper-schedule + .stage-title {
      margin-top: 60px; }
  .page-livestream.page-livestream-mia2017 .wrapper-mailcapture {
    margin-top: 60px; }
  .page-livestream.page-livestream-vanjones .wrapper-top img.header {
    width: 100%;
    max-width: 600px;
    padding: 30px 0; }
  .page-livestream.page-livestream-diasdesol .wrapper-top {
    background-image: url("/images/index2/promos/ckanpipo/ckanpipo-livestream-header.ececd2c6.jpg");
    background-size: 200%; }
    @media (min-width: 768px) {
      .page-livestream.page-livestream-diasdesol .wrapper-top {
        background-position-y: 65%;
        padding: 60px 20px 120px 20px; } }
    @media (min-width: 1024px) {
      .page-livestream.page-livestream-diasdesol .wrapper-top {
        background-size: cover;
        background-position-y: 75%; } }
    @media (min-width: 1400px) {
      .page-livestream.page-livestream-diasdesol .wrapper-top {
        background-position-y: 60%; } }
  .page-livestream.page-livestream-bhf17 .wrapper-top {
    background-image: url("/images/index2/promos/bhf17/bhf17-livestream-header.7cb1ad25.jpg"); }
    .page-livestream.page-livestream-bhf17 .wrapper-top p {
      text-transform: uppercase; }
      .page-livestream.page-livestream-bhf17 .wrapper-top p.title {
        font: 1.4em/1 "nationale-bold", sans-serif;
        letter-spacing: 3px;
        padding: 10px 0; }
        @media (min-width: 768px) {
          .page-livestream.page-livestream-bhf17 .wrapper-top p.title {
            font-size: 1.75em; } }
        @media (min-width: 1024px) {
          .page-livestream.page-livestream-bhf17 .wrapper-top p.title {
            font-size: 2.5em; } }
        .page-livestream.page-livestream-bhf17 .wrapper-top p.title span {
          color: #00FFFF;
          font-family: "nationale", "nationale-regular", "Helvetica", sans-serif; }
          .page-livestream.page-livestream-bhf17 .wrapper-top p.title span strong {
            font-family: "nationale-bold", sans-serif; }
  .page-livestream.page-livestream-rascalflatts .wrapper-top {
    background-image: url("/images/index2/promos/rascalflatts/rascalflatts-livestream-header-bg.8f668983.jpg"); }
    .page-livestream.page-livestream-rascalflatts .wrapper-top p {
      text-transform: uppercase; }
      .page-livestream.page-livestream-rascalflatts .wrapper-top p.tidalx {
        font: 2em/1.5em "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-livestream.page-livestream-rascalflatts .wrapper-top p.tidalx strong {
          font-family: "nationale-bold", sans-serif; }
      .page-livestream.page-livestream-rascalflatts .wrapper-top p.title {
        font: 1.4em/1 "nationale-bold", sans-serif;
        letter-spacing: 3px; }
        @media (min-width: 768px) {
          .page-livestream.page-livestream-rascalflatts .wrapper-top p.title {
            font-size: 2.5em; } }
  .page-livestream.page-livestream-dr-mozartlapara .wrapper-top {
    background-color: #7a5b57;
    background-image: none; }
    .page-livestream.page-livestream-dr-mozartlapara .wrapper-top p {
      text-transform: uppercase; }
      .page-livestream.page-livestream-dr-mozartlapara .wrapper-top p.tidalx {
        font: 2em/1.5em "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-livestream.page-livestream-dr-mozartlapara .wrapper-top p.tidalx strong {
          font-family: "nationale-bold", sans-serif; }
      .page-livestream.page-livestream-dr-mozartlapara .wrapper-top p.title {
        font: 1.4em/1 "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-livestream.page-livestream-dr-mozartlapara .wrapper-top p.title {
            font-size: 2.5em; } }
  .page-livestream.page-livestream-oneafrica-2017 .wrapper-top p {
    text-transform: uppercase; }
    .page-livestream.page-livestream-oneafrica-2017 .wrapper-top p.tidalx {
      font: 2em/1.5em "nationale", "nationale-regular", "Helvetica", sans-serif; }
      .page-livestream.page-livestream-oneafrica-2017 .wrapper-top p.tidalx strong {
        font-family: "nationale-bold", sans-serif; }
    .page-livestream.page-livestream-oneafrica-2017 .wrapper-top p.title {
      font: 1.4em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
      @media (min-width: 768px) {
        .page-livestream.page-livestream-oneafrica-2017 .wrapper-top p.title {
          font-size: 2.5em; } }
  .page-livestream.page-livestream-broccolicity .wrapper-top {
    background-image: url("/images/index2/promos/broccolicity/broccolicity-livestream-bg.b50afe3e.jpg"); }
    .page-livestream.page-livestream-broccolicity .wrapper-top img.title {
      max-width: 90%; }
      @media (min-width: 768px) {
        .page-livestream.page-livestream-broccolicity .wrapper-top img.title {
          max-width: 50%; } }
      @media (min-width: 1024px) {
        .page-livestream.page-livestream-broccolicity .wrapper-top img.title {
          max-width: 600px; } }
  .page-livestream.page-livestream-moschino .wrapper-top {
    background-image: url("/images/index2/promos/tidalxmoschino/moschino-livestream-title-bg.80c4168e.jpg") !important; }
    .page-livestream.page-livestream-moschino .wrapper-top img.title {
      max-width: 250px;
      image-rendering: -webkit-optimize-contrast; }
  .page-livestream.page-livestream-sxsw-1633 .wrapper-top {
    background-image: url("/images/index2/promos/sxsw/sxsw-1633-livestream.921fa8c1.jpg");
    padding-top: 90px;
    padding-bottom: 110px; }
    @media (min-width: 768px) {
      .page-livestream.page-livestream-sxsw-1633 .wrapper-top {
        padding-top: 80px; } }
    .page-livestream.page-livestream-sxsw-1633 .wrapper-top h1.tidalx, .page-livestream.page-livestream-sxsw-1633 .wrapper-top h2.tidalx {
      color: #FFF;
      text-transform: uppercase;
      font: 1.5em/1.25em "nationale-bold", sans-serif; }
      .page-livestream.page-livestream-sxsw-1633 .wrapper-top h1.tidalx span, .page-livestream.page-livestream-sxsw-1633 .wrapper-top h2.tidalx span {
        color: #00FFFF;
        display: block; }
        @media (min-width: 768px) {
          .page-livestream.page-livestream-sxsw-1633 .wrapper-top h1.tidalx span, .page-livestream.page-livestream-sxsw-1633 .wrapper-top h2.tidalx span {
            display: inline-block; } }
      @media (min-width: 768px) {
        .page-livestream.page-livestream-sxsw-1633 .wrapper-top h1.tidalx, .page-livestream.page-livestream-sxsw-1633 .wrapper-top h2.tidalx {
          font-size: 2em; } }
  .page-livestream.page-livestream-sxsw-massappeal .wrapper-top {
    background-image: url("/images/index2/promos/sxsw/sxsw-massappeal-livestream.a56d517b.jpg");
    padding-top: 90px;
    padding-bottom: 110px; }
    @media (min-width: 768px) {
      .page-livestream.page-livestream-sxsw-massappeal .wrapper-top {
        padding-top: 80px; } }
    .page-livestream.page-livestream-sxsw-massappeal .wrapper-top h1.tidalx, .page-livestream.page-livestream-sxsw-massappeal .wrapper-top h2.tidalx {
      color: #FFF;
      text-transform: uppercase;
      font: 1.5em/1 "nationale-bold", sans-serif; }
      @media (min-width: 768px) {
        .page-livestream.page-livestream-sxsw-massappeal .wrapper-top h1.tidalx, .page-livestream.page-livestream-sxsw-massappeal .wrapper-top h2.tidalx {
          font-size: 2em; } }
  .page-livestream.page-livestream-floggingmolly .wrapper-top {
    background-image: url("/images/index2/promos/floggingmolly/floggingmolly-livestream-bg.aee7c5f6.jpg");
    padding-top: 100px;
    padding-bottom: 110px; }
    @media (min-width: 768px) {
      .page-livestream.page-livestream-floggingmolly .wrapper-top {
        padding-top: 80px; } }
    .page-livestream.page-livestream-floggingmolly .wrapper-top img.title {
      width: 100%; }
      @media (min-width: 768px) {
        .page-livestream.page-livestream-floggingmolly .wrapper-top img.title {
          max-width: 600px; } }
  .page-livestream.page-livestream-delasoul .wrapper-top {
    background-color: #ece6d2;
    background-image: none !important;
    padding-top: 100px;
    padding-bottom: 110px; }
    @media (min-width: 768px) {
      .page-livestream.page-livestream-delasoul .wrapper-top {
        padding-top: 80px; } }
    .page-livestream.page-livestream-delasoul .wrapper-top h1.tidalx, .page-livestream.page-livestream-delasoul .wrapper-top h2.tidalx {
      color: #000;
      font: 1.5em/1 "nationale-bold", sans-serif;
      text-transform: uppercase; }
      @media (min-width: 768px) {
        .page-livestream.page-livestream-delasoul .wrapper-top h1.tidalx, .page-livestream.page-livestream-delasoul .wrapper-top h2.tidalx {
          font-size: 2em; } }
  .page-livestream.page-livestream-romeosantos .wrapper-top {
    background-image: url(/images/index2/promos/romeosantos/romoesantos-livestream-landingpage-bg.793b12d9.jpg); }
    .page-livestream.page-livestream-romeosantos .wrapper-top .tidalx, .page-livestream.page-livestream-romeosantos .wrapper-top .event-title {
      display: inline-block;
      letter-spacing: 10px; }
      @media (max-width: 767px) {
        .page-livestream.page-livestream-romeosantos .wrapper-top .tidalx, .page-livestream.page-livestream-romeosantos .wrapper-top .event-title {
          font-size: 1.2em !important;
          font-family: "nationale-demibold", sans-serif !important; } }
    .page-livestream.page-livestream-romeosantos .wrapper-top .tidalx {
      font-size: 2em;
      padding-right: 30px; }
      @media (max-width: 767px) {
        .page-livestream.page-livestream-romeosantos .wrapper-top .tidalx {
          padding-right: 0;
          padding-top: 20px; } }
    .page-livestream.page-livestream-romeosantos .wrapper-top .event-title {
      font-family: "nationale", "nationale-regular", "Helvetica", sans-serif; }
    .page-livestream.page-livestream-romeosantos .wrapper-top img.tidal-sprint-logo {
      display: block;
      width: 300px;
      margin: 15px auto; }
      @media (max-width: 767px) {
        .page-livestream.page-livestream-romeosantos .wrapper-top img.tidal-sprint-logo {
          width: 225px; } }
  .page-livestream.page-livestream-romeosantos .wrapper-livestream-content .wrapper-mailcapture .wrapper-pre-submit .wrapper-livestream-form input {
    font-size: 11.25px; }
  .page-livestream.page-livestream-yamsday .wrapper-top {
    background-image: url(/images/index2/promos/yamsday/yamsday-livestream-bg.3224d88d.jpg);
    font-size: 14px; }
    @media (min-width: 768px) {
      .page-livestream.page-livestream-yamsday .wrapper-top {
        font-size: 22px; } }
    .page-livestream.page-livestream-yamsday .wrapper-top p {
      letter-spacing: 5px;
      text-transform: uppercase;
      font-size: 1em; }
      .page-livestream.page-livestream-yamsday .wrapper-top p.yams {
        font: 2em/1 "nationale-bold", sans-serif; }
  .page-livestream.page-livestream-tidalx1015 .wrapper-top {
    background-image: url(/images/index2/promos/tidalx1015/tidalx1015-livestream-bg.64d79b21.jpg); }
    .page-livestream.page-livestream-tidalx1015 .wrapper-top img {
      max-width: 150px;
      display: block;
      margin: auto; }
  .page-livestream.page-livestream-tidalx1015 .wrapper-ctas {
    background-color: #282828;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
    margin-bottom: 3px;
    padding: 30px 20px; }
    .page-livestream.page-livestream-tidalx1015 .wrapper-ctas .limit-width {
      max-width: 800px;
      margin: 0 auto; }
    .page-livestream.page-livestream-tidalx1015 .wrapper-ctas a {
      display: block;
      box-sizing: border-box;
      padding: 13px;
      color: #b7b7b7;
      border: 1px solid #636363;
      border-radius: 3px;
      text-decoration: none;
      width: 100%;
      max-width: 250px;
      margin: 5px auto;
      text-align: center;
      text-transform: uppercase;
      letter-spacing: 2px;
      font: 12px/1 'nationale-demibold', sans-serif;
      transition: all 0.2s ease-in-out; }
      .page-livestream.page-livestream-tidalx1015 .wrapper-ctas a:hover {
        border-color: #fefcf3;
        color: #fefcf3;
        opacity: 1; }
      @media (min-width: 768px) {
        .page-livestream.page-livestream-tidalx1015 .wrapper-ctas a {
          max-width: 32%;
          margin: 0 0 0 1%;
          float: left; } }
  @media (min-width: 768px) {
    .page-livestream.page-livestream-bloodorange .wrapper-top .event-title {
      font-size: 2.6em; } }
  .page-livestream.page-livestream-lilweezyana2016 .wrapper-top .tidalx {
    color: #fff; }
  .page-livestream.page-livestream-lilweezyana2016 .wrapper-top img {
    max-height: 100px;
    margin-top: 10px; }
  .page-livestream.page-livestream-lilweezyana2016 .wrapper-redcross {
    text-align: center;
    padding: 50px 20px; }
    .page-livestream.page-livestream-lilweezyana2016 .wrapper-redcross p {
      margin: 0 auto 20px auto;
      max-width: 500px;
      line-height: 1.5; }
    .page-livestream.page-livestream-lilweezyana2016 .wrapper-redcross .donate {
      display: block;
      box-sizing: border-box;
      background-color: #fff;
      font: 11px/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #000;
      border: 1px solid #fff;
      text-decoration: none;
      padding: 12px 5px;
      text-align: center;
      margin: 20px auto 0 auto;
      border-radius: 3px;
      max-width: 280px; }
      @media (min-width: 768px) {
        .page-livestream.page-livestream-lilweezyana2016 .wrapper-redcross .donate {
          max-width: 320px; } }
  .page-livestream.page-livestream-kanyewest-yeezys4 .wrapper-top {
    background-image: none;
    background-color: #fdf9c8; }
    .page-livestream.page-livestream-kanyewest-yeezys4 .wrapper-top img {
      display: block;
      width: 100%;
      max-width: 350px;
      margin: 20px auto; }
  .page-livestream.page-livestream-tidalxrising .wrapper-top {
    background-image: url(/images/index2/promos/rising/tidalxrising-livestream-bg.4f2acf11.jpg); }
    .page-livestream.page-livestream-tidalxrising .wrapper-top img {
      display: block;
      width: 100%;
      max-width: 400px;
      margin: 40px auto 30px; }
  .page-livestream.page-livestream-chancetherapper-mcdf .wrapper-top {
    background-image: url(/images/index2/promos/chancetherapper/chancetherapper-mcdf-bg-livestream.5354216c.jpg); }
    .page-livestream.page-livestream-chancetherapper-mcdf .wrapper-top .logo-mobile p {
      text-transform: uppercase;
      font: 11px/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
      color: #000;
      margin-bottom: 10px; }
      .page-livestream.page-livestream-chancetherapper-mcdf .wrapper-top .logo-mobile p span {
        font-family: "nationale-bold", sans-serif; }
    .page-livestream.page-livestream-chancetherapper-mcdf .wrapper-top .logo-mobile img {
      width: 100%;
      max-width: 120px; }
    .page-livestream.page-livestream-chancetherapper-mcdf .wrapper-top .logo-desktop {
      display: none; }
    @media (min-width: 768px) {
      .page-livestream.page-livestream-chancetherapper-mcdf .wrapper-top .logo-mobile {
        display: none; }
      .page-livestream.page-livestream-chancetherapper-mcdf .wrapper-top .logo-desktop {
        display: block;
        width: 100%;
        max-width: 600px;
        margin: 0 auto; } }
  .page-livestream.page-livestream-dolladay .wrapper-top {
    background-image: url("/images/index2/promos/tydollasign/dolladay-header-bg.a570043e.jpg"); }
    .page-livestream.page-livestream-dolladay .wrapper-top img {
      max-width: 350px;
      width: 70%; }
  .page-livestream.page-livestream-dolladay .dolladay-campaign-block-content {
    overflow: hidden;
    width: 95%;
    max-width: 430px;
    margin: 0 auto;
    padding: 20px 0;
    text-align: center; }
    .page-livestream.page-livestream-dolladay .dolladay-campaign-block-content .btn-new {
      border: 1px solid #d82d4e;
      border-radius: 1px;
      font-family: "nationale-demibold", sans-serif;
      background: #d82d4e;
      padding: 14px 16px 13px 15px;
      font-size: 9px;
      max-width: 220px;
      margin: 10px auto 0 auto;
      color: #fafafa;
      width: 150px; }
  .page-livestream.page-livestream-dolladay .dolladay-campaign-block-1 {
    background: #f6f2ed;
    display: block;
    margin: 0 auto; }
    .page-livestream.page-livestream-dolladay .dolladay-campaign-block-1 img {
      width: 200px;
      display: block;
      margin: 0 auto; }
  .page-livestream.page-livestream-dolladay .dolladay-campaign-block-2 {
    background: #282828; }
    .page-livestream.page-livestream-dolladay .dolladay-campaign-block-2 .btn-new {
      width: 150px;
      border-radius: 2px;
      background: #282828;
      border: 1px solid #fafafa; }
  @media (min-width: 768px) {
    .page-livestream.page-livestream-dolladay .dolladay-campaign-block-1 .dolladay-campaign-block-content {
      max-width: 430px; }
    .page-livestream.page-livestream-dolladay .dolladay-campaign-block-1 img {
      display: inline-block;
      float: left;
      width: 235px; }
    .page-livestream.page-livestream-dolladay .dolladay-campaign-block-1 .btn-new {
      float: right;
      width: 135px;
      margin-top: 13px; } }
  .page-livestream.page-livestream-moschino .wrapper-top {
    background-image: url(/images/index2/promos/tidalxmoschino/moschino-livestream-headerbg.9b48bcef.jpg); }
    .page-livestream.page-livestream-moschino .wrapper-top img {
      width: 90%;
      max-width: 500px;
      display: block;
      margin: auto; }
  .page-livestream.page-livestream-moschino .tidal-embed {
    margin-bottom: 20px; }
  .page-livestream.page-livestream-moschino .wrapper-livestream-embed {
    box-shadow: none; }
  .page-livestream.page-livestream-yasiinbey .wrapper-top {
    background-image: url(/images/index2/promos/yassinbey/yassin-bey-livestream-header-bg.a2433b26.jpg);
    padding: 40px 20px 160px 20px; }
    .page-livestream.page-livestream-yasiinbey .wrapper-top img {
      width: 90%;
      max-width: 450px;
      margin-top: 40px;
      display: block;
      margin: auto; }
  .page-livestream.page-livestream-yg .wrapper-top {
    background-image: url(/images/index2/promos/yg/tidalxyg-livestream-bg.5c86ad5c.jpg); }
    .page-livestream.page-livestream-yg .wrapper-top img {
      width: 90%;
      max-width: 150px;
      display: block;
      margin: 20px auto 0 auto; }
  .page-livestream.page-livestream-common .wrapper-top {
    background-color: #242422;
    background-image: url(/images/index2/promos/common/common-symphony-livestream-bg.b382b89e.jpg);
    background-size: contain;
    background-position: center right;
    font-size: 18px;
    letter-spacing: 2px; }
    @media (min-width: 768px) {
      .page-livestream.page-livestream-common .wrapper-top {
        letter-spacing: 3px;
        font-size: 38px; } }
    .page-livestream.page-livestream-common .wrapper-top p {
      text-transform: uppercase;
      font: 1em/1 "nationale-bold", sans-serif;
      margin-bottom: 0; }
      .page-livestream.page-livestream-common .wrapper-top p .cyan {
        font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
        display: block;
        font-size: 0.7rem;
        margin-bottom: 5px; }
        @media (min-width: 768px) {
          .page-livestream.page-livestream-common .wrapper-top p .cyan {
            font-size: inherit;
            display: inline; } }
  .page-livestream.page-livestream-vlone {
    background-color: #000; }
    .page-livestream.page-livestream-vlone iframe {
      display: block; }
  .page-livestream.page-livestream-lilweezyana2017 .wrapper-top {
    background: #fff; }
    .page-livestream.page-livestream-lilweezyana2017 .wrapper-top p.title {
      text-transform: uppercase;
      font: 1.25em/1 "nationale-demibold", sans-serif;
      color: #ff0000;
      padding: 30px 0; }
      @media (min-width: 1024px) {
        .page-livestream.page-livestream-lilweezyana2017 .wrapper-top p.title {
          font-size: 1.5em;
          letter-spacing: 3px; } }
  .page-livestream.page-livestream-wnba .notice {
    background-color: #d9edf7;
    border: 1px solid #bce8f1;
    box-sizing: border-box;
    padding: 10px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
    position: relative;
    z-index: 2;
    display: none; }
    .page-livestream.page-livestream-wnba .notice.visible {
      display: block;
      margin-top: 44px; }
      @media (min-width: 768px) {
        .page-livestream.page-livestream-wnba .notice.visible {
          margin-top: 60px; } }
    .page-livestream.page-livestream-wnba .notice p {
      color: #31708f;
      width: calc(90% - 16px);
      display: inline-block;
      float: left;
      margin: 0 10% 0 0;
      text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7);
      font: 10px/1.2 "nationale", "nationale-regular", "Helvetica", sans-serif; }
      @media (min-width: 768px) {
        .page-livestream.page-livestream-wnba .notice p {
          font-size: 12px; } }
      .page-livestream.page-livestream-wnba .notice p .fa-info-circle {
        display: inline;
        opacity: 0.7;
        margin-right: 5px; }
    .page-livestream.page-livestream-wnba .notice .fa-close {
      position: absolute;
      top: 10px;
      right: 10px;
      width: 16px;
      color: #31708f;
      display: block;
      float: right;
      margin: 0;
      text-align: right;
      font-size: 12px;
      line-height: 1.2;
      cursor: pointer; }
      .page-livestream.page-livestream-wnba .notice .fa-close:hover {
        opacity: 0.8; }
  .page-livestream.page-livestream-wnba .notice.visible + .content {
    margin-top: 0; }
  .page-livestream.page-livestream-wnba .wrapper-top {
    background-image: url(/images/index2/promos/wnba/livestream-header-bg.f313a32a.jpg); }
    .page-livestream.page-livestream-wnba .wrapper-top p.title {
      font: 16px/1 "nationale-bold", sans-serif;
      text-transform: uppercase;
      letter-spacing: 1px;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
      @media (min-width: 768px) {
        .page-livestream.page-livestream-wnba .wrapper-top p.title {
          font-size: 38px;
          margin: 20px auto 0;
          letter-spacing: 3px; } }
  .page-livestream.page-livestream-wnba .wrapper-redcross {
    margin-top: 20px;
    display: block;
    box-sizing: border-box;
    background-color: #000;
    padding: 20px;
    text-decoration: none; }
    @media (min-width: 768px) {
      .page-livestream.page-livestream-wnba .wrapper-redcross {
        padding: 40px; } }
    @media (min-width: 768px) {
      .page-livestream.page-livestream-wnba .wrapper-redcross .logo-redcross {
        width: 30%;
        float: left; } }
    .page-livestream.page-livestream-wnba .wrapper-redcross .logo-redcross img {
      width: 100%;
      max-width: 200px;
      margin: auto;
      display: block;
      margin-bottom: 10px; }
      @media (min-width: 768px) {
        .page-livestream.page-livestream-wnba .wrapper-redcross .logo-redcross img {
          margin-bottom: 0; } }
    .page-livestream.page-livestream-wnba .wrapper-redcross .text {
      font: 11px/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
      @media (min-width: 768px) {
        .page-livestream.page-livestream-wnba .wrapper-redcross .text {
          float: left;
          width: 70%;
          padding-top: 14px; } }
      @media (min-width: 768px) {
        .page-livestream.page-livestream-wnba .wrapper-redcross .text {
          font-size: 18px; } }
      .page-livestream.page-livestream-wnba .wrapper-redcross .text p {
        text-align: center;
        text-transform: uppercase;
        margin: 0;
        font-size: 1em; }
        .page-livestream.page-livestream-wnba .wrapper-redcross .text p.here {
          margin-top: 10px;
          font-family: "nationale-bold", sans-serif; }
  .page-livestream.page-livestream-wnba .wrapper-donate {
    margin: 20px auto 0;
    background-color: #fff;
    padding: 20px; }
    @media (min-width: 768px) {
      .page-livestream.page-livestream-wnba .wrapper-donate {
        padding: 40px; } }
    .page-livestream.page-livestream-wnba .wrapper-donate img {
      display: block;
      width: 100%;
      max-width: 320px;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
      margin-bottom: 20px; }
      @media (min-width: 768px) {
        .page-livestream.page-livestream-wnba .wrapper-donate img {
          float: right;
          margin-left: 40px;
          margin-top: -40px;
          margin-bottom: 0; } }
    .page-livestream.page-livestream-wnba .wrapper-donate p {
      text-align: left;
      margin: 20px auto;
      color: #000;
      margin: 0;
      font: 14px/1.4 "nationale", "nationale-regular", "Helvetica", sans-serif; }
      @media (min-width: 768px) {
        .page-livestream.page-livestream-wnba .wrapper-donate p {
          font-size: 16px; } }
    .page-livestream.page-livestream-wnba .wrapper-donate a {
      display: block;
      margin: 20px 0 0 0;
      text-transform: uppercase;
      text-decoration: none;
      padding: 13px;
      max-width: 200px;
      border: 2px solid #000;
      border-radius: 3px;
      color: #000;
      text-align: left;
      color: #000;
      font: 14px/1 "nationale-demibold", sans-serif;
      letter-spacing: 1px;
      text-align: center; }
  .page-livestream.page-livestream-wnba .wrapper-mailcapture {
    display: none; }
  .page-livestream.page-livestream-meadows2017 .wrapper-top {
    background-color: #161D2B; }
    .page-livestream.page-livestream-meadows2017 .wrapper-top img {
      max-width: 450px; }
    .page-livestream.page-livestream-meadows2017 .wrapper-top h2 {
      text-transform: uppercase;
      line-height: 1.4; }
    .page-livestream.page-livestream-meadows2017 .wrapper-top .break {
      display: block; }
      @media (min-width: 768px) {
        .page-livestream.page-livestream-meadows2017 .wrapper-top .break {
          display: inline; } }
  @media (max-width: 767px) {
    .page-livestream.page-livestream-meadows2017 .stage-title {
      letter-spacing: 0;
      font-size: 12px;
      padding: 20px 5px; } }
  .page-livestream.page-livestream-meadows2017 .rewatch-btn.cta-wrapper {
    max-width: 250px;
    margin: 50px auto; }
    .page-livestream.page-livestream-meadows2017 .rewatch-btn.cta-wrapper .cta-btn {
      display: block;
      box-sizing: border-box;
      width: 100%;
      max-width: 100%;
      padding: 13px;
      border-radius: 3px;
      border: 1px solid #fff;
      color: #fff;
      text-transform: uppercase;
      text-align: center;
      letter-spacing: 1px;
      text-decoration: none;
      font: 12px/1 "nationale-demibold", sans-serif; }
      .page-livestream.page-livestream-meadows2017 .rewatch-btn.cta-wrapper .cta-btn + .cta-btn {
        margin-top: 10px; }
      .page-livestream.page-livestream-meadows2017 .rewatch-btn.cta-wrapper .cta-btn.cta-btn--solid {
        background-color: #fff;
        color: #000; }
    @media screen and (min-width: 540px) {
      .page-livestream.page-livestream-meadows2017 .rewatch-btn.cta-wrapper.cta-wrapper--horizontal {
        max-width: 500px; }
        .page-livestream.page-livestream-meadows2017 .rewatch-btn.cta-wrapper.cta-wrapper--horizontal .cta-btn {
          max-width: 48%;
          float: left; }
          .page-livestream.page-livestream-meadows2017 .rewatch-btn.cta-wrapper.cta-wrapper--horizontal .cta-btn + .cta-btn {
            margin-top: 0;
            margin-left: 4%; }
          .page-livestream.page-livestream-meadows2017 .rewatch-btn.cta-wrapper.cta-wrapper--horizontal .cta-btn:only-child {
            float: none;
            margin: auto; } }
  .page-livestream.page-livestream-vicmensa2017 .wrapper-top {
    background-image: url(/images/index2/promos/vicmensa/vicmensa-livestream2017-bg.e748fb83.jpg); }
    .page-livestream.page-livestream-vicmensa2017 .wrapper-top .logo {
      display: block;
      width: 90%;
      max-width: 460px;
      margin: auto auto -50px; }
      @media (min-width: 768px) {
        .page-livestream.page-livestream-vicmensa2017 .wrapper-top .logo {
          margin-bottom: -90px; } }
  .page-livestream.page-livestream-vicmensa2017 .wrapper-banner {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 40px 20px;
    background-color: #1a1a1a;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    text-align: center;
    color: #fff; }
    @media (min-width: 768px) {
      .page-livestream.page-livestream-vicmensa2017 .wrapper-banner {
        font-size: 14px; } }
    .page-livestream.page-livestream-vicmensa2017 .wrapper-banner p {
      margin: 0 auto 20px;
      max-width: 100%; }
      .page-livestream.page-livestream-vicmensa2017 .wrapper-banner p.top {
        color: #ff0028;
        font: 1.5em/1.25 "nationale-bold", sans-serif; }
      .page-livestream.page-livestream-vicmensa2017 .wrapper-banner p.bottom {
        font: 1em/1.4 "nationale-demibold", sans-serif; }
    .page-livestream.page-livestream-vicmensa2017 .wrapper-banner .donate {
      background-color: #ff0028;
      display: block;
      box-sizing: border-box;
      padding: 20px;
      text-decoration: none;
      text-transform: uppercase;
      font: 1em/1 "nationale-demibold", sans-serif;
      letter-spacing: 1px;
      border-radius: 5px;
      width: 100%;
      max-width: 220px;
      margin: auto; }
  .page-livestream.page-livestream-tidalxbrooklyn2017 {
    background-color: #000; }
    .page-livestream.page-livestream-tidalxbrooklyn2017 .wrapper-top {
      background-image: none; }
      .page-livestream.page-livestream-tidalxbrooklyn2017 .wrapper-top img {
        display: block;
        width: 90%;
        max-width: 400px;
        margin: 0 auto; }
    .page-livestream.page-livestream-tidalxbrooklyn2017 .proceeds {
      text-align: center;
      font: 18px/1.25 "nationale", "nationale-regular", "Helvetica", sans-serif;
      margin: 40px auto;
      max-width: 580px;
      width: 90%; }
      @media (min-width: 768px) {
        .page-livestream.page-livestream-tidalxbrooklyn2017 .proceeds {
          font-size: 22px;
          margin: 60px auto; } }
    .page-livestream.page-livestream-tidalxbrooklyn2017 a.donate {
      display: block;
      width: 90%;
      max-width: 220px;
      margin: 40px auto;
      padding: 13px;
      color: #00ffff;
      border: 2px solid #00ffff;
      border-radius: 3px;
      text-align: center;
      text-transform: uppercase;
      text-decoration: none;
      letter-spacing: 2px;
      font: 16px/1 "nationale-demibold", sans-serif; }
      @media (min-width: 768px) {
        .page-livestream.page-livestream-tidalxbrooklyn2017 a.donate {
          margin: 60px auto; } }
    .page-livestream.page-livestream-tidalxbrooklyn2017 .partners {
      display: block;
      max-width: 300px;
      width: 90%;
      margin: 0 auto; }

.page-livestream.page-livestream-mia2016 .wrapper-top {
  background-image: url("/images/index2/promos/mia2016/mia-live-mobile-head.88dd392b.jpg"); }
  .page-livestream.page-livestream-mia2016 .wrapper-top img {
    width: 120px; }
  .page-livestream.page-livestream-mia2016 .wrapper-top h2 {
    font-size: 14px;
    margin: 30px auto 10px auto;
    letter-spacing: 1px;
    line-height: 1.4; }

.page-livestream.page-livestream-mia2016 .mia-stage-info {
  text-align: center;
  background: #000;
  padding: 20px 0; }
  .page-livestream.page-livestream-mia2016 .mia-stage-info.mia-schedule-info {
    background: #282828;
    cursor: pointer;
    padding: 15px 0; }
    .page-livestream.page-livestream-mia2016 .mia-stage-info.mia-schedule-info h2 {
      color: #fff;
      font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
      font-size: 12px;
      letter-spacing: 2px; }
    .page-livestream.page-livestream-mia2016 .mia-stage-info.mia-schedule-info .stage-info {
      width: 90%;
      margin: 0 auto; }
    .page-livestream.page-livestream-mia2016 .mia-stage-info.mia-schedule-info .stage-info img {
      width: 15px;
      margin: 7px 0 0 10px; }
  .page-livestream.page-livestream-mia2016 .mia-stage-info .stage-info h2 {
    text-transform: uppercase; }
  .page-livestream.page-livestream-mia2016 .mia-stage-info h2 {
    margin: 7px 0 0 0;
    font-size: 14px; }
  .page-livestream.page-livestream-mia2016 .mia-stage-info img {
    margin: 1px 0 0 10px; }

.page-livestream.page-livestream-mia2016 .schedule-detail-item p {
  font-size: 12px; }

.page-livestream.page-livestream-mia2016 .schedule-item-artist {
  width: 60%;
  text-transform: uppercase;
  line-height: 1.4; }

.page-livestream.page-livestream-mia2016 .schedule-item-time {
  width: 23%; }

@media (min-width: 768px) {
  .page-livestream.page-livestream-mia2016 .wrapper-top {
    background-image: url("/images/index2/promos/mia2016/mia-live-desktop-head.43953588.jpg"); }
    .page-livestream.page-livestream-mia2016 .wrapper-top h2 {
      font-size: 15px;
      letter-spacing: 2px; }
  .page-livestream.page-livestream-mia2016 .mia-stage-info.mia-schedule-info h2 {
    font-family: "nationale-demibold", sans-serif;
    font-size: 13px;
    margin: 6px 0 4px 0px; }
  .page-livestream.page-livestream-mia2016 .schedule-detail-item {
    padding: 20px 45px; }
  .page-livestream.page-livestream-mia2016 .schedule-detail-item h2 {
    text-align: left;
    margin-top: 3px;
    color: #ba0b39; }
  .page-livestream.page-livestream-mia2016 .schedule-detail-item p {
    font-size: 14px;
    letter-spacing: 1px; } }

.page-tickets {
  background-color: #000;
  font-size: 14px; }
  .page-tickets .wrapper-presale {
    width: 100%;
    max-width: 900px;
    margin: 0 auto; }
    @media (min-width: 1024px) {
      .page-tickets .wrapper-presale {
        margin-top: 60px; } }
    @media (min-device-width: 768px) and (max-device-width: 1024px) {
      .page-tickets .wrapper-presale {
        margin-top: 0; } }
    .page-tickets .wrapper-presale .header img {
      width: 100%;
      display: block; }
    .page-tickets .wrapper-presale .about {
      padding: 20px;
      background-color: rgba(26, 26, 26, 0.7);
      letter-spacing: 1px;
      font-size: 8px; }
      @media (min-width: 768px) {
        .page-tickets .wrapper-presale .about {
          font-size: 16px; } }
      .page-tickets .wrapper-presale .about p {
        text-align: center;
        font: 1em/1.2 "nationale-demibold", sans-serif;
        text-transform: uppercase; }
        .page-tickets .wrapper-presale .about p.description {
          font-size: 1.2em; }
        .page-tickets .wrapper-presale .about p.promocode {
          color: #aaa; }
    .page-tickets .wrapper-presale .venues li {
      box-sizing: border-box;
      padding: 20px;
      background-color: #1a1a1a;
      clear: both;
      overflow: hidden;
      margin-top: 2px;
      transition: 0.2s ease-in; }
      .page-tickets .wrapper-presale .venues li:nth-child(even) {
        background-color: rgba(26, 26, 26, 0.7); }
      .page-tickets .wrapper-presale .venues li:hover:not(.expired) {
        background-color: #2a2a2a; }
      .page-tickets .wrapper-presale .venues li::after {
        content: "";
        display: table;
        clear: both; }
      .page-tickets .wrapper-presale .venues li.expired .right a {
        pointer-events: none;
        border-color: #aaa;
        color: #aaa;
        opacity: 0.6;
        cursor: default; }
      .page-tickets .wrapper-presale .venues li .left {
        float: left;
        box-sizing: border-box;
        width: calc(100% - 120px); }
        @media (min-width: 768px) {
          .page-tickets .wrapper-presale .venues li .left {
            width: calc(100% - 250px); } }
        .page-tickets .wrapper-presale .venues li .left p {
          margin: 0;
          line-height: 1.7;
          max-width: 95%; }
          @media (min-width: 768px) {
            .page-tickets .wrapper-presale .venues li .left p {
              line-height: 1.4; } }
          .page-tickets .wrapper-presale .venues li .left p span {
            color: #aaa;
            display: block;
            text-transform: uppercase; }
            .page-tickets .wrapper-presale .venues li .left p span.location {
              color: #fff;
              display: block;
              text-transform: none;
              font-family: "nationale-demibold", sans-serif; }
              @media (min-width: 768px) {
                .page-tickets .wrapper-presale .venues li .left p span.location {
                  display: inline;
                  font-family: "nationale", "nationale-regular", "Helvetica", sans-serif; }
                  .page-tickets .wrapper-presale .venues li .left p span.location::before {
                    display: inline;
                    content: "- "; } }
      .page-tickets .wrapper-presale .venues li .right {
        float: right;
        box-sizing: border-box;
        width: 120px; }
        .page-tickets .wrapper-presale .venues li .right a {
          box-sizing: border-box;
          display: block;
          padding: 10px;
          max-width: 100%;
          border: 1px solid #00ffff;
          color: #00ffff;
          text-decoration: none;
          text-align: center;
          text-transform: uppercase;
          letter-spacing: 1px;
          font: 10px "nationale-demibold", sans-serif; }
        .page-tickets .wrapper-presale .venues li .right a + a {
          margin-top: 5px; }
        @media (min-width: 768px) {
          .page-tickets .wrapper-presale .venues li .right.two-options {
            width: 250px; }
            .page-tickets .wrapper-presale .venues li .right.two-options a {
              width: 120px;
              float: left;
              max-width: none; }
              .page-tickets .wrapper-presale .venues li .right.two-options a + a {
                margin: 0 0 0 10px; } }
  .page-tickets footer,
  .page-tickets header-nav {
    display: none; }
    @media (min-width: 1024px) {
      .page-tickets footer,
      .page-tickets header-nav {
        display: block; } }
    @media (min-device-width: 768px) and (max-device-width: 1024px) {
      .page-tickets footer,
      .page-tickets header-nav {
        display: none; } }

.splash.splash-tidal-rising {
  background: #000;
  height: auto !important; }
  .splash.splash-tidal-rising .bold {
    font-family: "nationale-demibold", sans-serif; }
  .splash.splash-tidal-rising .tidal-rising {
    width: 100%;
    max-width: 700px;
    margin: 40px auto; }
  .splash.splash-tidal-rising .tidal-rising-simple {
    margin: 80px auto 170px auto; }
    .splash.splash-tidal-rising .tidal-rising-simple .tidal-rising-tagline {
      margin-bottom: 4px; }
    @media (min-width: 1600px) {
      .splash.splash-tidal-rising .tidal-rising-simple {
        margin: 170px auto; } }
  .splash.splash-tidal-rising .tidal-rising-logo {
    width: 90%;
    max-width: 450px;
    margin: 20px auto 0 auto; }
  .splash.splash-tidal-rising .tidal-rising-tagline {
    margin-top: 20px;
    font-size: 18px;
    letter-spacing: 1px; }
  .splash.splash-tidal-rising .tidal-rising-sub-cta {
    margin-top: 0;
    margin-bottom: 30px; }
    .splash.splash-tidal-rising .tidal-rising-sub-cta a {
      font-size: 18px;
      text-decoration: none; }
  .splash.splash-tidal-rising .tidal-rising-content {
    position: relative;
    max-width: 500px;
    min-height: 240px;
    margin: 20px auto; }
  .splash.splash-tidal-rising .tidal-rising-item {
    position: relative;
    cursor: pointer;
    width: 50%;
    float: left;
    line-height: 0; }
    .splash.splash-tidal-rising .tidal-rising-item .tidal-rising-cover {
      width: 100%; }
    .splash.splash-tidal-rising .tidal-rising-item:hover .tidal-rising-item-overlay {
      display: block; }
  .splash.splash-tidal-rising .tidal-rising-item-overlay {
    position: absolute;
    display: none;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.55) url("/images/tidalrising/rising-more-icon.7788f920.png") no-repeat bottom 20px left 15px;
    background-size: 30px; }
    .splash.splash-tidal-rising .tidal-rising-item-overlay h2 {
      font-family: "nationale-demibold", sans-serif;
      letter-spacing: 1px;
      margin-bottom: 7px;
      margin-left: 20px;
      text-align: left; }
    .splash.splash-tidal-rising .tidal-rising-item-overlay p {
      margin-top: 0;
      margin-left: 20px;
      text-align: left; }
  .splash.splash-tidal-rising .tidal-rising-details {
    background: #009999;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    .splash.splash-tidal-rising .tidal-rising-details .top-rising-details-header {
      position: relative;
      overflow: hidden; }
    .splash.splash-tidal-rising .tidal-rising-details .tidal-rising-cover {
      float: left;
      width: 33.33%; }
    .splash.splash-tidal-rising .tidal-rising-details .tidal-rising-header-info {
      float: left;
      text-align: left;
      background: #00b3b3;
      width: 66.666%;
      position: absolute;
      right: 0;
      bottom: 0;
      top: 0; }
    .splash.splash-tidal-rising .tidal-rising-details .tidal-rising-close-icon {
      position: absolute;
      cursor: pointer;
      width: 20px;
      right: 10px;
      top: 20px; }
      .splash.splash-tidal-rising .tidal-rising-details .tidal-rising-close-icon:hover {
        opacity: .9; }
      .splash.splash-tidal-rising .tidal-rising-details .tidal-rising-close-icon:active {
        outline: none; }
    .splash.splash-tidal-rising .tidal-rising-details h2 {
      letter-spacing: 1px;
      font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
      font-size: 14px;
      margin-left: 10px;
      margin-bottom: 3px;
      max-width: 160px;
      margin-top: 12px; }
    .splash.splash-tidal-rising .tidal-rising-details p {
      letter-spacing: 1px;
      font-family: "nationale-demibold", sans-serif;
      font-size: 14px;
      margin: 0 auto 10px 10px; }
    .splash.splash-tidal-rising .tidal-rising-details .btn, .splash.splash-tidal-rising .tidal-rising-details .btn-gray, .splash.splash-tidal-rising .tidal-rising-details .btn-disabled, .splash.splash-tidal-rising .tidal-rising-details .btn-white, .splash.splash-tidal-rising .tidal-rising-details .btn-new {
      font-family: "nationale-demibold", sans-serif;
      background: #00b3b3;
      border: 2px solid #fff;
      color: #fff;
      margin-top: 0;
      margin-left: 10px;
      font-size: 12px;
      padding: 5px 7px; }
      .splash.splash-tidal-rising .tidal-rising-details .btn:hover, .splash.splash-tidal-rising .tidal-rising-details .btn-gray:hover, .splash.splash-tidal-rising .tidal-rising-details .btn-disabled:hover, .splash.splash-tidal-rising .tidal-rising-details .btn-white:hover, .splash.splash-tidal-rising .tidal-rising-details .btn-new:hover {
        background: #00baba;
        opacity: .95; }
    .splash.splash-tidal-rising .tidal-rising-details .tidal-rising-details-bottom {
      margin: 30px auto 20px auto;
      width: 92%; }
      .splash.splash-tidal-rising .tidal-rising-details .tidal-rising-details-bottom p {
        font-size: 16px;
        font-family: "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .splash.splash-tidal-rising .tidal-rising-item-cta {
    background: cyan;
    position: relative; }
    .splash.splash-tidal-rising .tidal-rising-item-cta .tidal-rising-item-overlay {
      background: cyan;
      z-index: 2; }
      .splash.splash-tidal-rising .tidal-rising-item-cta .tidal-rising-item-overlay a {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        text-decoration: none; }
      .splash.splash-tidal-rising .tidal-rising-item-cta .tidal-rising-item-overlay p {
        color: #000;
        text-align: center;
        margin: 40px auto 0 auto; }
    .splash.splash-tidal-rising .tidal-rising-item-cta .tidal-rising-cover {
      visibility: hidden; }
    .splash.splash-tidal-rising .tidal-rising-item-cta .tidal-rising-cover-cta {
      position: absolute;
      width: 60px;
      top: 50%;
      left: 50%;
      margin-left: -30px;
      margin-top: -30px; }
  @media (min-width: 768px) {
    .splash.splash-tidal-rising .tidal-rising-content {
      min-height: 340px; }
    .splash.splash-tidal-rising .tidal-rising-cover-cta {
      position: absolute;
      width: 80px;
      top: 50%;
      left: 50%;
      margin-left: -40px;
      margin-top: -40px; }
    .splash.splash-tidal-rising .tidal-rising-item {
      width: 33.333%; }
    .splash.splash-tidal-rising .tidal-rising-item-cta .tidal-rising-item-overlay p {
      margin: 60px auto 0 auto; }
    .splash.splash-tidal-rising .tidal-rising-details .tidal-rising-close-icon {
      position: absolute;
      width: 30px;
      right: 30px;
      top: 30px; }
    .splash.splash-tidal-rising .tidal-rising-details h2 {
      font-size: 16px;
      text-align: left;
      margin-left: 30px;
      margin-bottom: 5px;
      margin-top: 30px;
      max-width: 190px;
      line-height: 1.2; }
    .splash.splash-tidal-rising .tidal-rising-details p {
      font-size: 14px;
      margin: 0 auto 20px 30px; }
    .splash.splash-tidal-rising .tidal-rising-details .btn, .splash.splash-tidal-rising .tidal-rising-details .btn-gray, .splash.splash-tidal-rising .tidal-rising-details .btn-disabled, .splash.splash-tidal-rising .tidal-rising-details .btn-white, .splash.splash-tidal-rising .tidal-rising-details .btn-new {
      margin-top: 0;
      margin-left: 30px;
      font-size: 14px;
      padding: 12px 16px; }
    .splash.splash-tidal-rising .tidal-rising-details .tidal-rising-details-bottom {
      margin: 40px auto;
      width: 90%; }
      .splash.splash-tidal-rising .tidal-rising-details .tidal-rising-details-bottom p {
        font-size: 18px;
        font-family: "nationale", "nationale-regular", "Helvetica", sans-serif; }
    .splash.splash-tidal-rising .tidal-rising-item-overlay h2 {
      margin-top: 30px; }
    .splash.splash-tidal-rising .tidal-rising-item-overlay p {
      font-size: 14px;
      margin-top: 8px; } }

.testimonials-wrapper {
  margin-top: 0; }
  .testimonials-wrapper .testimonial-tidal-logo {
    width: 75%;
    max-width: 330px; }
  .testimonials-wrapper p.testimonial-quote-text {
    font-size: 18px;
    padding: 0 20px;
    font-family: "nationale-italic", sans-serif;
    line-height: 1.4;
    margin: 40px auto 20px auto; }
  .testimonials-wrapper .testimonial-quote-img {
    height: 20px;
    width: auto;
    max-width: 90%;
    margin-bottom: 10px; }
  .testimonials-wrapper .btn, .testimonials-wrapper .forgot-password-wrapper.wimp .btn, .forgot-password-wrapper.wimp .testimonials-wrapper .btn, .testimonials-wrapper .download.wimp .device .btn, .download.wimp .device .testimonials-wrapper .btn, .testimonials-wrapper .btn-gray, .testimonials-wrapper .btn-disabled, .testimonials-wrapper .btn-white, .testimonials-wrapper .btn-new {
    display: none; }
  .testimonials-wrapper .testimonial-quote-source {
    font-size: 14px;
    margin-top: 20px;
    font-family: "nationale-demibold", sans-serif;
    line-height: 1.2; }
  @media (min-width: 768px) {
    .testimonials-wrapper {
      margin-top: 80px; }
      .testimonials-wrapper p.testimonial-quote-text {
        font-size: 29px;
        padding: 0;
        max-width: 660px; }
      .testimonials-wrapper .testimonial-quote-source {
        font-size: 18px; } }

.page-index-2 .nav-close header {
  background: #000; }

.page-index-2 .splash.tidal-takeover {
  background: #000;
  /* ! TILE TEMPLATES */
  /* ----------------------------------------------- */
  /* ! START TAKEOVERS BASED ON TILE TEMPLATES */
  /* ----------------------------------------------- */
  /* !END TAKEOVER TILES */
  /* ----------------------------------------------- */
  /* ! START PODCAST TAKEOVERS */
  /* ----------------------------------------------- */
  /* !END PODCAST TAKEOVERS */
  /* ----------------------------------------------- */ }
  .page-index-2 .splash.tidal-takeover h1, .page-index-2 .splash.tidal-takeover h2, .page-index-2 .splash.tidal-takeover h2 {
    color: #D8D8D8;
    letter-spacing: 3px;
    font-size: 14px;
    font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
    text-align: center; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover h1, .page-index-2 .splash.tidal-takeover h2, .page-index-2 .splash.tidal-takeover h2 {
        font-size: 16px;
        margin-top: 5px; } }
  .page-index-2 .splash.tidal-takeover p {
    line-height: 1.4;
    max-width: 540px;
    margin: 20px auto; }
  .page-index-2 .splash.tidal-takeover img {
    width: 100%; }
  .page-index-2 .splash.tidal-takeover .album-cover {
    display: none;
    width: 200px; }
    .page-index-2 .splash.tidal-takeover .album-cover.album-cover-mobile {
      display: inline-block; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover .album-cover {
        max-width: 400px;
        width: 100%;
        display: inline-block; }
        .page-index-2 .splash.tidal-takeover .album-cover.album-cover-mobile {
          display: none; } }
  .page-index-2 .splash.tidal-takeover .welcome-mat-wrapper {
    width: 95%;
    margin: 20px auto 60px auto;
    max-width: 400px;
    text-align: center; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover .welcome-mat-wrapper {
        overflow: hidden;
        max-width: 980px;
        margin-top: 60px; }
        .page-index-2 .splash.tidal-takeover .welcome-mat-wrapper .welcome-mat-info {
          width: 49%;
          float: left;
          margin-top: 40px; }
        .page-index-2 .splash.tidal-takeover .welcome-mat-wrapper .welcome-mat-visuals {
          width: 49%;
          float: right; } }
  .page-index-2 .splash.tidal-takeover .btn-new {
    border: 1px solid #fafafa;
    border-radius: 5px;
    outline: none;
    color: #fafafa;
    width: 135px;
    font-family: "nationale-demibold", sans-serif;
    margin-bottom: 10px; }
    .page-index-2 .splash.tidal-takeover .btn-new.buy-album-btn {
      margin: 5px auto 20px auto; }
    .page-index-2 .splash.tidal-takeover .btn-new:hover {
      color: #1a1a1a;
      border-color: cyan; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover .btn-new {
        padding: 20px 0;
        width: 350px;
        font-size: 16px;
        margin-top: 15px; }
        .page-index-2 .splash.tidal-takeover .btn-new.buy-album-btn {
          margin: 5px auto 20px auto; } }
  .page-index-2 .splash.tidal-takeover .close-welcome-mat-wrap {
    text-align: center;
    clear: both;
    margin-top: 20px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover .close-welcome-mat-wrap {
        position: absolute;
        left: 50%;
        bottom: 20px;
        margin-left: -25px; } }
  .page-index-2 .splash.tidal-takeover .close-welcome-mat {
    width: 50px;
    cursor: pointer;
    opacity: .8; }
    .page-index-2 .splash.tidal-takeover .close-welcome-mat:focus {
      outline: none; }
    .page-index-2 .splash.tidal-takeover .close-welcome-mat:hover {
      opacity: 1; }
  @media (min-width: 1024px) {
    .page-index-2 .splash.tidal-takeover h1, .page-index-2 .splash.tidal-takeover h2, .page-index-2 .splash.tidal-takeover h2 {
      font-size: 18px;
      letter-spacing: 4px; }
    .page-index-2 .splash.tidal-takeover .hitnrun-banner {
      width: 440px; } }
  .page-index-2 .splash.tidal-takeover.store-takeover, .page-index-2 .splash.tidal-takeover.santigold-takeover {
    overflow: hidden;
    background: url("/images/index2/promos/store/store-bg.16a184d5.jpg") center no-repeat;
    background-size: cover;
    text-align: left; }
    .page-index-2 .splash.tidal-takeover.store-takeover .welcome-mat-wrapper, .page-index-2 .splash.tidal-takeover.santigold-takeover .welcome-mat-wrapper {
      width: 95%;
      max-width: 1200px;
      margin: 50px auto 0 auto;
      overflow: visible; }
    .page-index-2 .splash.tidal-takeover.store-takeover .takeover-left, .page-index-2 .splash.tidal-takeover.santigold-takeover .takeover-left {
      width: 100%;
      text-align: center; }
      .page-index-2 .splash.tidal-takeover.store-takeover .takeover-left img, .page-index-2 .splash.tidal-takeover.santigold-takeover .takeover-left img {
        width: 100%; }
      .page-index-2 .splash.tidal-takeover.store-takeover .takeover-left .store-stack, .page-index-2 .splash.tidal-takeover.santigold-takeover .takeover-left .store-stack {
        position: relative;
        left: -15%;
        width: 100%;
        max-width: 405px; }
    .page-index-2 .splash.tidal-takeover.store-takeover .takeover-right, .page-index-2 .splash.tidal-takeover.santigold-takeover .takeover-right {
      width: 90%;
      text-align: center;
      margin: 20px auto 15px auto; }
      .page-index-2 .splash.tidal-takeover.store-takeover .takeover-right .takeover-sub-headline, .page-index-2 .splash.tidal-takeover.santigold-takeover .takeover-right .takeover-sub-headline {
        font-size: 10px;
        color: #1a1a1a;
        letter-spacing: 2px;
        font-family: "nationale-demibold", sans-serif;
        margin-bottom: 10px; }
      .page-index-2 .splash.tidal-takeover.store-takeover .takeover-right .takeover-main-headline, .page-index-2 .splash.tidal-takeover.santigold-takeover .takeover-right .takeover-main-headline {
        color: #1a1a1a;
        font-family: "nationale-bold", sans-serif;
        font-size: 20px;
        line-height: 1.1;
        margin-top: 0;
        margin-bottom: 0; }
      .page-index-2 .splash.tidal-takeover.store-takeover .takeover-right p, .page-index-2 .splash.tidal-takeover.santigold-takeover .takeover-right p {
        color: #484848;
        margin-top: 10px; }
      .page-index-2 .splash.tidal-takeover.store-takeover .takeover-right .continue-to-tidal, .page-index-2 .splash.tidal-takeover.santigold-takeover .takeover-right .continue-to-tidal {
        text-decoration: underline;
        color: #1a1a1a;
        font-size: 12px; }
    .page-index-2 .splash.tidal-takeover.store-takeover .close-welcome-mat-wrap, .page-index-2 .splash.tidal-takeover.santigold-takeover .close-welcome-mat-wrap {
      margin-top: 0px; }
    .page-index-2 .splash.tidal-takeover.store-takeover .btn-new, .page-index-2 .splash.tidal-takeover.santigold-takeover .btn-new {
      padding: 14px 0;
      margin-bottom: 10px;
      margin-top: 10px;
      width: 100%;
      clear: both;
      background: none;
      color: #000;
      border: 1px solid;
      max-width: 270px; }
      .page-index-2 .splash.tidal-takeover.store-takeover .btn-new:hover, .page-index-2 .splash.tidal-takeover.santigold-takeover .btn-new:hover {
        opacity: .85; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.store-takeover, .page-index-2 .splash.tidal-takeover.santigold-takeover {
        text-align: left; }
        .page-index-2 .splash.tidal-takeover.store-takeover .btn-new, .page-index-2 .splash.tidal-takeover.santigold-takeover .btn-new {
          clear: both;
          margin-top: 10px;
          padding-top: 18px; }
        .page-index-2 .splash.tidal-takeover.store-takeover .welcome-mat-wrapper, .page-index-2 .splash.tidal-takeover.santigold-takeover .welcome-mat-wrapper {
          width: 100%;
          margin-top: 120px; }
        .page-index-2 .splash.tidal-takeover.store-takeover .takeover-left, .page-index-2 .splash.tidal-takeover.santigold-takeover .takeover-left {
          float: left;
          width: 60%; }
          .page-index-2 .splash.tidal-takeover.store-takeover .takeover-left .store-stack, .page-index-2 .splash.tidal-takeover.santigold-takeover .takeover-left .store-stack {
            max-width: none;
            width: 120%;
            left: -30%; }
        .page-index-2 .splash.tidal-takeover.store-takeover .action-div-takeover, .page-index-2 .splash.tidal-takeover.santigold-takeover .action-div-takeover {
          text-align: center;
          max-width: 270px; }
        .page-index-2 .splash.tidal-takeover.store-takeover .takeover-right, .page-index-2 .splash.tidal-takeover.santigold-takeover .takeover-right {
          float: left;
          width: 40%;
          margin-top: 40px;
          max-width: 300px;
          text-align: left; }
          .page-index-2 .splash.tidal-takeover.store-takeover .takeover-right .takeover-sub-headline, .page-index-2 .splash.tidal-takeover.santigold-takeover .takeover-right .takeover-sub-headline {
            font-size: 14px;
            text-align: left; }
          .page-index-2 .splash.tidal-takeover.store-takeover .takeover-right .takeover-main-headline, .page-index-2 .splash.tidal-takeover.santigold-takeover .takeover-right .takeover-main-headline {
            text-align: left;
            font-size: 45px; } }
  .page-index-2 .splash.tidal-takeover.santigold-takeover {
    background: #000; }
    .page-index-2 .splash.tidal-takeover.santigold-takeover .welcome-mat-wrapper {
      width: 100%;
      margin-top: 40px; }
    .page-index-2 .splash.tidal-takeover.santigold-takeover .takeover-left {
      max-width: 400px;
      margin: 0 auto; }
    .page-index-2 .splash.tidal-takeover.santigold-takeover .takeover-right .takeover-sub-headline {
      color: #fff; }
    .page-index-2 .splash.tidal-takeover.santigold-takeover .takeover-right .takeover-main-headline {
      color: #f6c5cb; }
      .page-index-2 .splash.tidal-takeover.santigold-takeover .takeover-right .takeover-main-headline span {
        color: #c2e0fd; }
    .page-index-2 .splash.tidal-takeover.santigold-takeover .takeover-right p {
      color: #fff;
      font-family: "nationale-demibold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.santigold-takeover .btn-new {
      color: #fff; }
    .page-index-2 .splash.tidal-takeover.santigold-takeover .live-stream {
      padding-top: 47px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.santigold-takeover {
        background: url("/images/index2/promos/santigold/santigold-bg.653524bc.jpg") center no-repeat;
        background-size: cover; }
        .page-index-2 .splash.tidal-takeover.santigold-takeover .welcome-mat-wrapper {
          margin-top: 120px; }
        .page-index-2 .splash.tidal-takeover.santigold-takeover .takeover-right .takeover-main-headline {
          font-size: 50px; }
        .page-index-2 .splash.tidal-takeover.santigold-takeover .takeover-left {
          width: 56%;
          max-width: none;
          margin-right: 4%; } }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.santigold-takeover .takeover-right .takeover-main-headline {
        font-size: 60px; } }
  .page-index-2 .splash.tidal-takeover.anti-takeover {
    background: #f4f4f3; }
    .page-index-2 .splash.tidal-takeover.anti-takeover .takeover-left {
      max-width: 320px; }
      .page-index-2 .splash.tidal-takeover.anti-takeover .takeover-left .anti-album-cover-desktop {
        display: none; }
      .page-index-2 .splash.tidal-takeover.anti-takeover .takeover-left .anti-album-cover {
        width: 100%;
        max-width: 600px; }
    .page-index-2 .splash.tidal-takeover.anti-takeover .takeover-right {
      margin-top: 0;
      text-align: center; }
    .page-index-2 .splash.tidal-takeover.anti-takeover .takeover-right p {
      color: #1a1a1a; }
    .page-index-2 .splash.tidal-takeover.anti-takeover .or-separator {
      font-size: 10px;
      display: block;
      text-align: center;
      max-width: none;
      margin: -2px 0 2px auto;
      color: black; }
    .page-index-2 .splash.tidal-takeover.anti-takeover .takeover-right .trial-sub-info-anti {
      font-family: "nationale-demibold", sans-serif;
      font-size: 12px;
      max-width: 285px;
      line-height: 1.4;
      letter-spacing: 1px;
      text-align: center;
      text-transform: uppercase;
      margin: 20px auto; }
      .page-index-2 .splash.tidal-takeover.anti-takeover .takeover-right .trial-sub-info-anti.bold {
        font-family: "nationale-bold", sans-serif;
        margin-bottom: 0;
        padding-bottom: 40px; }
      .page-index-2 .splash.tidal-takeover.anti-takeover .takeover-right .trial-sub-info-anti a {
        font-family: inherit;
        color: inherit;
        font-size: inherit;
        text-decoration: none; }
      .page-index-2 .splash.tidal-takeover.anti-takeover .takeover-right .trial-sub-info-anti .signup-link-anti {
        font-family: inherit;
        color: inherit;
        font-size: inherit;
        text-decoration: underline; }
    .page-index-2 .splash.tidal-takeover.anti-takeover .anti-logo {
      width: 186px;
      margin-top: -40px; }
    .page-index-2 .splash.tidal-takeover.anti-takeover .btn-new {
      background: #000;
      border-color: #000;
      color: #fff;
      margin-top: 10px;
      letter-spacing: 3px;
      max-width: 220px;
      margin-bottom: 5px;
      font-size: 10px; }
      .page-index-2 .splash.tidal-takeover.anti-takeover .btn-new.btn-stream-anti {
        background: #D61E1E;
        border-color: #D61E1E; }
    .page-index-2 .splash.tidal-takeover.anti-takeover .btn-new.btn-download-anti {
      margin-top: 0; }
    .page-index-2 .splash.tidal-takeover.anti-takeover .anti-track-embed {
      position: absolute;
      top: 370px;
      left: 0;
      right: 0; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.anti-takeover {
        background: #f4f4f3;
        height: auto !important; }
        .page-index-2 .splash.tidal-takeover.anti-takeover .welcome-mat-wrapper {
          overflow: hidden;
          padding-top: 0;
          max-width: 1100px;
          margin-top: 0px;
          height: auto !important; }
        .page-index-2 .splash.tidal-takeover.anti-takeover .or-separator {
          max-width: 250px;
          margin: 1px 0 5px auto; }
        .page-index-2 .splash.tidal-takeover.anti-takeover .anti-track-embed {
          top: 520px; }
        .page-index-2 .splash.tidal-takeover.anti-takeover .takeover-left {
          display: block;
          max-width: none;
          width: 52%;
          float: left;
          margin-right: 0; }
          .page-index-2 .splash.tidal-takeover.anti-takeover .takeover-left .anti-album-cover-mobile {
            display: none; }
          .page-index-2 .splash.tidal-takeover.anti-takeover .takeover-left .anti-album-cover-desktop {
            display: inline;
            max-width: 800px; }
        .page-index-2 .splash.tidal-takeover.anti-takeover .btn-new {
          font-size: 12px;
          max-width: 250px; }
        .page-index-2 .splash.tidal-takeover.anti-takeover .btn-stream-anti {
          font-size: 14px; }
        .page-index-2 .splash.tidal-takeover.anti-takeover .takeover-right {
          width: 40%;
          margin-top: 80px;
          float: right;
          text-align: right;
          margin-left: 0;
          margin-right: 60px; }
          .page-index-2 .splash.tidal-takeover.anti-takeover .takeover-right.anti-logo-top-banner {
            max-width: none;
            width: 37%; }
            .page-index-2 .splash.tidal-takeover.anti-takeover .takeover-right.anti-logo-top-banner p {
              margin-right: 47px; }
          .page-index-2 .splash.tidal-takeover.anti-takeover .takeover-right .anti-logo {
            width: 100%;
            max-width: 420px;
            margin-bottom: 20px;
            margin-top: 0; }
          .page-index-2 .splash.tidal-takeover.anti-takeover .takeover-right .trial-sub-info-anti {
            text-align: right !important;
            margin-right: 0 !important;
            font-size: 16px;
            max-width: 400px;
            line-height: 1.5; } }
  .page-index-2 .splash.tidal-takeover.formation-top-takeover {
    background: #000;
    height: auto; }
    .page-index-2 .splash.tidal-takeover.formation-top-takeover .takeover-left {
      max-width: 350px; }
    .page-index-2 .splash.tidal-takeover.formation-top-takeover .takeover-left .anti-album-cover {
      margin-top: 10px; }
    .page-index-2 .splash.tidal-takeover.formation-top-takeover .takeover-left iframe {
      height: auto; }
    .page-index-2 .splash.tidal-takeover.formation-top-takeover .takeover-right {
      margin-top: 40px; }
    .page-index-2 .splash.tidal-takeover.formation-top-takeover a {
      text-decoration: none; }
    .page-index-2 .splash.tidal-takeover.formation-top-takeover h2 {
      margin: 10px auto;
      font-size: 11px;
      color: #fff;
      font-family: "nationale-demibold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.formation-top-takeover .formation-headline-artist {
      font-family: "nationale-bold", sans-serif;
      font-size: 32px;
      letter-spacing: 5px; }
    .page-index-2 .splash.tidal-takeover.formation-top-takeover .formation-headline-track {
      font-size: 32px;
      letter-spacing: 5px; }
    .page-index-2 .splash.tidal-takeover.formation-top-takeover .btn-formation-download {
      background: #000;
      color: #fff;
      border: 1px solid #fff;
      margin-bottom: 0;
      margin-top: 20px; }
    .page-index-2 .splash.tidal-takeover.formation-top-takeover .btn-formation-signup {
      background: #fff;
      color: #000;
      border: 1px solid #fff;
      margin-bottom: 20px; }
    .page-index-2 .splash.tidal-takeover.formation-top-takeover .tidal-embed {
      width: 100%;
      margin-right: 0;
      margin-left: auto;
      margin-top: -3px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.formation-top-takeover .welcome-mat-wrapper {
        width: 95%;
        margin: 0 auto;
        padding: 60px 0 40px 0; }
      .page-index-2 .splash.tidal-takeover.formation-top-takeover .takeover-left {
        max-width: none;
        width: 37.5%; }
      .page-index-2 .splash.tidal-takeover.formation-top-takeover .takeover-right {
        width: 49% !important;
        float: right;
        margin-left: 40px;
        text-align: left;
        margin-top: 40px; }
        .page-index-2 .splash.tidal-takeover.formation-top-takeover .takeover-right p {
          max-width: none;
          margin-top: 40px !important; }
        .page-index-2 .splash.tidal-takeover.formation-top-takeover .takeover-right .btn-new {
          max-width: 230px; }
        .page-index-2 .splash.tidal-takeover.formation-top-takeover .takeover-right h2 {
          text-align: left;
          font-size: 14px;
          margin: 20px auto;
          letter-spacing: 5px; }
        .page-index-2 .splash.tidal-takeover.formation-top-takeover .takeover-right .formation-headline-artist {
          font-size: 56px;
          letter-spacing: 10px;
          margin-bottom: 0; }
        .page-index-2 .splash.tidal-takeover.formation-top-takeover .takeover-right .formation-headline-track {
          font-size: 56px;
          letter-spacing: 10px;
          margin-top: 7px; } }
    @media (min-width: 1400px) {
      .page-index-2 .splash.tidal-takeover.formation-top-takeover .welcome-mat-wrapper {
        padding: 60px 0 80px 0;
        max-width: 1201px; }
      .page-index-2 .splash.tidal-takeover.formation-top-takeover .takeover-right {
        width: 52% !important;
        margin-top: 80px; }
        .page-index-2 .splash.tidal-takeover.formation-top-takeover .takeover-right .formation-headline-artist {
          font-size: 68px;
          letter-spacing: 11px;
          margin-bottom: 0; }
        .page-index-2 .splash.tidal-takeover.formation-top-takeover .takeover-right .formation-headline-track {
          font-size: 68px;
          letter-spacing: 11px;
          margin-top: 7px; }
      .page-index-2 .splash.tidal-takeover.formation-top-takeover .btn-formation-signup {
        margin-left: 10px; } }
  .page-index-2 .splash.tidal-takeover.formation-bottom-takeover {
    background: url("/images/index2/promos/beyonce/formation/formation-video-bg-mobile.b6de41ae.jpg") center no-repeat;
    background-size: cover;
    height: auto;
    min-height: 440px; }
    .page-index-2 .splash.tidal-takeover.formation-bottom-takeover .welcome-mat-wrapper {
      margin-top: 60px; }
    .page-index-2 .splash.tidal-takeover.formation-bottom-takeover .regular-font {
      font-family: "nationale", "nationale-regular", "Helvetica", sans-serif; }
    .page-index-2 .splash.tidal-takeover.formation-bottom-takeover h2 {
      font-family: "nationale-bold", sans-serif;
      letter-spacing: 5px;
      font-size: 18px;
      color: #fff;
      margin-bottom: 10px; }
      .page-index-2 .splash.tidal-takeover.formation-bottom-takeover h2 span {
        font-family: "nationale-demibold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.formation-bottom-takeover .formation-video-headline-exclusive {
      font-size: 10px;
      letter-spacing: 3px;
      max-width: 260px;
      line-height: 2;
      margin: 0 auto; }
    .page-index-2 .splash.tidal-takeover.formation-bottom-takeover .live-stream-wrapper {
      margin-top: 30px;
      max-width: 450px;
      width: 90%; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.formation-bottom-takeover {
        background: url("/images/index2/promos/beyonce/formation/formation-video-bg.119c8e16.jpg") center no-repeat;
        background-size: cover; }
        .page-index-2 .splash.tidal-takeover.formation-bottom-takeover .welcome-mat-wrapper {
          margin-top: 80px; }
        .page-index-2 .splash.tidal-takeover.formation-bottom-takeover h2 {
          letter-spacing: 8px;
          font-size: 52px;
          margin-bottom: 0; }
        .page-index-2 .splash.tidal-takeover.formation-bottom-takeover .formation-video-headline-exclusive {
          max-width: none;
          font-size: 14px;
          letter-spacing: 7px;
          margin-top: 10px; }
        .page-index-2 .splash.tidal-takeover.formation-bottom-takeover .live-stream-wrapper {
          max-width: 760px;
          margin-bottom: 100px; } }
  .page-index-2 .splash.tidal-takeover.work-bts {
    background: url("/images/index2/promos/rihanna-anti/work-anti-bg-mobile.ba054434.jpg") center no-repeat;
    background-size: cover;
    height: 580px; }
    .page-index-2 .splash.tidal-takeover.work-bts .takeover-right {
      max-width: 240px; }
    .page-index-2 .splash.tidal-takeover.work-bts .welcome-mat-wrapper {
      margin-top: 0; }
    .page-index-2 .splash.tidal-takeover.work-bts .takeover-right .takeover-main-headline {
      line-height: 1.35;
      color: #fff; }
      .page-index-2 .splash.tidal-takeover.work-bts .takeover-right .takeover-main-headline .artist-name {
        color: #fafafa; }
    .page-index-2 .splash.tidal-takeover.work-bts .btn-new {
      font-size: 12px;
      padding: 12px 0 10px 0; }
    .page-index-2 .splash.tidal-takeover.work-bts .btn-new-signup {
      color: #000;
      border: 1px solid #fff;
      background: #fff;
      margin-top: 0; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.work-bts {
        background: url("/images/index2/promos/rihanna-anti/work-anti-bg-desktop.932addef.jpg") center no-repeat;
        background-size: cover;
        height: 610px; }
        .page-index-2 .splash.tidal-takeover.work-bts .welcome-mat-wrapper {
          margin-top: 90px; }
        .page-index-2 .splash.tidal-takeover.work-bts .live-stream {
          -webkit-box-shadow: 0px 0px 40px -9px rgba(0,0,0,1);
          -ms-box-shadow: 0px 0px 40px -9px rgba(0,0,0,1);
          -moz-box-shadow: 0px 0px 40px -9px rgba(0,0,0,1);
          -o-box-shadow: 0px 0px 40px -9px rgba(0,0,0,1);
          box-shadow: 0px 0px 40px -9px rgba(0,0,0,1); }
        .page-index-2 .splash.tidal-takeover.work-bts .takeover-right {
          max-width: 370px; }
        .page-index-2 .splash.tidal-takeover.work-bts .work-bts-logo {
          margin-bottom: 35px; }
        .page-index-2 .splash.tidal-takeover.work-bts .btn-new {
          font-size: 14px;
          padding: 18px 0 14px 0; } }
    @media (min-width: 1400px) {
      .page-index-2 .splash.tidal-takeover.work-bts .takeover-right {
        margin-top: 60px; } }
  .page-index-2 .splash.tidal-takeover.ys3-takeover {
    background: url("/images/index2/promos/kanyewest/phase-one/ys3-bg-mobile.d19be29e.jpg") center no-repeat;
    background-size: cover; }
    .page-index-2 .splash.tidal-takeover.ys3-takeover .takeover-right {
      max-width: 320px;
      margin-top: 200px; }
      .page-index-2 .splash.tidal-takeover.ys3-takeover .takeover-right img {
        opacity: .75; }
    .page-index-2 .splash.tidal-takeover.ys3-takeover .btn-new-signup {
      color: #fff;
      background: #000;
      border-color: #000;
      padding: 16px 0;
      margin-top: 60px;
      border-radius: 0; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.ys3-takeover {
        background: url("/images/index2/promos/kanyewest/phase-one/ys3-bg-desktop.6e385acf.png") center no-repeat;
        background-size: cover;
        height: 740px; }
        .page-index-2 .splash.tidal-takeover.ys3-takeover.ys3-takeover-standalone {
          height: 760px !important; }
        .page-index-2 .splash.tidal-takeover.ys3-takeover .welcome-mat-wrapper {
          overflow: hidden; }
        .page-index-2 .splash.tidal-takeover.ys3-takeover .takeover-right {
          float: left;
          margin-left: 45%;
          max-width: none;
          margin-top: 130px; }
          .page-index-2 .splash.tidal-takeover.ys3-takeover .takeover-right img {
            opacity: 1; }
        .page-index-2 .splash.tidal-takeover.ys3-takeover .btn-new-signup {
          margin-left: 15px;
          margin-top: 15px; } }
  .page-index-2 .splash.tidal-takeover.beyonce-presale-takeover {
    background: url("/images/index2/promos/beyonce/formation-presale/formation-tour-bg.025b8b61.jpg") center no-repeat;
    background-size: cover;
    height: 500%; }
    .page-index-2 .splash.tidal-takeover.beyonce-presale-takeover .welcome-mat-wrapper {
      width: 100%; }
    .page-index-2 .splash.tidal-takeover.beyonce-presale-takeover .btn-new {
      width: 195px; }
    .page-index-2 .splash.tidal-takeover.beyonce-presale-takeover .beyonce-presale-img {
      width: 100%;
      max-width: 600px;
      margin: 0 auto; }
    .page-index-2 .splash.tidal-takeover.beyonce-presale-takeover .beyonce-presale-img img {
      width: 100%; }
    .page-index-2 .splash.tidal-takeover.beyonce-presale-takeover .beyonce-bottom-banner {
      width: 100%;
      padding: 20px 0; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.beyonce-presale-takeover .welcome-mat-wrapper {
        width: 95%; }
      .page-index-2 .splash.tidal-takeover.beyonce-presale-takeover .btn-new {
        width: 325px; } }
  .page-index-2 .splash.tidal-takeover.kanye-album-takeover {
    font-family: "helveticaneue-bold", "nationale-demibold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.kanye-album-takeover .welcome-mat-wrapper {
      padding-bottom: 20px; }
    .page-index-2 .splash.tidal-takeover.kanye-album-takeover .formation-headline-artist {
      color: #f58b56; }
    .page-index-2 .splash.tidal-takeover.kanye-album-takeover .takeover-right {
      max-width: 300px;
      margin-top: 20px; }
    .page-index-2 .splash.tidal-takeover.kanye-album-takeover .takeover-right h2 {
      font-family: "helveticaneue-bold", "nationale-demibold", sans-serif;
      letter-spacing: 0;
      display: inline-block;
      text-align: left;
      line-height: .9; }
    .page-index-2 .splash.tidal-takeover.kanye-album-takeover .takeover-right .btn-new {
      font-family: "helveticaneue-bold", "nationale-demibold", sans-serif;
      margin-bottom: 5px;
      letter-spacing: 0;
      border-radius: 0;
      font-size: 13px;
      width: 100%;
      max-width: 260px;
      margin-top: 40px; }
    .page-index-2 .splash.tidal-takeover.kanye-album-takeover .takeover-right .download-kanye-p .btn-new {
      margin-top: 5px; }
    .page-index-2 .splash.tidal-takeover.kanye-album-takeover .formation-headline-artist {
      margin: 0 auto;
      font-size: 42px; }
    .page-index-2 .splash.tidal-takeover.kanye-album-takeover .formation-headline-track {
      margin-top: 0;
      font-size: 42px;
      margin-left: -15px; }
    .page-index-2 .splash.tidal-takeover.kanye-album-takeover .formation-headline-exclusive {
      font-size: 12px;
      margin-top: 10px;
      margin-left: -82px; }
    .page-index-2 .splash.tidal-takeover.kanye-album-takeover .takeover-right a {
      font-family: "helveticaneue-bold", "nationale-demibold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.kanye-album-takeover .takeover-right p {
      color: #fff;
      font-family: "helveticaneue-bold", "nationale-demibold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.kanye-album-takeover .takeover-right .kanye-download-link {
      font-size: 12px;
      margin-top: 0; }
      .page-index-2 .splash.tidal-takeover.kanye-album-takeover .takeover-right .kanye-download-link a {
        font-size: 12px;
        text-decoration: underline; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.kanye-album-takeover .welcome-mat-wrapper {
        margin-top: 0;
        padding-bottom: 80px !important; }
      .page-index-2 .splash.tidal-takeover.kanye-album-takeover .takeover-right {
        max-width: 160px;
        margin-top: 20px; }
      .page-index-2 .splash.tidal-takeover.kanye-album-takeover .takeover-right .btn-new {
        margin-left: 0;
        margin-top: 32px !important;
        font-size: 14px;
        padding: 15px 20px; }
      .page-index-2 .splash.tidal-takeover.kanye-album-takeover .takeover-right .download-kanye-p {
        margin-top: 0 !important; }
      .page-index-2 .splash.tidal-takeover.kanye-album-takeover .takeover-right .download-kanye-p .btn-new {
        margin-top: 5px !important; }
      .page-index-2 .splash.tidal-takeover.kanye-album-takeover .takeover-right h2 {
        letter-spacing: 0 !important; }
      .page-index-2 .splash.tidal-takeover.kanye-album-takeover .takeover-right .kanye-download-link {
        font-size: 14px;
        margin-top: 15px !important; }
        .page-index-2 .splash.tidal-takeover.kanye-album-takeover .takeover-right .kanye-download-link a {
          font-size: 14px; }
      .page-index-2 .splash.tidal-takeover.kanye-album-takeover .formation-headline-artist {
        font-size: 60px !important; }
      .page-index-2 .splash.tidal-takeover.kanye-album-takeover .formation-headline-track {
        margin-top: 0 !important;
        font-size: 60px !important; }
      .page-index-2 .splash.tidal-takeover.kanye-album-takeover .formation-headline-exclusive {
        margin-left: 5px !important;
        margin-top: 0 !important;
        display: block !important; } }
    @media (min-width: 768px) and (max-width: 1023px) {
      .page-index-2 .splash.tidal-takeover.kanye-album-takeover .takeover-right {
        width: 47% !important; }
      .page-index-2 .splash.tidal-takeover.kanye-album-takeover .formation-headline-artist {
        font-size: 50px !important; }
      .page-index-2 .splash.tidal-takeover.kanye-album-takeover .formation-headline-track {
        margin-top: 0 !important;
        font-size: 50px !important; } }
    @media (min-width: 1150px) {
      .page-index-2 .splash.tidal-takeover.kanye-album-takeover .takeover-right {
        margin-top: 20px; }
      .page-index-2 .splash.tidal-takeover.kanye-album-takeover .formation-headline-artist {
        font-size: 80px !important; }
      .page-index-2 .splash.tidal-takeover.kanye-album-takeover .formation-headline-track {
        margin-top: 0 !important;
        font-size: 80px !important; }
      .page-index-2 .splash.tidal-takeover.kanye-album-takeover .formation-headline-exclusive {
        margin-left: 5px !important; } }
  .page-index-2 .splash.tidal-takeover.rihanna-presale {
    background: #000 url("/images/index2/promos/rihannalive/rihanna-presale-16-mobile.ef78fce2.jpg") top 20px center no-repeat;
    background-size: cover;
    height: 500px; }
    .page-index-2 .splash.tidal-takeover.rihanna-presale .welcome-mat-wrapper {
      margin-top: 40px; }
    .page-index-2 .splash.tidal-takeover.rihanna-presale .beyonce-bottom-banner {
      padding-top: 340px; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .page-index-2 .splash.tidal-takeover.rihanna-presale {
        padding-top: 380px; } }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.rihanna-presale {
        background: #000 url("/images/index2/promos/rihannalive/rihanna-presale-16.2ec539d9.jpg") top 20px center no-repeat;
        background-size: cover;
        height: 740px; }
        .page-index-2 .splash.tidal-takeover.rihanna-presale .beyonce-bottom-banner {
          padding-top: 530px; } }
    @media (min-width: 1480px) {
      .page-index-2 .splash.tidal-takeover.rihanna-presale .beyonce-bottom-banner {
        padding-top: 600px; } }
  .page-index-2 .splash.tidal-takeover.tip-moneytalk-video {
    background: linear-gradient(to bottom, #fbfbfb 0%, #fbfbfb 56.5%, #f2f2f2 56.5%, #f2f2f2 100%); }
    .page-index-2 .splash.tidal-takeover.tip-moneytalk-video .tip-video-logo {
      width: 70%;
      max-width: 400px;
      margin-top: 20px; }
    .page-index-2 .splash.tidal-takeover.tip-moneytalk-video .live-stream-wrapper {
      -webkit-box-shadow: 0px 3px 21px 0px rgba(0,0,0,.5);
      -ms-box-shadow: 0px 3px 21px 0px rgba(0,0,0,.5);
      -moz-box-shadow: 0px 3px 21px 0px rgba(0,0,0,.5);
      -o-box-shadow: 0px 3px 21px 0px rgba(0,0,0,.5);
      box-shadow: 0px 3px 21px 0px rgba(0,0,0,.5); }
    .page-index-2 .splash.tidal-takeover.tip-moneytalk-video .tidal-embed {
      line-height: 0; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.tip-moneytalk-video {
        background: linear-gradient(to bottom, #fbfbfb 0%, #fbfbfb 56.5%, #f2f2f2 56.5%, #f2f2f2 100%); }
        .page-index-2 .splash.tidal-takeover.tip-moneytalk-video .live-stream-wrapper {
          max-width: none;
          width: 760px;
          height: 475px; } }
  .page-index-2 .splash.tidal-takeover.rihanna-music-video {
    height: auto !important; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.rihanna-music-video {
        height: 605px !important; } }
  .page-index-2 .splash.tidal-takeover.twochains-takeover {
    background: #000 url("/images/index2/promos/2chains/2chains-bg-small.1d730111.jpg") top center no-repeat;
    background-size: cover; }
    .page-index-2 .splash.tidal-takeover.twochains-takeover .formation-headline-track {
      font-family: "nationale", "nationale-regular", "Helvetica", sans-serif; }
    .page-index-2 .splash.tidal-takeover.twochains-takeover .tidal-embed {
      width: 100%; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.twochains-takeover {
        background: #000 url("/images/index2/promos/2chains/2chains-bg-big.e0ce2d0b.jpg") top center no-repeat;
        background-size: cover; }
        .page-index-2 .splash.tidal-takeover.twochains-takeover .takeover-right {
          margin-top: 160px; } }
  .page-index-2 .splash.tidal-takeover.twochains-video-takeover {
    background: #000 url("/images/index2/promos/2chains/2chains-bg-video-small.e1577c71.jpg") top center no-repeat;
    background-size: cover; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.twochains-video-takeover {
        background: #000 url("/images/index2/promos/2chains/2chains-bg-video.3b04d2e1.jpg") top center no-repeat;
        background-size: cover; } }
  .page-index-2 .splash.tidal-takeover.twochains-takeover-live {
    background: #000; }
    .page-index-2 .splash.tidal-takeover.twochains-takeover-live .formation-headline-top, .page-index-2 .splash.tidal-takeover.twochains-takeover-live .formation-headline-track {
      font-size: 14px;
      letter-spacing: 3px;
      line-height: 1.2; }
    .page-index-2 .splash.tidal-takeover.twochains-takeover-live .formation-headline-artist {
      font-size: 27px; }
    .page-index-2 .splash.tidal-takeover.twochains-takeover-live .takeover-right {
      max-width: 280px; }
    .page-index-2 .splash.tidal-takeover.twochains-takeover-live .takeover-right .small-livestream-hashtag {
      color: #fff;
      font-family: "nationale", "nationale-regular", "Helvetica", sans-serif; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.twochains-takeover-live .takeover-left {
        margin-top: 0; }
      .page-index-2 .splash.tidal-takeover.twochains-takeover-live .welcome-mat-wrapper {
        background: #000 url("/images/index2/promos/2chains/collegrove-orig.1a4d1772.jpg") bottom left no-repeat;
        background-size: 55%; }
      .page-index-2 .splash.tidal-takeover.twochains-takeover-live .takeover-right {
        margin-top: 40px;
        width: 40% !important;
        max-width: 500px; }
        .page-index-2 .splash.tidal-takeover.twochains-takeover-live .takeover-right .formation-headline-top, .page-index-2 .splash.tidal-takeover.twochains-takeover-live .takeover-right .formation-headline-track {
          font-size: 14px;
          letter-spacing: 3px;
          line-height: 1.2;
          margin: 15px auto; }
          .page-index-2 .splash.tidal-takeover.twochains-takeover-live .takeover-right .formation-headline-top.base, .page-index-2 .splash.tidal-takeover.twochains-takeover-live .takeover-right .formation-headline-track.base {
            font-family: "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.twochains-takeover-live .takeover-right .formation-headline-top {
          font-family: "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.twochains-takeover-live .takeover-right .formation-headline-track {
          font-family: "nationale-demibold", sans-serif;
          max-width: 400px;
          margin-left: 0;
          line-height: 1.1; }
        .page-index-2 .splash.tidal-takeover.twochains-takeover-live .takeover-right .formation-headline-artist {
          font-size: 37px;
          line-height: 1;
          letter-spacing: 4px; }
        .page-index-2 .splash.tidal-takeover.twochains-takeover-live .takeover-right .btn-new {
          margin-top: 0; } }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.twochains-takeover-live .welcome-mat-wrapper {
        background-size: 48%; }
      .page-index-2 .splash.tidal-takeover.twochains-takeover-live .takeover-right {
        width: 47% !important;
        margin-bottom: 0; }
        .page-index-2 .splash.tidal-takeover.twochains-takeover-live .takeover-right .btn-new {
          margin-bottom: 10px; }
        .page-index-2 .splash.tidal-takeover.twochains-takeover-live .takeover-right .formation-headline-top, .page-index-2 .splash.tidal-takeover.twochains-takeover-live .takeover-right .formation-headline-track {
          font-size: 22px;
          max-width: 450px;
          margin-left: 0; }
        .page-index-2 .splash.tidal-takeover.twochains-takeover-live .takeover-right .formation-headline-artist {
          font-size: 56px; } }
  .page-index-2 .splash.tidal-takeover.work-remixes-takeover {
    background: #000 url("/images/index2/promos/rihanna-anti/work-remix-bg-mobile.d9bd593b.jpg") top center no-repeat;
    background-size: cover;
    height: auto !important; }
    .page-index-2 .splash.tidal-takeover.work-remixes-takeover .welcome-mat-wrapper {
      margin-top: 20px; }
    .page-index-2 .splash.tidal-takeover.work-remixes-takeover .takeover-right {
      margin-top: 20px; }
    .page-index-2 .splash.tidal-takeover.work-remixes-takeover .takeover-right .tip-logo {
      max-width: 280px; }
    .page-index-2 .splash.tidal-takeover.work-remixes-takeover .btn-formation-signup {
      max-width: 280px;
      margin-top: 20px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.work-remixes-takeover {
        background: #000 url("/images/index2/promos/rihanna-anti/work-remix-bg.32f6ef50.jpg") top center no-repeat;
        background-size: cover; }
        .page-index-2 .splash.tidal-takeover.work-remixes-takeover .welcoem-mat-wrapper {
          margin-top: 0; }
        .page-index-2 .splash.tidal-takeover.work-remixes-takeover .takeover-right {
          margin-top: 130px; }
        .page-index-2 .splash.tidal-takeover.work-remixes-takeover .tidal-embed {
          width: 100%; }
        .page-index-2 .splash.tidal-takeover.work-remixes-takeover .takeover-right .tip-logo {
          max-width: 490px; } }
  .page-index-2 .splash.tidal-takeover.nick-jonas-takeover {
    background: #000 url("/images/index2/promos/nickjonas/nick-jonas-bg-mobile.6a03ecd6.jpg") top center no-repeat;
    background-size: cover; }
    .page-index-2 .splash.tidal-takeover.nick-jonas-takeover .welcome-mat-wrapper {
      margin-top: 20px; }
    .page-index-2 .splash.tidal-takeover.nick-jonas-takeover .takeover-right {
      margin-top: 20px; }
    .page-index-2 .splash.tidal-takeover.nick-jonas-takeover .takeover-right .tip-logo {
      max-width: 280px; }
    .page-index-2 .splash.tidal-takeover.nick-jonas-takeover .btn-formation-signup {
      max-width: 280px;
      margin-top: 20px;
      background: none;
      color: #FFFFFF;
      border: 1px solid #fff;
      margin-bottom: 20px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.nick-jonas-takeover {
        background: #000 url("/images/index2/promos/nickjonas/nick-jonas-bg.c45b7222.jpg") top center no-repeat;
        background-size: cover; }
        .page-index-2 .splash.tidal-takeover.nick-jonas-takeover .welcome-mat-wrapper {
          margin-top: 0; }
        .page-index-2 .splash.tidal-takeover.nick-jonas-takeover .takeover-right {
          margin-top: 130px; }
        .page-index-2 .splash.tidal-takeover.nick-jonas-takeover .tidal-embed {
          width: 100%; }
        .page-index-2 .splash.tidal-takeover.nick-jonas-takeover .takeover-right .tip-logo {
          max-width: 490px; } }
  .page-index-2 .splash.tidal-takeover.rihanna-kiss-it-better {
    background: #000 url("/images/index2/promos/rihanna-anti/rihanna-kissitbetter-bg-mobile.d26b3a80.jpg") top center no-repeat;
    background-size: cover; }
    .page-index-2 .splash.tidal-takeover.rihanna-kiss-it-better .takeover-right a {
      text-decoration: none; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.rihanna-kiss-it-better {
        background: #000 url("/images/index2/promos/rihanna-anti/rihanna-kissitbetter-bg.f195b3d9.jpg") top center no-repeat;
        background-size: cover; }
        .page-index-2 .splash.tidal-takeover.rihanna-kiss-it-better .takeover-left {
          width: 60%; }
        .page-index-2 .splash.tidal-takeover.rihanna-kiss-it-better .takeover-right {
          width: 34%;
          margin-top: 5px; } }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.rihanna-kiss-it-better .takeover-left {
        width: 58%; }
      .page-index-2 .splash.tidal-takeover.rihanna-kiss-it-better .takeover-right {
        width: 35%;
        margin-top: 50px; } }
  .page-index-2 .splash.tidal-takeover.twenty88-takeover {
    background: #000 url("/images/index2/promos/bigsean/twenty88-bg-mobile.337de6c2.jpg") top center no-repeat;
    background-size: cover; }
    .page-index-2 .splash.tidal-takeover.twenty88-takeover .tidal-embed {
      width: 100%; }
    .page-index-2 .splash.tidal-takeover.twenty88-takeover .btn-formation-download {
      background: none; }
    .page-index-2 .splash.tidal-takeover.twenty88-takeover .tip-logo {
      max-width: 240px; }
    .page-index-2 .splash.tidal-takeover.twenty88-takeover .takeover-right .formation-headline-exclusive {
      margin-top: 20px;
      letter-spacing: .333em; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.twenty88-takeover {
        background: #000 url("/images/index2/promos/bigsean/twenty88-bg.f9e58fce.jpg") top center no-repeat;
        background-size: cover; }
        .page-index-2 .splash.tidal-takeover.twenty88-takeover .takeover-right {
          width: 48% !important; }
        .page-index-2 .splash.tidal-takeover.twenty88-takeover .takeover-right .formation-headline-exclusive {
          margin-left: 10px; }
        .page-index-2 .splash.tidal-takeover.twenty88-takeover .tip-logo {
          max-width: 400px; } }
    @media (min-width: 1400px) {
      .page-index-2 .splash.tidal-takeover.twenty88-takeover .btn-formation-download {
        margin-left: 10px; } }
  .page-index-2 .splash.tidal-takeover.twenty88-video-takeover {
    background: #000 url("/images/index2/promos/bigsean/twenty88-video-bg-mobile.d87b0cef.jpg") top center no-repeat;
    background-size: cover; }
    .page-index-2 .splash.tidal-takeover.twenty88-video-takeover .formation-headline-track {
      letter-spacing: 1px;
      font-size: 11px;
      margin-top: 10px;
      color: #fff;
      font-family: "nationale-demibold", sans-serif; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.twenty88-video-takeover {
        background: #000 url("/images/index2/promos/bigsean/twenty88-video-bg.e8f0fb59.jpg") top center no-repeat;
        background-size: cover; }
        .page-index-2 .splash.tidal-takeover.twenty88-video-takeover .formation-headline-track {
          letter-spacing: 4px;
          font-size: 14px;
          margin-top: 0;
          margin-left: 10px;
          line-height: 1.3;
          text-align: left; } }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.twenty88-video-takeover .formation-headline-track {
        font-size: 15px;
        letter-spacing: .21em;
        margin-top: -10px; }
      .page-index-2 .splash.tidal-takeover.twenty88-video-takeover .btn-new {
        margin-left: 10px; } }
  .page-index-2 .splash.tidal-takeover.rnsc-takeover {
    background: #000 url("/images/index2/promos/summerclassics/rnsc-mobile-bg.126cac4f.jpg") top center no-repeat;
    background-size: cover;
    height: auto; }
    .page-index-2 .splash.tidal-takeover.rnsc-takeover .welcome-mat-wrapper {
      margin-bottom: 0;
      padding-bottom: 40px;
      margin-top: 0;
      padding-top: 20px; }
    .page-index-2 .splash.tidal-takeover.rnsc-takeover .rnsc-top {
      display: block;
      margin: 0 auto 0 auto;
      max-width: 450px; }
    .page-index-2 .splash.tidal-takeover.rnsc-takeover .rnsc-middle {
      display: block;
      margin: 20px auto 0 auto;
      max-width: 380px; }
    .page-index-2 .splash.tidal-takeover.rnsc-takeover .rnsc-logo {
      display: block;
      margin: 20px auto 0 auto;
      max-width: 250px; }
    .page-index-2 .splash.tidal-takeover.rnsc-takeover .btn-new {
      max-width: 300px;
      width: 170px;
      margin-top: 40px;
      background: none;
      font-size: 14px;
      color: #000;
      border: 1px solid #000;
      margin-bottom: 10px; }
    .page-index-2 .splash.tidal-takeover.rnsc-takeover .rnsc-cta-promo {
      letter-spacing: 3px;
      color: #000;
      font-size: 12px;
      text-align: center;
      margin-top: 0;
      margin-bottom: 0px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.rnsc-takeover {
        background: #000 url("/images/index2/promos/summerclassics/rnsc-bg.bfe34349.jpg") top center no-repeat;
        background-size: cover; }
        .page-index-2 .splash.tidal-takeover.rnsc-takeover .rnsc-top {
          margin-top: 40px; }
        .page-index-2 .splash.tidal-takeover.rnsc-takeover .rnsc-logo {
          margin-top: 30px; }
        .page-index-2 .splash.tidal-takeover.rnsc-takeover .btn-new {
          width: 230px;
          font-size: 15px;
          padding: 17px 0 15px 0; } }
  .page-index-2 .splash.tidal-takeover.beyonce-release-takeover {
    height: 485px; }
    .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .welcome-mat-wrapper {
      max-width: none;
      width: 100%;
      overflow: hidden;
      margin-top: 45px;
      position: relative;
      height: 486px; }
    .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .bey-album-logo {
      display: block;
      width: 90%;
      max-width: 420px;
      margin: 0 auto 20px auto; }
    .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .bey-album-logo-big {
      display: none; }
    .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .beyonce-content {
      position: absolute;
      top: 40px;
      width: 100%; }
    .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .bey-play {
      width: 70px;
      cursor: pointer;
      margin-top: 40px; }
      .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .bey-play :hover {
        opacity: .9; }
    .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .bey-preview-txt {
      margin-top: 15px; }
    .page-index-2 .splash.tidal-takeover.beyonce-release-takeover video::-webkit-media-controls {
      display: none !important; }
    .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .bey-ctas {
      position: absolute;
      top: 270px;
      left: 50%;
      margin-left: -121px; }
      .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .bey-ctas a {
        text-decoration: none; }
    .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .btn-new {
      width: 240px;
      font-size: 12px;
      margin: 0;
      padding: 15px 0; }
    .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .btn-formation-signup {
      background: #fff;
      color: #000;
      border: 1px solid #fff;
      margin-top: 20px; }
    .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .btn-formation-download {
      width: 242px;
      left: -1px;
      background: transparent;
      color: #fff;
      border: 1px solid #fff;
      margin-top: 10px; }
    .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .bey-sub-header {
      letter-spacing: 3px;
      font-size: 11px;
      color: #fff;
      margin-bottom: 10px; }
    .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .bey-main-header {
      letter-spacing: 10px;
      font-size: 44px;
      font-family: "nationale-bold", sans-serif;
      color: #fff;
      margin-top: 0px; }
    .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .video-container-wrap {
      width: 1220px;
      max-width: none;
      margin: 0 0 0 -610px;
      left: 50%;
      position: absolute;
      top: -160px; }
    .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .video-container {
      position: relative;
      padding-bottom: 53%;
      padding-top: 0px;
      height: 0;
      overflow: hidden; }
      .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .live-stream-wrapper {
      width: 1200px;
      margin: 0 0 0 -410px; }
      .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .live-stream-wrapper video {
        width: 100%; }
    @media (min-width: 375px) {
      .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .bey-sub-header {
        letter-spacing: 3px;
        font-size: 13px;
        color: #fff;
        margin-bottom: 10px; }
      .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .bey-main-header {
        letter-spacing: 10px;
        font-size: 51px;
        font-family: "nationale-bold", sans-serif;
        color: #fff;
        margin-top: 0px; } }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.beyonce-release-takeover {
        height: auto !important; }
        .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .welcome-mat-wrapper {
          height: auto;
          margin: 0 auto 0 auto; }
        .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .bey-album-logo {
          display: none; }
        .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .bey-album-logo-big {
          display: block;
          margin-bottom: 0;
          width: 60%;
          max-width: 600px; }
        .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .bey-sub-header {
          letter-spacing: 4px;
          font-size: 15px; }
        .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .bey-main-header {
          letter-spacing: 12px;
          font-size: 62px; }
        .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .live-stream-wrapper {
          width: 100%;
          max-width: 1900px;
          margin: 3px auto 0 auto; }
        .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .beyonce-content {
          top: 90px; }
        .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .bey-play {
          display: none; }
        .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .btn-new {
          margin: 0 5px; }
        .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .bey-ctas {
          width: 600px;
          top: 260px;
          margin-left: -300px;
          max-width: none; }
          .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .bey-ctas br {
            display: none; }
        .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .bey-preview-txt {
          display: none; } }
    @media (min-width: 850px) {
      .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .beyonce-content {
        top: 90px; }
      .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .bey-ctas {
        top: 320px; } }
    @media (min-width: 992px) {
      .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .beyonce-content {
        top: 90px; }
      .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .bey-ctas {
        top: 400px; } }
    @media (min-width: 1150px) {
      .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .bey-ctas {
        top: 480px; } }
    @media (min-width: 1400px) {
      .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .bey-main-header {
        font-size: 80px; }
      .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .bey-sub-header {
        letter-spacing: 5px;
        font-size: 18px; }
      .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .bey-ctas {
        top: 495px; } }
    @media (min-width: 1600px) {
      .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .live-stream-wrapper {
        margin-top: 0; }
      .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .beyonce-content {
        top: 160px; }
      .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .bey-ctas {
        top: 600px; }
      .page-index-2 .splash.tidal-takeover.beyonce-release-takeover .bey-album-logo-big {
        display: inline;
        max-width: 695px; } }
  .page-index-2 .splash.tidal-takeover.lemonade-offer-takeover {
    background: #000 url("/images/index2/promos/beyonce/lemonade/lemonade-offer-bg-mobile.5a8a1941.jpg") top center no-repeat;
    background-size: cover; }
    .page-index-2 .splash.tidal-takeover.lemonade-offer-takeover .welcome-mat-wrapper {
      margin-top: 30px;
      height: auto; }
    .page-index-2 .splash.tidal-takeover.lemonade-offer-takeover h1, .page-index-2 .splash.tidal-takeover.lemonade-offer-takeover h2 {
      font-family: "nationale-bold", sans-serif;
      font-size: 16px;
      line-height: 1.3; }
    .page-index-2 .splash.tidal-takeover.lemonade-offer-takeover p {
      letter-spacing: 1px;
      width: 92%;
      font-size: 12px; }
    .page-index-2 .splash.tidal-takeover.lemonade-offer-takeover .small-disclaimer {
      font-size: 8px;
      line-height: 1.6;
      margin: 0 auto 40px auto; }
      .page-index-2 .splash.tidal-takeover.lemonade-offer-takeover .small-disclaimer a {
        font-size: inherit; }
    .page-index-2 .splash.tidal-takeover.lemonade-offer-takeover .dot-separator {
      font-family: "nationale-bold", sans-serif;
      font-size: 20px; }
    .page-index-2 .splash.tidal-takeover.lemonade-offer-takeover .lemonade-txt {
      width: 100%;
      max-width: 400px;
      margin: 0 auto; }
    .page-index-2 .splash.tidal-takeover.lemonade-offer-takeover .bey-ctas {
      position: static;
      margin: 60px auto; }
      @media (max-width: 767px) {
        .page-index-2 .splash.tidal-takeover.lemonade-offer-takeover .bey-ctas {
          margin-top: 0;
          margin-bottom: 40px; }
          .page-index-2 .splash.tidal-takeover.lemonade-offer-takeover .bey-ctas .btn-new {
            width: 240px;
            font-size: 11px;
            margin: 0 auto;
            padding: 13px 0;
            max-width: none;
            letter-spacing: 1px; }
          .page-index-2 .splash.tidal-takeover.lemonade-offer-takeover .bey-ctas .btn-formation-download {
            margin-top: 10px; } }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.lemonade-offer-takeover {
        background: #000 url("/images/index2/promos/beyonce/lemonade/lemonade-offer-bg.a8317feb.jpg") top center no-repeat;
        background-size: cover; }
        .page-index-2 .splash.tidal-takeover.lemonade-offer-takeover .welcome-mat-wrapper {
          margin-top: 0; }
        .page-index-2 .splash.tidal-takeover.lemonade-offer-takeover .btn-new {
          width: 250px;
          max-width: none;
          letter-spacing: 1px;
          font-size: 12px; }
        .page-index-2 .splash.tidal-takeover.lemonade-offer-takeover p {
          font-size: 14px;
          max-width: 600px;
          line-height: 1.5; }
        .page-index-2 .splash.tidal-takeover.lemonade-offer-takeover .limit-width-lemonade {
          max-width: 333px; }
        .page-index-2 .splash.tidal-takeover.lemonade-offer-takeover h1, .page-index-2 .splash.tidal-takeover.lemonade-offer-takeover h2 {
          font-size: 30px; }
        .page-index-2 .splash.tidal-takeover.lemonade-offer-takeover .lemonade-txt {
          max-width: none; }
        .page-index-2 .splash.tidal-takeover.lemonade-offer-takeover .small-disclaimer {
          font-size: 10px;
          line-height: 1.6; } }
  .page-index-2 .splash.tidal-takeover.keith-urban-takeover {
    background: #000 url("/images/index2/promos/keithurban/keithurban-bg-mobile.79998fc8.jpg") top center no-repeat;
    background-size: cover;
    height: auto !important; }
    .page-index-2 .splash.tidal-takeover.keith-urban-takeover .takeover-right .btn-formation-download {
      background: #fff;
      color: #000;
      left: 1px; }
    .page-index-2 .splash.tidal-takeover.keith-urban-takeover .takeover-right .tip-logo {
      max-width: 255px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.keith-urban-takeover {
        background: #000 url("/images/index2/promos/keithurban/keithurban-bg.625349c0.jpg") top center no-repeat;
        background-size: cover; }
        .page-index-2 .splash.tidal-takeover.keith-urban-takeover .takeover-left {
          width: 43% !important; }
        .page-index-2 .splash.tidal-takeover.keith-urban-takeover .takeover-right {
          float: left;
          width: 33% !important;
          margin-top: 80px;
          margin-left: 5%;
          text-align: center; }
          .page-index-2 .splash.tidal-takeover.keith-urban-takeover .takeover-right .tip-logo {
            max-width: 330px; }
          .page-index-2 .splash.tidal-takeover.keith-urban-takeover .takeover-right p {
            margin: 40px auto 0 auto !important; } }
  .page-index-2 .splash.tidal-takeover.ch-ri-takeover {
    background: #000 url("/images/index2/promos/calvinharris/calvrihanna-bg-mobile.37024ff8.jpg") top center no-repeat;
    background-size: cover; }
    .page-index-2 .splash.tidal-takeover.ch-ri-takeover .welcome-mat-wrapper {
      padding: 40px 0 60px 0;
      margin: 0 auto; }
    .page-index-2 .splash.tidal-takeover.ch-ri-takeover .takeover-left {
      margin: 0 auto; }
    .page-index-2 .splash.tidal-takeover.ch-ri-takeover .takeover-right .formation-headline-top {
      font-size: 12px;
      margin-bottom: 15px; }
    .page-index-2 .splash.tidal-takeover.ch-ri-takeover .takeover-right .formation-headline-artist {
      font-family: "nationale-bold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.ch-ri-takeover .takeover-right .formation-headline-track {
      font-family: "nationale-bold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.ch-ri-takeover .takeover-right .formation-headline-exclusive {
      margin-top: 15px;
      font-size: 12px;
      margin-bottom: 20px; }
    .page-index-2 .splash.tidal-takeover.ch-ri-takeover .takeover-right .btn-new {
      width: 170px;
      font-size: 11px;
      padding: 16px 32px 14px 32px; }
    .page-index-2 .splash.tidal-takeover.ch-ri-takeover .takeover-right .btn-formation-download {
      left: 2px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.ch-ri-takeover {
        background: #000 url("/images/index2/promos/calvinharris/calvrihanna-bg.704aaa3b.jpg") top center no-repeat;
        background-size: cover; }
        .page-index-2 .splash.tidal-takeover.ch-ri-takeover .takeover-right .formation-headline-top {
          font-size: 14px; }
        .page-index-2 .splash.tidal-takeover.ch-ri-takeover .takeover-right .formation-headline-artist {
          font-size: 28px; }
        .page-index-2 .splash.tidal-takeover.ch-ri-takeover .takeover-right .formation-headline-track {
          font-size: 28px; }
        .page-index-2 .splash.tidal-takeover.ch-ri-takeover .takeover-right .formation-headline-exclusive {
          font-size: 14px;
          margin-left: 0; }
        .page-index-2 .splash.tidal-takeover.ch-ri-takeover .takeover-right .btn-new {
          width: 170px;
          font-size: 11px;
          padding: 16px 32px 14px 32px; }
        .page-index-2 .splash.tidal-takeover.ch-ri-takeover .takeover-right .btn-formation-download {
          left: 1px; } }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.ch-ri-takeover .takeover-right .formation-headline-top {
        font-size: 16px; }
      .page-index-2 .splash.tidal-takeover.ch-ri-takeover .takeover-right .formation-headline-artist {
        font-size: 43px; }
      .page-index-2 .splash.tidal-takeover.ch-ri-takeover .takeover-right .formation-headline-track {
        font-size: 43px; }
      .page-index-2 .splash.tidal-takeover.ch-ri-takeover .takeover-right .formation-headline-exclusive {
        font-size: 16px;
        margin-left: 0px; } }
    @media (min-width: 1150px) {
      .page-index-2 .splash.tidal-takeover.ch-ri-takeover .takeover-right {
        width: 52% !important; }
        .page-index-2 .splash.tidal-takeover.ch-ri-takeover .takeover-right .formation-headline-top {
          font-size: 17px; }
        .page-index-2 .splash.tidal-takeover.ch-ri-takeover .takeover-right .formation-headline-artist {
          font-size: 55px; }
        .page-index-2 .splash.tidal-takeover.ch-ri-takeover .takeover-right .formation-headline-track {
          font-size: 55px; }
        .page-index-2 .splash.tidal-takeover.ch-ri-takeover .takeover-right .formation-headline-exclusive {
          font-size: 17px;
          margin-left: 0px; }
        .page-index-2 .splash.tidal-takeover.ch-ri-takeover .takeover-right .btn-new {
          width: 190px;
          font-size: 12px;
          padding: 18px 32px 16px 32px; } }
  @media (min-width: 768px) {
    .page-index-2 .splash.tidal-takeover.aliciakeys-takeover .takeover-right {
      margin-left: 20px;
      margin-right: 4.5%;
      width: 53.5% !important; }
      .page-index-2 .splash.tidal-takeover.aliciakeys-takeover .takeover-right .formation-headline-artist {
        font-size: 44px; }
      .page-index-2 .splash.tidal-takeover.aliciakeys-takeover .takeover-right .formation-headline-track {
        font-size: 47px; } }
  @media (min-width: 1024px) {
    .page-index-2 .splash.tidal-takeover.aliciakeys-takeover .takeover-right .formation-headline-artist {
      font-size: 58px; }
    .page-index-2 .splash.tidal-takeover.aliciakeys-takeover .takeover-right .formation-headline-track {
      font-size: 60px; } }
  .page-index-2 .splash.tidal-takeover.panda-takeover {
    background: #000 url("/images/index2/promos/desiigner/desiigner-mobile-bg.c88e554c.jpg") top center no-repeat;
    background-size: cover; }
    .page-index-2 .splash.tidal-takeover.panda-takeover .welcome-mat-wrapper {
      margin-top: 60px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.panda-takeover {
        background: #000 url("/images/index2/promos/desiigner/desiigner-bg.3ebdbbb3.jpg") top center no-repeat;
        background-size: cover;
        margin-top: 0; }
        .page-index-2 .splash.tidal-takeover.panda-takeover .welcome-mat-wrapper {
          padding-top: 120px;
          margin-top: 0; }
        .page-index-2 .splash.tidal-takeover.panda-takeover .takeover-left {
          width: 50% !important; }
        .page-index-2 .splash.tidal-takeover.panda-takeover .takeover-right {
          margin-top: 0;
          width: 44% !important;
          margin-right: 0;
          text-align: left; }
          .page-index-2 .splash.tidal-takeover.panda-takeover .takeover-right .btn-formation-download {
            margin-top: 0; }
          .page-index-2 .splash.tidal-takeover.panda-takeover .takeover-right .formation-headline-top {
            font-size: 14px; }
          .page-index-2 .splash.tidal-takeover.panda-takeover .takeover-right .formation-headline-artist {
            font-size: 38px; }
          .page-index-2 .splash.tidal-takeover.panda-takeover .takeover-right .formation-headline-track {
            font-size: 14px; } }
    @media (min-width: 1150px) {
      .page-index-2 .splash.tidal-takeover.panda-takeover .takeover-right {
        margin-top: 40px; }
        .page-index-2 .splash.tidal-takeover.panda-takeover .takeover-right .formation-headline-top {
          font-size: 16px;
          margin-left: 2px; }
        .page-index-2 .splash.tidal-takeover.panda-takeover .takeover-right .formation-headline-artist {
          font-size: 55px; }
        .page-index-2 .splash.tidal-takeover.panda-takeover .takeover-right .formation-headline-track {
          font-size: 16px;
          margin-left: 3px; } }
  .page-index-2 .splash.tidal-takeover.earth-takeover {
    background: #000 url("/images/index2/promos/neilyoung/earth-bg-mobile.fdf78405.jpg") top center no-repeat;
    background-size: cover; }
    .page-index-2 .splash.tidal-takeover.earth-takeover .takeover-right .formation-headline-track {
      font-size: 19px; }
    .page-index-2 .splash.tidal-takeover.earth-takeover .takeover-right .formation-headline-exclusive {
      font-family: "nationale-bold", sans-serif;
      font-size: 22px;
      margin-top: 0; }
    .page-index-2 .splash.tidal-takeover.earth-takeover .takeover-right .btn-new {
      width: 210px;
      font-size: 9px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.earth-takeover {
        background: #000 url("/images/index2/promos/neilyoung/earth-bg.ff179bf5.jpg") top center no-repeat;
        background-size: cover; }
        .page-index-2 .splash.tidal-takeover.earth-takeover .welcome-mat-wrapper {
          padding-top: 60px; }
        .page-index-2 .splash.tidal-takeover.earth-takeover .takeover-right {
          float: left;
          margin-right: 0px;
          width: 53% !important; }
          .page-index-2 .splash.tidal-takeover.earth-takeover .takeover-right .btn-new {
            font-size: 10px;
            width: 235px; }
          .page-index-2 .splash.tidal-takeover.earth-takeover .takeover-right .formation-headline-top {
            font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
            letter-spacing: 4px; }
          .page-index-2 .splash.tidal-takeover.earth-takeover .takeover-right .formation-headline-track {
            letter-spacing: 8px;
            font-size: 21px;
            margin-bottom: 10px;
            font-family: "nationale-bold", sans-serif; }
          .page-index-2 .splash.tidal-takeover.earth-takeover .takeover-right .formation-headline-exclusive {
            letter-spacing: 8px;
            font-size: 21px;
            font-family: "nationale-bold", sans-serif; } }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.earth-takeover .takeover-right .formation-headline-track {
        font-size: 35px;
        letter-spacing: 7px; }
      .page-index-2 .splash.tidal-takeover.earth-takeover .takeover-right .formation-headline-exclusive {
        font-size: 35px;
        letter-spacing: 7px; } }
    @media (min-width: 1400px) {
      .page-index-2 .splash.tidal-takeover.earth-takeover .takeover-right .formation-headline-track {
        font-size: 45px;
        letter-spacing: 7px;
        margin-top: 40px; }
      .page-index-2 .splash.tidal-takeover.earth-takeover .takeover-right .formation-headline-exclusive {
        font-size: 72px;
        letter-spacing: 7px; } }
    @media (min-width: 1400px) {
      .page-index-2 .splash.tidal-takeover.earth-takeover.earth-two-takeover .takeover-right .formation-headline-track {
        font-size: 53px; } }
  .page-index-2 .splash.tidal-takeover.earth-album-takeover {
    background: #000 url("/images/index2/promos/neilyoung/earth-bg.ff179bf5.jpg") top center no-repeat;
    background-size: cover; }
    .page-index-2 .splash.tidal-takeover.earth-album-takeover .takeover-right h2 {
      color: #d8d7d0; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.earth-album-takeover .takeover-right .formation-headline-exclusive,
      .page-index-2 .splash.tidal-takeover.earth-album-takeover .takeover-right .formation-headline-track {
        font-size: 48px; } }
  .page-index-2 .splash.tidal-takeover.earth-playlist-takeover {
    background: #000 url("/images/index2/promos/neilyoung/earth-playlist-bg.7dc5e0ba.jpg") top center no-repeat;
    background-size: cover; }
    .page-index-2 .splash.tidal-takeover.earth-playlist-takeover .takeover-right img:first-child {
      max-width: 450px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.earth-playlist-takeover .takeover-right img:first-child {
          margin-top: 100px; } }
    .page-index-2 .splash.tidal-takeover.earth-playlist-takeover .takeover-right .facts-paragraph {
      color: #fff;
      max-width: 450px;
      margin: 20px 0 40px 0 !important;
      font-size: 22px; }
  .page-index-2 .splash.tidal-takeover.tip-dope {
    background: #000 url("/images/index2/promos/tip/tip-dope-bg-mobile.9ba60c2c.jpg") top center no-repeat;
    background-size: cover; }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.tip-dope .description {
        font-size: 20px; } }
    .page-index-2 .splash.tidal-takeover.tip-dope .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.tip-dope .description p.artist {
        font: 5em/1 "nationale-bold", sans-serif;
        letter-spacing: 3px;
        margin-bottom: 5px; }
      .page-index-2 .splash.tidal-takeover.tip-dope .description p.feat {
        font: 1.3em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
      .page-index-2 .splash.tidal-takeover.tip-dope .description p.title {
        font: 2.5em/1 "nationale-demibold", sans-serif; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.tip-dope {
        background: #000 url("/images/index2/promos/tip/tip-dope-bg.ee600523.jpg") top center no-repeat;
        background-size: cover; } }
  .page-index-2 .splash.tidal-takeover.culturaprofetica-takeover {
    background: #000 url("/images/index2/promos/culturaprofetica/culturaprofetica-bg-mobile.e292dd99.jpg") top center no-repeat;
    background-size: cover; }
    .page-index-2 .splash.tidal-takeover.culturaprofetica-takeover img {
      width: 80%;
      margin: 20px auto 40px auto;
      max-width: 260px; }
    .page-index-2 .splash.tidal-takeover.culturaprofetica-takeover .btn-formation-download {
      background: #000;
      color: #fff;
      border: 1px solid #fff;
      margin-bottom: 0;
      margin-top: 20px; }
    .page-index-2 .splash.tidal-takeover.culturaprofetica-takeover p {
      font-size: 12px;
      letter-spacing: 2px;
      line-height: 1.9; }
      .page-index-2 .splash.tidal-takeover.culturaprofetica-takeover p .headline-1 {
        display: block;
        letter-spacing: 3px;
        font-size: 25px;
        font-family: "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.culturaprofetica-takeover p .headline-2 {
        display: block;
        letter-spacing: 3px;
        font-size: 16px;
        font-family: "nationale-bold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.culturaprofetica-takeover a {
      text-decoration: none; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.culturaprofetica-takeover {
        background: #000 url("/images/index2/promos/culturaprofetica/culturaprofetica-bg.a1902808.jpg") top center no-repeat;
        background-size: cover; }
        .page-index-2 .splash.tidal-takeover.culturaprofetica-takeover img {
          max-width: 340px;
          margin-bottom: 100px; }
        .page-index-2 .splash.tidal-takeover.culturaprofetica-takeover p {
          font-size: 15px; }
          .page-index-2 .splash.tidal-takeover.culturaprofetica-takeover p .headline-1 {
            font-size: 30px; }
          .page-index-2 .splash.tidal-takeover.culturaprofetica-takeover p .headline-2 {
            font-size: 20px; } }
  .page-index-2 .splash.tidal-takeover.tidalxfuturenow-takeover {
    background: #000; }
    .page-index-2 .splash.tidal-takeover.tidalxfuturenow-takeover img {
      width: 100%;
      max-width: 800px;
      margin-bottom: 0;
      margin-top: 0; }
    .page-index-2 .splash.tidal-takeover.tidalxfuturenow-takeover .btn-new {
      margin-top: 0; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.tidalxfuturenow-takeover img {
        margin-bottom: 0; } }
  .page-index-2 .splash.tidal-takeover.fatjoe-takeover {
    background: #000 url("/images/index2/promos/fatjoe/fatjoe-remix-bg-mobile.55444804.jpg") top center no-repeat;
    background-size: cover; }
    .page-index-2 .splash.tidal-takeover.fatjoe-takeover .takeover-right .btn-new {
      padding-left: 0;
      padding-right: 0;
      width: 100%;
      max-width: 280px; }
    .page-index-2 .splash.tidal-takeover.fatjoe-takeover .fatjoe-header {
      width: 90%;
      max-width: 550px;
      margin-top: 10px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.fatjoe-takeover {
        background: #000 url("/images/index2/promos/fatjoe/fatjoe-remix-bg.09f15b03.jpg") top center no-repeat;
        background-size: cover; }
        .page-index-2 .splash.tidal-takeover.fatjoe-takeover .takeover-right .btn-new {
          padding-left: 0;
          padding-right: 0;
          width: 100%;
          max-width: 330px; } }
  @media (min-width: 1400px) {
    .page-index-2 .splash.tidal-takeover.fat-joe-video-takeover .btn-formation-signup {
      margin-left: 0; } }
  @media (min-width: 1150px) {
    .page-index-2 .splash.tidal-takeover.fat-joe-video-takeover .takeover-right h2.formation-headline-top {
      margin-top: -30px; } }
  .page-index-2 .splash.tidal-takeover.fat-joe-video-takeover .fatjoe-header {
    max-width: 400px; }
  .page-index-2 .splash.tidal-takeover.rihanna-dance-remixes {
    background: #000 url("/images/index2/promos/rihanna-anti/rihanna-kissitbetter-bg.f195b3d9.jpg") top center no-repeat;
    background-size: cover;
    padding-top: 20px;
    height: auto !important; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.rihanna-dance-remixes .takeover-right.anti-logo-top-banner {
        width: 48% !important; } }
    .page-index-2 .splash.tidal-takeover.rihanna-dance-remixes .btn-new {
      background-color: transparent;
      border: 1px solid #fff; }
  .page-index-2 .splash.tidal-takeover.rihanna-nip {
    background: #000 url("/images/index2/promos/rihanna-anti/rihanna-nip-bg.3b913f69.jpg") top center no-repeat; }
    .page-index-2 .splash.tidal-takeover.rihanna-nip .takeover-right {
      text-align: center;
      max-width: 100%; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.rihanna-nip .takeover-right {
          margin-top: 20px; } }
      .page-index-2 .splash.tidal-takeover.rihanna-nip .takeover-right .btn-new {
        max-width: 300px; }
        .page-index-2 .splash.tidal-takeover.rihanna-nip .takeover-right .btn-new.opaque {
          background-color: #fff;
          color: #000; }
      .page-index-2 .splash.tidal-takeover.rihanna-nip .takeover-right p:first-child {
        color: #fff;
        letter-spacing: 3px;
        font-family: 'nationale', sans-serif;
        margin-bottom: 40px; }
  .page-index-2 .splash.tidal-takeover.jason-aldean-takeover {
    height: auto !important;
    background: #000 url("/images/index2/promos/rihanna-anti/rihanna-kissitbetter-bg.f195b3d9.jpg") bottom center no-repeat;
    background-size: cover;
    padding-bottom: 40px; }
    .page-index-2 .splash.tidal-takeover.jason-aldean-takeover .takeover-right {
      max-width: 100%;
      text-align: center; }
      .page-index-2 .splash.tidal-takeover.jason-aldean-takeover .takeover-right > img {
        margin: 40px auto; }
      .page-index-2 .splash.tidal-takeover.jason-aldean-takeover .takeover-right .btn-new.opaque {
        background-color: #fff;
        color: #000; }
  .page-index-2 .splash.tidal-takeover.jason-aldean-livestream-takeover {
    height: auto !important;
    background: #000 url("/images/index2/promos/jasonaldean/bg-jason-aldean-livestream-june.7b55be57.jpg") top center no-repeat;
    background-size: cover;
    text-align: center; }
    .page-index-2 .splash.tidal-takeover.jason-aldean-livestream-takeover .welcome-mat-wrapper {
      margin-top: 60px; }
    .page-index-2 .splash.tidal-takeover.jason-aldean-livestream-takeover img {
      margin: auto;
      width: 100%;
      max-width: 600px; }
    .page-index-2 .splash.tidal-takeover.jason-aldean-livestream-takeover .btn-wrapper {
      margin: 30px auto;
      max-width: 280px; }
    .page-index-2 .splash.tidal-takeover.jason-aldean-livestream-takeover .btn-new {
      margin: 10px auto 0 auto;
      border: 1px solid #fff; }
      .page-index-2 .splash.tidal-takeover.jason-aldean-livestream-takeover .btn-new + .btn-new {
        background-color: #fff;
        color: #000; }
      .page-index-2 .splash.tidal-takeover.jason-aldean-livestream-takeover .btn-new:hover {
        opacity: 0.8; }
  .page-index-2 .splash.tidal-takeover.njonas-takeover {
    background: #000 url("/images/index2/promos/nickjonas/nick-jonas-doc-bg.038c5a79.jpg") top center no-repeat; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.njonas-takeover img + .btn-wrapper {
        margin-top: 50px; } }
    .page-index-2 .splash.tidal-takeover.njonas-takeover .wrapper-video-heading p:first-child {
      letter-spacing: 1px;
      font-size: 12px; }
    .page-index-2 .splash.tidal-takeover.njonas-takeover .video-title {
      font-size: 2.3em;
      font-family: 'nationale-bold', sans-serif;
      letter-spacing: 5px;
      text-transform: uppercase; }
  .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover {
    background-color: #242428;
    color: #fff;
    padding-top: 20px !important; }
    .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover .takeover-full .cta-wrapper {
      margin-top: 120px; }
    .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover .takeover-full .intro-section p.title {
      font: 4em/1 "nationale-bold", sans-serif;
      padding-bottom: 80px;
      padding-top: 50px;
      max-width: 800px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover .takeover-full .intro-section p.title {
          padding-top: 150px; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover .takeover-full .intro-section p.title {
          font-size: 5em; } }
    .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover .takeover-full .intro-section p.rip-prodigy-sub {
      text-transform: uppercase;
      font: 1.75em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif;
      padding-bottom: 0px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover .takeover-full .intro-section p.rip-prodigy-sub {
          font-size: 2.25em;
          padding-bottom: 0px; } }
    .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover .takeover-full .intro-section p.rip-prodigy-ingress {
      max-width: 800px;
      text-align: left;
      font: 1.75em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif;
      line-height: 1.5;
      padding-top: 40px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover .takeover-full .intro-section p.rip-prodigy-ingress {
          font-size: 2.0em;
          padding-bottom: 0px; } }
    .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover .takeover-full .intro-section .italic {
      font-family: "nationale-italic", sans-serif; }
    .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover .takeover-full .intro-section .intro-text {
      max-width: 800px;
      margin: 0 auto; }
      .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover .takeover-full .intro-section .intro-text .text-wrapper {
        width: 100%;
        margin: 30px auto;
        display: block; }
        .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover .takeover-full .intro-section .intro-text .text-wrapper p {
          text-align: left; }
          .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover .takeover-full .intro-section .intro-text .text-wrapper p.title {
            font: 2.5em/1.2em "nationale-bold", sans-serif;
            text-transform: uppercase;
            padding-top: 0;
            padding-bottom: 0; }
            @media (min-width: 768px) {
              .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover .takeover-full .intro-section .intro-text .text-wrapper p.title {
                font-size: 2.75em; } }
            @media (min-width: 1024px) {
              .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover .takeover-full .intro-section .intro-text .text-wrapper p.title {
                font-size: 3em; } }
          .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover .takeover-full .intro-section .intro-text .text-wrapper p.subtitle {
            font: 1.8em/1.5em "nationale-demibold", sans-serif;
            padding-bottom: 20px;
            padding-top: 20px; }
            @media (min-width: 768px) {
              .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover .takeover-full .intro-section .intro-text .text-wrapper p.subtitle {
                padding-top: 95px;
                padding-bottom: 0; } }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover .takeover-full .intro-section .intro-text .text-wrapper {
            width: 44%;
            margin: 50px 2%;
            display: inline-block;
            vertical-align: top; } }
    .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover .takeover-full .intro-section .portrait {
      margin-top: 80px;
      margin-bottom: 80px; }
    .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover .takeover-full .photo-grid {
      margin-top: 50px;
      margin-bottom: 40px; }
      .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover .takeover-full .photo-grid .photo-wrapper {
        display: block;
        margin: 20px auto;
        padding-top: 14px;
        border-top: 1px solid transparent;
        width: 300px;
        height: 224px;
        cursor: pointer; }
        .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover .takeover-full .photo-grid .photo-wrapper img {
          width: 100%; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover .takeover-full .photo-grid .photo-wrapper {
            display: inline-block;
            margin: 0 15px 10px 15px;
            width: 200px;
            height: 170px; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover .takeover-full .photo-grid .photo-wrapper {
            width: 300px;
            height: 256px; } }
    .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover .takeover-full .playlists {
      margin-top: 250px; }
      .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover .takeover-full .playlists .tidal-embed {
        margin-top: 40px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover .takeover-full .playlists .tidal-embed {
            display: inline-block;
            width: 46%;
            margin: 80px 1%; } }
    .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover .takeover-full .video-wrapper {
      padding-top: 80px; }
  .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover {
    background-color: #242428;
    /*background-image: url("/images/index2/promos/jayzhalloffame/jayz-hof-bg.72e027fb.jpg");
		background-repeat: repeat-y !important;
		background-size: 100% !important;*/
    color: #fff;
    padding-top: 20px !important; }
    .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .cta-wrapper {
      margin-top: 120px; }
    .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .intro-section p.title {
      font: 4em/1 "nationale-bold", sans-serif;
      padding-bottom: 80px;
      padding-top: 50px;
      max-width: 800px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .intro-section p.title {
          padding-top: 150px; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .intro-section p.title {
          font-size: 5em; } }
      .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .intro-section p.title span.line-break {
        display: block; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .intro-section p.title span.line-break {
            display: inline; } }
      .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .intro-section p.title.with-author {
        padding-bottom: 20px; }
    .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .intro-section p.shof-sub {
      font: 1.75em/1.25em Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
      padding-bottom: 80px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .intro-section p.shof-sub {
          font-size: 2.25em;
          padding-bottom: 40px; } }
    .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .intro-section p.author {
      padding-bottom: 20px; }
    .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .intro-section p.copy {
      font: 1.125em/1.5em "nationale", "nationale-regular", "Helvetica", sans-serif;
      max-width: 600px;
      padding-top: 0px;
      text-align: left; }
    .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .intro-section .intro-text {
      max-width: 800px;
      margin: 0 auto; }
      .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .intro-section .intro-text .text-wrapper {
        width: 100%;
        margin: 30px auto;
        display: block; }
        .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .intro-section .intro-text .text-wrapper p {
          text-align: left; }
          .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .intro-section .intro-text .text-wrapper p.title {
            font: 2.5em/1.2em "nationale-bold", sans-serif;
            text-transform: uppercase;
            padding-top: 0;
            padding-bottom: 0; }
            @media (min-width: 768px) {
              .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .intro-section .intro-text .text-wrapper p.title {
                font-size: 2.75em; } }
            @media (min-width: 1024px) {
              .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .intro-section .intro-text .text-wrapper p.title {
                font-size: 3em; } }
          .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .intro-section .intro-text .text-wrapper p.subtitle {
            font: 1.8em/1.5em "nationale-demibold", sans-serif;
            padding-bottom: 20px;
            padding-top: 20px; }
            @media (min-width: 768px) {
              .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .intro-section .intro-text .text-wrapper p.subtitle {
                padding-top: 95px;
                padding-bottom: 0; } }
          .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .intro-section .intro-text .text-wrapper p.copy {
            padding-bottom: 0;
            text-indent: 30px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .intro-section .intro-text .text-wrapper {
            width: 44%;
            margin: 50px 2%;
            display: inline-block;
            vertical-align: top; } }
    .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .intro-section .intro-video {
      margin-top: 250px; }
    .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .intro-section.essay {
      margin-top: 250px; }
      .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .intro-section.essay .title {
        text-transform: uppercase;
        letter-spacing: 3px;
        line-height: 1.25em;
        font: 3em/1.25em "nationale-demibold", sans-serif;
        padding-bottom: 20px;
        padding-top: 20px; }
        .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .intro-section.essay .title span.line-break {
          display: inline; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .intro-section.essay .title span.line-break {
              display: block; } }
      .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .intro-section.essay .author {
        font: 1.5em/1 "nationale-demibold", sans-serif;
        font-weight: bold;
        padding-bottom: 20px; }
      .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .intro-section.essay .lyric {
        font: 2.25em/1.25em Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
        margin: 30px auto;
        text-align: left;
        text-indent: 30px; }
      .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .intro-section.essay .copy {
        text-indent: 30px;
        /*@include bp(not-phone) {
						    max-width: 44%;
							margin: 50px 2%;
							vertical-align: top;
							display: inline-block;
						}*/ }
    .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .verse-section {
      margin-top: 250px; }
      .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .verse-section p {
        webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
        .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .verse-section p.title {
          font: 2.25em/1.25em Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
          padding-bottom: 120px; }
        .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .verse-section p.author {
          font: 1.1em/1 "nationale-demibold", sans-serif;
          outline: 0;
          cursor: pointer;
          padding-top: 30px;
          text-transform: uppercase; }
          .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .verse-section p.author span.watch-read {
            display: block;
            font: 0.6em/1 Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
            padding-top: 15px;
            letter-spacing: 3px;
            text-transform: uppercase; }
            @media (min-width: 768px) {
              .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .verse-section p.author span.watch-read {
                font-size: 0.4em; } }
          .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .verse-section p.author:hover {
            opacity: 0.5; }
          .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .verse-section p.author.clicked {
            opacity: 0.35; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .verse-section p.author {
              font-size: 2.25em;
              letter-spacing: 3px;
              max-width: 700px; } }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .verse-section p.author {
              font-size: 2.5em;
              max-width: 800px; } }
      .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .verse-section .testimonial.quote {
        display: block;
        position: relative;
        text-align: left;
        font: 1.125em/1.5em "nationale", "nationale-regular", "Helvetica", sans-serif;
        padding: 30px 25px;
        text-indent: 30px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .verse-section .testimonial.quote {
            padding: 15px 25px; } }
        .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .verse-section .testimonial.quote.post-lyric {
          padding-top: 10px; }
        .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .verse-section .testimonial.quote em {
          font-style: italic; }
      .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .verse-section .testimonial.lyric {
        display: block;
        text-indent: 30px;
        text-align: left;
        font: 2.25em/1.25em Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
        padding: 15px 25px; }
        .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .verse-section .testimonial.lyric span.author {
          font-style: italic; }
    .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .album-grid {
      margin-top: 250px; }
      .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .album-grid p.title {
        font: 3em/1 "nationale-demibold", sans-serif;
        text-transform: uppercase;
        letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .album-grid p.subtitle {
        font: 1.5em/1.25em "nationale-demibold", sans-serif;
        padding-bottom: 40px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .album-grid p.subtitle {
            max-width: 600px; } }
      .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .album-grid .album-wrapper {
        display: block;
        margin: 20px auto;
        padding-top: 14px;
        border-top: 1px solid transparent;
        width: 300px;
        height: 224px;
        cursor: pointer; }
        .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .album-grid .album-wrapper:hover {
          border-top: 1px solid white; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .album-grid .album-wrapper {
            display: inline-block;
            margin: 0 15px 10px 15px;
            width: 200px;
            height: 170px; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .album-grid .album-wrapper {
            width: 300px;
            height: 256px; } }
        .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .album-grid .album-wrapper a.album {
          width: 100%;
          height: 100%;
          background-size: contain;
          display: block; }
          .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .album-grid .album-wrapper a.album:hover {
            opacity: 1; }
          .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .album-grid .album-wrapper a.album.one {
            background-image: url("/images/index2/promos/jayzhalloffame/albums/1-reasonabledoubt.c6971e80.png"); }
          .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .album-grid .album-wrapper a.album.two {
            background-image: url("/images/index2/promos/jayzhalloffame/albums/2-inmylifetime.4b22137b.png"); }
          .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .album-grid .album-wrapper a.album.three {
            background-image: url("/images/index2/promos/jayzhalloffame/albums/3-hardknocklife.521f4def.png"); }
          .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .album-grid .album-wrapper a.album.four {
            background-image: url("/images/index2/promos/jayzhalloffame/albums/4-lifeandtimesofcarter.5cebe03f.png"); }
          .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .album-grid .album-wrapper a.album.five {
            background-image: url("/images/index2/promos/jayzhalloffame/albums/5-lafamilia.bd76cec2.png"); }
          .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .album-grid .album-wrapper a.album.six {
            background-image: url("/images/index2/promos/jayzhalloffame/albums/6-theblueprint.4792c141.png"); }
          .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .album-grid .album-wrapper a.album.seven {
            background-image: url("/images/index2/promos/jayzhalloffame/albums/7-theblueprint2.51f4509d.png"); }
          .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .album-grid .album-wrapper a.album.eight {
            background-image: url("/images/index2/promos/jayzhalloffame/albums/8-theblackalbum.d451c4d7.png"); }
          .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .album-grid .album-wrapper a.album.nine {
            background-image: url("/images/index2/promos/jayzhalloffame/albums/9-kingdomcome.e9da43ed.png"); }
          .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .album-grid .album-wrapper a.album.ten {
            background-image: url("/images/index2/promos/jayzhalloffame/albums/10-americangangster.c90f87a1.png"); }
          .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .album-grid .album-wrapper a.album.eleven {
            background-image: url("/images/index2/promos/jayzhalloffame/albums/11-theblueprint3.33426a2d.jpg"); }
          .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .album-grid .album-wrapper a.album.twelve {
            background-image: url("/images/index2/promos/jayzhalloffame/albums/12-magnacarta.57165991.jpg"); }
    .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .lyrical-exercise {
      margin-top: 250px;
      text-align: left; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .lyrical-exercise p {
          max-width: 595px; } }
      .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .lyrical-exercise p.title {
        font: 2em/1.25em "nationale-demibold", sans-serif;
        text-transform: uppercase;
        margin-left: 5%; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .lyrical-exercise p.title {
            font-size: 3em;
            letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .lyrical-exercise p.copy {
        font: 1.5em/1.25em "nationale-demibold", sans-serif;
        margin-left: 5%;
        padding-bottom: 60px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .lyrical-exercise p.copy {
            width: 40%; } }
      .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .lyrical-exercise .cta-wrapper {
        margin-top: 80px; }
      .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .lyrical-exercise .lyrics-wrapper .lyric-set {
        width: 100%;
        display: block;
        text-align: left;
        vertical-align: top; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .lyrical-exercise .lyrics-wrapper .lyric-set {
            width: 44%;
            margin: 40px 2%;
            display: inline-block; }
            .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .lyrical-exercise .lyrics-wrapper .lyric-set:nth-child(4) p.song-title {
              margin-top: -10px; } }
        .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .lyrical-exercise .lyrics-wrapper .lyric-set p.number {
          font: 1.25em/1.5em Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
          display: inline-block; }
        .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .lyrical-exercise .lyrics-wrapper .lyric-set p.song-title {
          font: 1.5em/1.25em "nationale-demibold", sans-serif;
          vertical-align: bottom;
          display: inline-block;
          padding-left: 15px;
          text-transform: uppercase; }
          .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .lyrical-exercise .lyrics-wrapper .lyric-set p.song-title span.album-title {
            font: 0.9em/1.5em Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
            display: block;
            font-style: italic;
            text-transform: none;
            padding-top: 10px; }
        .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .lyrical-exercise .lyrics-wrapper .lyric-set p.lyrics {
          font: 1.25em/1.25em Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
          display: block;
          margin-top: 10px;
          padding-left: 30px;
          letter-spacing: 0.03em; }
          .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .lyrical-exercise .lyrics-wrapper .lyric-set p.lyrics span.line-break {
            display: inline; }
            @media (min-width: 768px) {
              .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .lyrical-exercise .lyrics-wrapper .lyric-set p.lyrics span.line-break {
                display: block; } }
    .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .playlists {
      margin-top: 250px; }
      .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .playlists .tidal-embed {
        margin-top: 40px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .playlists .tidal-embed {
            display: inline-block;
            width: 46%;
            margin: 80px 1%; } }
      .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .playlists p.title {
        font: 2.5em/1.25em "nationale-demibold", sans-serif;
        text-transform: uppercase;
        letter-spacing: 3px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .playlists p.title {
            max-width: 700px; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .playlists p.title {
            font-size: 3em;
            max-width: 800px; } }
      .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .playlists p.copy {
        font: 1.5em/1.25em "nationale-demibold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.jayz-halloffame-takeover .takeover-full .playlists p.copy {
            max-width: 600px; } }
  .page-index-2 .splash.tidal-takeover.fourfourfour-sprint-footer {
    background-color: #000;
    margin: 0 auto;
    padding-top: 80px;
    height: 250px !important;
    margin-bottom: -50px;
    text-align: center; }
    .page-index-2 .splash.tidal-takeover.fourfourfour-sprint-footer img.logo-footer-sprint {
      max-width: 250px;
      display: block;
      margin: 0 auto; }
    .page-index-2 .splash.tidal-takeover.fourfourfour-sprint-footer p.sprint-offer-text {
      font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
      margin: 0 auto 20px; }
    .page-index-2 .splash.tidal-takeover.fourfourfour-sprint-footer .button-sprint {
      position: relative;
      display: block;
      margin: 10px auto 70px;
      width: 100%;
      max-width: 170px;
      padding: 13px;
      text-decoration: none;
      text-transform: uppercase;
      text-align: center;
      font: 12px/1 "nationale-demibold", sans-serif;
      letter-spacing: 2px;
      color: #f9bf12;
      border-radius: 4px;
      border: 1px solid #f9bf12;
      transition: 0.2s background-color ease-out; }
      .page-index-2 .splash.tidal-takeover.fourfourfour-sprint-footer .button-sprint:hover {
        background-color: #f9bf12;
        color: #000; }
  .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover {
    background-image: url("/images/index2/promos/fatjoe/fatjoe-hitmaker-content-bg.35be6fbe.jpg");
    overflow-x: hidden; }
    .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover.header {
      background-image: url("/images/index2/promos/fatjoe/fatjoe-hitmaker-header-bg.404b4bcb.jpg"); }
      .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover.header img.header {
        width: 100%;
        image-rendering: -webkit-optimize-contrast; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover.header img.header {
            max-width: 60%; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover.header img.header {
            max-width: 50%; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover.header img.header {
            padding: 50px 0; } }
    .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover.content {
      padding-top: 40px; }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover.content {
          padding-top: 60px; } }
    .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .intro-section-wrapper p {
      text-transform: uppercase;
      text-align: center; }
      .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .intro-section-wrapper p.artist {
        font: 1.5em/1 "nationale-demibold", sans-serif;
        padding-bottom: 30px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .intro-section-wrapper p.artist {
            font-size: 2.5em; } }
      .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .intro-section-wrapper p.copy {
        font: 1em/1.5em "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-align: left;
        text-transform: none; }
        .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .intro-section-wrapper p.copy.em {
          font-style: italic; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .intro-section-wrapper .text-wrapper {
        width: 80%;
        margin: auto;
        display: flex;
        flex-flow: row nowrap;
        align-items: flex-end;
        justify-content: space-between; } }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .intro-section-wrapper .text-wrapper {
        width: 70%; } }
    .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .intro-section-wrapper .text-wrapper .col-2 {
      width: 100%;
      display: block; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .intro-section-wrapper .text-wrapper .col-2 {
          flex-basis: 47%; } }
    .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .video-section-wrapper {
      padding-top: 50px; }
      .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .video-section-wrapper p.title, .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .video-section-wrapper p.author {
        font: 1.35em/1 "nationale-bold", sans-serif;
        text-transform: uppercase;
        text-align: center;
        outline: 0; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .video-section-wrapper p.title, .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .video-section-wrapper p.author {
            font-size: 1.75em; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .video-section-wrapper p.title, .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .video-section-wrapper p.author {
            font-size: 2.5em;
            max-width: 900px; } }
        .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .video-section-wrapper p.title span.line-break, .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .video-section-wrapper p.author span.line-break {
          display: block; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .video-section-wrapper p.title span.line-break, .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .video-section-wrapper p.author span.line-break {
              display: inline; } }
      .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .video-section-wrapper .video-wrapper {
        max-width: 100%;
        padding: 10px 0; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .video-section-wrapper .video-wrapper {
            max-width: 80%;
            margin: auto; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .video-section-wrapper .video-wrapper {
            padding: 20px 0; } }
      .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .video-section-wrapper .video-accordion-wrapper .accordion-row {
        max-width: 100%;
        padding: 10px 0; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .video-section-wrapper .video-accordion-wrapper .accordion-row {
            max-width: 80%;
            margin: auto; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .video-section-wrapper .video-accordion-wrapper .accordion-row {
            padding: 20px 0; } }
        .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .video-section-wrapper .video-accordion-wrapper .accordion-row p.author {
          cursor: pointer; }
          .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .video-section-wrapper .video-accordion-wrapper .accordion-row p.author:hover {
            opacity: 0.75; }
          .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .video-section-wrapper .video-accordion-wrapper .accordion-row p.author.clicked {
            opacity: 0.5; }
        .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .video-section-wrapper .video-accordion-wrapper .accordion-row p.quote {
          font: 1em/1.5em "nationale", "nationale-regular", "Helvetica", sans-serif;
          text-align: left;
          vertical-align: top; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .video-section-wrapper .video-accordion-wrapper .accordion-row p.quote {
              display: inline-block;
              max-width: 44%;
              margin: 20px 2%; } }
    .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .countdown-wrapper {
      padding: 50px 0;
      border-top: 1px solid #fff;
      margin-top: 30px; }
      .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .countdown-wrapper p.title {
        font: 1.35em/1.25em "nationale-bold", sans-serif;
        text-transform: uppercase;
        text-align: center;
        outline: 0;
        margin-bottom: 0; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .countdown-wrapper p.title {
            font-size: 1.75em; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .countdown-wrapper p.title {
            font-size: 2.5em;
            max-width: 900px; } }
        .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .countdown-wrapper p.title span.line-break {
          display: block; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .countdown-wrapper p.title span.line-break {
              display: inline; } }
      .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .countdown-wrapper span.flip-clock-label {
        display: none; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .countdown-wrapper div.tidal-counter-units.top {
          display: inline-block; } }
      .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .countdown-wrapper div.tidal-counter-units.top h4 {
        text-transform: uppercase;
        color: #fff;
        font-family: "nationale", "nationale-regular", "Helvetica", sans-serif; }
      .page-index-2 .splash.tidal-takeover.fatjoe-hitmaker-takeover .countdown-wrapper div.tidal-counter-units.bottom {
        display: none; }
  .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover {
    background-image: url("/images/index2/promos/labellachanel/labellachanel_bg.149805e0.jpg");
    margin-top: 0 !important; }
    .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .video-player-section img {
      display: block;
      margin: auto;
      image-rendering: -webkit-optimize-contrast; }
      .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .video-player-section img.lbc-rmp {
        max-width: 100px;
        padding: 50px 0; }
      .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .video-player-section img.lbc-logo {
        max-width: 250px;
        padding-bottom: 100px;
        padding-top: 50px; }
      .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .video-player-section img.lbc-logo-full {
        max-width: 680px;
        padding-top: 20px;
        padding-bottom: 80px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .video-player-section img.lbc-logo-full {
            padding-top: 10px; } }
    .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .video-player-section p {
      text-transform: uppercase;
      text-align: left; }
      .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .video-player-section p.latest {
        font: 2em/1 "nationale-bold", sans-serif;
        letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .video-player-section p.themes {
        font: 2em/1 "nationale-bold", sans-serif;
        letter-spacing: 3px;
        padding-top: 50px;
        padding-bottom: 10px; }
    .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .video-player-section .tidal-embed {
      margin: 20px auto; }
    .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .video-player-section .recent-wrapper {
      padding: 20px 0; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .video-player-section .recent-wrapper {
          padding: 40px 0; } }
      .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .video-player-section .recent-wrapper .recent-block {
        margin: auto; }
        .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .video-player-section .recent-wrapper .recent-block img {
          display: inline-block;
          max-width: 90%;
          margin: 10px auto;
          outline: 0;
          cursor: pointer; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .video-player-section .recent-wrapper .recent-block img {
              max-width: 32.8%; } }
    .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .video-player-section .category-wrapper {
      margin: auto; }
      .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .video-player-section .category-wrapper .category-col {
        text-align: left;
        margin: auto;
        width: 90%;
        display: block; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .video-player-section .category-wrapper .category-col {
            width: 30%;
            padding-left: 2.8%;
            display: inline-block;
            vertical-align: top; } }
        .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .video-player-section .category-wrapper .category-col a.category-link {
          cursor: pointer;
          text-decoration: none;
          font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
          display: block;
          padding: 5px 0;
          text-transform: uppercase;
          outline: 0; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .video-player-section .category-wrapper .category-col a.category-link {
              font-size: 0.9em; } }
          .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .video-player-section .category-wrapper .category-col a.category-link.active, .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .video-player-section .category-wrapper .category-col a.category-link:hover {
            font-weight: bold;
            opacity: 1; }
          .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .video-player-section .category-wrapper .category-col a.category-link.active {
            color: #00FFFF; }
    .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .video-player-section p, .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .video-player-section .tidal-embed, .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .video-player-section .category-wrapper, .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .video-player-section .recent-block {
      max-width: 540px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .video-player-section p, .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .video-player-section .tidal-embed, .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .video-player-section .category-wrapper, .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .video-player-section .recent-block {
          max-width: 700px; } }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .video-player-section p, .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .video-player-section .tidal-embed, .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .video-player-section .category-wrapper, .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .video-player-section .recent-block {
          max-width: 800px; } }
    .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .video-player-section + .video-player-section {
      margin-top: 120px; }
      .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .video-player-section + .video-player-section .tidal-embed {
        margin-top: 0;
        margin-bottom: 60px; }
    .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .playlist {
      margin-top: 120px;
      max-width: 540px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .playlist {
          max-width: 700px; } }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .playlist {
          max-width: 800px; } }
    .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .social-wall {
      padding: 100px 10px 0;
      margin: 0 auto;
      max-width: 960px; }
    .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .sign-up-instructions {
      text-align: left;
      padding-top: 100px; }
      .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .sign-up-instructions p {
        font: 1em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .sign-up-instructions p.title {
          font: 2em/1 "nationale-bold", sans-serif;
          text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .sign-up-instructions p.bold {
          font-family: "nationale-bold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .bio-section {
      padding-bottom: 100px; }
      .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .bio-section .left-col, .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .bio-section .right-col {
        width: 100%;
        display: block; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .bio-section .left-col, .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .bio-section .right-col {
          margin: auto;
          display: inline-block; }
        .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .bio-section .left-col {
          max-width: 220px;
          vertical-align: top; }
        .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .bio-section .right-col {
          width: 60%;
          padding-left: 5%; }
          .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .bio-section .right-col .cta-wrapper {
            margin-left: 0 !important; }
            .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .bio-section .right-col .cta-wrapper .cta-btn {
              margin-left: 0 !important; } }
      .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .bio-section p {
        text-align: left; }
        .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .bio-section p.title {
          font: 2em/1 "nationale-bold", sans-serif;
          text-transform: uppercase;
          text-align: center; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .bio-section p.title {
              text-align: left;
              max-width: 90%; } }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .bio-section p.title {
              max-width: 83%; } }
          @media (min-width: 1400px) {
            .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .bio-section p.title {
              max-width: 80%; } }
        .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .bio-section p.bio-copy {
          font: 1em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif;
          max-width: 100% !important; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .bio-section p.bio-copy:first-child {
              margin-top: 0; } }
      .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .bio-section img.headshot {
        max-width: 90%;
        margin: 30px auto; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .bio-section img.headshot {
            margin: 5px auto; } }
      .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .bio-section a.social-link {
        max-width: 28%;
        display: inline-block;
        margin: 30px 2%;
        outline: 0; }
        .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .bio-section a.social-link:hover img {
          opacity: 0.6; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.labellachanel-video-player-takeover .bio-section a.social-link {
            max-width: 35px;
            display: block;
            margin: 10px auto 10px 25px; } }
  .page-index-2 .splash.tidal-takeover.onair-labellachanel-takeover.full-takeover {
    padding: 20px 0; }
    .page-index-2 .splash.tidal-takeover.onair-labellachanel-takeover.full-takeover img {
      max-width: 200px; }
  .page-index-2 .splash.tidal-takeover.mia2017-vod-takeover {
    background-color: #ed2527 !important;
    padding-bottom: 0 !important; }
    .page-index-2 .splash.tidal-takeover.mia2017-vod-takeover .welcome-mat-wrapper {
      width: 100% !important;
      max-width: 100% !important; }
    .page-index-2 .splash.tidal-takeover.mia2017-vod-takeover .header-wrapper {
      background-color: #ed2527;
      text-align: center;
      text-transform: uppercase;
      color: #fff; }
      .page-index-2 .splash.tidal-takeover.mia2017-vod-takeover .header-wrapper img.mia-logo {
        width: 90%;
        max-width: 500px;
        padding: 10px 0 30px 0; }
      .page-index-2 .splash.tidal-takeover.mia2017-vod-takeover .header-wrapper .cta-wrapper {
        max-width: 90%; }
        .page-index-2 .splash.tidal-takeover.mia2017-vod-takeover .header-wrapper .cta-wrapper .cta-btn {
          border-width: 3px;
          font-size: 2.5em;
          cursor: pointer; }
          .page-index-2 .splash.tidal-takeover.mia2017-vod-takeover .header-wrapper .cta-wrapper .cta-btn.active {
            background-color: #fff;
            color: #ed2527; }
      .page-index-2 .splash.tidal-takeover.mia2017-vod-takeover .header-wrapper .stage-nav-wrapper {
        margin: 50px auto; }
        .page-index-2 .splash.tidal-takeover.mia2017-vod-takeover .header-wrapper .stage-nav-wrapper .nav-link-wrapper {
          width: 100%;
          margin: 30px auto;
          display: block; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.mia2017-vod-takeover .header-wrapper .stage-nav-wrapper .nav-link-wrapper {
              width: 20%;
              margin: 15px auto;
              display: inline-block; } }
          .page-index-2 .splash.tidal-takeover.mia2017-vod-takeover .header-wrapper .stage-nav-wrapper .nav-link-wrapper a.nav-link {
            text-decoration: none;
            font: 1.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
            cursor: pointer; }
    .page-index-2 .splash.tidal-takeover.mia2017-vod-takeover .accordion-wrapper .accordion-row {
      background-position: top center;
      background-repeat: no-repeat;
      padding: 60px 0 20px 0; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.mia2017-vod-takeover .accordion-wrapper .accordion-row {
          font-size: 25px;
          background-size: contain; }
          .page-index-2 .splash.tidal-takeover.mia2017-vod-takeover .accordion-wrapper .accordion-row.footer {
            background-size: cover; } }
      .page-index-2 .splash.tidal-takeover.mia2017-vod-takeover .accordion-wrapper .accordion-row p {
        text-transform: uppercase;
        outline: 0; }
        .page-index-2 .splash.tidal-takeover.mia2017-vod-takeover .accordion-wrapper .accordion-row p.author {
          font: 1.4em/1 "nationale-bold", sans-serif;
          margin: 70px auto 30px;
          cursor: pointer; }
          .page-index-2 .splash.tidal-takeover.mia2017-vod-takeover .accordion-wrapper .accordion-row p.author.clicked {
            opacity: 0.75; }
          .page-index-2 .splash.tidal-takeover.mia2017-vod-takeover .accordion-wrapper .accordion-row p.author:hover {
            opacity: 0.5; }
        .page-index-2 .splash.tidal-takeover.mia2017-vod-takeover .accordion-wrapper .accordion-row p.stage {
          font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
      .page-index-2 .splash.tidal-takeover.mia2017-vod-takeover .accordion-wrapper .accordion-row .tidal-embed {
        margin: auto;
        margin-bottom: 40px;
        max-width: 700px; }
      .page-index-2 .splash.tidal-takeover.mia2017-vod-takeover .accordion-wrapper .accordion-row:nth-child(odd) {
        background-color: #fff;
        background-image: url("/images/index2/promos/mia2017/vod/mia2017-vod-white-tear.25952103.png"); }
        .page-index-2 .splash.tidal-takeover.mia2017-vod-takeover .accordion-wrapper .accordion-row:nth-child(odd) p {
          color: #005faf; }
      .page-index-2 .splash.tidal-takeover.mia2017-vod-takeover .accordion-wrapper .accordion-row:nth-child(even) {
        background-color: #ed2527;
        background-image: url("/images/index2/promos/mia2017/vod/mia2017-vod-red-tear.a163518d.png"); }
      .page-index-2 .splash.tidal-takeover.mia2017-vod-takeover .accordion-wrapper .accordion-row:first-child {
        background-image: url("/images/index2/promos/mia2017/vod/mia2017-vod-top-tear.06a4a056.png"); }
      .page-index-2 .splash.tidal-takeover.mia2017-vod-takeover .accordion-wrapper .accordion-row.footer:nth-child(odd) {
        background-image: url("/images/index2/promos/mia2017/vod/mia2017-vod-white-footer.1f7e750d.png");
        padding: 100px 0; }
      .page-index-2 .splash.tidal-takeover.mia2017-vod-takeover .accordion-wrapper .accordion-row.footer:nth-child(even) {
        background-image: url("/images/index2/promos/mia2017/vod/mia2017-vod-red-footer.e81046e3.png");
        padding: 100px 0; }
  .page-index-2 .splash.tidal-takeover.wench-image-takeover {
    background-color: #000; }
    .page-index-2 .splash.tidal-takeover.wench-image-takeover img.wench-logo {
      width: 90%;
      margin: auto;
      max-width: 400px; }
    .page-index-2 .splash.tidal-takeover.wench-image-takeover .datebox p {
      border: 2px solid #fff;
      padding: 15px;
      color: #fff;
      font: 1.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
      text-transform: uppercase;
      max-width: fit-content; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.wench-image-takeover .datebox p {
          font-size: 2.25em; } }
    .page-index-2 .splash.tidal-takeover.wench-image-takeover .image-grid-wrapper {
      margin: auto;
      margin-top: 100px; }
      .page-index-2 .splash.tidal-takeover.wench-image-takeover .image-grid-wrapper p.title {
        font: 2em/1 "nationale-bold", sans-serif;
        text-transform: uppercase; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.wench-image-takeover .image-grid-wrapper p.title {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.wench-image-takeover .image-grid-wrapper .tidal-embed {
        max-width: 800px;
        margin: 10px auto; }
      .page-index-2 .splash.tidal-takeover.wench-image-takeover .image-grid-wrapper .cta-wrapper {
        margin-bottom: 30px; }
      .page-index-2 .splash.tidal-takeover.wench-image-takeover .image-grid-wrapper .image-grid {
        margin-top: 50px; }
        .page-index-2 .splash.tidal-takeover.wench-image-takeover .image-grid-wrapper .image-grid .col {
          display: block;
          margin: 10px auto;
          max-width: 600px; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.wench-image-takeover .image-grid-wrapper .image-grid .col {
              display: inline-block;
              width: 46%;
              margin: 0.25% 0.25%; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.wench-image-takeover .image-grid-wrapper .image-grid.interactive .col {
            height: 350px;
            overflow: scroll; }
            .page-index-2 .splash.tidal-takeover.wench-image-takeover .image-grid-wrapper .image-grid.interactive .col::-webkit-scrollbar {
              display: none; }
            .page-index-2 .splash.tidal-takeover.wench-image-takeover .image-grid-wrapper .image-grid.interactive .col .img-wrapper {
              width: 100%;
              height: 100%;
              position: relative; }
              .page-index-2 .splash.tidal-takeover.wench-image-takeover .image-grid-wrapper .image-grid.interactive .col .img-wrapper img {
                position: absolute;
                width: 840px;
                height: 350px; } }
  .page-index-2 .splash.tidal-takeover.latinx17-takeover.header-wrapper {
    background-color: #e5d9c3;
    padding-top: 70px; }
    .page-index-2 .splash.tidal-takeover.latinx17-takeover.header-wrapper p {
      color: #f94419; }
    .page-index-2 .splash.tidal-takeover.latinx17-takeover.header-wrapper .col {
      width: 95%;
      display: block; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.latinx17-takeover.header-wrapper .col {
          display: inline-block;
          width: 47%;
          margin: 0 1%; } }
      .page-index-2 .splash.tidal-takeover.latinx17-takeover.header-wrapper .col.left {
        text-align: left; }
        .page-index-2 .splash.tidal-takeover.latinx17-takeover.header-wrapper .col.left img {
          image-rendering: -webkit-optimize-contrast;
          max-width: 540px; }
        .page-index-2 .splash.tidal-takeover.latinx17-takeover.header-wrapper .col.left p {
          font-size: 1em; }
        .page-index-2 .splash.tidal-takeover.latinx17-takeover.header-wrapper .col.left .top img.logo {
          padding-bottom: 20px; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.latinx17-takeover.header-wrapper .col.left .top img.logo {
              max-width: 500px;
              margin-left: 0; } }
        .page-index-2 .splash.tidal-takeover.latinx17-takeover.header-wrapper .col.left .bottom {
          padding-top: 50px; }
          .page-index-2 .splash.tidal-takeover.latinx17-takeover.header-wrapper .col.left .bottom img.fists {
            width: 80%;
            float: right;
            margin-bottom: -15px; }
            @media (min-width: 1024px) {
              .page-index-2 .splash.tidal-takeover.latinx17-takeover.header-wrapper .col.left .bottom img.fists {
                float: left;
                max-width: 350px;
                margin-bottom: -44px;
                padding-left: 150px; } }
          .page-index-2 .splash.tidal-takeover.latinx17-takeover.header-wrapper .col.left .bottom p {
            clear: both;
            margin: 5px auto; }
            .page-index-2 .splash.tidal-takeover.latinx17-takeover.header-wrapper .col.left .bottom p.bold {
              font-family: "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.latinx17-takeover.header-wrapper .col.right {
        padding-top: 50px; }
        .page-index-2 .splash.tidal-takeover.latinx17-takeover.header-wrapper .col.right .top p {
          text-align: left; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.latinx17-takeover.header-wrapper .col.right .top p {
              max-width: 350px;
              margin-left: 15%; } }
          .page-index-2 .splash.tidal-takeover.latinx17-takeover.header-wrapper .col.right .top p.quote {
            font-size: 1.5em; }
            @media (min-width: 1024px) {
              .page-index-2 .splash.tidal-takeover.latinx17-takeover.header-wrapper .col.right .top p.quote {
                font-size: 1.35em; } }
        .page-index-2 .splash.tidal-takeover.latinx17-takeover.header-wrapper .col.right .bottom {
          padding-top: 50px; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.latinx17-takeover.header-wrapper .col.right .bottom {
              padding-top: 25px; } }
          .page-index-2 .splash.tidal-takeover.latinx17-takeover.header-wrapper .col.right .bottom p.copy {
            text-align: left;
            font-size: 1em; }
            @media (min-width: 1024px) {
              .page-index-2 .splash.tidal-takeover.latinx17-takeover.header-wrapper .col.right .bottom p.copy {
                font-size: 0.85em;
                max-width: 350px;
                margin: 10px auto;
                margin-right: 0; } }
  .page-index-2 .splash.tidal-takeover.latinx17-takeover.videos-wrapper {
    background-color: #005142;
    padding: 20px 0 !important; }
    .page-index-2 .splash.tidal-takeover.latinx17-takeover.videos-wrapper .video {
      max-width: 800px;
      width: 95%;
      margin: 120px auto; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.latinx17-takeover.videos-wrapper .video {
          -webkit-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.65);
          -moz-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.65);
          box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.65); }
          .page-index-2 .splash.tidal-takeover.latinx17-takeover.videos-wrapper .video iframe {
            margin-bottom: -3px; } }
      .page-index-2 .splash.tidal-takeover.latinx17-takeover.videos-wrapper .video + .video {
        margin-top: 150px; }
  .page-index-2 .splash.tidal-takeover.latinx17-takeover.map-wrapper {
    background-image: url("/images/index2/promos/latinx17/latinx17-map-bg.943b17d4.jpg");
    padding-bottom: 100px !important; }
    .page-index-2 .splash.tidal-takeover.latinx17-takeover.map-wrapper .takeover-full {
      position: relative; }
      .page-index-2 .splash.tidal-takeover.latinx17-takeover.map-wrapper .takeover-full p.title {
        text-transform: uppercase;
        font: 1.25em/1.5em "nationale-demibold", sans-serif;
        letter-spacing: 3px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.latinx17-takeover.map-wrapper .takeover-full p.title {
            position: absolute;
            top: 10%;
            left: 0;
            right: 0; } }
        .page-index-2 .splash.tidal-takeover.latinx17-takeover.map-wrapper .takeover-full p.title span.down-arrow {
          display: block;
          padding-top: 10px;
          font-size: 2em; }
      .page-index-2 .splash.tidal-takeover.latinx17-takeover.map-wrapper .takeover-full .latam-map {
        display: none; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.latinx17-takeover.map-wrapper .takeover-full .latam-map {
            display: block; } }
        .page-index-2 .splash.tidal-takeover.latinx17-takeover.map-wrapper .takeover-full .latam-map .country-path {
          opacity: 0.4; }
          .page-index-2 .splash.tidal-takeover.latinx17-takeover.map-wrapper .takeover-full .latam-map .country-path.active {
            cursor: pointer;
            opacity: 1; }
            .page-index-2 .splash.tidal-takeover.latinx17-takeover.map-wrapper .takeover-full .latam-map .country-path.active:hover {
              opacity: 0.65; }
      .page-index-2 .splash.tidal-takeover.latinx17-takeover.map-wrapper .takeover-full ol.country-list {
        color: #fff;
        counter-reset: item;
        list-style-type: none; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.latinx17-takeover.map-wrapper .takeover-full ol.country-list {
            text-align: left;
            position: absolute;
            bottom: 50px;
            right: 5%;
            width: 200px; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.latinx17-takeover.map-wrapper .takeover-full ol.country-list {
            right: 10%; } }
        .page-index-2 .splash.tidal-takeover.latinx17-takeover.map-wrapper .takeover-full ol.country-list li {
          opacity: 0.4;
          display: block;
          text-transform: uppercase;
          outline: 0;
          cursor: default;
          font: 1.25em/1.75em "nationale-demibold", sans-serif; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.latinx17-takeover.map-wrapper .takeover-full ol.country-list li {
              font-size: 0.9em; } }
          .page-index-2 .splash.tidal-takeover.latinx17-takeover.map-wrapper .takeover-full ol.country-list li:before {
            content: counter(item, decimal-leading-zero) " ";
            counter-increment: item;
            padding-right: 8px; }
          .page-index-2 .splash.tidal-takeover.latinx17-takeover.map-wrapper .takeover-full ol.country-list li.active {
            opacity: 1; }
            .page-index-2 .splash.tidal-takeover.latinx17-takeover.map-wrapper .takeover-full ol.country-list li.active:hover {
              opacity: 0.65;
              cursor: pointer; }
  .page-index-2 .splash.tidal-takeover.latinx17-takeover.playlists-wrapper {
    background-color: #b5e4d4; }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.latinx17-takeover.playlists-wrapper .takeover-left {
        padding: 80px;
        margin-right: 2%; }
        .page-index-2 .splash.tidal-takeover.latinx17-takeover.playlists-wrapper .takeover-left .embed-wrapper {
          -webkit-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.65);
          -moz-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.65);
          box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.65); }
          .page-index-2 .splash.tidal-takeover.latinx17-takeover.playlists-wrapper .takeover-left .embed-wrapper iframe {
            margin-bottom: -3px; }
      .page-index-2 .splash.tidal-takeover.latinx17-takeover.playlists-wrapper .takeover-right {
        width: 40%;
        padding-top: 100px; } }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.latinx17-takeover.playlists-wrapper .description {
        font-size: 20px; } }
    .page-index-2 .splash.tidal-takeover.latinx17-takeover.playlists-wrapper .description p {
      text-transform: uppercase;
      margin-left: 0;
      color: #000; }
      .page-index-2 .splash.tidal-takeover.latinx17-takeover.playlists-wrapper .description p.artist {
        font: 3em/1em "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.latinx17-takeover.playlists-wrapper .description p.title {
        font: 1.15em/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.podcast-takeover, .page-index-2 .splash.tidal-takeover.video-takeover, .page-index-2 .splash.tidal-takeover.full-takeover, .page-index-2 .splash.tidal-takeover.album-track-takeover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #000;
    position: static;
    height: auto !important;
    padding: 40px 0; }
    .page-index-2 .splash.tidal-takeover.podcast-takeover .welcome-mat-wrapper, .page-index-2 .splash.tidal-takeover.video-takeover .welcome-mat-wrapper, .page-index-2 .splash.tidal-takeover.full-takeover .welcome-mat-wrapper, .page-index-2 .splash.tidal-takeover.album-track-takeover .welcome-mat-wrapper {
      margin: auto; }
    .page-index-2 .splash.tidal-takeover.podcast-takeover .max-width-440, .page-index-2 .splash.tidal-takeover.video-takeover .max-width-440, .page-index-2 .splash.tidal-takeover.full-takeover .max-width-440, .page-index-2 .splash.tidal-takeover.album-track-takeover .max-width-440 {
      max-width: 440px; }
    .page-index-2 .splash.tidal-takeover.podcast-takeover p.exclusive-disclaimer, .page-index-2 .splash.tidal-takeover.video-takeover p.exclusive-disclaimer, .page-index-2 .splash.tidal-takeover.full-takeover p.exclusive-disclaimer, .page-index-2 .splash.tidal-takeover.album-track-takeover p.exclusive-disclaimer {
      letter-spacing: 1px;
      font-size: 13px;
      margin: 0 0 20px 0; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.podcast-takeover p.exclusive-disclaimer, .page-index-2 .splash.tidal-takeover.video-takeover p.exclusive-disclaimer, .page-index-2 .splash.tidal-takeover.full-takeover p.exclusive-disclaimer, .page-index-2 .splash.tidal-takeover.album-track-takeover p.exclusive-disclaimer {
          letter-spacing: 2px;
          font-size: 15px; } }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.podcast-takeover p.exclusive-disclaimer, .page-index-2 .splash.tidal-takeover.video-takeover p.exclusive-disclaimer, .page-index-2 .splash.tidal-takeover.full-takeover p.exclusive-disclaimer, .page-index-2 .splash.tidal-takeover.album-track-takeover p.exclusive-disclaimer {
          font-size: 20px; } }
    .page-index-2 .splash.tidal-takeover.podcast-takeover img.rising-icon-tag, .page-index-2 .splash.tidal-takeover.video-takeover img.rising-icon-tag, .page-index-2 .splash.tidal-takeover.full-takeover img.rising-icon-tag, .page-index-2 .splash.tidal-takeover.album-track-takeover img.rising-icon-tag {
      width: 37%;
      max-width: 280px; }
    .page-index-2 .splash.tidal-takeover.podcast-takeover .takeover-right, .page-index-2 .splash.tidal-takeover.video-takeover .takeover-right, .page-index-2 .splash.tidal-takeover.full-takeover .takeover-right, .page-index-2 .splash.tidal-takeover.album-track-takeover .takeover-right {
      padding-top: 30px; }
      .page-index-2 .splash.tidal-takeover.podcast-takeover .takeover-right.align-left, .page-index-2 .splash.tidal-takeover.video-takeover .takeover-right.align-left, .page-index-2 .splash.tidal-takeover.full-takeover .takeover-right.align-left, .page-index-2 .splash.tidal-takeover.album-track-takeover .takeover-right.align-left {
        text-align: left; }
        .page-index-2 .splash.tidal-takeover.podcast-takeover .takeover-right.align-left .btn-new, .page-index-2 .splash.tidal-takeover.video-takeover .takeover-right.align-left .btn-new, .page-index-2 .splash.tidal-takeover.full-takeover .takeover-right.align-left .btn-new, .page-index-2 .splash.tidal-takeover.album-track-takeover .takeover-right.align-left .btn-new {
          margin-left: 0;
          margin-right: 0; }
    .page-index-2 .splash.tidal-takeover.podcast-takeover .takeover-full-width, .page-index-2 .splash.tidal-takeover.video-takeover .takeover-full-width, .page-index-2 .splash.tidal-takeover.full-takeover .takeover-full-width, .page-index-2 .splash.tidal-takeover.album-track-takeover .takeover-full-width {
      text-align: center; }
    .page-index-2 .splash.tidal-takeover.podcast-takeover .btn-wrapper, .page-index-2 .splash.tidal-takeover.video-takeover .btn-wrapper, .page-index-2 .splash.tidal-takeover.full-takeover .btn-wrapper, .page-index-2 .splash.tidal-takeover.album-track-takeover .btn-wrapper {
      margin-top: 30px; }
    .page-index-2 .splash.tidal-takeover.podcast-takeover .btn-new, .page-index-2 .splash.tidal-takeover.video-takeover .btn-new, .page-index-2 .splash.tidal-takeover.full-takeover .btn-new, .page-index-2 .splash.tidal-takeover.album-track-takeover .btn-new {
      display: block;
      font-size: 12px;
      letter-spacing: 3px;
      padding: 12px;
      background: rgba(255, 255, 255, 0) none no-repeat center;
      box-sizing: border-box;
      width: 100%;
      max-width: 320px;
      margin: auto; }
      .page-index-2 .splash.tidal-takeover.podcast-takeover .btn-new:hover, .page-index-2 .splash.tidal-takeover.video-takeover .btn-new:hover, .page-index-2 .splash.tidal-takeover.full-takeover .btn-new:hover, .page-index-2 .splash.tidal-takeover.album-track-takeover .btn-new:hover {
        border: 1px solid #fff;
        color: #fff;
        opacity: 0.8; }
      .page-index-2 .splash.tidal-takeover.podcast-takeover .btn-new + .btn-new, .page-index-2 .splash.tidal-takeover.video-takeover .btn-new + .btn-new, .page-index-2 .splash.tidal-takeover.full-takeover .btn-new + .btn-new, .page-index-2 .splash.tidal-takeover.album-track-takeover .btn-new + .btn-new {
        background-color: #fff;
        color: #000;
        margin-top: 10px; }
    @media (max-width: 767px) {
      .page-index-2 .splash.tidal-takeover.podcast-takeover:first-child, .page-index-2 .splash.tidal-takeover.video-takeover:first-child, .page-index-2 .splash.tidal-takeover.full-takeover:first-child, .page-index-2 .splash.tidal-takeover.album-track-takeover:first-child {
        margin-top: 40px; } }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.podcast-takeover, .page-index-2 .splash.tidal-takeover.video-takeover, .page-index-2 .splash.tidal-takeover.full-takeover, .page-index-2 .splash.tidal-takeover.album-track-takeover {
        padding: 80px 0; }
        .page-index-2 .splash.tidal-takeover.podcast-takeover .welcome-mat-wrapper, .page-index-2 .splash.tidal-takeover.video-takeover .welcome-mat-wrapper, .page-index-2 .splash.tidal-takeover.full-takeover .welcome-mat-wrapper, .page-index-2 .splash.tidal-takeover.album-track-takeover .welcome-mat-wrapper {
          width: 95%;
          max-width: 1100px; }
        .page-index-2 .splash.tidal-takeover.podcast-takeover .takeover-left, .page-index-2 .splash.tidal-takeover.video-takeover .takeover-left, .page-index-2 .splash.tidal-takeover.full-takeover .takeover-left, .page-index-2 .splash.tidal-takeover.album-track-takeover .takeover-left {
          float: left;
          width: 54%;
          margin-right: 6%; }
        .page-index-2 .splash.tidal-takeover.podcast-takeover .takeover-right, .page-index-2 .splash.tidal-takeover.video-takeover .takeover-right, .page-index-2 .splash.tidal-takeover.full-takeover .takeover-right, .page-index-2 .splash.tidal-takeover.album-track-takeover .takeover-right {
          float: left;
          width: 39%; } }
    @media (min-width: 1400px) {
      .page-index-2 .splash.tidal-takeover.podcast-takeover .welcome-mat-wrapper, .page-index-2 .splash.tidal-takeover.video-takeover .welcome-mat-wrapper, .page-index-2 .splash.tidal-takeover.full-takeover .welcome-mat-wrapper, .page-index-2 .splash.tidal-takeover.album-track-takeover .welcome-mat-wrapper {
        max-width: 1201px; } }
    .page-index-2 .splash.tidal-takeover.podcast-takeover .cta-wrapper, .page-index-2 .splash.tidal-takeover.video-takeover .cta-wrapper, .page-index-2 .splash.tidal-takeover.full-takeover .cta-wrapper, .page-index-2 .splash.tidal-takeover.album-track-takeover .cta-wrapper {
      max-width: 250px;
      margin: 20px auto; }
      .page-index-2 .splash.tidal-takeover.podcast-takeover .cta-wrapper .cta-btn, .page-index-2 .splash.tidal-takeover.video-takeover .cta-wrapper .cta-btn, .page-index-2 .splash.tidal-takeover.full-takeover .cta-wrapper .cta-btn, .page-index-2 .splash.tidal-takeover.album-track-takeover .cta-wrapper .cta-btn {
        display: block;
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        padding: 13px;
        border-radius: 3px;
        border: 1px solid #fff;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: 1px;
        text-decoration: none;
        font: 12px/1 "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.podcast-takeover .cta-wrapper .cta-btn + .cta-btn, .page-index-2 .splash.tidal-takeover.video-takeover .cta-wrapper .cta-btn + .cta-btn, .page-index-2 .splash.tidal-takeover.full-takeover .cta-wrapper .cta-btn + .cta-btn, .page-index-2 .splash.tidal-takeover.album-track-takeover .cta-wrapper .cta-btn + .cta-btn {
          margin-top: 10px; }
        .page-index-2 .splash.tidal-takeover.podcast-takeover .cta-wrapper .cta-btn.cta-btn--solid, .page-index-2 .splash.tidal-takeover.video-takeover .cta-wrapper .cta-btn.cta-btn--solid, .page-index-2 .splash.tidal-takeover.full-takeover .cta-wrapper .cta-btn.cta-btn--solid, .page-index-2 .splash.tidal-takeover.album-track-takeover .cta-wrapper .cta-btn.cta-btn--solid {
          background-color: #fff;
          color: #000; }
      @media screen and (min-width: 540px) {
        .page-index-2 .splash.tidal-takeover.podcast-takeover .cta-wrapper.cta-wrapper--horizontal, .page-index-2 .splash.tidal-takeover.video-takeover .cta-wrapper.cta-wrapper--horizontal, .page-index-2 .splash.tidal-takeover.full-takeover .cta-wrapper.cta-wrapper--horizontal, .page-index-2 .splash.tidal-takeover.album-track-takeover .cta-wrapper.cta-wrapper--horizontal {
          max-width: 500px; }
          .page-index-2 .splash.tidal-takeover.podcast-takeover .cta-wrapper.cta-wrapper--horizontal .cta-btn, .page-index-2 .splash.tidal-takeover.video-takeover .cta-wrapper.cta-wrapper--horizontal .cta-btn, .page-index-2 .splash.tidal-takeover.full-takeover .cta-wrapper.cta-wrapper--horizontal .cta-btn, .page-index-2 .splash.tidal-takeover.album-track-takeover .cta-wrapper.cta-wrapper--horizontal .cta-btn {
            max-width: 48%;
            float: left; }
            .page-index-2 .splash.tidal-takeover.podcast-takeover .cta-wrapper.cta-wrapper--horizontal .cta-btn + .cta-btn, .page-index-2 .splash.tidal-takeover.video-takeover .cta-wrapper.cta-wrapper--horizontal .cta-btn + .cta-btn, .page-index-2 .splash.tidal-takeover.full-takeover .cta-wrapper.cta-wrapper--horizontal .cta-btn + .cta-btn, .page-index-2 .splash.tidal-takeover.album-track-takeover .cta-wrapper.cta-wrapper--horizontal .cta-btn + .cta-btn {
              margin-top: 0;
              margin-left: 4%; }
            .page-index-2 .splash.tidal-takeover.podcast-takeover .cta-wrapper.cta-wrapper--horizontal .cta-btn:only-child, .page-index-2 .splash.tidal-takeover.video-takeover .cta-wrapper.cta-wrapper--horizontal .cta-btn:only-child, .page-index-2 .splash.tidal-takeover.full-takeover .cta-wrapper.cta-wrapper--horizontal .cta-btn:only-child, .page-index-2 .splash.tidal-takeover.album-track-takeover .cta-wrapper.cta-wrapper--horizontal .cta-btn:only-child {
              float: none;
              margin: auto; } }
    .page-index-2 .splash.tidal-takeover.podcast-takeover .takeover-right .cta-wrapper, .page-index-2 .splash.tidal-takeover.video-takeover .takeover-right .cta-wrapper, .page-index-2 .splash.tidal-takeover.full-takeover .takeover-right .cta-wrapper, .page-index-2 .splash.tidal-takeover.album-track-takeover .takeover-right .cta-wrapper {
      margin-left: 0;
      margin-right: 0; }
  .page-index-2 .splash.tidal-takeover.album-track-takeover .product-cover {
    display: block; }
  @media (min-width: 768px) {
    .page-index-2 .splash.tidal-takeover.album-track-takeover .takeover-left {
      float: left;
      width: 37%; }
    .page-index-2 .splash.tidal-takeover.album-track-takeover .takeover-right {
      float: left;
      width: 48%; } }
  .page-index-2 .splash.tidal-takeover.podcast-takeover .on-air {
    max-width: 120px;
    margin-left: -4px;
    margin-bottom: 10px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.podcast-takeover .on-air {
        margin-bottom: 20px; } }
  .page-index-2 .splash.tidal-takeover.podcast-takeover .description {
    letter-spacing: 2px; }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.podcast-takeover .description {
        letter-spacing: 3px; } }
    .page-index-2 .splash.tidal-takeover.podcast-takeover .description p {
      font: 1em/1.5em "nationale", "nationale-regular", "Helvetica", sans-serif;
      text-transform: uppercase;
      margin: 0 0 10px; }
  .page-index-2 .splash.tidal-takeover.podcast-takeover .cta-wrapper {
    max-width: 320px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.podcast-takeover .cta-wrapper {
        margin-top: 40px; } }
  .page-index-2 .splash.tidal-takeover.include-countdown .tidal-counter-wrapper {
    margin: 20px auto 40px auto; }
  .page-index-2 .splash.tidal-takeover.include-countdown span.flip-clock-label {
    display: none; }
  @media (max-width: 767px) {
    .page-index-2 .splash.tidal-takeover.include-countdown .tidal-counter-units .unit-days {
      margin-left: 18px; }
    .page-index-2 .splash.tidal-takeover.include-countdown .tidal-counter-units .unit-hours {
      margin-left: 35px; }
    .page-index-2 .splash.tidal-takeover.include-countdown .tidal-counter-units .unit-minutes {
      margin-left: 28px; }
    .page-index-2 .splash.tidal-takeover.include-countdown .tidal-counter-units .unit-seconds {
      margin-left: 22px; } }
  .page-index-2 .splash.tidal-takeover.taylorswift-readyforit-takeover {
    background-image: url("/images/index2/promos/taylorswift/taylorswift-readyforit-bg.b97fd072.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.taylorswift-readyforit-takeover .description {
        font-size: 21px; } }
    .page-index-2 .splash.tidal-takeover.taylorswift-readyforit-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.taylorswift-readyforit-takeover .description p.artist {
        font: 2.25em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.taylorswift-readyforit-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.yogotti-istillam-docu-takeover {
    background-image: url("/images/index2/promos/yogotti/yogotti-istillam-docu-bg.4e4b0635.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.yogotti-istillam-docu-takeover .description {
        font-size: 21px; } }
    .page-index-2 .splash.tidal-takeover.yogotti-istillam-docu-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.yogotti-istillam-docu-takeover .description p.artist {
        font: 3em/1 "nationale-demibold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.yogotti-istillam-docu-takeover .description p.title {
        font: 2em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.justinquiles-fivealbums-takeover {
    background-image: url("/images/index2/promos/justinquiles/justinquiles-fivealbums-bg.42c8a4ac.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.justinquiles-fivealbums-takeover .description {
        font-size: 21px; } }
    .page-index-2 .splash.tidal-takeover.justinquiles-fivealbums-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.justinquiles-fivealbums-takeover .description p.artist {
        font: 2.25em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.justinquiles-fivealbums-takeover .description p.title {
        font: 1.95em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.bandaellimon-besoybeso-takeover {
    background-image: url("/images/index2/promos/bandaellimon/bandaellimon-besoybeso-bg.13d2d533.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.bandaellimon-besoybeso-takeover .description {
        font-size: 21px; } }
    .page-index-2 .splash.tidal-takeover.bandaellimon-besoybeso-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.bandaellimon-besoybeso-takeover .description p.artist {
        font: 1.75em/1.25em "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.bandaellimon-besoybeso-takeover .description p.title {
        font: 1.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.rapsody-power-takeover {
    background-image: url("/images/index2/promos/rapsody/rapsody-power-bg.441edcf6.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.rapsody-power-takeover .description {
        font-size: 21px; } }
    .page-index-2 .splash.tidal-takeover.rapsody-power-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.rapsody-power-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
      .page-index-2 .splash.tidal-takeover.rapsody-power-takeover .description p.feat {
        font: 1.45em/1.25em "nationale-bold", sans-serif;
        margin-top: 5px; }
      .page-index-2 .splash.tidal-takeover.rapsody-power-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.pitbull-porfavor-takeover {
    background-image: url("/images/index2/promos/pitbull/pitbull-porfavor-bg.2151f1b8.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.pitbull-porfavor-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.pitbull-porfavor-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.pitbull-porfavor-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
      .page-index-2 .splash.tidal-takeover.pitbull-porfavor-takeover .description p.feat {
        font: 1.5em/1 "nationale-bold", sans-serif;
        margin-top: 5px; }
      .page-index-2 .splash.tidal-takeover.pitbull-porfavor-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.yogotti-rakeitup-remixes-takeover {
    background-image: url("/images/index2/promos/yogotti/yogotti-rakeitupremixes-bg.8dd25e4e.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.yogotti-rakeitup-remixes-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.yogotti-rakeitup-remixes-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.yogotti-rakeitup-remixes-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
      .page-index-2 .splash.tidal-takeover.yogotti-rakeitup-remixes-takeover .description p.feat {
        font: 2em/1 "nationale-bold", sans-serif;
        margin-top: 5px; }
      .page-index-2 .splash.tidal-takeover.yogotti-rakeitup-remixes-takeover .description p.title {
        font: 1.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.nacho-romance-takeover {
    background-image: url("/images/index2/promos/nacho/nacho-romance-bg.11123832.jpg"); }
    .page-index-2 .splash.tidal-takeover.nacho-romance-takeover .description {
      font-size: 20px;
      letter-spacing: 1px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.nacho-romance-takeover .description {
          font-size: 28px; } }
      .page-index-2 .splash.tidal-takeover.nacho-romance-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.nacho-romance-takeover .description p.artist {
          font-family: "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.thelox-4noreason-takeover {
    background-image: url("/images/index2/promos/thelox/thelox-4noreason-bg.a8091322.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.thelox-4noreason-takeover .description {
        font-size: 22px; } }
    .page-index-2 .splash.tidal-takeover.thelox-4noreason-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.thelox-4noreason-takeover .description p.artist {
        font: 3.2em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.thelox-4noreason-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.willowsmith-thefirst-takeover {
    background-image: url("/images/index2/promos/willowsmith/willowsmith-thefirst-bg.a37fa686.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.willowsmith-thefirst-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.willowsmith-thefirst-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.willowsmith-thefirst-takeover .description p.artist {
        font: 2.75em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.willowsmith-thefirst-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.casanova-leftright-takeover {
    background-image: url("/images/index2/promos/casanova/casanova-leftright-bg.5342c10f.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.casanova-leftright-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.casanova-leftright-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.casanova-leftright-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
      .page-index-2 .splash.tidal-takeover.casanova-leftright-takeover .description p.feat {
        font: 1.25em/1 "nationale-demibold", sans-serif;
        margin-top: 5px; }
      .page-index-2 .splash.tidal-takeover.casanova-leftright-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.yogotti-istillam-takeover {
    background-image: url("/images/index2/promos/yogotti/yogotti-istillam-bg.e3733430.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.yogotti-istillam-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.yogotti-istillam-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.yogotti-istillam-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.yogotti-istillam-takeover .description p.title {
        font: 3em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.carlosvives-forthecultura-takeover {
    background-image: url("/images/index2/promos/carlosvives/carlosvives-forthecultura-bg.49f229fe.jpg"); }
    .page-index-2 .splash.tidal-takeover.carlosvives-forthecultura-takeover .description {
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.carlosvives-forthecultura-takeover .description {
          font-size: 24px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.carlosvives-forthecultura-takeover .description p {
        text-transform: uppercase;
        margin-left: 0; }
        .page-index-2 .splash.tidal-takeover.carlosvives-forthecultura-takeover .description p.artist {
          font: 2em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.carlosvives-forthecultura-takeover .description p.title {
          font: 1.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  @media (min-width: 1024px) {
    .page-index-2 .splash.tidal-takeover.goldlink-atwhatcosttour-takeover .description {
      font-size: 21px; } }
  .page-index-2 .splash.tidal-takeover.goldlink-atwhatcosttour-takeover .description p {
    text-transform: uppercase;
    margin-left: 0; }
    .page-index-2 .splash.tidal-takeover.goldlink-atwhatcosttour-takeover .description p.artist {
      font: 3.25em/1 "nationale-bold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.goldlink-atwhatcosttour-takeover .description p.title {
      font: 1.65em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
      margin-bottom: 5px; }
    .page-index-2 .splash.tidal-takeover.goldlink-atwhatcosttour-takeover .description p.episode {
      font: 1.65em/1 "nationale-demibold", sans-serif;
      margin-top: 5px; }
  .page-index-2 .splash.tidal-takeover.goldlink-atwhatcosttour-takeover.ep1 {
    background-image: url("/images/index2/promos/goldlink/goldlink-atwhatcosttour-ep1-bg.39bfb53a.jpg"); }
  .page-index-2 .splash.tidal-takeover.chrisbrown-livestream-announce-takeover {
    background-image: url("/images/index2/promos/chrisbrown/chrisbrown-livestream-announce-bg.e3b51b84.jpg"); }
    @media (max-width: 991px) {
      .page-index-2 .splash.tidal-takeover.chrisbrown-livestream-announce-takeover {
        background-position-x: 100%; } }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.chrisbrown-livestream-announce-takeover .takeover-description {
        width: 70%;
        padding-left: 30%; } }
    .page-index-2 .splash.tidal-takeover.chrisbrown-livestream-announce-takeover .takeover-description img {
      width: 100%;
      max-width: 500px; }
    .page-index-2 .splash.tidal-takeover.chrisbrown-livestream-announce-takeover .takeover-description p {
      font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
      text-transform: uppercase; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.chrisbrown-livestream-announce-takeover .takeover-description p {
          font-size: 1.25em; } }
      .page-index-2 .splash.tidal-takeover.chrisbrown-livestream-announce-takeover .takeover-description p.bold {
        font-family: "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.chrisbrown-livestream-announce-takeover .takeover-description p.date {
        font-size: 1.5em; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.chrisbrown-livestream-announce-takeover .takeover-description p.date {
            font-size: 2em; } }
      .page-index-2 .splash.tidal-takeover.chrisbrown-livestream-announce-takeover .takeover-description p.loc-time {
        margin: 10px auto; }
      .page-index-2 .splash.tidal-takeover.chrisbrown-livestream-announce-takeover .takeover-description p.hashtag {
        color: #00FFFF;
        margin: 30px auto; }
    .page-index-2 .splash.tidal-takeover.chrisbrown-livestream-announce-takeover .takeover-description a.link {
      display: block;
      text-align: center;
      text-transform: uppercase;
      text-decoration: underline;
      margin-top: 20px;
      font: 0.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.yogotti-istillam-trailers-takeover {
    background: #000; }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.yogotti-istillam-trailers-takeover .description {
        font-size: 22px; } }
    .page-index-2 .splash.tidal-takeover.yogotti-istillam-trailers-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.yogotti-istillam-trailers-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif;
        letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.yogotti-istillam-trailers-takeover .description p.title {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.yogotti-docuevent-takeover {
    background: -moz-linear-gradient(top, #191919 60%, #000 100%);
    background: -webkit-linear-gradient(top, #191919 60%, #000 100%);
    background: linear-gradient(to bottom, #191919 60%, #000 100%); }
    .page-index-2 .splash.tidal-takeover.yogotti-docuevent-takeover img {
      max-width: 500px;
      margin-bottom: 20px; }
    .page-index-2 .splash.tidal-takeover.yogotti-docuevent-takeover p {
      text-transform: uppercase; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.yogotti-docuevent-takeover p {
          max-width: 700px; } }
      .page-index-2 .splash.tidal-takeover.yogotti-docuevent-takeover p.copy {
        font: 1.25em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.yogotti-docuevent-takeover p.copy span.line-break {
          display: block; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.yogotti-docuevent-takeover p.copy span.line-break {
              display: inline; }
              .page-index-2 .splash.tidal-takeover.yogotti-docuevent-takeover p.copy span.line-break::before {
                content: "\00a0 \007C \00a0"; } }
      .page-index-2 .splash.tidal-takeover.yogotti-docuevent-takeover p.date {
        font: 1.75em/1 "nationale-bold", sans-serif;
        margin-top: 40px; }
    .page-index-2 .splash.tidal-takeover.yogotti-docuevent-takeover .cta-wrapper {
      margin-top: 60px; }
  .page-index-2 .splash.tidal-takeover.dfa-outrageisnow-takeover {
    background-image: url("/images/index2/promos/dfa/dfa-outrageisnow-bg.2942ccfd.jpg"); }
    .page-index-2 .splash.tidal-takeover.dfa-outrageisnow-takeover .description {
      font-size: 12px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.dfa-outrageisnow-takeover .description {
          font-size: 18px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.dfa-outrageisnow-takeover .description p {
        text-transform: uppercase;
        margin-left: 0; }
        .page-index-2 .splash.tidal-takeover.dfa-outrageisnow-takeover .description p.artist {
          font: 1.5em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.dfa-outrageisnow-takeover .description p.title {
          font: 1.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.calvinharris-fakingit-takeover {
    background-image: url("/images/index2/promos/calvinharris/calvinharris-fakingit-bg.378b09ba.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.calvinharris-fakingit-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.calvinharris-fakingit-takeover .description p {
      text-transform: uppercase;
      margin: 0 0 10px; }
      .page-index-2 .splash.tidal-takeover.calvinharris-fakingit-takeover .description p.artist {
        font: 2.4em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.calvinharris-fakingit-takeover .description p.feat {
        font: 1.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
      .page-index-2 .splash.tidal-takeover.calvinharris-fakingit-takeover .description p.title {
        font: 1.8em/1 "nationale-demibold", sans-serif;
        margin-top: 20px; }
  .page-index-2 .splash.tidal-takeover.jasonaldean-iwontbackdown-takeover {
    background-image: url("/images/index2/promos/jasonaldean/jasonaldean-iwontbackdown-bg.cd1549b1.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.jasonaldean-iwontbackdown-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.jasonaldean-iwontbackdown-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.jasonaldean-iwontbackdown-takeover .description p.artist {
        font: 2em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.jasonaldean-iwontbackdown-takeover .description p.title {
        font: 1.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
      .page-index-2 .splash.tidal-takeover.jasonaldean-iwontbackdown-takeover .description p.subtitle {
        font: 1em/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.daniellebradbery-potential-takeover {
    background-image: url("/images/index2/promos/daniellebradbery/daniellebradbery-potential-bg.33c113bc.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.daniellebradbery-potential-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.daniellebradbery-potential-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.daniellebradbery-potential-takeover .description p.artist {
        font: 1.75em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.daniellebradbery-potential-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.kelmitt-recuerdos-takeover {
    background-image: url("/images/index2/promos/kelmitt/kelmitt-recuerdos-bg.119e08d5.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.kelmitt-recuerdos-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.kelmitt-recuerdos-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.kelmitt-recuerdos-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif;
        letter-spacing: 3px;
        margin-bottom: 5px; }
      .page-index-2 .splash.tidal-takeover.kelmitt-recuerdos-takeover .description p.feat {
        font: 1.35em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
      .page-index-2 .splash.tidal-takeover.kelmitt-recuerdos-takeover .description p.title {
        font: 2.5em/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.harryhudson-cryforlove-takeover {
    background-image: url("/images/index2/promos/harryhudson/harryhudson-cryforlove-bg.23f78a3b.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.harryhudson-cryforlove-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.harryhudson-cryforlove-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.harryhudson-cryforlove-takeover .description p.artist {
        font: 2.25em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.harryhudson-cryforlove-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.jbalvin-migente-steveaokiremix-takeover {
    background-image: url(/images/index2/promos/jbalvin/jbalvin-migente-steveaokiremix-bg.f502c9b9.jpg); }
    .page-index-2 .splash.tidal-takeover.jbalvin-migente-steveaokiremix-takeover .description {
      font-size: 16px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.jbalvin-migente-steveaokiremix-takeover .description {
          font-size: 26px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.jbalvin-migente-steveaokiremix-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.jbalvin-migente-steveaokiremix-takeover .description p.artist {
          font: 1.8em/1.25 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.cnco-mamita-takeover {
    background-image: url("/images/index2/promos/cnco/cnco-mamita-bg.800df706.jpg"); }
    .page-index-2 .splash.tidal-takeover.cnco-mamita-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.cnco-mamita-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.cnco-mamita-takeover .description p.artist {
            font-size: 4.5em; } }
      .page-index-2 .splash.tidal-takeover.cnco-mamita-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 10px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.cnco-mamita-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.margoprice-allamericanmade-takeover {
    background-image: url("/images/index2/promos/margoprice/margoprice-allamericanmade-bg.043dcf69.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.margoprice-allamericanmade-takeover .description {
        font-size: 21px; } }
    .page-index-2 .splash.tidal-takeover.margoprice-allamericanmade-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.margoprice-allamericanmade-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.margoprice-allamericanmade-takeover .description p.title {
        font: 2.08em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.manuelmedrano-forthecultura-takeover {
    background-image: url("/images/index2/promos/manuelmedrano/manuelmedrano-forthecultura-bg.ba541aed.jpg"); }
    .page-index-2 .splash.tidal-takeover.manuelmedrano-forthecultura-takeover .description {
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.manuelmedrano-forthecultura-takeover .description {
          font-size: 24px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.manuelmedrano-forthecultura-takeover .description p {
        text-transform: uppercase;
        margin-left: 0; }
        .page-index-2 .splash.tidal-takeover.manuelmedrano-forthecultura-takeover .description p.artist {
          font: 1.5em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.manuelmedrano-forthecultura-takeover .description p.title {
          font: 1.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.belly-manlisten-video-takeover {
    background-image: url("/images/index2/promos/belly/belly-manlisten-video-bg.d620ad94.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.belly-manlisten-video-takeover .description {
        font-size: 22px; } }
    .page-index-2 .splash.tidal-takeover.belly-manlisten-video-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.belly-manlisten-video-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.belly-manlisten-video-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.logic-1800-takeover {
    background-image: url("/images/index2/promos/logic/logicandjuanes-18002738255-bg.97f4214d.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.logic-1800-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.logic-1800-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.logic-1800-takeover .description p.artist {
        font: 2em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
      .page-index-2 .splash.tidal-takeover.logic-1800-takeover .description p.feat {
        font: 1.75em/1 "nationale-demibold", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.logic-1800-takeover .description p.feat {
            font-size: 1.25em; } }
        .page-index-2 .splash.tidal-takeover.logic-1800-takeover .description p.feat span.line-break {
          display: block; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.logic-1800-takeover .description p.feat span.line-break {
              display: inline; } }
      .page-index-2 .splash.tidal-takeover.logic-1800-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.bandadeturistas-mancho-takeover {
    background-image: url("/images/index2/promos/bandadeturistas/bandadeturistas-mancho-bg.127fc80d.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.bandadeturistas-mancho-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.bandadeturistas-mancho-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.bandadeturistas-mancho-takeover .description p.artist {
        font: 1.75em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.bandadeturistas-mancho-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.daddyyankee-elcartel-takeover {
    background-image: url("/images/index2/promos/daddyyankee/daddyyankee-elcartel-bg.4880a5ba.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.daddyyankee-elcartel-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.daddyyankee-elcartel-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.daddyyankee-elcartel-takeover .description p.artist {
        font: 2em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.daddyyankee-elcartel-takeover .description p.title {
        font: 1.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.calibre50-guerradepoder-takeover {
    background-image: url("/images/index2/promos/calibre50/calibre50-guerradepoder-bg.a9682573.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.calibre50-guerradepoder-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.calibre50-guerradepoder-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.calibre50-guerradepoder-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.calibre50-guerradepoder-takeover .description p.title {
        font: 1.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.snowthaproduct-nuestracancionpt2-takeover {
    background-image: url(/images/index2/promos/snowthaproduct/snowthaproduct-nuestracancionpt2-bg.9e1bf12e.jpg); }
    .page-index-2 .splash.tidal-takeover.snowthaproduct-nuestracancionpt2-takeover .description {
      font-size: 12px;
      letter-spacing: 1px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.snowthaproduct-nuestracancionpt2-takeover .description {
          font-size: 18px;
          letter-spacing: 2px; } }
      .page-index-2 .splash.tidal-takeover.snowthaproduct-nuestracancionpt2-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.snowthaproduct-nuestracancionpt2-takeover .description p.artist {
          font: 2em/1.25 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.snowthaproduct-nuestracancionpt2-takeover .description p.title {
          font: 1.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
          margin-top: 15px; }
  .page-index-2 .splash.tidal-takeover.sebastianyatra-sutra-takeover {
    background-image: url(/images/index2/promos/sebastianyatra/sebastianyatra-sutra-bg.a236aad3.jpg); }
    .page-index-2 .splash.tidal-takeover.sebastianyatra-sutra-takeover .description {
      font-size: 14px;
      letter-spacing: 1px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.sebastianyatra-sutra-takeover .description {
          font-size: 18px;
          letter-spacing: 2px; } }
      .page-index-2 .splash.tidal-takeover.sebastianyatra-sutra-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.sebastianyatra-sutra-takeover .description p.artist {
          font: 2em/1.25 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.sebastianyatra-sutra-takeover .description p.title {
          font: 1.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
          margin-top: 15px; }
  .page-index-2 .splash.tidal-takeover.alessoanitta-isthatforme-takeover {
    background-image: url(/images/index2/promos/alessoanitta/alessoanitta-isthatforme-bg.d989eaee.jpg); }
    .page-index-2 .splash.tidal-takeover.alessoanitta-isthatforme-takeover .description {
      font-size: 14px;
      letter-spacing: 1px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.alessoanitta-isthatforme-takeover .description {
          font-size: 20px;
          letter-spacing: 2px; } }
      .page-index-2 .splash.tidal-takeover.alessoanitta-isthatforme-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.alessoanitta-isthatforme-takeover .description p.artist {
          font: 2.25em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.alessoanitta-isthatforme-takeover .description p.title {
          font: 1.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
          margin-top: 15px; }
  .page-index-2 .splash.tidal-takeover.faithevans-tenwifecommandments-takeover {
    background-image: url(/images/index2/promos/faithevans/faithevans-tenwifecommandments-bg.25842777.jpg); }
    .page-index-2 .splash.tidal-takeover.faithevans-tenwifecommandments-takeover .description {
      font-size: 14px;
      letter-spacing: 1px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.faithevans-tenwifecommandments-takeover .description {
          font-size: 18px;
          letter-spacing: 2px; } }
      .page-index-2 .splash.tidal-takeover.faithevans-tenwifecommandments-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.faithevans-tenwifecommandments-takeover .description p.artist {
          font: 1.65em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.faithevans-tenwifecommandments-takeover .description p.feat {
          font: 1.65em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.faithevans-tenwifecommandments-takeover .description p.title {
          font: 1.35em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
          margin-top: 15px; }
  .page-index-2 .splash.tidal-takeover.daniellebradbery-sway-video-takeover {
    background-image: url("/images/index2/promos/daniellebradbery/daniellebradbery-sway-video-bg.290ae56d.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.daniellebradbery-sway-video-takeover .description {
        font-size: 20px; } }
    .page-index-2 .splash.tidal-takeover.daniellebradbery-sway-video-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.daniellebradbery-sway-video-takeover .description p.artist {
        font: 1.65em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.daniellebradbery-sway-video-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.hustlegang-wewantsmoke-takeover {
    background-image: url("/images/index2/promos/hustlegang/hustlegang-wewantsmoke-bg.0a8a824a.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.hustlegang-wewantsmoke-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.hustlegang-wewantsmoke-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.hustlegang-wewantsmoke-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.hustlegang-wewantsmoke-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.justineskye-dontthinkaboutit-takeover {
    background-image: url("/images/index2/promos/justineskye/justineskye-dontthinkaboutit-bg.5c951f38.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.justineskye-dontthinkaboutit-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.justineskye-dontthinkaboutit-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.justineskye-dontthinkaboutit-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.justineskye-dontthinkaboutit-takeover .description p.title {
        font: 1.55em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.snohaalegra-feelsteaser-takeover {
    background-image: url("/images/index2/promos/snohaalegra/snohaalegra-feels-teaser-bg.22c679c4.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.snohaalegra-feelsteaser-takeover .description {
        font-size: 22px; } }
    .page-index-2 .splash.tidal-takeover.snohaalegra-feelsteaser-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.snohaalegra-feelsteaser-takeover .description p.artist {
        font: 2em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.snohaalegra-feelsteaser-takeover .description p.title {
        font: 1.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.sankofa-versus-takeover {
    background-image: url("/images/index2/promos/sankofa/sankofa-versus-bg.3e92fad5.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.sankofa-versus-takeover .description {
        font-size: 22px; } }
    .page-index-2 .splash.tidal-takeover.sankofa-versus-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.sankofa-versus-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.sankofa-versus-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.jerryrivera-forthecultura-takeover {
    background-image: url("/images/index2/promos/jerryrivera/jerryrivera-forthecultura-bg.7c6d8097.jpg"); }
    .page-index-2 .splash.tidal-takeover.jerryrivera-forthecultura-takeover .description {
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.jerryrivera-forthecultura-takeover .description {
          font-size: 24px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.jerryrivera-forthecultura-takeover .description p {
        text-transform: uppercase;
        margin-left: 0; }
        .page-index-2 .splash.tidal-takeover.jerryrivera-forthecultura-takeover .description p.artist {
          font: 1.9em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.jerryrivera-forthecultura-takeover .description p.title {
          font: 1.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.yogotti-juice-takeover {
    background-image: url("/images/index2/promos/yogotti/yogotti-juice-bg.1b2a036e.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.yogotti-juice-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.yogotti-juice-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.yogotti-juice-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.yogotti-juice-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.dhaniharrison-inparallel-takeover {
    background-image: url("/images/index2/promos/dhaniharrison/dhaniharrison-inparallel-bg.d652b78c.jpg"); }
    .page-index-2 .splash.tidal-takeover.dhaniharrison-inparallel-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.dhaniharrison-inparallel-takeover .description p {
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.dhaniharrison-inparallel-takeover .description p.artist {
        font: 1.75em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.dhaniharrison-inparallel-takeover .description p.artist {
            font-size: 2.25em; } }
      .page-index-2 .splash.tidal-takeover.dhaniharrison-inparallel-takeover .description p.title {
        font: 1.5em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.dhaniharrison-inparallel-takeover .description p.title {
            font-size: 2em; } }
  .page-index-2 .splash.tidal-takeover.karenrodriguez-nomeverasllorar-takeover {
    background-image: url("/images/index2/promos/karenrodriguez/karenrodriguez-nomeverasllorar-bg.da6943bb.jpg"); }
    .page-index-2 .splash.tidal-takeover.karenrodriguez-nomeverasllorar-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.karenrodriguez-nomeverasllorar-takeover .description p.artist {
        font: 1.8em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.karenrodriguez-nomeverasllorar-takeover .description p.artist {
            font-size: 2.4em; } }
      .page-index-2 .splash.tidal-takeover.karenrodriguez-nomeverasllorar-takeover .description p.title {
        font: 1.5em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.karenrodriguez-nomeverasllorar-takeover .description p.title {
            font-size: 2em; } }
    .page-index-2 .splash.tidal-takeover.karenrodriguez-nomeverasllorar-takeover .cta-wrapper {
      max-width: 320px; }
  .page-index-2 .splash.tidal-takeover.karolg-ahoramellama-remix-takeover {
    background-image: url("/images/index2/promos/karolg/karolg-ahoramellama-remix-bg.dfb3e7ef.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.karolg-ahoramellama-remix-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.karolg-ahoramellama-remix-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.karolg-ahoramellama-remix-takeover .description p.artist {
        font: 1.2em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.karolg-ahoramellama-remix-takeover .description p.title {
        font: 1.45em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.almostlikepraying-track-takeover {
    background-image: url("/images/index2/promos/linmanuelmiranda/almostlikepraying-bg.b5aa1647.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.almostlikepraying-track-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.almostlikepraying-track-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.almostlikepraying-track-takeover .description p.artist {
        font: 1.6em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
      .page-index-2 .splash.tidal-takeover.almostlikepraying-track-takeover .description p.feat {
        font: 1.15em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
      .page-index-2 .splash.tidal-takeover.almostlikepraying-track-takeover .description p.title {
        font: 1.65em/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.robertotapia-elcomienzo-takeover {
    background-image: url("/images/index2/promos/robertotapia/robertotapia-elcomienzo-bg.bd2afc49.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.robertotapia-elcomienzo-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.robertotapia-elcomienzo-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.robertotapia-elcomienzo-takeover .description p.artist {
        font: 2.25em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.robertotapia-elcomienzo-takeover .description p.title {
        font: 1.3em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.farina-parcera-takeover {
    background-image: url("/images/index2/promos/farina/farina-parcera-bg.85d7906b.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.farina-parcera-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.farina-parcera-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.farina-parcera-takeover .description p.artist {
        font: 1.55em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
      .page-index-2 .splash.tidal-takeover.farina-parcera-takeover .description p.feat {
        font: 1.55em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
      .page-index-2 .splash.tidal-takeover.farina-parcera-takeover .description p.title {
        font: 2em/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.davidbisbal-hubierasido-takeover {
    background-image: url("/images/index2/promos/davidbisbal/davidbisbal-hubierasido-bg.ba3c2ab8.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.davidbisbal-hubierasido-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.davidbisbal-hubierasido-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.davidbisbal-hubierasido-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
      .page-index-2 .splash.tidal-takeover.davidbisbal-hubierasido-takeover .description p.feat {
        font: 1.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
      .page-index-2 .splash.tidal-takeover.davidbisbal-hubierasido-takeover .description p.title {
        font: 1.5em/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.calibre50-corridodejuanito-article-takeover {
    background-color: #fff; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.calibre50-corridodejuanito-article-takeover .takeover-left {
        width: 48%;
        margin-right: 4%; } }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.calibre50-corridodejuanito-article-takeover .takeover-right {
        padding-top: 0; } }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.calibre50-corridodejuanito-article-takeover .description {
        font-size: 22px; } }
    .page-index-2 .splash.tidal-takeover.calibre50-corridodejuanito-article-takeover .description p {
      color: #000;
      line-height: 1.666666; }
      .page-index-2 .splash.tidal-takeover.calibre50-corridodejuanito-article-takeover .description p.artist {
        margin-top: 0;
        font: 2em/1.25 "nationale-demibold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.calibre50-corridodejuanito-article-takeover .btn-new {
      border-color: #000;
      color: #000; }
      .page-index-2 .splash.tidal-takeover.calibre50-corridodejuanito-article-takeover .btn-new:hover {
        border-color: #000;
        color: #000; }
      .page-index-2 .splash.tidal-takeover.calibre50-corridodejuanito-article-takeover .btn-new + .btn-new {
        background-color: #000;
        color: #fff; }
  .page-index-2 .splash.tidal-takeover.beamiller-chapterthreeyellow-takeover {
    background-image: url("/images/index2/promos/beamiller/beamiller-chapterthreeyellow-bg.3d43606a.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.beamiller-chapterthreeyellow-takeover .description {
        font-size: 22px; } }
    .page-index-2 .splash.tidal-takeover.beamiller-chapterthreeyellow-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.beamiller-chapterthreeyellow-takeover .description p.artist {
        font: 2.75em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.beamiller-chapterthreeyellow-takeover .description p.title {
        font: 1.55em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.dorothy-downbottom-live-takeover {
    background-image: url("/images/index2/promos/dorothy/dorothy-downtothebottom-bg.ca43115e.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.dorothy-downbottom-live-takeover .description {
        font-size: 21px; } }
    .page-index-2 .splash.tidal-takeover.dorothy-downbottom-live-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.dorothy-downbottom-live-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.dorothy-downbottom-live-takeover .description p.title {
        font: 1.15em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.belly-mumblerap-takeover {
    background-image: url("/images/index2/promos/belly/belly-mumblerap-bg.1d95ee2b.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.belly-mumblerap-takeover .description {
        font-size: 22px; } }
    .page-index-2 .splash.tidal-takeover.belly-mumblerap-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.belly-mumblerap-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.belly-mumblerap-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.belly-mumblerap-video-takeover {
    background-image: url("/images/index2/promos/belly/belly-mumblerap-video-bg.5068728f.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.belly-mumblerap-video-takeover .description {
        font-size: 22px; } }
    .page-index-2 .splash.tidal-takeover.belly-mumblerap-video-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.belly-mumblerap-video-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.belly-mumblerap-video-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.nojoy-dna-takeover {
    background-image: url("/images/index2/promos/nojoy/nojoy-dna-bg.c98b262e.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.nojoy-dna-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.nojoy-dna-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.nojoy-dna-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.nojoy-dna-takeover .description p.title {
        font: 2.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.belly-immigrationtothetrap-takeover {
    background-image: url("/images/index2/promos/belly/belly-immigrationtothetrap-bg.88354f8d.jpg"); }
    .page-index-2 .splash.tidal-takeover.belly-immigrationtothetrap-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.belly-immigrationtothetrap-takeover .description p {
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.belly-immigrationtothetrap-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.belly-immigrationtothetrap-takeover .description p.artist {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.belly-immigrationtothetrap-takeover .description p.title {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.belly-immigrationtothetrap-takeover .description p.title {
            font-size: 1.25em; } }
  .page-index-2 .splash.tidal-takeover.blessthebooth-episode-takeover.ep-one {
    background-image: url("/images/index2/promos/blessthebooth/blessthebooth-ep1-bg.5e85850c.jpg"); }
  .page-index-2 .splash.tidal-takeover.blessthebooth-episode-takeover.ep-two {
    background-image: url("/images/index2/promos/blessthebooth/blessthebooth-ep2-bg.61fb07cc.jpg"); }
  .page-index-2 .splash.tidal-takeover.blessthebooth-episode-takeover.ep-three {
    background-image: url("/images/index2/promos/blessthebooth/blessthebooth-ep3-bg.22b2e411.jpg"); }
  .page-index-2 .splash.tidal-takeover.blessthebooth-episode-takeover.ep-four {
    background-image: url("/images/index2/promos/blessthebooth/blessthebooth-ep4-bg.575672c6.jpg"); }
  @media (min-width: 1024px) {
    .page-index-2 .splash.tidal-takeover.blessthebooth-episode-takeover .description {
      font-size: 21px; } }
  .page-index-2 .splash.tidal-takeover.blessthebooth-episode-takeover .description p {
    text-transform: uppercase;
    margin-left: 0; }
    .page-index-2 .splash.tidal-takeover.blessthebooth-episode-takeover .description p.artist {
      font: 1.85em/1 "nationale-bold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.blessthebooth-episode-takeover .description p.title {
      font: 1.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.blessthebooth-takeover {
    background: #000; }
    .page-index-2 .splash.tidal-takeover.blessthebooth-takeover .header img.logo {
      width: 100%;
      max-width: 600px;
      padding: 50px 0;
      margin: auto; }
    .page-index-2 .splash.tidal-takeover.blessthebooth-takeover .episode {
      margin: 50px auto 20px; }
      .page-index-2 .splash.tidal-takeover.blessthebooth-takeover .episode + .episode {
        margin: 20px auto; }
    .page-index-2 .splash.tidal-takeover.blessthebooth-takeover p {
      font: 1.25em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif;
      padding: 10px 0;
      text-align: left; }
      .page-index-2 .splash.tidal-takeover.blessthebooth-takeover p.title, .page-index-2 .splash.tidal-takeover.blessthebooth-takeover p.episode-number {
        font-family: "nationale-demibold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.blessthebooth-takeover p.episode-number {
        text-align: center;
        padding-bottom: 3px;
        outline: 0; }
        .page-index-2 .splash.tidal-takeover.blessthebooth-takeover p.episode-number.clicked span {
          border-bottom: 1px solid #fff; }
        .page-index-2 .splash.tidal-takeover.blessthebooth-takeover p.episode-number span {
          cursor: pointer;
          padding-bottom: 3px; }
          .page-index-2 .splash.tidal-takeover.blessthebooth-takeover p.episode-number span:hover {
            border-bottom: 1px solid #fff; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.blessthebooth-takeover p {
          max-width: 700px; } }
    .page-index-2 .splash.tidal-takeover.blessthebooth-takeover .tidal-embed {
      max-width: 800px;
      margin: 40px auto; }
  .page-index-2 .splash.tidal-takeover.vakero-forthecultura-takeover {
    background-image: url("/images/index2/promos/vakero/vakero-forthecultura-bg.d1db96c6.jpg"); }
    .page-index-2 .splash.tidal-takeover.vakero-forthecultura-takeover .description {
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.vakero-forthecultura-takeover .description {
          font-size: 24px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.vakero-forthecultura-takeover .description p {
        text-transform: uppercase;
        margin-left: 0; }
        .page-index-2 .splash.tidal-takeover.vakero-forthecultura-takeover .description p.artist {
          font: 2.5em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.vakero-forthecultura-takeover .description p.title {
          font: 1.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.cloudcontrol-treetops-takeover {
    background-image: url("/images/index2/promos/cloudcontrol/cloudcontrol-treetops-bg.73ab1840.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.cloudcontrol-treetops-takeover .description {
        font-size: 21px; } }
    .page-index-2 .splash.tidal-takeover.cloudcontrol-treetops-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.cloudcontrol-treetops-takeover .description p.artist {
        font: 2em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.cloudcontrol-treetops-takeover .description p.title {
        font: 2.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.riptompetty-takeover.riptompetty-intro-takeover {
    background: url("/images/index2/promos/tompetty/riptompetty-header.f433d56a.jpg") top center/100% auto no-repeat #000;
    padding-bottom: 60px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.riptompetty-takeover.riptompetty-intro-takeover {
        padding-bottom: 100px; } }
    .page-index-2 .splash.tidal-takeover.riptompetty-takeover.riptompetty-intro-takeover .intro {
      padding-top: 40%; }
      .page-index-2 .splash.tidal-takeover.riptompetty-takeover.riptompetty-intro-takeover .intro p {
        font-family: "nationale-demibold", sans-serif;
        font-size: 26px;
        text-align: center; }
        .page-index-2 .splash.tidal-takeover.riptompetty-takeover.riptompetty-intro-takeover .intro p.intro-header {
          font: 3em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.riptompetty-takeover h1, .page-index-2 .splash.tidal-takeover.riptompetty-takeover h2,
  .page-index-2 .splash.tidal-takeover.riptompetty-takeover h2 {
    font: 3em/1 "nationale-bold", sans-serif;
    color: #fff;
    letter-spacing: 0; }
  .page-index-2 .splash.tidal-takeover.riptompetty-takeover h2 {
    font-size: 1.5em; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.riptompetty-takeover h2 {
        margin-bottom: 40px; } }
  .page-index-2 .splash.tidal-takeover.riptompetty-takeover p {
    font-size: 18px;
    line-height: 1.5;
    text-align: left;
    max-width: 740px; }
  .page-index-2 .splash.tidal-takeover.riptompetty-takeover .letter-spacing {
    letter-spacing: 5px; }
  .page-index-2 .splash.tidal-takeover.riptompetty-takeover .fullwidth-image {
    display: block;
    max-width: 100%;
    width: 100%; }
  .page-index-2 .splash.tidal-takeover.riptompetty-takeover .takeover-full {
    padding-top: 60px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.riptompetty-takeover .takeover-full {
        padding-top: 100px; } }
    .page-index-2 .splash.tidal-takeover.riptompetty-takeover .takeover-full.first {
      margin-top: -60px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.riptompetty-takeover .takeover-full.first {
          margin-top: -40px; } }
  @media (min-width: 768px) {
    .page-index-2 .splash.tidal-takeover.riptompetty-takeover .takeover-left {
      width: 48%;
      margin-right: 4%; } }
  @media (min-width: 768px) {
    .page-index-2 .splash.tidal-takeover.riptompetty-takeover .takeover-right {
      padding-top: 0; } }
  .page-index-2 .splash.tidal-takeover.riptompetty-takeover .cta-wrapper {
    margin-top: 40px; }
  .page-index-2 .splash.tidal-takeover.riptompetty-takeover .video-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 740px; }
  .page-index-2 .splash.tidal-takeover.haim-littleofyourlove-video-takeover {
    background-image: url(/images/index2/promos/haim/haim-littleofyourlove-video-bg.6c45b7b7.jpg); }
    .page-index-2 .splash.tidal-takeover.haim-littleofyourlove-video-takeover .description {
      font-size: 18px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.haim-littleofyourlove-video-takeover .description {
          font-size: 24px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.haim-littleofyourlove-video-takeover .description p {
        font: 1.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.haim-littleofyourlove-video-takeover .description p.artist {
          font: 2em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.karenrodriguez-misinfluencias-takeover {
    background-image: url("/images/index2/promos/karenrodriguez/karenrodriguez-misinfluencias-bg.15d8b1c0.jpg"); }
    .page-index-2 .splash.tidal-takeover.karenrodriguez-misinfluencias-takeover .description {
      font-size: 18px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.karenrodriguez-misinfluencias-takeover .description {
          font-size: 24px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.karenrodriguez-misinfluencias-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.karenrodriguez-misinfluencias-takeover .description p.artist {
          font: 1.4em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.belly-lullaby-takeover {
    background-image: url("/images/index2/promos/belly/belly-lullaby-bg.9641f2c0.jpg"); }
    .page-index-2 .splash.tidal-takeover.belly-lullaby-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.belly-lullaby-takeover .description p {
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.belly-lullaby-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.belly-lullaby-takeover .description p.artist {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.belly-lullaby-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.belly-lullaby-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.nickiminaj-pinkprint-deluxe-takeover {
    background-image: url("/images/index2/promos/nickiminaj/nickiminaj-pinkprint-deluxe-bg.6f134a82.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.nickiminaj-pinkprint-deluxe-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.nickiminaj-pinkprint-deluxe-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.nickiminaj-pinkprint-deluxe-takeover .description p.artist {
        font: 2.95em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.nickiminaj-pinkprint-deluxe-takeover .description p.title {
        font: 1.15em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.nickiminaj-romanreloaded-deluxe-takeover {
    background-image: url("/images/index2/promos/nickiminaj/nickiminaj-romanreloaded-deluxe-bg.99edfb15.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.nickiminaj-romanreloaded-deluxe-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.nickiminaj-romanreloaded-deluxe-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.nickiminaj-romanreloaded-deluxe-takeover .description p.artist {
        font: 2.95em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.nickiminaj-romanreloaded-deluxe-takeover .description p.title {
        font: 1.1em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.nickiminaj-pinkfriday-deluxe-takeover {
    background-image: url("/images/index2/promos/nickiminaj/nickiminaj-pinkfriday-deluxe-bg.bb934b16.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.nickiminaj-pinkfriday-deluxe-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.nickiminaj-pinkfriday-deluxe-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.nickiminaj-pinkfriday-deluxe-takeover .description p.artist {
        font: 2.95em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.nickiminaj-pinkfriday-deluxe-takeover .description p.title {
        font: 1.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.lesliegrace-diganle-takeover {
    background-image: url("/images/index2/promos/lesliegrace/lesliegrace-diganle-bg.4bbffa0b.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.lesliegrace-diganle-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.lesliegrace-diganle-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.lesliegrace-diganle-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
      .page-index-2 .splash.tidal-takeover.lesliegrace-diganle-takeover .description p.feat {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
      .page-index-2 .splash.tidal-takeover.lesliegrace-diganle-takeover .description p.title {
        font: 2.5em/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.robertotapia-metocoperder-takeover {
    background-image: url("/images/index2/promos/robertotapia/robertotapia-metocoperder-bg.4c843871.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.robertotapia-metocoperder-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.robertotapia-metocoperder-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.robertotapia-metocoperder-takeover .description p.artist {
        font: 2.25em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.robertotapia-metocoperder-takeover .description p.title {
        font: 2em/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.chocquibtown-dineronohay-takeover {
    background-image: url("/images/index2/promos/chocquibtown/chocquibtown-dineronohay-bg.16cdc151.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.chocquibtown-dineronohay-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.chocquibtown-dineronohay-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.chocquibtown-dineronohay-takeover .description p.artist {
        font: 2em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
      .page-index-2 .splash.tidal-takeover.chocquibtown-dineronohay-takeover .description p.feat {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
      .page-index-2 .splash.tidal-takeover.chocquibtown-dineronohay-takeover .description p.title {
        font: 2.25em/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.vicmensa-rollinstoner-takeover {
    background-image: url("/images/index2/promos/vicmensa/vicmensa-rollinstoner-bg.04968365.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.vicmensa-rollinstoner-takeover .description {
        font-size: 21px; } }
    .page-index-2 .splash.tidal-takeover.vicmensa-rollinstoner-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.vicmensa-rollinstoner-takeover .description p.artist {
        font: 2.75em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.vicmensa-rollinstoner-takeover .description p.title {
        font: 1.55em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.jbalvin-migente-remix-takeover {
    background-image: url("/images/index2/promos/jbalvin/jbalvin-migente-remix-bg.54ae2cca.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.jbalvin-migente-remix-takeover .description {
        font-size: 21px; } }
    .page-index-2 .splash.tidal-takeover.jbalvin-migente-remix-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.jbalvin-migente-remix-takeover .description p.artist {
        font: 1.4em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
      .page-index-2 .splash.tidal-takeover.jbalvin-migente-remix-takeover .description p.feat {
        font: 2.325em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
      .page-index-2 .splash.tidal-takeover.jbalvin-migente-remix-takeover .description p.title {
        font: 2em/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.mitierra-colombia-takeover {
    background-image: url("/images/index2/promos/mitierra/mitierra-colombia-bg.000b14e0.jpg"); }
    .page-index-2 .splash.tidal-takeover.mitierra-colombia-takeover .description {
      font-size: 12px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.mitierra-colombia-takeover .description {
          font-size: 18px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.mitierra-colombia-takeover .description p {
        text-transform: uppercase;
        margin-left: 0; }
        .page-index-2 .splash.tidal-takeover.mitierra-colombia-takeover .description p.artist {
          font: 2.5em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.mitierra-colombia-takeover .description p.title {
          font: 1.25em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.mitierra-argentina-takeover {
    background-image: url("/images/index2/promos/mitierra/mitierra-argentina-bg.1e640ea0.jpg"); }
    .page-index-2 .splash.tidal-takeover.mitierra-argentina-takeover .description {
      font-size: 12px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.mitierra-argentina-takeover .description {
          font-size: 18px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.mitierra-argentina-takeover .description p {
        text-transform: uppercase;
        margin-left: 0; }
        .page-index-2 .splash.tidal-takeover.mitierra-argentina-takeover .description p.artist {
          font: 2.5em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.mitierra-argentina-takeover .description p.title {
          font: 1.25em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.daniellebradbery-hellosummer-takeover {
    background-image: url("/images/index2/promos/daniellebradbery/daniellebradbery-hellosummer-bg.b841836b.jpg"); }
    .page-index-2 .splash.tidal-takeover.daniellebradbery-hellosummer-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.daniellebradbery-hellosummer-takeover .description p.artist {
        font: 1.75em/1 "nationale-bold", sans-serif;
        margin-bottom: 8%; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.daniellebradbery-hellosummer-takeover .description p.artist {
            font-size: 2.5em; } }
      .page-index-2 .splash.tidal-takeover.daniellebradbery-hellosummer-takeover .description p.title {
        font: 2.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.daniellebradbery-hellosummer-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.daddyyankee-vuelve-takeover {
    background-image: url("/images/index2/promos/daddyyankee/daddyyankee-vuelve-bg.6e3d40dc.jpg"); }
    .page-index-2 .splash.tidal-takeover.daddyyankee-vuelve-takeover .description {
      font-size: 12px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.daddyyankee-vuelve-takeover .description {
          font-size: 18px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.daddyyankee-vuelve-takeover .description p {
        text-transform: uppercase;
        margin-left: 0; }
        .page-index-2 .splash.tidal-takeover.daddyyankee-vuelve-takeover .description p.artist {
          font: 2.5em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.daddyyankee-vuelve-takeover .description p.title {
          font: 1.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.flockofdimes-dna-takeover {
    background-image: url("/images/index2/promos/flockofdimes/flockofdimes-dna-bg.97616e7b.jpg"); }
    .page-index-2 .splash.tidal-takeover.flockofdimes-dna-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.flockofdimes-dna-takeover .description p.artist {
        font: 1.75em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.flockofdimes-dna-takeover .description p.artist {
            font-size: 2.4em; } }
      .page-index-2 .splash.tidal-takeover.flockofdimes-dna-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.flockofdimes-dna-takeover .description p.title {
            font-size: 2.75em; } }
  .page-index-2 .splash.tidal-takeover.louwill-pieceofmind-takeover {
    background-image: url("/images/index2/promos/louwill/louwill-pieceofmind-bg.f2709750.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.louwill-pieceofmind-takeover .description {
        font-size: 21px; } }
    .page-index-2 .splash.tidal-takeover.louwill-pieceofmind-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.louwill-pieceofmind-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.louwill-pieceofmind-takeover .description p.title {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.louwill-influences-takeover {
    background-image: url("/images/index2/promos/louwill/louwill-influences-bg.47754417.jpg"); }
    .page-index-2 .splash.tidal-takeover.louwill-influences-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.louwill-influences-takeover .description p.title {
        font: 2.5em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.louwill-tatnw-takeover {
    background-image: url("/images/index2/promos/louwill/louwill-thealbumthatneverwas-bg.05296153.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.louwill-tatnw-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.louwill-tatnw-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.louwill-tatnw-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.louwill-tatnw-takeover .description p.title {
        font: 1.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.farruko-forthecultura-takeover {
    background-image: url("/images/index2/promos/farruko/farruko-forthecultura-bg.f9a8c92d.jpg"); }
    .page-index-2 .splash.tidal-takeover.farruko-forthecultura-takeover .description {
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.farruko-forthecultura-takeover .description {
          font-size: 24px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.farruko-forthecultura-takeover .description p {
        text-transform: uppercase;
        margin-left: 0; }
        .page-index-2 .splash.tidal-takeover.farruko-forthecultura-takeover .description p.artist {
          font: 2.5em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.farruko-forthecultura-takeover .description p.title {
          font: 1.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.sidehustle-episode-takeover .description {
    font-size: 16px;
    letter-spacing: 1px; }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.sidehustle-episode-takeover .description {
        font-size: 21px; } }
    .page-index-2 .splash.tidal-takeover.sidehustle-episode-takeover .description p {
      text-transform: uppercase;
      margin: 0 0 10px;
      font: 1em/1.25 "nationale", "nationale-regular", "Helvetica", sans-serif; }
      .page-index-2 .splash.tidal-takeover.sidehustle-episode-takeover .description p.artist {
        font: 1.4em/1 "nationale-bold", sans-serif;
        letter-spacing: 2px; }
  .page-index-2 .splash.tidal-takeover.sidehustle-episode-takeover.just-blaze {
    background-image: url("/images/index2/promos/sidehustle/sidehustle-bg-ep1.d78b891f.jpg"); }
  .page-index-2 .splash.tidal-takeover.sidehustle-episode-takeover.sidehustle-episode-takeover--holyghost {
    background-image: url(/images/index2/promos/sidehustle/sidehustle-bg-ep2.8e8bc9c4.jpg); }
  .page-index-2 .splash.tidal-takeover.sidehustle-episode-takeover.jadakiss {
    background-image: url("/images/index2/promos/sidehustle/sidehustle-bg-ep3.a1c7d615.jpg"); }
  .page-index-2 .splash.tidal-takeover.sidehustle-takeover {
    background: url("/images/index2/promos/sidehustle/sidehustle-concrete-bg.18c1f261.jpg") top center/100% auto no-repeat #000;
    padding-top: 40px; }
    .page-index-2 .splash.tidal-takeover.sidehustle-takeover .header img {
      width: 100%;
      max-width: 650px;
      margin: 50px auto; }
    .page-index-2 .splash.tidal-takeover.sidehustle-takeover .header p.intro {
      font: 1em/1.5em "nationale", "nationale-regular", "Helvetica", sans-serif; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.sidehustle-takeover .header p.intro {
          max-width: 675px; } }
    .page-index-2 .splash.tidal-takeover.sidehustle-takeover .header hr {
      border: 0;
      height: 1px;
      background: #fff; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.sidehustle-takeover .header hr {
          width: 30%;
          margin: 50px auto; } }
    .page-index-2 .splash.tidal-takeover.sidehustle-takeover .video {
      padding: 60px 0; }
      .page-index-2 .splash.tidal-takeover.sidehustle-takeover .video p {
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.sidehustle-takeover .video p.title {
          font: 2.5em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.sidehustle-takeover .video p.author {
          font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
      .page-index-2 .splash.tidal-takeover.sidehustle-takeover .video .tidal-embed {
        max-width: 700px;
        margin: 50px auto; }
  .page-index-2 .splash.tidal-takeover.tip-birthday-takeover {
    background: #000; }
    .page-index-2 .splash.tidal-takeover.tip-birthday-takeover.header {
      padding: 40px 0 !important; }
      .page-index-2 .splash.tidal-takeover.tip-birthday-takeover.header img {
        width: 100%;
        max-width: 600px;
        margin: 0 auto; }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.tip-birthday-takeover.playlist .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.tip-birthday-takeover.playlist .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.tip-birthday-takeover.playlist .description p.artist {
        font: 2.25em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
      .page-index-2 .splash.tidal-takeover.tip-birthday-takeover.playlist .description p.title {
        font: 2.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
  .page-index-2 .splash.tidal-takeover.lecrae-cartest-takeover {
    background-image: url("/images/index2/promos/lecrae/lecrae-cartest-bg.57419b49.jpg"); }
    .page-index-2 .splash.tidal-takeover.lecrae-cartest-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.lecrae-cartest-takeover .description p.artist {
        font: 1.65em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.lecrae-cartest-takeover .description p.artist {
            font-size: 2.2em; } }
  .page-index-2 .splash.tidal-takeover.tydollasign-cartest-takeover {
    background-image: url("/images/index2/promos/tydollasign/tydollasign-cartest-bg.c6a272c4.jpg"); }
    .page-index-2 .splash.tidal-takeover.tydollasign-cartest-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.tydollasign-cartest-takeover .description p.artist {
        font: 1.35em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.tydollasign-cartest-takeover .description p.artist {
            font-size: 1.75em; } }
  .page-index-2 .splash.tidal-takeover.bigkrit-cartest-takeover {
    background-image: url("/images/index2/promos/bigkrit/bigkrit-cartest-bg.e4420968.jpg"); }
    .page-index-2 .splash.tidal-takeover.bigkrit-cartest-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.bigkrit-cartest-takeover .description p.artist {
        font: 1.65em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.bigkrit-cartest-takeover .description p.artist {
            font-size: 2.2em; } }
  .page-index-2 .splash.tidal-takeover.rapsody-cartest-takeover {
    background-image: url("/images/index2/promos/rapsody/rapsody-cartest-bg.6c7b5540.jpg"); }
    .page-index-2 .splash.tidal-takeover.rapsody-cartest-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.rapsody-cartest-takeover .description p.artist {
        font: 1.65em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.rapsody-cartest-takeover .description p.artist {
            font-size: 2.2em; } }
  .page-index-2 .splash.tidal-takeover.lilwayne-runitup-takeover {
    background-image: url("/images/index2/promos/lilwayne/lilwayne-runitup-bg.b05ea88e.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.lilwayne-runitup-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.lilwayne-runitup-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.lilwayne-runitup-takeover .description p.artist {
        font: 1.2em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.lilwayne-runitup-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.kristinkontrol-dna-takeover {
    background-image: url("/images/index2/promos/kristinkontrol/kristinkontrol-dna-bg.60e8cb40.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.kristinkontrol-dna-takeover .description {
        font-size: 20px; } }
    .page-index-2 .splash.tidal-takeover.kristinkontrol-dna-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.kristinkontrol-dna-takeover .description p.artist {
        font: 1.9em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.kristinkontrol-dna-takeover .description p.title {
        font: 2.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.nacho-happy-takeover {
    background-image: url("/images/index2/promos/nacho/nacho-happy-bg.1a030f27.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.nacho-happy-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.nacho-happy-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.nacho-happy-takeover .description p.artist {
        font: 1.25em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.nacho-happy-takeover .description p.title {
        font: 1.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.malutrevejo-lunallena-takeover {
    background-image: url("/images/index2/promos/malutrevejo/malutrevejo-lunallena-bg.26a040b0.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.malutrevejo-lunallena-takeover .description {
        font-size: 20px; } }
    .page-index-2 .splash.tidal-takeover.malutrevejo-lunallena-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.malutrevejo-lunallena-takeover .description p.artist {
        font: 2.25em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.malutrevejo-lunallena-takeover .description p.title {
        font: 1.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.eldasa-elhiiodeldesierto-takeover {
    background-image: url("/images/index2/promos/eldasa/eldasa-elhiiodeldesierto-bg.20190a03.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.eldasa-elhiiodeldesierto-takeover .description {
        font-size: 20px; } }
    .page-index-2 .splash.tidal-takeover.eldasa-elhiiodeldesierto-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.eldasa-elhiiodeldesierto-takeover .description p.artist {
        font: 2.25em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.eldasa-elhiiodeldesierto-takeover .description p.title {
        font: 1.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.kingkahn-itsjustbegun-takeover {
    background-image: url("/images/index2/promos/kingkahn/kingkahn-itsjustbegun-bg.1b3afa8c.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.kingkahn-itsjustbegun-takeover .description {
        font-size: 20px; } }
    .page-index-2 .splash.tidal-takeover.kingkahn-itsjustbegun-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.kingkahn-itsjustbegun-takeover .description p.artist {
        font: 3.1em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.kingkahn-itsjustbegun-takeover .description p.title {
        font: 2.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.tiwasavage-sugarcane-takeover {
    background-image: url("/images/index2/promos/tiwasavage/tiwasavage-sugarcane-bg.246e9221.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.tiwasavage-sugarcane-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.tiwasavage-sugarcane-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.tiwasavage-sugarcane-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.tiwasavage-sugarcane-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.corbin-hunkerdown-takeover {
    background-image: url("/images/index2/promos/corbin/corbin-hunkerdown-bg.934e69d6.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.corbin-hunkerdown-takeover .description {
        font-size: 20px; } }
    .page-index-2 .splash.tidal-takeover.corbin-hunkerdown-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.corbin-hunkerdown-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.corbin-hunkerdown-takeover .description p.title {
        font: 2.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.lecrae-allthingsworktogether-takeover {
    background-image: url("/images/index2/promos/lecrae/lecrae-allthingsworktogether-bg.9d07ed1d.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.lecrae-allthingsworktogether-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.lecrae-allthingsworktogether-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.lecrae-allthingsworktogether-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.lecrae-allthingsworktogether-takeover .description p.title {
        font: 1.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.dnce-goodday-remix-takeover {
    background-image: url("/images/index2/promos/dnce/dnce-goodday-remix-bg.f16f4164.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.dnce-goodday-remix-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.dnce-goodday-remix-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.dnce-goodday-remix-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.dnce-goodday-remix-takeover .description p.title {
        font: 2.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-bottom: 5px; }
      .page-index-2 .splash.tidal-takeover.dnce-goodday-remix-takeover .description p.remix {
        font: 1.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
  .page-index-2 .splash.tidal-takeover.g4shi-turnmedown-remix-takeover {
    background-image: url("/images/index2/promos/g4shi/g4shi-turnmedown-remix-bg.31b2fb3a.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.g4shi-turnmedown-remix-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.g4shi-turnmedown-remix-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.g4shi-turnmedown-remix-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.g4shi-turnmedown-remix-takeover .description p.title {
        font: 2.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-bottom: 5px; }
      .page-index-2 .splash.tidal-takeover.g4shi-turnmedown-remix-takeover .description p.remix {
        font: 1.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
  .page-index-2 .splash.tidal-takeover.moschino-afterparty-takeover {
    background: #000; }
    .page-index-2 .splash.tidal-takeover.moschino-afterparty-takeover .takeover-description img {
      width: 100%;
      max-width: 600px;
      margin: 50px auto;
      display: block; }
      .page-index-2 .splash.tidal-takeover.moschino-afterparty-takeover .takeover-description img.logos {
        max-width: 100px; }
  .page-index-2 .splash.tidal-takeover.pabllovittar-brasil-takeover {
    background-image: url("/images/index2/promos/pabllovittar/pabllovittar-brasil-bg.570232fd.jpg"); }
    .page-index-2 .splash.tidal-takeover.pabllovittar-brasil-takeover .description {
      font-size: 18px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.pabllovittar-brasil-takeover .description {
          font-size: 30px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.pabllovittar-brasil-takeover .description p {
        font: 1em/1 "nationale-demibold", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.pabllovittar-brasil-takeover .description p.artist {
          font: 1.75em/1 "nationale-bold", sans-serif;
          margin-bottom: 20px; }
        .page-index-2 .splash.tidal-takeover.pabllovittar-brasil-takeover .description p.title {
          font-size: 0.85em; }
  .page-index-2 .splash.tidal-takeover.nickjonas-findyou-video-takeover {
    background-image: url("/images/index2/promos/nickjonas/nickjonas-findyou-video-bg.7f4ea809.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.nickjonas-findyou-video-takeover .description {
        font-size: 21px; } }
    .page-index-2 .splash.tidal-takeover.nickjonas-findyou-video-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.nickjonas-findyou-video-takeover .description p.artist {
        font: 2.75em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.nickjonas-findyou-video-takeover .description p.title {
        font: 3em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover .logo,
  .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover .embed-wrapper {
    margin: 0 auto;
    max-width: 580px; }
    .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover .logo.tile,
    .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover .embed-wrapper.tile {
      margin-top: 20px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover .logo.tile,
        .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover .embed-wrapper.tile {
          display: none; } }
  .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover .logo,
  .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover .link-wrapper {
    margin-bottom: 60px; }
  .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover .cta-wrapper {
    margin-bottom: 25px; }
    .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover .cta-wrapper .cta-btn {
      border-color: #00ffff;
      color: #00ffff; }
  .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover .link {
    text-transform: uppercase;
    letter-spacing: 1px;
    font: 12px/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover .text {
    margin: 0 auto 30px;
    max-width: 620px;
    font-size: 14px;
    line-height: 1.5;
    text-transform: uppercase;
    letter-spacing: 1px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover .text {
        font-size: 18px;
        margin-bottom: 60px; } }
    .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover .text.presale {
      font: 1.25em/1.25em "nationale-bold", sans-serif;
      max-width: 280px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover .text.presale {
          font-size: 1.75em;
          max-width: 100%; } }
  .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover .divider {
    background: #fff;
    display: block;
    margin: 0 auto 30px;
    left: 0;
    right: 0;
    height: 1px;
    width: 140px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover .divider {
        margin-bottom: 60px; } }
  .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover .lineup {
    max-width: 900px;
    width: 90%;
    margin: 0 auto; }
  .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover .hosting {
    position: relative;
    z-index: 2;
    margin: 30px auto;
    font-size: 8px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover .hosting {
        margin: 60px auto;
        font-size: 18px; } }
    .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover .hosting p {
      margin: 0 auto 10px;
      font-size: 1em;
      letter-spacing: 2px;
      text-transform: uppercase;
      max-width: 675px; }
      .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover .hosting p.hosted {
        font: 1.5em/1 "nationale-demibold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover .hosting p.special {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
      .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover .hosting p.appearances {
        font: 1.1em/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover .partners {
    width: 269px;
    max-width: 100%;
    display: block;
    margin: 40px auto; }
  .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover.puerto-rico p {
    margin-bottom: 60px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover.puerto-rico p {
        max-width: 710px; } }
    .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover.puerto-rico p.copy {
      font: 1.25em/1.5em "nationale", "nationale-regular", "Helvetica", sans-serif; }
      .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover.puerto-rico p.copy.location {
        text-decoration: underline; }
      .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover.puerto-rico p.copy + .location {
        margin-top: 40px; }
      .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover.puerto-rico p.copy.location, .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover.puerto-rico p.copy.address {
        margin-bottom: 20px; }
      .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover.puerto-rico p.copy.thanks {
        text-transform: uppercase;
        font: 1.6em/1.2 "nationale-demibold", sans-serif;
        letter-spacing: 2px; }
    .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover.puerto-rico p.tagline {
      text-transform: uppercase;
      font: 1.5em/1.5em "nationale", "nationale-regular", "Helvetica", sans-serif;
      letter-spacing: 3px; }
  .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover.puerto-rico .cta-wrapper {
    margin-bottom: 60px; }
  .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover.puerto-rico img {
    width: 100%;
    image-rendering: -webkit-optimize-contrast; }
    .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover.puerto-rico img.logo {
      max-width: 650px; }
    .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover.puerto-rico img.plane {
      max-width: 800px;
      margin-bottom: 60px; }
  .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover p.unable {
    font: 1.4em/1.25 "nationale-demibold", sans-serif;
    max-width: 640px;
    text-align: center;
    margin: 30px auto 50px; }
  .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-takeover .amazon {
    font-family: "nationale-demibold", sans-serif;
    display: block;
    max-width: 220px;
    padding: 13px;
    text-decoration: none;
    border: 2px solid #fff;
    border-radius: 3px;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 1px; }
  .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-video-bg {
    display: none;
    position: relative;
    max-height: 90vh;
    max-height: calc(100vh - 60px);
    overflow: hidden;
    padding: 0; }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-video-bg {
        display: block; } }
    .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-video-bg .logo {
      margin-bottom: 0; }
    .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-video-bg .padding-placeholder {
      padding-top: 56.25%; }
    .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-video-bg .welcome-mat-wrapper {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
    .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-video-bg:after {
      content: '';
      position: absolute;
      height: 20%;
      left: 0;
      right: 0;
      bottom: 0;
      background: -moz-linear-gradient(top, transparent 0%, #000 100%);
      background: -webkit-linear-gradient(top, transparent 0%, #000 100%);
      background: linear-gradient(to bottom, transparent 0%, #000 100%); }
    .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-video-bg video {
      position: absolute;
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover; }
  .page-index-2 .splash.tidal-takeover.keyonharrold-staythisway-takeover {
    background-image: url(/images/index2/promos/keyonharrold/keyonharrold-staythisway-bg.51a527fa.jpg); }
    .page-index-2 .splash.tidal-takeover.keyonharrold-staythisway-takeover .description {
      font-size: 28px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.keyonharrold-staythisway-takeover .description {
          font-size: 54px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.keyonharrold-staythisway-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.keyonharrold-staythisway-takeover .description p.artist {
          font: 0.875em/1 "nationale-bold", sans-serif;
          margin-bottom: 6%; }
  .page-index-2 .splash.tidal-takeover.themeadows-artist-vod-takeover {
    background: #131b28; }
    .page-index-2 .splash.tidal-takeover.themeadows-artist-vod-takeover img.logo {
      width: 100%;
      max-width: 150px;
      margin-left: 0; }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.themeadows-artist-vod-takeover .description {
        font-size: 20px; } }
    .page-index-2 .splash.tidal-takeover.themeadows-artist-vod-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.themeadows-artist-vod-takeover .description p.artist {
        font: 1em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
      .page-index-2 .splash.tidal-takeover.themeadows-artist-vod-takeover .description p.title {
        margin-top: 5px;
        font: 1.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
    .page-index-2 .splash.tidal-takeover.themeadows-artist-vod-takeover.short-name .description p.artist {
      font-size: 3.5em; }
    .page-index-2 .splash.tidal-takeover.themeadows-artist-vod-takeover.mid-name .description p.artist {
      font-size: 2.5em; }
    .page-index-2 .splash.tidal-takeover.themeadows-artist-vod-takeover.long-name .description p.artist {
      font-size: 2em; }
    .page-index-2 .splash.tidal-takeover.themeadows-artist-vod-takeover.xtra-long-name .description p.artist {
      font-size: 1.75em; }
    .page-index-2 .splash.tidal-takeover.themeadows-artist-vod-takeover.longest-name .description p.artist {
      font-size: 1.4em; }
    .page-index-2 .splash.tidal-takeover.themeadows-artist-vod-takeover.st-paul .description p.artist {
      font-size: 1.15em; }
  .page-index-2 .splash.tidal-takeover.toucheamore-bbcradio-takeover {
    background-image: url("/images/index2/promos/toucheamore/toucheamore-bbcradio1-bg.f4af34bc.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.toucheamore-bbcradio-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.toucheamore-bbcradio-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.toucheamore-bbcradio-takeover .description p.artist {
        font: 2em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.toucheamore-bbcradio-takeover .description p.title {
        font: 1.25em/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.latinx17-orgullolatinx-takeover {
    background-image: url("/images/index2/promos/latinx17/latinx17-orgullolatinx-bg.93cb479e.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.latinx17-orgullolatinx-takeover .description {
        font-size: 23px; } }
    .page-index-2 .splash.tidal-takeover.latinx17-orgullolatinx-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.latinx17-orgullolatinx-takeover .description p.title {
        font: 2.75em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.latinx17-mexico-playlist-takeover {
    background-image: url("/images/index2/promos/latinx17/latinx17-mexico-playlist-bg.ac3a7f10.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.latinx17-mexico-playlist-takeover .description {
        font-size: 23px; } }
    .page-index-2 .splash.tidal-takeover.latinx17-mexico-playlist-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.latinx17-mexico-playlist-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.latinx17-mexico-playlist-takeover .description p.title {
        font: 2.5em/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.latinx17-announce-takeover {
    background: url("/images/index2/promos/latinx17/latinx17-babyfists.38fd4d75.png") bottom center/300px 106px no-repeat #e5d9c3;
    image-rendering: -webkit-optimize-contrast;
    padding-bottom: 150px; }
    .page-index-2 .splash.tidal-takeover.latinx17-announce-takeover .takeover-description img.title {
      width: 100%;
      max-width: 700px; }
    .page-index-2 .splash.tidal-takeover.latinx17-announce-takeover .takeover-description p.date {
      color: #f94419;
      font: 1.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
      padding: 20px 0; }
    .page-index-2 .splash.tidal-takeover.latinx17-announce-takeover .takeover-description .cta-wrapper {
      max-width: 700px; }
      .page-index-2 .splash.tidal-takeover.latinx17-announce-takeover .takeover-description .cta-wrapper .cta-btn {
        color: #f94419;
        border-color: #f94419; }
  .page-index-2 .splash.tidal-takeover.delaghetto-laformula-takeover {
    background-image: url("/images/index2/promos/delaghetto/delaghetto-laformula-bg.c5573745.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.delaghetto-laformula-takeover .description {
        font-size: 21px; } }
    .page-index-2 .splash.tidal-takeover.delaghetto-laformula-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.delaghetto-laformula-takeover .description p.artist {
        font: 2.35em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
      .page-index-2 .splash.tidal-takeover.delaghetto-laformula-takeover .description p.feat {
        font: 1.1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
      .page-index-2 .splash.tidal-takeover.delaghetto-laformula-takeover .description p.title {
        font: 2em/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.shakira-perrofiel-takeover {
    background-image: url("/images/index2/promos/shakira/shakira-perrofiel-bg.ce5b259e.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.shakira-perrofiel-takeover .description {
        font-size: 21px; } }
    .page-index-2 .splash.tidal-takeover.shakira-perrofiel-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.shakira-perrofiel-takeover .description p.artist {
        font: 3.8em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
      .page-index-2 .splash.tidal-takeover.shakira-perrofiel-takeover .description p.feat {
        font: 2.15em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
      .page-index-2 .splash.tidal-takeover.shakira-perrofiel-takeover .description p.title {
        font: 2.5em/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.alejandro-tienesqueentender-takeover {
    background-image: url("/images/index2/promos/alejandrofernandez/alejandro-tienesqueentender-bg.348f1b1f.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.alejandro-tienesqueentender-takeover .description {
        font-size: 25px; } }
    .page-index-2 .splash.tidal-takeover.alejandro-tienesqueentender-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.alejandro-tienesqueentender-takeover .description p.artist {
        font: 1.45em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.alejandro-tienesqueentender-takeover .description p.title {
        font: 1.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.luisfonsi-partyanimal-takeover {
    background-image: url("/images/index2/promos/luisfonsi/luisfonsi-partyanimal-bg.9ecaf9f1.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.luisfonsi-partyanimal-takeover .description {
        font-size: 25px; } }
    .page-index-2 .splash.tidal-takeover.luisfonsi-partyanimal-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.luisfonsi-partyanimal-takeover .description p.artist {
        font: 1.25em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.luisfonsi-partyanimal-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.youngparis-letmeloveyou-takeover {
    background-image: url("/images/index2/promos/youngparis/youngparis-letmeloveyou-bg.66cdf890.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.youngparis-letmeloveyou-takeover .description {
        font-size: 25px; } }
    .page-index-2 .splash.tidal-takeover.youngparis-letmeloveyou-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.youngparis-letmeloveyou-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.youngparis-letmeloveyou-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.floggingmolly-reptiles-takeover {
    background-image: url("/images/index2/promos/floggingmolly/floggingmolly-reptiles-video-bg.fa3b1f22.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.floggingmolly-reptiles-takeover .description {
        font-size: 21px; } }
    .page-index-2 .splash.tidal-takeover.floggingmolly-reptiles-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.floggingmolly-reptiles-takeover .description p.artist {
        font: 1.95em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.floggingmolly-reptiles-takeover .description p.title {
        font: 1.45em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.wench-videos-takeover {
    background-image: url("/images/index2/promos/wench/wench-videos-bg.9f653015.jpg"); }
    .page-index-2 .splash.tidal-takeover.wench-videos-takeover .takeover-description img.wench-logo {
      width: 90%;
      max-width: 500px; }
  .page-index-2 .splash.tidal-takeover.fantasticnegrito-pushback-takeover {
    background-image: url("/images/index2/promos/fantasticnegrito/fantasticnegrito-pushback-bg.b669e096.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.fantasticnegrito-pushback-takeover .description {
        font-size: 22px; } }
    .page-index-2 .splash.tidal-takeover.fantasticnegrito-pushback-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.fantasticnegrito-pushback-takeover .description p.artist {
        font: 2.75em/1.25em "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.fantasticnegrito-pushback-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.maleekberry-whereimfrom-takeover {
    background-image: url("/images/index2/promos/maleekberry/maleekberry-whereimfrom-bg.76358ff9.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.maleekberry-whereimfrom-takeover .description {
        font-size: 21px; } }
    .page-index-2 .splash.tidal-takeover.maleekberry-whereimfrom-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.maleekberry-whereimfrom-takeover .description p.artist {
        font: 2.25em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.maleekberry-whereimfrom-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.meekmill-teamrich-takeover {
    background-image: url("/images/index2/promos/meekmill/meekmill-teamrich-bg.089aa4ff.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.meekmill-teamrich-takeover .description {
        font-size: 22px; } }
    .page-index-2 .splash.tidal-takeover.meekmill-teamrich-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.meekmill-teamrich-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.meekmill-teamrich-takeover .description p.title {
        font: 2.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.leonardfournette-7-takeover {
    background-image: url("/images/index2/promos/leonardfournette/leonardfournette-7-bg.0a94a3b6.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.leonardfournette-7-takeover .description {
        font-size: 21px; } }
    .page-index-2 .splash.tidal-takeover.leonardfournette-7-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.leonardfournette-7-takeover .description p.artist {
        font: 1.5em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.leonardfournette-7-takeover .description p.title {
        font: 3em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.aliciavillarreal-lavillarreal-takeover {
    background-image: url("/images/index2/promos/aliciavillarreal/aliciavillarreal-lavillarreal-bg.6065f8e3.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.aliciavillarreal-lavillarreal-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.aliciavillarreal-lavillarreal-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.aliciavillarreal-lavillarreal-takeover .description p.artist {
        font: 1.85em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.aliciavillarreal-lavillarreal-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.larryhernandez-loblanco-takeover {
    background-image: url("/images/index2/promos/larryhernandez/larryhernandez-loblanco-bg.903ec3f1.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.larryhernandez-loblanco-takeover .description {
        font-size: 22px; } }
    .page-index-2 .splash.tidal-takeover.larryhernandez-loblanco-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.larryhernandez-loblanco-takeover .description p.artist {
        font: 1.75em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.larryhernandez-loblanco-takeover .description p.title {
        font: 1.1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.bandaelrecodo-malditomiedo-takeover {
    background-image: url("/images/index2/promos/bandaelrecodo/bandaelrecodo-malditomiedo-bg.5cf77978.jpg"); }
    .page-index-2 .splash.tidal-takeover.bandaelrecodo-malditomiedo-takeover .description {
      font-size: 24px; }
      .page-index-2 .splash.tidal-takeover.bandaelrecodo-malditomiedo-takeover .description p {
        text-transform: uppercase;
        margin-left: 0; }
        .page-index-2 .splash.tidal-takeover.bandaelrecodo-malditomiedo-takeover .description p.artist {
          font: 1.75em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.bandaelrecodo-malditomiedo-takeover .description p.title {
          font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.thenational-sleepwellbeast-takeover.header {
    background-image: url("/images/index2/promos/thenational/thenational-header.8c8ea8a9.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.thenational-sleepwellbeast-takeover.header {
        font-size: 25px;
        padding: 100px 0; } }
    .page-index-2 .splash.tidal-takeover.thenational-sleepwellbeast-takeover.header p.title {
      font: 2em/1 "nationale-bold", sans-serif;
      text-transform: uppercase; }
    .page-index-2 .splash.tidal-takeover.thenational-sleepwellbeast-takeover.header p.subtitle {
      font: 1.5em/1 "nationale-bold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.thenational-sleepwellbeast-takeover.header .cta-wrapper {
      margin-top: 50px; }
  .page-index-2 .splash.tidal-takeover.thenational-sleepwellbeast-takeover.content.album-right {
    background-image: url("/images/index2/promos/thenational/thenational-album-bg.5f0b7109.jpg"); }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.thenational-sleepwellbeast-takeover.content.album-right .takeover-left {
        float: right;
        margin-right: 9%;
        margin-left: 6%; } }
    .page-index-2 .splash.tidal-takeover.thenational-sleepwellbeast-takeover.content.album-right .takeover-right {
      padding-top: 0; }
  .page-index-2 .splash.tidal-takeover.thenational-sleepwellbeast-takeover.content.essentials {
    background-image: url("/images/index2/promos/thenational/thenational-essentials-bg.246bbe7e.jpg"); }
  .page-index-2 .splash.tidal-takeover.thenational-sleepwellbeast-takeover.content.side-projects {
    background-image: url("/images/index2/promos/thenational/thenational-sideprojects-bg.fe3da05d.jpg"); }
    .page-index-2 .splash.tidal-takeover.thenational-sleepwellbeast-takeover.content.side-projects .takeover-right {
      padding-top: 30px; }
  .page-index-2 .splash.tidal-takeover.thenational-sleepwellbeast-takeover.content .description p {
    margin-left: 0; }
    .page-index-2 .splash.tidal-takeover.thenational-sleepwellbeast-takeover.content .description p.copy {
      font: 1.5em/1.25em "nationale-demibold", sans-serif;
      padding-bottom: 20px; }
    .page-index-2 .splash.tidal-takeover.thenational-sleepwellbeast-takeover.content .description p.title {
      text-transform: uppercase;
      font: 2.5em/1.25em "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.arcadefire-kanavalkanpe-takeover {
    background-image: url("/images/index2/promos/arcadefire/arcadefire-kanavalkanpe-bg.02c8d64f.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.arcadefire-kanavalkanpe-takeover .description {
        font-size: 21px; } }
    .page-index-2 .splash.tidal-takeover.arcadefire-kanavalkanpe-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.arcadefire-kanavalkanpe-takeover .description p.artist {
        font: 2.6em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.arcadefire-kanavalkanpe-takeover .description p.title {
        font: 2em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.theeffects-anchorsaweigh-takeover {
    background-image: url("/images/index2/promos/effects/effects-anchorsaweigh-bg.9c84cb65.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.theeffects-anchorsaweigh-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.theeffects-anchorsaweigh-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.theeffects-anchorsaweigh-takeover .description p.artist {
        font: 2.75em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.theeffects-anchorsaweigh-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.youngmartha-homie-takeover {
    background-image: url("/images/index2/promos/youngthug/youngthug-homie-bg.edc42746.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.youngmartha-homie-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.youngmartha-homie-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.youngmartha-homie-takeover .description p.artist {
        font: 2.2em/1.25em "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.youngmartha-homie-takeover .description p.title {
        font: 1.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.mtjoy-whereimfrom-takeover {
    background-image: url("/images/index2/promos/mtjoy/mtjoy-whereimfrom-bg.7d3691c6.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.mtjoy-whereimfrom-takeover .description {
        font-size: 22px; } }
    .page-index-2 .splash.tidal-takeover.mtjoy-whereimfrom-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.mtjoy-whereimfrom-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.mtjoy-whereimfrom-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.jaysom-dna-takeover {
    background-image: url("/images/index2/promos/jaysom/jaysom-dna-bg.c62a3ed0.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.jaysom-dna-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.jaysom-dna-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.jaysom-dna-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.jaysom-dna-takeover .description p.title {
        font: 2.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.mercedesbenz-playlists-takeover .description p {
    margin-left: 0; }
    .page-index-2 .splash.tidal-takeover.mercedesbenz-playlists-takeover .description p.artist {
      text-transform: uppercase;
      font: 1.75em/1.25em "nationale-bold", sans-serif; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.mercedesbenz-playlists-takeover .description p.artist {
          font-size: 2.75em; } }
    .page-index-2 .splash.tidal-takeover.mercedesbenz-playlists-takeover .description p.title {
      font: 1.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.mercedesbenz-playlists-takeover.classic-selection {
    background-image: url("/images/index2/promos/mercedesbenz/mercedesbenz-classicselection-bg.9e72aabb.jpg"); }
  .page-index-2 .splash.tidal-takeover.mercedesbenz-playlists-takeover.date-night {
    background-image: url("/images/index2/promos/mercedesbenz/mercedesbenz-datenight-bg.b68f7bb9.jpg"); }
  .page-index-2 .splash.tidal-takeover.mercedesbenz-playlists-takeover.drive-to-party {
    background-image: url("/images/index2/promos/mercedesbenz/mercedesbenz-drivetoparty-bg.99bc86de.jpg"); }
  .page-index-2 .splash.tidal-takeover.mercedesbenz-playlists-takeover.energy-boost {
    background-image: url("/images/index2/promos/mercedesbenz/mercedesbenz-energyboost-bg.db2bdf8b.jpg"); }
  .page-index-2 .splash.tidal-takeover.mercedesbenz-playlists-takeover.highway-driving {
    background-image: url("/images/index2/promos/mercedesbenz/mercedesbenz-highwaydriving-bg.643e51e5.jpg"); }
  .page-index-2 .splash.tidal-takeover.mercedesbenz-playlists-takeover.relaxed-beats {
    background-image: url("/images/index2/promos/mercedesbenz/mercedesbenz-relaxedbeats-bg.9b84dc52.jpg"); }
  .page-index-2 .splash.tidal-takeover.mercedesbenz-playlists-takeover.road-trip {
    background-image: url("/images/index2/promos/mercedesbenz/mercedesbenz-roadtrip-bg.a532e40b.jpg"); }
  .page-index-2 .splash.tidal-takeover.mercedesbenz-playlists-takeover.summer-vibes {
    background-image: url("/images/index2/promos/mercedesbenz/mercedesbenz-summervibes-bg.2696dbea.jpg"); }
  .page-index-2 .splash.tidal-takeover.mercedesbenz-playlists-takeover.time-to-grow {
    background-image: url("/images/index2/promos/mercedesbenz/mercedesbenz-timetogrow-bg.158ee140.jpg"); }
  .page-index-2 .splash.tidal-takeover.ninazilli-article-takeover {
    background-color: #fff; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.ninazilli-article-takeover .takeover-right {
        padding-top: 0; } }
    .page-index-2 .splash.tidal-takeover.ninazilli-article-takeover .description p {
      color: #000;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.ninazilli-article-takeover .description p.title {
        font: 2em/1.5em "nationale-demibold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.ninazilli-article-takeover .description p.copy {
        font: 1em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif;
        padding-bottom: 20px; }
    .page-index-2 .splash.tidal-takeover.ninazilli-article-takeover .cta-wrapper .cta-btn {
      color: #000;
      border-color: #000; }
    .page-index-2 .splash.tidal-takeover.ninazilli-article-takeover .cta-wrapper .cta-btn.cta-btn--solid {
      color: #fff;
      background-color: #000; }
  .page-index-2 .splash.tidal-takeover.ninazilli-modernart-takeover {
    background-image: url("/images/index2/promos/ninazilli/ninazilli-modernart-bg.520c38c3.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.ninazilli-modernart-takeover .description {
        font-size: 25px; } }
    .page-index-2 .splash.tidal-takeover.ninazilli-modernart-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.ninazilli-modernart-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.ninazilli-modernart-takeover .description p.title {
        font: 1.25em/1.5em "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.titoelbambino-dilelaverdad-takeover {
    background-image: url("/images/index2/promos/titoelbambino/titoelbambino-dilelaverdad-bg.f9e11c29.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.titoelbambino-dilelaverdad-takeover .description {
        font-size: 24px; } }
    .page-index-2 .splash.tidal-takeover.titoelbambino-dilelaverdad-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.titoelbambino-dilelaverdad-takeover .description p.artist {
        font: 2em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
      .page-index-2 .splash.tidal-takeover.titoelbambino-dilelaverdad-takeover .description p.feat {
        font: 1.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
      .page-index-2 .splash.tidal-takeover.titoelbambino-dilelaverdad-takeover .description p.title {
        font: 2em/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover {
    background-color: #0c0c0c; }
    .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.temp-top {
      background-color: rgba(0, 0, 0, 0.75); }
      .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.temp-top .tidalx {
        display: block;
        margin: 0 auto;
        width: 90%;
        max-width: 600px; }
    .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover p {
      font: 1.25em/1.5em "nationale", "nationale-regular", "Helvetica", sans-serif; }
    .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.livestream-mat {
      background-color: #000; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.livestream-mat {
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center top;
          background-image: url(/images/index2/promos/mercedesbenz/mercedesbenz-livestream-bg.36305609.jpg); } }
      .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.livestream-mat .welcome-mat-wrapper {
        position: relative; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.livestream-mat .welcome-mat-wrapper {
            min-height: 90vh; } }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.livestream-mat .welcome-mat-wrapper .takeover-full {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0; } }
      .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.livestream-mat .iggy {
        display: block;
        max-width: 200px;
        margin: 0 auto 30px;
        border-radius: 20px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.livestream-mat .iggy {
            display: none; } }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.livestream-mat .description {
          font-size: 22px; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.livestream-mat .description {
          font-size: 26px; } }
      .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.livestream-mat .description p {
        text-transform: uppercase; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.livestream-mat .description p {
            max-width: 750px; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.livestream-mat .description p {
            max-width: 800px; } }
        .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.livestream-mat .description p.title {
          font: 1.5em/1 "nationale-bold", sans-serif;
          margin-bottom: 5px; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.livestream-mat .description p.title {
              font-size: 2em;
              letter-spacing: 2px; } }
        .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.livestream-mat .description p.partnership {
          font: 1.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
          margin-top: 5px;
          padding-bottom: 20px;
          letter-spacing: 1px; }
        .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.livestream-mat .description p.when {
          font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
          margin-bottom: 5px; }
        .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.livestream-mat .description p.time {
          font: 1.25em/1.25em "nationale-demibold", sans-serif;
          margin-top: 5px; }
          .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.livestream-mat .description p.time span.line-break {
            display: block; }
            @media (min-width: 768px) {
              .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.livestream-mat .description p.time span.line-break {
                display: inline; } }
        .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.livestream-mat .description p.live {
          font: 1em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif; }
          .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.livestream-mat .description p.live span.line-break {
            display: block; }
            @media (min-width: 768px) {
              .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.livestream-mat .description p.live span.line-break {
                display: inline; }
                .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.livestream-mat .description p.live span.line-break:before {
                  content: "\00a0 \007C \00a0"; } }
      .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.livestream-mat img.tidalx {
        width: 90%;
        padding: 20px 0; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.livestream-mat img.tidalx {
            max-width: 300px; } }
    .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.page-nav .nav-link {
      display: inline-block;
      width: 48%;
      border-bottom: 2px solid #fff;
      min-height: 195px;
      vertical-align: top;
      cursor: pointer; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.page-nav .nav-link {
          min-height: 175px; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.page-nav .nav-link {
          width: 18%;
          margin: 0 3%; } }
      .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.page-nav .nav-link a {
        text-align: left;
        text-decoration: none; }
        .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.page-nav .nav-link a:hover {
          opacity: 0.75; }
        .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.page-nav .nav-link a p {
          font-family: "nationale-bold", sans-serif; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.about-section .takeover-left, .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.playlist .takeover-left {
        width: 35%;
        padding-left: 5%;
        margin-right: 3%; }
      .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.about-section .takeover-right, .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.playlist .takeover-right {
        padding-top: 0; } }
    .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.about-section p.title, .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.playlist p.title {
      font-family: "nationale-bold", sans-serif; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.about-section p.title, .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.playlist p.title {
          text-align: left; } }
    .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.about-section .button {
      display: block;
      text-decoration: none;
      max-width: 200px;
      border: 1px solid #fff;
      border-radius: 3px;
      padding: 13px;
      text-align: center;
      color: #fff;
      text-transform: uppercase;
      margin: 20px;
      letter-spacing: 2px; }
    .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.about-section p.copy.bold {
      font-family: "nationale-bold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.about-section img {
      width: 75%;
      padding: 50px 0; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.mercedes-benz-takeover.about-section img {
          max-width: 225px;
          margin-left: 0;
          display: block; } }
  .page-index-2 .splash.tidal-takeover.wnba-announcement-takeover {
    background-image: url("/images/index2/promos/wnba/wnba-livestream-bg.a9a155b2.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.wnba-announcement-takeover .takeover-description {
        font-size: 26px; } }
    .page-index-2 .splash.tidal-takeover.wnba-announcement-takeover .takeover-description p {
      text-transform: uppercase; }
      .page-index-2 .splash.tidal-takeover.wnba-announcement-takeover .takeover-description p.tidalx {
        font: 2.25em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.wnba-announcement-takeover .takeover-description p.tidalx {
            letter-spacing: 4px; } }
      .page-index-2 .splash.tidal-takeover.wnba-announcement-takeover .takeover-description p.subtitle {
        font: 0.9em/1 "nationale-demibold", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.wnba-announcement-takeover .takeover-description p.subtitle {
            letter-spacing: 2px; } }
      .page-index-2 .splash.tidal-takeover.wnba-announcement-takeover .takeover-description p.datetime {
        font: 1.25em/1.25em "nationale-demibold", sans-serif;
        padding: 20px 0; }
      .page-index-2 .splash.tidal-takeover.wnba-announcement-takeover .takeover-description p.hashtag {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        padding-bottom: 20px; }
    .page-index-2 .splash.tidal-takeover.wnba-announcement-takeover .takeover-description img {
      margin: auto;
      display: block;
      image-rendering: -webkit-optimize-contrast; }
      .page-index-2 .splash.tidal-takeover.wnba-announcement-takeover .takeover-description img.versus-logos {
        width: 100%;
        max-width: 600px;
        padding-bottom: 50px; }
      .page-index-2 .splash.tidal-takeover.wnba-announcement-takeover .takeover-description img.wnba-logo {
        width: 50px;
        padding-top: 20px; }
  .page-index-2 .splash.tidal-takeover.olubliss-fivealbums-takeover {
    background-image: url("/images/index2/promos/olubliss/olubliss-5albums-bg.4a23208c.jpg"); }
    .page-index-2 .splash.tidal-takeover.olubliss-fivealbums-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.olubliss-fivealbums-takeover .description p.artist {
        font: 2.6em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.olubliss-fivealbums-takeover .description p.artist {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.olubliss-fivealbums-takeover .description p.title {
        font: 1.9em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.olubliss-fivealbums-takeover .description p.title {
            font-size: 2.55em; } }
  .page-index-2 .splash.tidal-takeover.karenrodriguez-fivealbums-takeover {
    background-image: url("/images/index2/promos/karenrodriguez/karenrodriguez-fivealbums-bg.446faf90.jpg"); }
    .page-index-2 .splash.tidal-takeover.karenrodriguez-fivealbums-takeover .description {
      font-size: 18px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.karenrodriguez-fivealbums-takeover .description {
          font-size: 24px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.karenrodriguez-fivealbums-takeover .description p {
        font: 1em/1.25 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.karenrodriguez-fivealbums-takeover .description p.artist {
          font: 1.4em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.chiquis-volver-takeover {
    background-image: url("/images/index2/promos/chiquis/chiquis-volver-bg.e8d5fd60.jpg"); }
    .page-index-2 .splash.tidal-takeover.chiquis-volver-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.chiquis-volver-takeover .description p.artist {
        font: 3.4em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.chiquis-volver-takeover .description p.artist {
            font-size: 4.5em; } }
      .page-index-2 .splash.tidal-takeover.chiquis-volver-takeover .description p.title {
        font: 1.9em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.chiquis-volver-takeover .description p.title {
            font-size: 2.55em; } }
  .page-index-2 .splash.tidal-takeover.happyness-dna-takeover {
    background-image: url("/images/index2/promos/happyness/happyness-dna-bg.d4609546.jpg"); }
    .page-index-2 .splash.tidal-takeover.happyness-dna-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.happyness-dna-takeover .description p.artist {
        font: 2.6em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.happyness-dna-takeover .description p.artist {
            font-size: 3.25em; } }
      .page-index-2 .splash.tidal-takeover.happyness-dna-takeover .description p.title {
        font: 1.9em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.happyness-dna-takeover .description p.title {
            font-size: 2.55em; } }
  .page-index-2 .splash.tidal-takeover.jayz-dreamon-takeover {
    background-image: url("/images/index2/promos/jayz/jayz-dreamon-bg.fee561be.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.jayz-dreamon-takeover .description {
        font-size: 20px; } }
    .page-index-2 .splash.tidal-takeover.jayz-dreamon-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.jayz-dreamon-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.jayz-dreamon-takeover .description p.title {
        font: 2.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.lcd-american-dream-takeover p {
    margin-left: 0; }
    .page-index-2 .splash.tidal-takeover.lcd-american-dream-takeover p.title {
      text-transform: uppercase;
      font: 2.25em/1.5 "nationale-bold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.lcd-american-dream-takeover p.text {
      font: 1.125em/1.5 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  @media (min-width: 768px) {
    .page-index-2 .splash.tidal-takeover.lcd-american-dream-takeover .tidal-embed-padding {
      padding-top: 15%; } }
  .page-index-2 .splash.tidal-takeover.lcd-american-dream-takeover .cta-wrapper {
    overflow: hidden;
    max-width: 100%; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.lcd-american-dream-takeover .cta-wrapper {
        max-width: 250px; } }
  .page-index-2 .splash.tidal-takeover.lcd-american-dream-takeover.lcd-american-dream-header {
    background-image: url("/images/index2/promos/lcd/lcd-american-dream-header.4b61f8ab.jpg");
    background-position: center;
    padding: 10% 0; }
    .page-index-2 .splash.tidal-takeover.lcd-american-dream-takeover.lcd-american-dream-header p {
      color: #232323;
      max-width: 100%; }
      .page-index-2 .splash.tidal-takeover.lcd-american-dream-takeover.lcd-american-dream-header p.artist {
        font: 2.5em/1.25 "nationale-bold", sans-serif;
        text-transform: uppercase; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.lcd-american-dream-takeover.lcd-american-dream-header p.artist {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.lcd-american-dream-takeover.lcd-american-dream-header p.album {
        font: 2em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.lcd-american-dream-takeover.lcd-american-dream-index {
    background-image: url("/images/index2/promos/lcd/lcd-american-dream-index-bg.e70c77da.jpg");
    padding-bottom: 2%; }
    .page-index-2 .splash.tidal-takeover.lcd-american-dream-takeover.lcd-american-dream-index .cta-wrapper {
      margin-top: 16%; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.lcd-american-dream-takeover.lcd-american-dream-index .cta-wrapper {
          margin-top: 8%; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.lcd-american-dream-takeover.lcd-american-dream-index .cta-wrapper {
          margin-top: 12%; } }
    @media (max-width: 767px) {
      .page-index-2 .splash.tidal-takeover.lcd-american-dream-takeover.lcd-american-dream-index p.title {
        margin-top: -15px; } }
  .page-index-2 .splash.tidal-takeover.lcd-american-dream-takeover.album-right p.title {
    text-transform: none;
    font: 1.875em/1.25 "nationale-demibold", sans-serif; }
  @media (min-width: 768px) {
    .page-index-2 .splash.tidal-takeover.lcd-american-dream-takeover.album-right .takeover-left {
      float: right;
      margin-right: 9%;
      margin-left: 6%; } }
  .page-index-2 .splash.tidal-takeover.lcd-american-dream-takeover.album-right.tracks-traces p.title {
    text-transform: uppercase;
    font: 2.25em/1.5 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.lcd-american-dream-takeover.american-dream {
    background-image: url("/images/index2/promos/lcd/lcd-american-dream-bg.ce5c3ef4.jpg"); }
  .page-index-2 .splash.tidal-takeover.lcd-american-dream-takeover.essentials {
    background-image: url("/images/index2/promos/lcd/lcd-american-dream-essentials-bg.5506a686.jpg"); }
  .page-index-2 .splash.tidal-takeover.lcd-american-dream-takeover.tyler-pope {
    background-image: url("/images/index2/promos/lcd/lcd-american-dream-tyler-pope-bg.21d22c3b.jpg"); }
  .page-index-2 .splash.tidal-takeover.lcd-american-dream-takeover.james-murphy {
    background-image: url("/images/index2/promos/lcd/lcd-american-dream-james-murphy-bg.d9ae0187.jpg"); }
  .page-index-2 .splash.tidal-takeover.lcd-american-dream-takeover.tracks-traces {
    background-image: url("/images/index2/promos/lcd/lcd-american-dream-tracks-traces-bg.96049448.jpg"); }
  .page-index-2 .splash.tidal-takeover.michaeljackson-birthday-takeover.header {
    background: -moz-linear-gradient(top, black 0%, transparent 10%, transparent 65%, black 95%), url("/images/index2/promos/michaeljackson/michaeljackson-birthday-bg.29d7f2ae.jpg");
    background: -webkit-linear-gradient(top, black 0%, transparent 10%, transparent 65%, black 95%), url("/images/index2/promos/michaeljackson/michaeljackson-birthday-bg.29d7f2ae.jpg");
    background: linear-gradient(to bottom, black 0%, transparent 10%, transparent 65%, black 95%), url("/images/index2/promos/michaeljackson/michaeljackson-birthday-bg.29d7f2ae.jpg");
    background-position: center;
    background-size: cover;
    padding-bottom: 20px; }
    .page-index-2 .splash.tidal-takeover.michaeljackson-birthday-takeover.header .welcome-mat-wrapper .takeover-full {
      min-height: 85vh;
      position: relative; }
      .page-index-2 .splash.tidal-takeover.michaeljackson-birthday-takeover.header .welcome-mat-wrapper .takeover-full .takeover-description {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0; }
        .page-index-2 .splash.tidal-takeover.michaeljackson-birthday-takeover.header .welcome-mat-wrapper .takeover-full .takeover-description img.title {
          width: 100%; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.michaeljackson-birthday-takeover.header .welcome-mat-wrapper .takeover-full .takeover-description img.title {
              max-width: 800px; } }
    .page-index-2 .splash.tidal-takeover.michaeljackson-birthday-takeover.header .welcome-mat-wrapper .cta-wrapper {
      max-width: 500px; }
    .page-index-2 .splash.tidal-takeover.michaeljackson-birthday-takeover.header .welcome-mat-wrapper .cta-btn {
      max-width: 100%; }
  .page-index-2 .splash.tidal-takeover.michaeljackson-birthday-takeover.video-playlist p.birthday-title {
    font: 2em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif;
    text-transform: uppercase; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.michaeljackson-birthday-takeover.video-playlist p.birthday-title {
        max-width: 700px; } }
  @media (min-width: 1024px) {
    .page-index-2 .splash.tidal-takeover.michaeljackson-birthday-takeover.video-playlist .tidal-embed {
      width: 80%;
      margin: 40px auto; } }
  .page-index-2 .splash.tidal-takeover.michaeljackson-birthday-takeover.video-playlist .cta-wrapper {
    max-width: 300px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.michaeljackson-birthday-takeover.video-playlist .cta-wrapper {
        max-width: 700px; } }
  @media (min-width: 1024px) {
    .page-index-2 .splash.tidal-takeover.michaeljackson-birthday-takeover.audio-playlist .description {
      font-size: 24px; } }
  .page-index-2 .splash.tidal-takeover.michaeljackson-birthday-takeover.audio-playlist .description p {
    text-transform: uppercase;
    margin-left: 0; }
    .page-index-2 .splash.tidal-takeover.michaeljackson-birthday-takeover.audio-playlist .description p.artist {
      font: 1.75em/1 "nationale-bold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.michaeljackson-birthday-takeover.audio-playlist .description p.title {
      font: 1.5em/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.djtrauma-fivealbums-takeover {
    background-image: url("/images/index2/promos/djtrauma/djtrauma-fivealbums-bg.abd6e52d.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.djtrauma-fivealbums-takeover .description {
        font-size: 22px; } }
    .page-index-2 .splash.tidal-takeover.djtrauma-fivealbums-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.djtrauma-fivealbums-takeover .description p.artist {
        font: 2.85em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.djtrauma-fivealbums-takeover .description p.title {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.taylorswift-newtitle-takeover {
    background-image: url("/images/index2/promos/taylorswift/taylorswift-newtitle-bg.1ead17f0.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.taylorswift-newtitle-takeover .description {
        font-size: 26px; } }
    .page-index-2 .splash.tidal-takeover.taylorswift-newtitle-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.taylorswift-newtitle-takeover .description p.artist {
        font: 2.25em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.taylorswift-newtitle-takeover .description p.title {
        font: 0.9em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.taylorswift-newtitle-takeover .description p.title {
            font-size: 0.975em; } }
    .page-index-2 .splash.tidal-takeover.taylorswift-newtitle-takeover.gorgeous p.title {
      font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.londonondatrack-noflag-takeover {
    background-image: url("/images/index2/promos/londonondatrack/londonondatrack-noflag-bg.59138a0c.jpg"); }
    .page-index-2 .splash.tidal-takeover.londonondatrack-noflag-takeover .description {
      font-size: 12px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.londonondatrack-noflag-takeover .description {
          font-size: 24px; } }
      .page-index-2 .splash.tidal-takeover.londonondatrack-noflag-takeover .description p {
        text-transform: uppercase;
        margin-left: 0;
        letter-spacing: 3px; }
        .page-index-2 .splash.tidal-takeover.londonondatrack-noflag-takeover .description p.title, .page-index-2 .splash.tidal-takeover.londonondatrack-noflag-takeover .description p.artist {
          font: 1.65em/1 "nationale-bold", sans-serif; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.londonondatrack-noflag-takeover .description p.title, .page-index-2 .splash.tidal-takeover.londonondatrack-noflag-takeover .description p.artist {
              font-size: 1.45em; } }
        .page-index-2 .splash.tidal-takeover.londonondatrack-noflag-takeover .description p.feat {
          font: 0.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.tashacobbsleonard-imgettingready-takeover {
    background-image: url("/images/index2/promos/tashacobbsleonard/tashacobbsleonard-imgettingready-bg.641ebe04.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.tashacobbsleonard-imgettingready-takeover .description {
        font-size: 25px; } }
    .page-index-2 .splash.tidal-takeover.tashacobbsleonard-imgettingready-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.tashacobbsleonard-imgettingready-takeover .description p.artist {
        font: 1.5em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
      .page-index-2 .splash.tidal-takeover.tashacobbsleonard-imgettingready-takeover .description p.feat {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
      .page-index-2 .splash.tidal-takeover.tashacobbsleonard-imgettingready-takeover .description p.title {
        font: 1.9em/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.fergie-you-already-know-takeover {
    background-image: url("/images/index2/promos/fergie/fergie-you-already-know-bg.a74e3930.jpg"); }
    .page-index-2 .splash.tidal-takeover.fergie-you-already-know-takeover .description {
      font-size: 18px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.fergie-you-already-know-takeover .description {
          font-size: 30px; } }
      .page-index-2 .splash.tidal-takeover.fergie-you-already-know-takeover .description p {
        text-transform: uppercase;
        margin-left: 0;
        letter-spacing: 3px; }
        .page-index-2 .splash.tidal-takeover.fergie-you-already-know-takeover .description p.artist, .page-index-2 .splash.tidal-takeover.fergie-you-already-know-takeover .description p.feat {
          font: 1.4em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.fergie-you-already-know-takeover .description p.feat {
          margin-top: -10px; }
        .page-index-2 .splash.tidal-takeover.fergie-you-already-know-takeover .description p.title {
          font: 0.9em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.ozuna-odisea-takeover {
    background-image: url("/images/index2/promos/ozuna/ozuna-odisea-bg.784f445a.jpg"); }
    .page-index-2 .splash.tidal-takeover.ozuna-odisea-takeover .description {
      font-size: 25px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.ozuna-odisea-takeover .description {
          font-size: 30px; } }
      .page-index-2 .splash.tidal-takeover.ozuna-odisea-takeover .description p {
        text-transform: uppercase;
        margin-left: 0;
        letter-spacing: 3px; }
        .page-index-2 .splash.tidal-takeover.ozuna-odisea-takeover .description p.artist {
          font: 3em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.ozuna-odisea-takeover .description p.title {
          font: 3em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.bryantmyers-forthecultura-takeover {
    background-image: url("/images/index2/promos/bryantmyers/bryantmyers-ftc-bg.a80ae610.jpg"); }
    .page-index-2 .splash.tidal-takeover.bryantmyers-forthecultura-takeover .description {
      font-size: 18px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.bryantmyers-forthecultura-takeover .description {
          font-size: 24px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.bryantmyers-forthecultura-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.bryantmyers-forthecultura-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.bryantmyers-charliezaa-takeover {
    background-image: url("/images/index2/promos/charliezaa/charliezaa-ftc-bg.7c62b791.jpg"); }
    .page-index-2 .splash.tidal-takeover.bryantmyers-charliezaa-takeover .description {
      font-size: 18px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.bryantmyers-charliezaa-takeover .description {
          font-size: 24px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.bryantmyers-charliezaa-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.bryantmyers-charliezaa-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.laryover-forthecultura-takeover {
    background-image: url("/images/index2/promos/laryover/laryover-forthecultura-bg.e23b9a62.jpg"); }
    .page-index-2 .splash.tidal-takeover.laryover-forthecultura-takeover .description {
      font-size: 18px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.laryover-forthecultura-takeover .description {
          font-size: 24px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.laryover-forthecultura-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.laryover-forthecultura-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.luisfonsi-forthecultura-takeover {
    background-image: url("/images/index2/promos/luisfonsi/luisfonsi-ftc-bg.23eac1d3.jpg"); }
    .page-index-2 .splash.tidal-takeover.luisfonsi-forthecultura-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.luisfonsi-forthecultura-takeover .description p.artist {
        font: 3.1em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.luisfonsi-forthecultura-takeover .description p.artist {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.luisfonsi-forthecultura-takeover .description p.title {
        font: 1.95em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.luisfonsi-forthecultura-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.nacho-forthecultura-takeover {
    background-image: url("/images/index2/promos/nacho/nacho-ftc-bg.fa077c45.jpg"); }
    .page-index-2 .splash.tidal-takeover.nacho-forthecultura-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.nacho-forthecultura-takeover .description p.artist {
        font: 3.1em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.nacho-forthecultura-takeover .description p.artist {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.nacho-forthecultura-takeover .description p.title {
        font: 1.95em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.nacho-forthecultura-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.zoeydollaz-mapboule-takeover {
    background-image: url("/images/index2/promos/zoeydollaz/zoeydollaz-mapboule-bg.aea01ca2.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.zoeydollaz-mapboule-takeover .description {
        font-size: 25px; } }
    .page-index-2 .splash.tidal-takeover.zoeydollaz-mapboule-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.zoeydollaz-mapboule-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.zoeydollaz-mapboule-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.zoeydollaz-nobodysafe-takeover {
    background-image: url("/images/index2/promos/zoeydollaz/zoeydollaz-nobodysafe-bg.7e0f759c.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.zoeydollaz-nobodysafe-takeover .description {
        font-size: 21px; } }
    .page-index-2 .splash.tidal-takeover.zoeydollaz-nobodysafe-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.zoeydollaz-nobodysafe-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.zoeydollaz-nobodysafe-takeover .description p.title {
        font: 0.95em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.moneybaggyo-federal3x-takeover {
    background-image: url("/images/index2/promos/moneybaggyo/moneybaggyo-federal3x-bg.46517e1f.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.moneybaggyo-federal3x-takeover .description {
        font-size: 22px; } }
    .page-index-2 .splash.tidal-takeover.moneybaggyo-federal3x-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.moneybaggyo-federal3x-takeover .description p.artist {
        font: 2.15em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.moneybaggyo-federal3x-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.bobbyraps-desensitized-takeover {
    background-image: url("/images/index2/promos/bobbyraps/bobbyraps-desensitized-bg.e548af3b.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.bobbyraps-desensitized-takeover .description {
        font-size: 22px; } }
    .page-index-2 .splash.tidal-takeover.bobbyraps-desensitized-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.bobbyraps-desensitized-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.bobbyraps-desensitized-takeover .description p.title {
        font: 2.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.moneybaggyo-dayinthelife-takeover {
    background-image: url("/images/index2/promos/moneybaggyo/moneybaggyo-dayinthelife-bg.64d93742.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.moneybaggyo-dayinthelife-takeover .description {
        font-size: 22px; } }
    .page-index-2 .splash.tidal-takeover.moneybaggyo-dayinthelife-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.moneybaggyo-dayinthelife-takeover .description p.artist {
        font: 2em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.moneybaggyo-dayinthelife-takeover .description p.title {
        font: 2.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.luisjimenez-dialectos-takeover {
    background-image: url("/images/index2/promos/luisjimenez/luisjimenez-dialectos-bg.5c2eb9bd.jpg"); }
    .page-index-2 .splash.tidal-takeover.luisjimenez-dialectos-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.luisjimenez-dialectos-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.luisjimenez-dialectos-takeover .description p.artist {
            font-size: 3.25em; } }
      .page-index-2 .splash.tidal-takeover.luisjimenez-dialectos-takeover .description p.title {
        font: 1.25em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.luisjimenez-dialectos-takeover .description p.title {
            font-size: 1.35em; } }
  .page-index-2 .splash.tidal-takeover.cnco-reggaeton-remix-takeover {
    background-image: url("/images/index2/promos/cnco/cnco-reggaeton-bg.41389ccf.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.cnco-reggaeton-remix-takeover .description {
        font-size: 22px; } }
    .page-index-2 .splash.tidal-takeover.cnco-reggaeton-remix-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.cnco-reggaeton-remix-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
      .page-index-2 .splash.tidal-takeover.cnco-reggaeton-remix-takeover .description p.feat {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
      .page-index-2 .splash.tidal-takeover.cnco-reggaeton-remix-takeover .description p.title {
        font: 1.35em/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.bandalosrecoditos-losgustos-takeover {
    background-image: url("/images/index2/promos/bandalosrecoditos/bandalosrecoditos-losgustos-bg.817177fa.jpg"); }
    .page-index-2 .splash.tidal-takeover.bandalosrecoditos-losgustos-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.bandalosrecoditos-losgustos-takeover .description p.artist {
        font: 1.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.bandalosrecoditos-losgustos-takeover .description p.artist {
            font-size: 2.25em; } }
      .page-index-2 .splash.tidal-takeover.bandalosrecoditos-losgustos-takeover .description p.title {
        font: 1.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.bandalosrecoditos-losgustos-takeover .description p.title {
            font-size: 2em; } }
  .page-index-2 .splash.tidal-takeover.jesseyjoy-3am-takeover {
    background-image: url("/images/index2/promos/jesseyjoy/jesseyjoy-3am-bg.3579cad0.jpg"); }
    .page-index-2 .splash.tidal-takeover.jesseyjoy-3am-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 2px; }
      .page-index-2 .splash.tidal-takeover.jesseyjoy-3am-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.jesseyjoy-3am-takeover .description p.feat {
        font: 1.3em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.jesseyjoy-3am-takeover .description p.feat {
            font-size: 1.75em; } }
      .page-index-2 .splash.tidal-takeover.jesseyjoy-3am-takeover .description p.title {
        font: 1.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
    .page-index-2 .splash.tidal-takeover.jesseyjoy-3am-takeover .btn-wrapper .btn-outline {
      background-color: transparent;
      color: #fafafa; }
  .page-index-2 .splash.tidal-takeover.mrparadise-forastero-bodega-remix-takeover {
    background-image: url("/images/index2/promos/mrparadise/mrparadise-forastero-bodega-remix-bg.15bd727b.jpg"); }
    .page-index-2 .splash.tidal-takeover.mrparadise-forastero-bodega-remix-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.mrparadise-forastero-bodega-remix-takeover .description p.artist {
        font: 2.4em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.mrparadise-forastero-bodega-remix-takeover .description p.artist {
            font-size: 3.75em; } }
      .page-index-2 .splash.tidal-takeover.mrparadise-forastero-bodega-remix-takeover .description p.title {
        font: 0.9em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.mrparadise-forastero-bodega-remix-takeover .description p.title {
            font-size: 1.395em; } }
  .page-index-2 .splash.tidal-takeover.asapferg-still-striving-takeover {
    background-image: url("/images/index2/promos/asapferg/asapferg-still-striving-bg.9f4d746f.jpg"); }
    .page-index-2 .splash.tidal-takeover.asapferg-still-striving-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.asapferg-still-striving-takeover .description p {
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.asapferg-still-striving-takeover .description p.artist {
        font: 2.75em/1 "nationale-bold", sans-serif;
        margin-bottom: 30px; }
      .page-index-2 .splash.tidal-takeover.asapferg-still-striving-takeover .description p.title {
        font-size: 2.25em;
        line-height: 1; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.asapferg-still-striving-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.kaskade-albums-takeover {
    background-image: url("/images/index2/promos/kaskade/kaskade-albums-bg.71dd2802.jpg"); }
    .page-index-2 .splash.tidal-takeover.kaskade-albums-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.kaskade-albums-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
      .page-index-2 .splash.tidal-takeover.kaskade-albums-takeover .description p.title {
        font-size: 0.8em;
        line-height: 1.25em;
        letter-spacing: 2px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.kaskade-albums-takeover .description p.title {
            font-size: 1em;
            letter-spacing: 3px; } }
  .page-index-2 .splash.tidal-takeover.take-five-series-takeover.ep-one {
    background-image: url("/images/index2/promos/take5/take5-ep-one-bg.ea86e81b.jpg"); }
  .page-index-2 .splash.tidal-takeover.take-five-series-takeover.ep-two {
    background-image: url("/images/index2/promos/take5/take5-ep-two-bg.8c024ef1.jpg"); }
  .page-index-2 .splash.tidal-takeover.take-five-series-takeover.ep-three {
    background-image: url("/images/index2/promos/take5/take5-ep-three-bg.610f4dcc.jpg"); }
  .page-index-2 .splash.tidal-takeover.take-five-series-takeover.ep-four {
    background-image: url("/images/index2/promos/take5/take5-ep-four-bg.4eb6fadd.jpg"); }
  .page-index-2 .splash.tidal-takeover.take-five-series-takeover.ep-five {
    background-image: url("/images/index2/promos/take5/take5-ep-five-bg.46482cf7.jpg"); }
  .page-index-2 .splash.tidal-takeover.take-five-series-takeover.ep-six {
    background-image: url("/images/index2/promos/take5/take5-ep-six-bg.afa16a6b.jpg"); }
  .page-index-2 .splash.tidal-takeover.take-five-series-takeover .description p {
    text-transform: uppercase;
    margin-left: 0; }
    .page-index-2 .splash.tidal-takeover.take-five-series-takeover .description p.artist {
      font: 1.25em/1 "nationale-bold", sans-serif; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.take-five-series-takeover .description p.artist {
          font-size: 1.5em; } }
      .page-index-2 .splash.tidal-takeover.take-five-series-takeover .description p.artist span.header {
        font: 2em/1.25em "nationale-bold", sans-serif;
        display: block; }
    .page-index-2 .splash.tidal-takeover.take-five-series-takeover .description p.title {
      font: 1.5em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.take-five-series-takeover .btn-wrapper .btn-new {
    letter-spacing: 1px; }
  .page-index-2 .splash.tidal-takeover.take-five-series-takeover.index .description p.artist {
    font: 2.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.djkhaled-wildthoughts-bts-part2-takeover {
    background-image: url("/images/index2/promos/djkhaled/djkhaled-wildthoughts-bts-part2-bg.2c003ea5.jpg"); }
    .page-index-2 .splash.tidal-takeover.djkhaled-wildthoughts-bts-part2-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.djkhaled-wildthoughts-bts-part2-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.djkhaled-wildthoughts-bts-part2-takeover .description p.artist {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.djkhaled-wildthoughts-bts-part2-takeover .description p.feat {
        font: 1.1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.djkhaled-wildthoughts-bts-part2-takeover .description p.feat {
            font-size: 1.45em; } }
      .page-index-2 .splash.tidal-takeover.djkhaled-wildthoughts-bts-part2-takeover .description p.title {
        font: 0.8em/1.25em "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.djkhaled-wildthoughts-bts-part2-takeover .description p.title {
            font-size: 1.1em; } }
  .page-index-2 .splash.tidal-takeover.daniellebradbery-humandiary-takeover {
    background-image: url("/images/index2/promos/daniellebradbery/daniellebradbery-humandiary-bg.c204e3f9.jpg"); }
    .page-index-2 .splash.tidal-takeover.daniellebradbery-humandiary-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.daniellebradbery-humandiary-takeover .description p.artist {
        font: 1.75em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.daniellebradbery-humandiary-takeover .description p.artist {
            font-size: 2.5em; } }
      .page-index-2 .splash.tidal-takeover.daniellebradbery-humandiary-takeover .description p.title {
        font: 2.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.daniellebradbery-humandiary-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.bombaestereo-ayo-takeover {
    background-image: url("/images/index2/promos/bombaestereo/bombaestereo-ayo-bg.7f00e2e6.jpg"); }
    .page-index-2 .splash.tidal-takeover.bombaestereo-ayo-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.bombaestereo-ayo-takeover .description p.artist {
        font: 2em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.bombaestereo-ayo-takeover .description p.artist {
            font-size: 3.25em; } }
      .page-index-2 .splash.tidal-takeover.bombaestereo-ayo-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.bombaestereo-ayo-takeover .description p.title {
            font-size: 4em; } }
  .page-index-2 .splash.tidal-takeover.belly-pop-video-takeover {
    background-image: url("/images/index2/promos/belly/belly-pop-video-bg.e428ae72.jpg"); }
    .page-index-2 .splash.tidal-takeover.belly-pop-video-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.belly-pop-video-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.belly-pop-video-takeover .description p.artist {
            font-size: 5em; } }
      .page-index-2 .splash.tidal-takeover.belly-pop-video-takeover .description p.title {
        font: 3em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.belly-pop-video-takeover .description p.title {
            font-size: 4.5em; } }
  .page-index-2 .splash.tidal-takeover.salva-clips-takeover {
    background-image: url("/images/index2/promos/salva/salva-clips-bg.fc5bda86.jpg"); }
    .page-index-2 .splash.tidal-takeover.salva-clips-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.salva-clips-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.salva-clips-takeover .description p.artist {
            font-size: 5em; } }
      .page-index-2 .splash.tidal-takeover.salva-clips-takeover .description p.title {
        font: 3em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.salva-clips-takeover .description p.title {
            font-size: 4.5em; } }
  .page-index-2 .splash.tidal-takeover.demilovato-sorrynotsorry-freedo-takeover {
    background-image: url("/images/index2/promos/demilovato/demilovato-sorrynotsorry-bg.d9a838dd.jpg"); }
    .page-index-2 .splash.tidal-takeover.demilovato-sorrynotsorry-freedo-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.demilovato-sorrynotsorry-freedo-takeover .description p.artist {
        font: 2.65em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.demilovato-sorrynotsorry-freedo-takeover .description p.artist {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.demilovato-sorrynotsorry-freedo-takeover .description p.title {
        font: 1.05em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.demilovato-sorrynotsorry-freedo-takeover .description p.title {
            font-size: 1.5em; } }
  .page-index-2 .splash.tidal-takeover.nadiasirota-tessellatum-album-takeover {
    background-image: url("/images/index2/promos/nadiasirota/nadiasirota-tessellatum-bg.d594bc6a.jpg"); }
    .page-index-2 .splash.tidal-takeover.nadiasirota-tessellatum-album-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.nadiasirota-tessellatum-album-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.nadiasirota-tessellatum-album-takeover .description p.artist {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.nadiasirota-tessellatum-album-takeover .description p.title {
        font: 2.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.nadiasirota-tessellatum-album-takeover .description p.title {
            font-size: 3.8em; } }
  .page-index-2 .splash.tidal-takeover.tobyrandall-one-takeover {
    background-image: url("/images/index2/promos/tobyrandall/tobyrandall-one-bg.0798624d.jpg"); }
    .page-index-2 .splash.tidal-takeover.tobyrandall-one-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.tobyrandall-one-takeover .description p.artist {
        font: 2.25em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.tobyrandall-one-takeover .description p.artist {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.tobyrandall-one-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.tobyrandall-one-takeover .description p.title {
            font-size: 4em; } }
  .page-index-2 .splash.tidal-takeover.downtownboys-dna-takeover {
    background-image: url("/images/index2/promos/downtownboys/downtownboys-dna-bg.e2f8d84d.jpg"); }
    .page-index-2 .splash.tidal-takeover.downtownboys-dna-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.downtownboys-dna-takeover .description p.artist {
        font: 1.75em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.downtownboys-dna-takeover .description p.artist {
            font-size: 2.4em; } }
      .page-index-2 .splash.tidal-takeover.downtownboys-dna-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.downtownboys-dna-takeover .description p.title {
            font-size: 2.75em; } }
  .page-index-2 .splash.tidal-takeover.beyondtherider-video-takeover .description p {
    text-transform: uppercase;
    margin-left: 0; }
    .page-index-2 .splash.tidal-takeover.beyondtherider-video-takeover .description p.artist {
      font: 1.75em/1 "nationale-bold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.beyondtherider-video-takeover .description p.title {
      font: 1.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.beyondtherider-video-takeover .description p.artist, .page-index-2 .splash.tidal-takeover.beyondtherider-video-takeover .description p.title {
        font-size: 2.25em; } }
  .page-index-2 .splash.tidal-takeover.beyondtherider-video-takeover.farina {
    background-image: url("/images/index2/promos/farina/farina-beyondtherider-bg.8905965c.jpg"); }
  .page-index-2 .splash.tidal-takeover.beyondtherider-video-takeover.kaskade {
    background-image: url("/images/index2/promos/kaskade/kaskade-beyondtherider-bg.03d5e9bb.jpg"); }
  .page-index-2 .splash.tidal-takeover.beyondtherider-video-takeover.ckan {
    background-image: url("/images/index2/promos/ckan/ckan-beyondtherider-bg.1e7fc32b.jpg"); }
  .page-index-2 .splash.tidal-takeover.beyondtherider-video-takeover.brooklyn {
    background-image: url("/images/index2/promos/tidalxbrooklyn/tidalxbrooklyn-beyondtherider-bg.55768971.jpg"); }
  .page-index-2 .splash.tidal-takeover.fatjoe-soexcited-video-takeover {
    background-image: url("/images/index2/promos/fatjoe/fatjoe-soexcited-video-bg.c3eef13f.jpg"); }
    .page-index-2 .splash.tidal-takeover.fatjoe-soexcited-video-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.fatjoe-soexcited-video-takeover .description p.artist {
        font: 1.75em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.fatjoe-soexcited-video-takeover .description p.artist {
            font-size: 2.45em; } }
      .page-index-2 .splash.tidal-takeover.fatjoe-soexcited-video-takeover .description p.title {
        font: 1.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.fatjoe-soexcited-video-takeover .description p.title {
            font-size: 2.45em; } }
  .page-index-2 .splash.tidal-takeover.fatjoe-livecredits-takeover {
    background-image: url("/images/index2/promos/fatjoe/fatjoe-hitmaker-index-bg.f09eab34.jpg"); }
    .page-index-2 .splash.tidal-takeover.fatjoe-livecredits-takeover .takeover-description {
      padding: 200px 0; }
    .page-index-2 .splash.tidal-takeover.fatjoe-livecredits-takeover img.header {
      width: 100%;
      image-rendering: -webkit-optimize-contrast; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.fatjoe-livecredits-takeover img.header {
          max-width: 60%; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.fatjoe-livecredits-takeover img.header {
          max-width: 50%; } }
    .page-index-2 .splash.tidal-takeover.fatjoe-livecredits-takeover p.soexcited {
      text-transform: uppercase;
      letter-spacing: 5px;
      font: 28px/1 "nationale-bold", sans-serif;
      margin: 50px auto; }
  .page-index-2 .splash.tidal-takeover.labellachanel-index-mat-takeover {
    background-image: url("/images/index2/promos/labellachanel/labellachanel-generic-mat-bg.73556574.jpg"); }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.labellachanel-index-mat-takeover .takeover-right {
        padding-top: 0; }
      .page-index-2 .splash.tidal-takeover.labellachanel-index-mat-takeover .takeover-left {
        padding-top: 50px; } }
    @media (min-width: 1150px) {
      .page-index-2 .splash.tidal-takeover.labellachanel-index-mat-takeover .takeover-left {
        padding-top: 0; } }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.labellachanel-index-mat-takeover .description {
        max-width: 320px; } }
    .page-index-2 .splash.tidal-takeover.labellachanel-index-mat-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
    .page-index-2 .splash.tidal-takeover.labellachanel-index-mat-takeover .description img {
      display: block;
      margin: 20px auto; }
      .page-index-2 .splash.tidal-takeover.labellachanel-index-mat-takeover .description img.lbc-rmp {
        max-width: 50%; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.labellachanel-index-mat-takeover .description img.lbc-rmp {
            max-width: 25%; } }
      .page-index-2 .splash.tidal-takeover.labellachanel-index-mat-takeover .description img.lbc-logo {
        max-width: 100%; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.labellachanel-index-mat-takeover .description img.lbc-logo {
            max-width: 60%; } }
  .page-index-2 .splash.tidal-takeover.claudialeitte-baldindegelo-takeover {
    background-image: url("/images/index2/promos/claudialeitte/claudialeitte-baldindegelo-bg.e26a74c9.jpg"); }
    .page-index-2 .splash.tidal-takeover.claudialeitte-baldindegelo-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.claudialeitte-baldindegelo-takeover .description p.artist {
        font: 2.2em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.claudialeitte-baldindegelo-takeover .description p.artist {
            font-size: 2.75em; } }
      .page-index-2 .splash.tidal-takeover.claudialeitte-baldindegelo-takeover .description p.title {
        font: 2.15em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.claudialeitte-baldindegelo-takeover .description p.title {
            font-size: 2.7em; } }
    .page-index-2 .splash.tidal-takeover.claudialeitte-baldindegelo-takeover .cta-wrapper {
      max-width: 320px; }
  .page-index-2 .splash.tidal-takeover.justineskye-backformore-video-takeover {
    background-image: url("/images/index2/promos/justineskye/justineskye-backformore-video-bg.9d67626c.jpg"); }
    .page-index-2 .splash.tidal-takeover.justineskye-backformore-video-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.justineskye-backformore-video-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.justineskye-backformore-video-takeover .description p.artist {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.justineskye-backformore-video-takeover .description p.feat {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.justineskye-backformore-video-takeover .description p.feat {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.justineskye-backformore-video-takeover .description p.title {
        font: 2em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.justineskye-backformore-video-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.thetainerz-oneway-takeover {
    background-image: url("/images/index2/promos/thetainerz/thetainerz-oneway-bg.bde3514e.jpg"); }
    .page-index-2 .splash.tidal-takeover.thetainerz-oneway-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.thetainerz-oneway-takeover .description p.artist {
        font: 2.65em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.thetainerz-oneway-takeover .description p.artist {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.thetainerz-oneway-takeover .description p.title {
        font: 3em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
    .page-index-2 .splash.tidal-takeover.thetainerz-oneway-takeover .cta-wrapper {
      max-width: 320px; }
  .page-index-2 .splash.tidal-takeover.demilovato-instruction-video-takeover {
    background-image: url("/images/index2/promos/demilovato/demilovato-instruction-video-bg.57d637df.jpg"); }
    .page-index-2 .splash.tidal-takeover.demilovato-instruction-video-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.demilovato-instruction-video-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.demilovato-instruction-video-takeover .description p.artist {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.demilovato-instruction-video-takeover .description p.feat {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.demilovato-instruction-video-takeover .description p.feat {
            font-size: 1.25em; } }
      .page-index-2 .splash.tidal-takeover.demilovato-instruction-video-takeover .description p.title {
        font: 2.5em/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.roadtomia-takeover.arizona-roadtomia-takeover {
    background-image: url("/images/index2/promos/mia2017/arizona-roadtomia-bg.f496645f.jpg"); }
  .page-index-2 .splash.tidal-takeover.roadtomia-takeover.they-roadtomia-takeover {
    background-image: url(/images/index2/promos/mia2017/they-roadtomia-bg.89270231.jpg); }
  .page-index-2 .splash.tidal-takeover.roadtomia-takeover.carterwinter-roadtomia-takeover {
    background-image: url(/images/index2/promos/mia2017/carterwinter-roadtomia-bg.7125015d.jpg); }
  .page-index-2 .splash.tidal-takeover.roadtomia-takeover.nickgrant-roadtomia-takeover {
    background-image: url(/images/index2/promos/mia2017/nickgrant-roadtomia-bg.56806f21.jpg); }
  .page-index-2 .splash.tidal-takeover.roadtomia-takeover.superduperkyle-roadtomia-takeover {
    background-image: url(/images/index2/promos/mia2017/superduperkyle-roadtomia-bg.ffd856c6.jpg); }
  .page-index-2 .splash.tidal-takeover.roadtomia-takeover .description p {
    text-transform: uppercase;
    margin-left: 0; }
    .page-index-2 .splash.tidal-takeover.roadtomia-takeover .description p.artist {
      font: 2.5em/1 "nationale-bold", sans-serif; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.roadtomia-takeover .description p.artist {
          font-size: 3.25em; } }
    .page-index-2 .splash.tidal-takeover.roadtomia-takeover .description p.title {
      font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.roadtomia-takeover .description p.title {
          font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.fatjoe-soexcited-takeover {
    background-image: url("/images/index2/promos/fatjoe/fatjoe-soexcited-bg.0b486820.jpg"); }
    .page-index-2 .splash.tidal-takeover.fatjoe-soexcited-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.fatjoe-soexcited-takeover .description p.artist {
        font: 4.1em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.fatjoe-soexcited-takeover .description p.artist {
            font-size: 5em; } }
      .page-index-2 .splash.tidal-takeover.fatjoe-soexcited-takeover .description p.feat {
        font: 3.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.fatjoe-soexcited-takeover .description p.feat {
            font-size: 4.25em; } }
      .page-index-2 .splash.tidal-takeover.fatjoe-soexcited-takeover .description p.title {
        font: 2.75em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.fatjoe-soexcited-takeover .description p.title {
            font-size: 3.25em; } }
  .page-index-2 .splash.tidal-takeover.youngparis-nigeriangirl-takeover {
    background-image: url("/images/index2/promos/youngparis/youngparis-nigeriangirl-bg.54a8c93f.jpg"); }
    .page-index-2 .splash.tidal-takeover.youngparis-nigeriangirl-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.youngparis-nigeriangirl-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.youngparis-nigeriangirl-takeover .description p.artist {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.youngparis-nigeriangirl-takeover .description p.title {
        font: 1.75em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.youngparis-nigeriangirl-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.kendricklamar-loyalty-takeover {
    background-image: url("/images/index2/promos/kendricklamar/kendricklamar-loyalty-bg.d48ac084.jpg"); }
    .page-index-2 .splash.tidal-takeover.kendricklamar-loyalty-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.kendricklamar-loyalty-takeover .description p.artist {
        font: 1.9em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.kendricklamar-loyalty-takeover .description p.artist {
            font-size: 2.5em; } }
      .page-index-2 .splash.tidal-takeover.kendricklamar-loyalty-takeover .description p.feat {
        font: 2.35em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.kendricklamar-loyalty-takeover .description p.feat {
            font-size: 2.5em; } }
      .page-index-2 .splash.tidal-takeover.kendricklamar-loyalty-takeover .description p.title {
        font: 3em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.kendricklamar-loyalty-takeover .description p.title {
            font-size: 3.25em; } }
  .page-index-2 .splash.tidal-takeover.tales-soundtrack-takeover {
    background-color: #000; }
    .page-index-2 .splash.tidal-takeover.tales-soundtrack-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.tales-soundtrack-takeover .description p.artist {
        font: 2em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.tales-soundtrack-takeover .description p.artist {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.tales-soundtrack-takeover .description p.title {
        font: 1.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.tales-soundtrack-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.future-youdabaddest-takeover {
    background-image: url("/images/index2/promos/future/future-youdabaddest-bg.8152f7aa.jpg"); }
    .page-index-2 .splash.tidal-takeover.future-youdabaddest-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.future-youdabaddest-takeover .description p.artist {
        font: 4.5em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.future-youdabaddest-takeover .description p.artist {
            font-size: 5.5em; } }
      .page-index-2 .splash.tidal-takeover.future-youdabaddest-takeover .description p.feat {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.future-youdabaddest-takeover .description p.feat {
            font-size: 2.5em; } }
      .page-index-2 .splash.tidal-takeover.future-youdabaddest-takeover .description p.title {
        font: 2em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.future-youdabaddest-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.ckanpipo-setlist-takeover {
    background-image: url("/images/index2/promos/ckanpipo/ckanpipo-setlist-bg.5cedfc56.jpg"); }
    .page-index-2 .splash.tidal-takeover.ckanpipo-setlist-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.ckanpipo-setlist-takeover .description p.artist {
        font: 1.5em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.ckanpipo-setlist-takeover .description p.artist {
            font-size: 2.25em; } }
  .page-index-2 .splash.tidal-takeover.damianmarley-stonyhilltoaddis-takeover {
    background-image: url("/images/index2/promos/damianmarley/damianmarley-stonyhilltoaddis-bg.4407c032.jpg"); }
    .page-index-2 .splash.tidal-takeover.damianmarley-stonyhilltoaddis-takeover .takeover-description p {
      text-transform: uppercase; }
      .page-index-2 .splash.tidal-takeover.damianmarley-stonyhilltoaddis-takeover .takeover-description p.artist {
        font: 1.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.damianmarley-stonyhilltoaddis-takeover .takeover-description p.artist {
            font-size: 1.5em; } }
      .page-index-2 .splash.tidal-takeover.damianmarley-stonyhilltoaddis-takeover .takeover-description p.title {
        font: 1.65em/1 "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.damianmarley-stonyhilltoaddis-takeover .takeover-description p.title {
            font-size: 3em; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.damianmarley-stonyhilltoaddis-takeover .takeover-description p.title {
            max-width: 800px;
            font-size: 4em; } }
    .page-index-2 .splash.tidal-takeover.damianmarley-stonyhilltoaddis-takeover .takeover-description .vid-col {
      display: block;
      margin: 30px auto;
      max-width: 90%; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.damianmarley-stonyhilltoaddis-takeover .takeover-description .vid-col {
          margin: 50px auto;
          display: inline-block;
          width: 30%; } }
  .page-index-2 .splash.tidal-takeover.romans-happylove-remix-takeover {
    background-image: url("/images/index2/promos/romans/romans-happylove-remix-bg.d796b042.jpg"); }
    .page-index-2 .splash.tidal-takeover.romans-happylove-remix-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.romans-happylove-remix-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.romans-happylove-remix-takeover .description p.artist {
            font-size: 4.25em; } }
      .page-index-2 .splash.tidal-takeover.romans-happylove-remix-takeover .description p.title {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.romans-happylove-remix-takeover .description p.title {
            font-size: 1.7em; } }
  .page-index-2 .splash.tidal-takeover.arcadefire-everythingnow-album-takeover {
    background-image: url("/images/index2/promos/arcadefire/arcadefire-everythingnow-album-bg.0c48d617.jpg"); }
    .page-index-2 .splash.tidal-takeover.arcadefire-everythingnow-album-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.arcadefire-everythingnow-album-takeover .description p.artist {
        font: 2.75em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.arcadefire-everythingnow-album-takeover .description p.artist {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.arcadefire-everythingnow-album-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.arcadefire-everythingnow-album-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.dorothy-downbottom-video-takeover {
    background-image: url("/images/index2/promos/dorothy/dorothy-downbottom-video-bg.3cc22c91.jpg"); }
    .page-index-2 .splash.tidal-takeover.dorothy-downbottom-video-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.dorothy-downbottom-video-takeover .description p.artist {
        font: 3.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.dorothy-downbottom-video-takeover .description p.artist {
            font-size: 4.5em; } }
      .page-index-2 .splash.tidal-takeover.dorothy-downbottom-video-takeover .description p.title {
        font: 1.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.dorothy-downbottom-video-takeover .description p.title {
            font-size: 2em; } }
  .page-index-2 .splash.tidal-takeover.thomasrhett-unforgettable-takeover {
    background-image: url("/images/index2/promos/thomasrhett/thomasrhett-unforgettable-bg.ff9e2550.jpg"); }
    .page-index-2 .splash.tidal-takeover.thomasrhett-unforgettable-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.thomasrhett-unforgettable-takeover .description p.artist {
        font: 2.25em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.thomasrhett-unforgettable-takeover .description p.artist {
            font-size: 3.25em; } }
      .page-index-2 .splash.tidal-takeover.thomasrhett-unforgettable-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.thomasrhett-unforgettable-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.g4shi-24hours-takeover {
    background-image: url("/images/index2/promos/g4shi/g4shi-24hours-bg.7caad8ae.jpg"); }
    .page-index-2 .splash.tidal-takeover.g4shi-24hours-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.g4shi-24hours-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.g4shi-24hours-takeover .description p.artist {
            font-size: 5.5em; } }
      .page-index-2 .splash.tidal-takeover.g4shi-24hours-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.g4shi-24hours-takeover .description p.title {
            font-size: 3.5em; } }
  .page-index-2 .splash.tidal-takeover.labellachanel-giveaway-takeover {
    background-image: url("/images/index2/promos/labellachanel/labellachanel-giveaway-bg.556aa668.jpg"); }
    .page-index-2 .splash.tidal-takeover.labellachanel-giveaway-takeover .col-left, .page-index-2 .splash.tidal-takeover.labellachanel-giveaway-takeover .col-right {
      display: block;
      padding: 20px 0; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.labellachanel-giveaway-takeover .col-left, .page-index-2 .splash.tidal-takeover.labellachanel-giveaway-takeover .col-right {
          display: inline-block;
          width: 40%;
          vertical-align: top; } }
    .page-index-2 .splash.tidal-takeover.labellachanel-giveaway-takeover .col-left p {
      text-transform: uppercase;
      text-align: center; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.labellachanel-giveaway-takeover .col-left p {
          text-align: left; } }
      .page-index-2 .splash.tidal-takeover.labellachanel-giveaway-takeover .col-left p.tidalx {
        font: 3em/1 "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.labellachanel-giveaway-takeover .col-left p.tidalx {
            font-size: 3.5em;
            margin-top: 0; } }
      .page-index-2 .splash.tidal-takeover.labellachanel-giveaway-takeover .col-left p.info {
        font: 1.25em/1.25em "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.labellachanel-giveaway-takeover .col-left p.info {
            font-size: 1.5em;
            letter-spacing: 1px; } }
      .page-index-2 .splash.tidal-takeover.labellachanel-giveaway-takeover .col-left p.location {
        font: 1.25em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.labellachanel-giveaway-takeover .col-left p.location {
            font-size: 1.5em; } }
      .page-index-2 .splash.tidal-takeover.labellachanel-giveaway-takeover .col-left p.hashtag {
        font: 1.25em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.labellachanel-giveaway-takeover .col-left p.hashtag {
            font-size: 1.5em; } }
    .page-index-2 .splash.tidal-takeover.labellachanel-giveaway-takeover .col-left hr.small-line {
      border: 0;
      height: 1px;
      background: #fff; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.labellachanel-giveaway-takeover .col-left hr.small-line {
          width: 50%;
          margin-left: 0; } }
    .page-index-2 .splash.tidal-takeover.labellachanel-giveaway-takeover .col-left img.lbc-logo {
      max-width: 200px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.labellachanel-giveaway-takeover .col-left img.lbc-logo {
          max-width: 250px;
          margin-left: 0;
          display: block;
          margin-bottom: 50px; } }
    .page-index-2 .splash.tidal-takeover.labellachanel-giveaway-takeover .col-right img.headshot {
      max-width: 320px; }
    .page-index-2 .splash.tidal-takeover.labellachanel-giveaway-takeover .col-right a.lbc-link {
      text-transform: uppercase;
      color: #fff;
      font: 1.2em/1 "nationale-bold", sans-serif;
      margin-top: 30px;
      display: block;
      outline: 0; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.labellachanel-giveaway-takeover .col-right a.lbc-link {
          font-size: 1.25em; } }
  .page-index-2 .splash.tidal-takeover.karolg-pasarla-playlist-takeover {
    background-image: url("/images/index2/promos/karolg/karolg-pasarla-bg.28fa87f0.jpg"); }
    .page-index-2 .splash.tidal-takeover.karolg-pasarla-playlist-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.karolg-pasarla-playlist-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.karolg-pasarla-playlist-takeover .description p.artist {
            font-size: 5em; } }
      .page-index-2 .splash.tidal-takeover.karolg-pasarla-playlist-takeover .description p.title {
        font: 2em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.karolg-pasarla-playlist-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.karenrodriguez-selena-playlist-takeover {
    background-image: url("/images/index2/promos/karenrodriguez/karenrodriguez-selena-playlist-bg.8a85b9b9.jpg"); }
    .page-index-2 .splash.tidal-takeover.karenrodriguez-selena-playlist-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.karenrodriguez-selena-playlist-takeover .description p.artist {
        font: 1.75em/1.25em "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.karenrodriguez-selena-playlist-takeover .description p.artist {
            font-size: 2.75em; } }
  .page-index-2 .splash.tidal-takeover.belly-pop-takeover {
    background-image: url("/images/index2/promos/belly/belly-pop-bg.500640cf.jpg"); }
    .page-index-2 .splash.tidal-takeover.belly-pop-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.belly-pop-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.belly-pop-takeover .description p.artist {
            font-size: 4.5em; } }
      .page-index-2 .splash.tidal-takeover.belly-pop-takeover .description p.title {
        font: 3em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.belly-pop-takeover .description p.title {
            font-size: 4.5em; } }
  .page-index-2 .splash.tidal-takeover.belly-pop-single-takeover {
    background-image: url("/images/index2/promos/belly/belly-pop-single-bg.8e6ac9b1.jpg"); }
  .page-index-2 .splash.tidal-takeover.happyhollows-silentpartner-takeover {
    background-image: url("/images/index2/promos/happyhollows/happyhollows-silentpartner-bg.da977408.jpg"); }
    .page-index-2 .splash.tidal-takeover.happyhollows-silentpartner-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.happyhollows-silentpartner-takeover .description p.artist {
        font: 2em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.happyhollows-silentpartner-takeover .description p.artist {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.happyhollows-silentpartner-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.happyhollows-silentpartner-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.vicmensa-autobio-giveaway-takeover {
    background-image: url("/images/index2/promos/vicmensa/vicmensa-autobio-giveaway-bg.140cd83d.jpg"); }
    .page-index-2 .splash.tidal-takeover.vicmensa-autobio-giveaway-takeover img.cover {
      max-width: 800px; }
  .page-index-2 .splash.tidal-takeover.vanjones-werisetour-giveaway-takeover {
    background-image: url("/images/index2/promos/vanjones/vanjones-werisetour-bg.1397de50.jpg"); }
    @media (min-width: 1400px) {
      .page-index-2 .splash.tidal-takeover.vanjones-werisetour-giveaway-takeover {
        background-size: 100% 100%; } }
    .page-index-2 .splash.tidal-takeover.vanjones-werisetour-giveaway-takeover .takeover-description {
      padding: 50px 0; }
      .page-index-2 .splash.tidal-takeover.vanjones-werisetour-giveaway-takeover .takeover-description img.header {
        width: 100%;
        max-width: 700px;
        image-rendering: -webkit-optimize-contrast; }
      .page-index-2 .splash.tidal-takeover.vanjones-werisetour-giveaway-takeover .takeover-description p.hashtag {
        font: 1.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        color: #000;
        padding: 30px 0; }
      .page-index-2 .splash.tidal-takeover.vanjones-werisetour-giveaway-takeover .takeover-description .cta-wrapper .cta-btn {
        border-color: #000;
        color: #000; }
    .page-index-2 .splash.tidal-takeover.vanjones-werisetour-giveaway-takeover.vanjones-werisetour-livestream-takeover {
      background-image: url("/images/index2/promos/vanjones/vanjones-werisetour-livestream-bg.cf893c13.jpg");
      padding: 150px 0 100px 0; }
      .page-index-2 .splash.tidal-takeover.vanjones-werisetour-giveaway-takeover.vanjones-werisetour-livestream-takeover .takeover-description img.header {
        padding-bottom: 30px; }
      .page-index-2 .splash.tidal-takeover.vanjones-werisetour-giveaway-takeover.vanjones-werisetour-livestream-takeover .takeover-description p {
        text-transform: uppercase;
        color: #000; }
        .page-index-2 .splash.tidal-takeover.vanjones-werisetour-giveaway-takeover.vanjones-werisetour-livestream-takeover .takeover-description p.date, .page-index-2 .splash.tidal-takeover.vanjones-werisetour-giveaway-takeover.vanjones-werisetour-livestream-takeover .takeover-description p.time, .page-index-2 .splash.tidal-takeover.vanjones-werisetour-giveaway-takeover.vanjones-werisetour-livestream-takeover .takeover-description p.hashtag {
          font: 1.25em/1.25em "nationale-demibold", sans-serif;
          padding: 0; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.vanjones-werisetour-giveaway-takeover.vanjones-werisetour-livestream-takeover .takeover-description p.date, .page-index-2 .splash.tidal-takeover.vanjones-werisetour-giveaway-takeover.vanjones-werisetour-livestream-takeover .takeover-description p.time, .page-index-2 .splash.tidal-takeover.vanjones-werisetour-giveaway-takeover.vanjones-werisetour-livestream-takeover .takeover-description p.hashtag {
              max-width: 700px;
              font-size: 1.5em; } }
          .page-index-2 .splash.tidal-takeover.vanjones-werisetour-giveaway-takeover.vanjones-werisetour-livestream-takeover .takeover-description p.date span.line-break, .page-index-2 .splash.tidal-takeover.vanjones-werisetour-giveaway-takeover.vanjones-werisetour-livestream-takeover .takeover-description p.time span.line-break, .page-index-2 .splash.tidal-takeover.vanjones-werisetour-giveaway-takeover.vanjones-werisetour-livestream-takeover .takeover-description p.hashtag span.line-break {
            display: block; }
            @media (min-width: 768px) {
              .page-index-2 .splash.tidal-takeover.vanjones-werisetour-giveaway-takeover.vanjones-werisetour-livestream-takeover .takeover-description p.date span.line-break, .page-index-2 .splash.tidal-takeover.vanjones-werisetour-giveaway-takeover.vanjones-werisetour-livestream-takeover .takeover-description p.time span.line-break, .page-index-2 .splash.tidal-takeover.vanjones-werisetour-giveaway-takeover.vanjones-werisetour-livestream-takeover .takeover-description p.hashtag span.line-break {
                display: inline; } }
        .page-index-2 .splash.tidal-takeover.vanjones-werisetour-giveaway-takeover.vanjones-werisetour-livestream-takeover .takeover-description p.hashtag {
          padding-bottom: 30px; }
  .page-index-2 .splash.tidal-takeover.meekmill-cartest-takeover {
    background-image: url("/images/index2/promos/meekmill/meekmill-cartest-bg.41b1e34f.jpg"); }
    .page-index-2 .splash.tidal-takeover.meekmill-cartest-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.meekmill-cartest-takeover .description p.artist {
        font: 1.65em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.meekmill-cartest-takeover .description p.artist {
            font-size: 2.2em; } }
  .page-index-2 .splash.tidal-takeover.meekmill-winslosses-video-takeover {
    background-image: url("/images/index2/promos/meekmill/meekmill-winslosses-video-bg.8a80beeb.jpg"); }
    .page-index-2 .splash.tidal-takeover.meekmill-winslosses-video-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.meekmill-winslosses-video-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.meekmill-winslosses-video-takeover .description p.artist {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.meekmill-winslosses-video-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.meekmill-winslosses-video-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.rapsody-olms-takeover {
    background-image: url("/images/index2/promos/rapsody/rapsody-olms-bg.3640fe0b.jpg"); }
    .page-index-2 .splash.tidal-takeover.rapsody-olms-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.rapsody-olms-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.rapsody-olms-takeover .description p.artist {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.rapsody-olms-takeover .description p.title {
        font: 3em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.rapsody-olms-takeover .description p.title {
            font-size: 3.5em; } }
  .page-index-2 .splash.tidal-takeover.demilovato-sorry-video-takeover {
    background-image: url("/images/index2/promos/demilovato/demilovato-sorrynotsorry-video-bg.7b70ef8d.jpg"); }
    .page-index-2 .splash.tidal-takeover.demilovato-sorry-video-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.demilovato-sorry-video-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.demilovato-sorry-video-takeover .description p.artist {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.demilovato-sorry-video-takeover .description p.title {
        font: 1.9em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.demilovato-sorry-video-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.twoswift-chachucucha-takeover {
    background-image: url("/images/index2/promos/chachucucha/chachucucha-bg.5ea0e0b3.jpg"); }
    .page-index-2 .splash.tidal-takeover.twoswift-chachucucha-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.twoswift-chachucucha-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
      .page-index-2 .splash.tidal-takeover.twoswift-chachucucha-takeover .description p.feat {
        font: 1.5em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
      .page-index-2 .splash.tidal-takeover.twoswift-chachucucha-takeover .description p.title {
        font: 2em/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.justineskye-backformore-takeover {
    background-image: url("/images/index2/promos/justineskye/justineskye-backformore-bg.3370989a.jpg"); }
    .page-index-2 .splash.tidal-takeover.justineskye-backformore-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.justineskye-backformore-takeover .description p.artist {
        font: 2.25em/1.25em "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.justineskye-backformore-takeover .description p.artist {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.justineskye-backformore-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.justineskye-backformore-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.sharkmuffin-theoffwhite-takeover {
    background-image: url("/images/index2/promos/sharkmuffin/sharkmuffin-theoffwhite-bg.385ae1d5.jpg"); }
    .page-index-2 .splash.tidal-takeover.sharkmuffin-theoffwhite-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.sharkmuffin-theoffwhite-takeover .description p.artist {
        font: 1.1em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.sharkmuffin-theoffwhite-takeover .description p.artist {
            font-size: 1.7em; } }
      .page-index-2 .splash.tidal-takeover.sharkmuffin-theoffwhite-takeover .description p.title {
        font: 0.9em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.sharkmuffin-theoffwhite-takeover .description p.title {
            font-size: 1.4em; } }
  .page-index-2 .splash.tidal-takeover.ripchester-takeover {
    background-color: #363636; }
    .page-index-2 .splash.tidal-takeover.ripchester-takeover img.header {
      max-width: 90%;
      margin: 20px auto;
      image-rendering: -webkit-optimize-contrast; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.ripchester-takeover img.header {
          margin: 50px auto;
          max-width: 680px; } }
    .page-index-2 .splash.tidal-takeover.ripchester-takeover p {
      max-width: 100%; }
    .page-index-2 .splash.tidal-takeover.ripchester-takeover p.title {
      font: 2em/1.25em "nationale-bold", sans-serif;
      letter-spacing: 2px;
      text-transform: uppercase;
      max-width: 90%; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.ripchester-takeover p.title {
          font-size: 3.44em;
          max-width: 680px; } }
    .page-index-2 .splash.tidal-takeover.ripchester-takeover p.suicide-prevent {
      font: 0.8em/1.25em "nationale-demibold", sans-serif;
      color: #a2a2a2;
      text-transform: uppercase;
      letter-spacing: 3px;
      margin-top: 50px; }
  .page-index-2 .splash.tidal-takeover.sharkmuffin-factory-takeover {
    background-image: url("/images/index2/promos/sharkmuffin/sharkmuffin-factory-bg.dc647af7.jpg"); }
    .page-index-2 .splash.tidal-takeover.sharkmuffin-factory-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.sharkmuffin-factory-takeover .description p.artist {
        font: 2.25em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.sharkmuffin-factory-takeover .description p.artist {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.sharkmuffin-factory-takeover .description p.title {
        font: 3em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.djkhaled-wildthoughts-remix-takeover {
    background-image: url("/images/index2/promos/djkhaled/djkhaled-wildthoughts-remix-bg.6ebd9778.jpg"); }
    .page-index-2 .splash.tidal-takeover.djkhaled-wildthoughts-remix-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.djkhaled-wildthoughts-remix-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.djkhaled-wildthoughts-remix-takeover .description p.artist {
            font-size: 4.5em; } }
      .page-index-2 .splash.tidal-takeover.djkhaled-wildthoughts-remix-takeover .description p.title {
        font: 1.45em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.djkhaled-wildthoughts-remix-takeover .description p.title {
            font-size: 2.25em; } }
  .page-index-2 .splash.tidal-takeover.kaliuchis-tirano-takeover {
    background-image: url("/images/index2/promos/kaliuchis/kaliuchis-tirano-bg.be9ab72f.jpg"); }
    .page-index-2 .splash.tidal-takeover.kaliuchis-tirano-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.kaliuchis-tirano-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.kaliuchis-tirano-takeover .description p.artist {
            font-size: 3.65em; } }
      .page-index-2 .splash.tidal-takeover.kaliuchis-tirano-takeover .description p.feat {
        font: 2.65em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.kaliuchis-tirano-takeover .description p.feat {
            font-size: 3.25em; } }
      .page-index-2 .splash.tidal-takeover.kaliuchis-tirano-takeover .description p.title {
        font: 3em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.kaliuchis-tirano-takeover .description p.title {
            font-size: 3.5em; } }
  .page-index-2 .splash.tidal-takeover.daddyyankee-barriofino-takeover {
    background-image: url("/images/index2/promos/daddyyankee/daddyyankee-barriofino-bg.4b6460c2.jpg"); }
    .page-index-2 .splash.tidal-takeover.daddyyankee-barriofino-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.daddyyankee-barriofino-takeover .description p.artist {
        font: 2.25em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.daddyyankee-barriofino-takeover .description p.artist {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.daddyyankee-barriofino-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.daddyyankee-barriofino-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.romeosantos-golden-takeover {
    background-image: url("/images/index2/promos/romeosantos/romeosantos-golden-bg.8728ffff.jpg"); }
    .page-index-2 .splash.tidal-takeover.romeosantos-golden-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.romeosantos-golden-takeover .description p.artist {
        font: 2.25em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.romeosantos-golden-takeover .description p.artist {
            font-size: 3.25em; } }
      .page-index-2 .splash.tidal-takeover.romeosantos-golden-takeover .description p.title {
        font: 2em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.romeosantos-golden-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.damianmarley-stonyhill-takeover {
    background-image: url("/images/index2/promos/damianmarley/damianmarley-stonyhill-bg.7afe4648.jpg"); }
    .page-index-2 .splash.tidal-takeover.damianmarley-stonyhill-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.damianmarley-stonyhill-takeover .description p.artist {
        font: 2em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.damianmarley-stonyhill-takeover .description p.artist {
            font-size: 3.25em; } }
      .page-index-2 .splash.tidal-takeover.damianmarley-stonyhill-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.damianmarley-stonyhill-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.meekmill-winslosses-takeover {
    background-image: url("/images/index2/promos/meekmill/meekmill-winslosses-bg.cd8b0bf5.jpg"); }
    .page-index-2 .splash.tidal-takeover.meekmill-winslosses-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.meekmill-winslosses-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.meekmill-winslosses-takeover .description p.artist {
            font-size: 4.5em; } }
      .page-index-2 .splash.tidal-takeover.meekmill-winslosses-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.meekmill-winslosses-takeover .description p.title {
            font-size: 2.8em; } }
  .page-index-2 .splash.tidal-takeover.hiphopimprov-xzibit-takeover {
    background-image: url("/images/index2/promos/hiphopimprov/hiphopimprov-xzibit-bg.87f6969d.jpg"); }
  .page-index-2 .splash.tidal-takeover.moormother-dna-takeover {
    background-image: url("/images/index2/promos/moormother/moormother-dna-bg.97b3f984.jpg"); }
    .page-index-2 .splash.tidal-takeover.moormother-dna-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.moormother-dna-takeover .description p.artist {
        font: 2.2em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.moormother-dna-takeover .description p.artist {
            font-size: 2.85em; } }
      .page-index-2 .splash.tidal-takeover.moormother-dna-takeover .description p.title {
        font: 2.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.moormother-dna-takeover .description p.title {
            font-size: 3.5em; } }
  .page-index-2 .splash.tidal-takeover.papiwiloxjonz-mesupere-takeover {
    background-image: url("/images/index2/promos/papiwiloxjonz/papiwiloxjonz-mesupere-bg.cedac123.jpg"); }
    .page-index-2 .splash.tidal-takeover.papiwiloxjonz-mesupere-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.papiwiloxjonz-mesupere-takeover .description p.artist {
        font: 1.85em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.papiwiloxjonz-mesupere-takeover .description p.artist {
            font-size: 2.45em; } }
      .page-index-2 .splash.tidal-takeover.papiwiloxjonz-mesupere-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.papiwiloxjonz-mesupere-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.farina-micolombia-takeover {
    background-image: url("/images/index2/promos/farina/farina-micolombia-bg.5de3617e.jpg"); }
    .page-index-2 .splash.tidal-takeover.farina-micolombia-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.farina-micolombia-takeover .description p.artist {
        font: 3.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.farina-micolombia-takeover .description p.artist {
            font-size: 5em; } }
      .page-index-2 .splash.tidal-takeover.farina-micolombia-takeover .description p.title {
        font: 2.25em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.farina-micolombia-takeover .description p.title {
            font-size: 2.75em; } }
  .page-index-2 .splash.tidal-takeover.tales-announcement-takeover {
    background: url("/images/index2/promos/tales/tales-dust.0379ca91.gif") center center/cover no-repeat fixed black;
    image-rendering: -webkit-optimize-contrast; }
    .page-index-2 .splash.tidal-takeover.tales-announcement-takeover.index {
      background: black; }
    .page-index-2 .splash.tidal-takeover.tales-announcement-takeover .welcome-mat-wrapper {
      width: 100%;
      max-width: 1400px; }
    .page-index-2 .splash.tidal-takeover.tales-announcement-takeover .takeover-description img.tales-logo {
      width: 100%;
      max-width: 1400px;
      image-rendering: -webkit-optimize-contrast; }
    .page-index-2 .splash.tidal-takeover.tales-announcement-takeover .takeover-description p {
      text-transform: uppercase; }
      .page-index-2 .splash.tidal-takeover.tales-announcement-takeover .takeover-description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 100px; }
      .page-index-2 .splash.tidal-takeover.tales-announcement-takeover .takeover-description p.date {
        font: 1.25em/1 "nationale-demibold", sans-serif;
        margin-bottom: 100px; }
      .page-index-2 .splash.tidal-takeover.tales-announcement-takeover .takeover-description p.ep-title {
        font: 1em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.tales-announcement-takeover .takeover-description p.ep-title {
            font-size: 1.25em; } }
    .page-index-2 .splash.tidal-takeover.tales-announcement-takeover .takeover-description .tidal-embed.main {
      margin: 50px auto 30px auto;
      display: block;
      max-width: 90%; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.tales-announcement-takeover .takeover-description .tidal-embed.main {
          max-width: 65%; } }
    .page-index-2 .splash.tidal-takeover.tales-announcement-takeover .takeover-description .vid-col {
      display: block;
      margin: 30px auto;
      max-width: 90%; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.tales-announcement-takeover .takeover-description .vid-col {
          margin: 120px auto 120px auto;
          display: inline-block;
          width: 30%; } }
    .page-index-2 .splash.tidal-takeover.tales-announcement-takeover .takeover-description .ep-wrapper {
      margin-bottom: 150px; }
  .page-index-2 .splash.tidal-takeover.rapsody-thepoint-video-takeover {
    background-image: url("/images/index2/promos/rapsody/rapsody-thepoint-video-bg.dac0f5b7.jpg"); }
    .page-index-2 .splash.tidal-takeover.rapsody-thepoint-video-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.rapsody-thepoint-video-takeover .description p.artist {
        font: 3.5em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.rapsody-thepoint-video-takeover .description p.artist {
            font-size: 4.5em; } }
      .page-index-2 .splash.tidal-takeover.rapsody-thepoint-video-takeover .description p.feat {
        font: 1.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        letter-spacing: 3px;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.rapsody-thepoint-video-takeover .description p.feat {
            font-size: 1.65em; } }
      .page-index-2 .splash.tidal-takeover.rapsody-thepoint-video-takeover .description p.title {
        font: 2.75em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.rapsody-thepoint-video-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.jadensmith-batman-video-takeover {
    background-image: url("/images/index2/promos/jadensmith/jadensmith-batman-video-bg.e462b9c2.jpg"); }
    .page-index-2 .splash.tidal-takeover.jadensmith-batman-video-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.jadensmith-batman-video-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.jadensmith-batman-video-takeover .description p.artist {
            font-size: 3.25em; } }
      .page-index-2 .splash.tidal-takeover.jadensmith-batman-video-takeover .description p.title {
        font: 2.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.jadensmith-batman-video-takeover .description p.title {
            font-size: 2.75em; } }
  .page-index-2 .splash.tidal-takeover.smino-swanitatour-part3-takeover {
    background-image: url("/images/index2/promos/smino/smino-swanitatour-part3-bg.8b0989f2.jpg"); }
    .page-index-2 .splash.tidal-takeover.smino-swanitatour-part3-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.smino-swanitatour-part3-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif;
        letter-spacing: 3px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.smino-swanitatour-part3-takeover .description p.artist {
            font-size: 5em; } }
      .page-index-2 .splash.tidal-takeover.smino-swanitatour-part3-takeover .description p.title {
        font: 1.1em/1.25em "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.smino-swanitatour-part3-takeover .description p.title {
            font-size: 1.45em; } }
  .page-index-2 .splash.tidal-takeover.meekmill-winslosses-countdown-takeover {
    background-image: url("/images/index2/promos/meekmill/meekmill-countdown-bg.5800f9f9.jpg");
    padding-bottom: 0; }
    .page-index-2 .splash.tidal-takeover.meekmill-winslosses-countdown-takeover .welcome-mat-wrapper {
      width: 100%;
      max-width: 100%; }
    .page-index-2 .splash.tidal-takeover.meekmill-winslosses-countdown-takeover .takeover-description img.title {
      width: 50%; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.meekmill-winslosses-countdown-takeover .takeover-description img.title {
          width: 30%;
          max-width: 230px; } }
    .page-index-2 .splash.tidal-takeover.meekmill-winslosses-countdown-takeover .takeover-description .red-banner {
      background-image: url("/images/index2/promos/meekmill/meekmill-countdown-redbanner.4418d6f9.png");
      background-position: bottom;
      background-repeat: no-repeat;
      background-size: cover;
      width: 100%;
      max-width: 100%;
      padding: 70px 0 40px 0; }
      .page-index-2 .splash.tidal-takeover.meekmill-winslosses-countdown-takeover .takeover-description .red-banner img.album {
        width: 80%;
        padding-top: 50px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.meekmill-winslosses-countdown-takeover .takeover-description .red-banner img.album {
            width: 50%;
            max-width: 530px; } }
      .page-index-2 .splash.tidal-takeover.meekmill-winslosses-countdown-takeover .takeover-description .red-banner .countdown-wrapper span.flip-clock-label {
        display: none; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.meekmill-winslosses-countdown-takeover .takeover-description .red-banner .countdown-wrapper div.tidal-counter-units.top {
          display: inline-block; } }
      .page-index-2 .splash.tidal-takeover.meekmill-winslosses-countdown-takeover .takeover-description .red-banner .countdown-wrapper div.tidal-counter-units.top h4 {
        text-transform: uppercase;
        color: #fff;
        font-family: "nationale", "nationale-regular", "Helvetica", sans-serif; }
      .page-index-2 .splash.tidal-takeover.meekmill-winslosses-countdown-takeover .takeover-description .red-banner .countdown-wrapper div.tidal-counter-units.bottom {
        display: none; }
  .page-index-2 .splash.tidal-takeover.juanes-forthecultura-takeover {
    background-image: url("/images/index2/promos/juanes/juanes-forthecultura-bg.bf75b8f9.jpg"); }
    .page-index-2 .splash.tidal-takeover.juanes-forthecultura-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.juanes-forthecultura-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif;
        letter-spacing: 3px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.juanes-forthecultura-takeover .description p.artist {
            font-size: 5.5em; } }
      .page-index-2 .splash.tidal-takeover.juanes-forthecultura-takeover .description p.title {
        font: 1.95em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.juanes-forthecultura-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.romeosantos-imitadora-video-takeover {
    background-image: url("/images/index2/promos/romeosantos/romeosantos-imitadora-video-bg.1a93a1b3.jpg"); }
    .page-index-2 .splash.tidal-takeover.romeosantos-imitadora-video-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.romeosantos-imitadora-video-takeover .description p.artist {
        font: 2.1em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.romeosantos-imitadora-video-takeover .description p.artist {
            font-size: 2.75em; } }
      .page-index-2 .splash.tidal-takeover.romeosantos-imitadora-video-takeover .description p.title {
        font: 3em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.vicmensa-rage-takeover {
    background-image: url("/images/index2/promos/vicmensa/vicmensa-rage-bg.9ba8d5dd.jpg"); }
    .page-index-2 .splash.tidal-takeover.vicmensa-rage-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.vicmensa-rage-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.vicmensa-rage-takeover .description p.artist {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.vicmensa-rage-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.vicmensa-rage-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.meekmill-popupshow-takeover {
    background-image: url("/images/index2/promos/meekmill/meekmill-popupshow-bg.a87b650a.jpg"); }
    .page-index-2 .splash.tidal-takeover.meekmill-popupshow-takeover .welcome-mat-wrapper {
      width: 100%;
      max-width: 100%; }
    .page-index-2 .splash.tidal-takeover.meekmill-popupshow-takeover .takeover-description img.title {
      max-width: 600px;
      padding-bottom: 30px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.meekmill-popupshow-takeover .takeover-description img.title {
          max-width: 750px; } }
    .page-index-2 .splash.tidal-takeover.meekmill-popupshow-takeover .takeover-description img.banner {
      display: none; }
      .page-index-2 .splash.tidal-takeover.meekmill-popupshow-takeover .takeover-description img.banner.mobile {
        display: block; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.meekmill-popupshow-takeover .takeover-description img.banner {
          display: block; }
          .page-index-2 .splash.tidal-takeover.meekmill-popupshow-takeover .takeover-description img.banner.mobile {
            display: none; } }
    .page-index-2 .splash.tidal-takeover.meekmill-popupshow-takeover .takeover-description img.tidal-icon {
      max-width: 50px;
      padding: 10px 0; }
    .page-index-2 .splash.tidal-takeover.meekmill-popupshow-takeover .takeover-description p.hashtag {
      font: 1.5em/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.justineskye-8ounces-vid-takeover {
    background-image: url("/images/index2/promos/justineskye/justineskye-8ounces-vid-bg.fa3b0aee.jpg"); }
    .page-index-2 .splash.tidal-takeover.justineskye-8ounces-vid-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.justineskye-8ounces-vid-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.justineskye-8ounces-vid-takeover .description p.artist {
            font-size: 3.75em; } }
      .page-index-2 .splash.tidal-takeover.justineskye-8ounces-vid-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.justineskye-8ounces-vid-takeover .description p.title {
            font-size: 3.5em; } }
  .page-index-2 .splash.tidal-takeover.kaskade-milan-takeover {
    background-image: url("/images/index2/promos/kaskade/kaskade-milan-bg.8590a3f0.jpg"); }
    .page-index-2 .splash.tidal-takeover.kaskade-milan-takeover .takeover-full {
      position: relative;
      min-height: 85vh; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.kaskade-milan-takeover .takeover-full {
          min-height: 120vh; } }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.kaskade-milan-takeover .takeover-full {
          min-height: 100vh; } }
      .page-index-2 .splash.tidal-takeover.kaskade-milan-takeover .takeover-full .takeover-description {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0; }
        .page-index-2 .splash.tidal-takeover.kaskade-milan-takeover .takeover-full .takeover-description img.header {
          width: 100%;
          image-rendering: -webkit-optimize-contrast;
          padding-bottom: 20px; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.kaskade-milan-takeover .takeover-full .takeover-description img.header {
              max-width: 50%; } }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.kaskade-milan-takeover .takeover-full .takeover-description img.header {
              max-width: 40%; } }
        .page-index-2 .splash.tidal-takeover.kaskade-milan-takeover .takeover-full .takeover-description p {
          text-transform: uppercase;
          margin: 10px auto; }
          .page-index-2 .splash.tidal-takeover.kaskade-milan-takeover .takeover-full .takeover-description p.location {
            font: 1.5em/1 "nationale-bold", sans-serif; }
            @media (min-width: 1024px) {
              .page-index-2 .splash.tidal-takeover.kaskade-milan-takeover .takeover-full .takeover-description p.location {
                font-size: 1.75em; } }
          .page-index-2 .splash.tidal-takeover.kaskade-milan-takeover .takeover-full .takeover-description p.time {
            font: 1.2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
            @media (min-width: 1024px) {
              .page-index-2 .splash.tidal-takeover.kaskade-milan-takeover .takeover-full .takeover-description p.time {
                font-size: 1.75em; } }
        .page-index-2 .splash.tidal-takeover.kaskade-milan-takeover .takeover-full .takeover-description .cta-wrapper {
          margin-top: 50px; }
  .page-index-2 .splash.tidal-takeover.rapsody-thepoint-takeover {
    background-image: url("/images/index2/promos/rapsody/rapsody-thepoint-bg.88d32fda.jpg"); }
    .page-index-2 .splash.tidal-takeover.rapsody-thepoint-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.rapsody-thepoint-takeover .description p.artist {
        font: 3.25em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.rapsody-thepoint-takeover .description p.artist {
            font-size: 4em;
            letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.rapsody-thepoint-takeover .description p.feat {
        font: 1.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.rapsody-thepoint-takeover .description p.feat {
            font-size: 1.9em; } }
      .page-index-2 .splash.tidal-takeover.rapsody-thepoint-takeover .description p.title {
        font: 2.5em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.rapsody-thepoint-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.arcadefire-electricblue-takeover {
    background-image: url("/images/index2/promos/arcadefire/arcadefire-electricblue-bg.a44e0e51.jpg"); }
    .page-index-2 .splash.tidal-takeover.arcadefire-electricblue-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.arcadefire-electricblue-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.arcadefire-electricblue-takeover .description p.artist {
            font-size: 3.25em; } }
      .page-index-2 .splash.tidal-takeover.arcadefire-electricblue-takeover .description p.title {
        font: 2.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.arcadefire-electricblue-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.coldplay-kaleidoscope-takeover {
    background-image: url("/images/index2/promos/coldplay/coldplay-aliens-bg.8bbaf092.jpg"); }
    .page-index-2 .splash.tidal-takeover.coldplay-kaleidoscope-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.coldplay-kaleidoscope-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.coldplay-kaleidoscope-takeover .description p.artist {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.coldplay-kaleidoscope-takeover .description p.title {
        font: 2.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.coldplay-kaleidoscope-takeover .description p.title {
            font-size: 2.75em; } }
  .page-index-2 .splash.tidal-takeover.nickjonas-remember-remix-takeover {
    background-image: url("/images/index2/promos/nickjonas/nickjonas-remember-remix-bg.2bc7b6e9.jpg"); }
    .page-index-2 .splash.tidal-takeover.nickjonas-remember-remix-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.nickjonas-remember-remix-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.nickjonas-remember-remix-takeover .description p.artist {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.nickjonas-remember-remix-takeover .description p.title {
        font: 1.5em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.nickjonas-remember-remix-takeover .description p.title {
            font-size: 2.25em; } }
  .page-index-2 .splash.tidal-takeover.luiscoronel-talcomoeres-takeover {
    background-image: url("/images/index2/promos/luiscoronel/luiscoronel-talcomoeres-bg.51d5392b.jpg"); }
    .page-index-2 .splash.tidal-takeover.luiscoronel-talcomoeres-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.luiscoronel-talcomoeres-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.luiscoronel-talcomoeres-takeover .description p.artist {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.luiscoronel-talcomoeres-takeover .description p.title {
        font: 2.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.luiscoronel-talcomoeres-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.meekmill-issues-takeover {
    background-image: url("/images/index2/promos/meekmill/meekmill-issues-bg.43afb326.jpg"); }
    .page-index-2 .splash.tidal-takeover.meekmill-issues-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.meekmill-issues-takeover .description p.artist {
        font: 3.4em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.meekmill-issues-takeover .description p.artist {
            font-size: 5em; } }
      .page-index-2 .splash.tidal-takeover.meekmill-issues-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.meekmill-issues-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.mildhighclub-dna-takeover {
    background-image: url("/images/index2/promos/mildhighclub/mildhighclub-dna-bg.18c9d529.jpg"); }
    .page-index-2 .splash.tidal-takeover.mildhighclub-dna-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.mildhighclub-dna-takeover .description p.artist {
        font: 2em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.mildhighclub-dna-takeover .description p.artist {
            font-size: 2.75em; } }
      .page-index-2 .splash.tidal-takeover.mildhighclub-dna-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.mildhighclub-dna-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.damianmarley-listening-giveaway-takeover {
    background-image: url("/images/index2/promos/damianmarley/damianmarley-listening-giveaway-bg.16b5ff8e.jpg"); }
    .page-index-2 .splash.tidal-takeover.damianmarley-listening-giveaway-takeover .takeover-description {
      position: relative;
      min-height: 85vh; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.damianmarley-listening-giveaway-takeover .takeover-description {
          min-height: 120vh; } }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.damianmarley-listening-giveaway-takeover .takeover-description {
          min-height: 100vh; } }
      .page-index-2 .splash.tidal-takeover.damianmarley-listening-giveaway-takeover .takeover-description img.copy {
        width: 100%;
        image-rendering: -webkit-optimize-contrast; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.damianmarley-listening-giveaway-takeover .takeover-description img.copy {
            max-width: 50%; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.damianmarley-listening-giveaway-takeover .takeover-description img.copy {
            max-width: 40%; } }
      .page-index-2 .splash.tidal-takeover.damianmarley-listening-giveaway-takeover .takeover-description .cta-wrapper {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0; }
  .page-index-2 .splash.tidal-takeover.cnco-tourseries-epfive-takeover {
    background-image: url("/images/index2/promos/cnco/cnco-tourseries-epfive-bg.b2da6490.jpg"); }
    .page-index-2 .splash.tidal-takeover.cnco-tourseries-epfive-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.cnco-tourseries-epfive-takeover .description p.artist {
        font: 1.25em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.cnco-tourseries-epfive-takeover .description p.artist {
            font-size: 1.75em; } }
      .page-index-2 .splash.tidal-takeover.cnco-tourseries-epfive-takeover .description p.title {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.cnco-tourseries-epfive-takeover .description p.title {
            font-size: 1.4em; } }
  .page-index-2 .splash.tidal-takeover.beckyg-mayores-takeover {
    background-image: url("/images/index2/promos/beckyg/beckyg-mayores-bg.5d779715.jpg"); }
    .page-index-2 .splash.tidal-takeover.beckyg-mayores-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.beckyg-mayores-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
      .page-index-2 .splash.tidal-takeover.beckyg-mayores-takeover .description p.feat {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
      .page-index-2 .splash.tidal-takeover.beckyg-mayores-takeover .description p.title {
        font: 2.5em/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.vicmensa-wings-takeover {
    background-image: url("/images/index2/promos/vicmensa/vicmensa-wings-bg.c78e41d5.jpg"); }
    .page-index-2 .splash.tidal-takeover.vicmensa-wings-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.vicmensa-wings-takeover .description p.artist {
        font: 3.25em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.vicmensa-wings-takeover .description p.artist {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.vicmensa-wings-takeover .description p.feat {
        font: 0.85em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.vicmensa-wings-takeover .description p.feat {
            font-size: 1.35em; } }
      .page-index-2 .splash.tidal-takeover.vicmensa-wings-takeover .description p.title {
        font: 2.5em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.vicmensa-wings-takeover .description p.title {
            font-size: 3.25em; } }
  .page-index-2 .splash.tidal-takeover.enrique-subeme-seanpaul-takeover {
    background-image: url("/images/index2/promos/enriqueiglesias/enrique-subeme-seanpaul-bg.bb4429e1.jpg"); }
    .page-index-2 .splash.tidal-takeover.enrique-subeme-seanpaul-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.enrique-subeme-seanpaul-takeover .description p.artist {
        font: 2em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.enrique-subeme-seanpaul-takeover .description p.artist {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.enrique-subeme-seanpaul-takeover .description p.feat {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.enrique-subeme-seanpaul-takeover .description p.feat {
            font-size: 2.5em; } }
      .page-index-2 .splash.tidal-takeover.enrique-subeme-seanpaul-takeover .description p.title {
        font: 1.25em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.enrique-subeme-seanpaul-takeover .description p.title {
            font-size: 1.75em; } }
  .page-index-2 .splash.tidal-takeover.rombai-besarte-takeover {
    background-image: url("/images/index2/promos/rombai/rombai-besarte-bg.7d97b9a6.jpg"); }
    .page-index-2 .splash.tidal-takeover.rombai-besarte-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.rombai-besarte-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.rombai-besarte-takeover .description p.artist {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.rombai-besarte-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.rombai-besarte-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.damianmarley-livingitup-takeover {
    background-image: url("/images/index2/promos/damianmarley/damianmarley-roar-single-bg.fb4b512e.jpg"); }
    .page-index-2 .splash.tidal-takeover.damianmarley-livingitup-takeover img.product-cover {
      image-rendering: -webkit-optimize-contrast; }
    .page-index-2 .splash.tidal-takeover.damianmarley-livingitup-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.damianmarley-livingitup-takeover .description p.artist {
        font: 2.1em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.damianmarley-livingitup-takeover .description p.artist {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.damianmarley-livingitup-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.damianmarley-livingitup-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.jadensmith-watchme-takeover {
    background-image: url("/images/index2/promos/jadensmith/jadensmith-watchme-bg.d5fcedb3.jpg"); }
    .page-index-2 .splash.tidal-takeover.jadensmith-watchme-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.jadensmith-watchme-takeover .description p.artist {
        font: 2.7em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.jadensmith-watchme-takeover .description p.artist {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.jadensmith-watchme-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.jadensmith-watchme-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.jadensmith-batman-takeover {
    background-image: url("/images/index2/promos/jadensmith/jadensmith-batman-bg.6fb1fa16.jpg"); }
    .page-index-2 .splash.tidal-takeover.jadensmith-batman-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.jadensmith-batman-takeover .description p.artist {
        font: 2.7em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.jadensmith-batman-takeover .description p.artist {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.jadensmith-batman-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.jadensmith-batman-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.reykon-forthecultura-takeover {
    background-image: url("/images/index2/promos/reykon/reykon-forthecultura-bg.72409212.jpg"); }
    .page-index-2 .splash.tidal-takeover.reykon-forthecultura-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.reykon-forthecultura-takeover .description p.artist {
        font: 3.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.reykon-forthecultura-takeover .description p.artist {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.reykon-forthecultura-takeover .description p.title {
        font: 1.95em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.reykon-forthecultura-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.summerscreen-recaps-takeover.sammus-summerscreen-takeover {
    background-image: url("/images/index2/promos/sammus/sammus-summerscreen-bg.312fa790.jpg"); }
  .page-index-2 .splash.tidal-takeover.summerscreen-recaps-takeover.gobbinjr-summerscreen-takeover {
    background-image: url("/images/index2/promos/gobbinjr/gobbinjr-summerscreen-bg.8db1575a.jpg"); }
  .page-index-2 .splash.tidal-takeover.summerscreen-recaps-takeover.yuckyduster-recap-takeover {
    background-image: url("/images/index2/promos/yuckyduster/yuckyduster-recap-bg.14a50a4f.jpg"); }
  .page-index-2 .splash.tidal-takeover.summerscreen-recaps-takeover.sharkmuffin-summerscreen-takeover {
    background-image: url("/images/index2/promos/sharkmuffin/sharkmuffin-summerscreen-bg.e46dca44.jpg"); }
  .page-index-2 .splash.tidal-takeover.summerscreen-recaps-takeover.sadthirteen-summerscreen-takeover {
    background-image: url("/images/index2/promos/sad13/sad13-summerscreen-bg.1f19cbe7.jpg"); }
  .page-index-2 .splash.tidal-takeover.summerscreen-recaps-takeover.karenrodriguez-summerscreen-takeover {
    background-image: url("/images/index2/promos/karenrodriguez/karenrodriguez-summerscreen-bg.3f8f42c1.jpg"); }
    .page-index-2 .splash.tidal-takeover.summerscreen-recaps-takeover.karenrodriguez-summerscreen-takeover .description p.title {
      font-size: 1.8em; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.summerscreen-recaps-takeover.karenrodriguez-summerscreen-takeover .description p.title {
          font-size: 1.65em; } }
  .page-index-2 .splash.tidal-takeover.summerscreen-recaps-takeover.theendofsummer-summerscreen-takeover {
    background-image: url("/images/index2/promos/theendofsummer/theendofsummer-summerscreen-bg.adaab937.jpg"); }
    .page-index-2 .splash.tidal-takeover.summerscreen-recaps-takeover.theendofsummer-summerscreen-takeover .description p.title {
      font-size: 1.45em; }
  .page-index-2 .splash.tidal-takeover.summerscreen-recaps-takeover .description {
    font-size: 14px;
    letter-spacing: 2px; }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.summerscreen-recaps-takeover .description {
        font-size: 20px;
        letter-spacing: 3px; } }
    .page-index-2 .splash.tidal-takeover.summerscreen-recaps-takeover .description p {
      font: 1em/1 "nationale-demibold", sans-serif;
      text-transform: uppercase;
      margin: 0 0 10px; }
      .page-index-2 .splash.tidal-takeover.summerscreen-recaps-takeover .description p.title {
        margin-top: 15px;
        font: 2em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.rapsody-thepain-video-takeover {
    background-image: url("/images/index2/promos/rapsody/rapsody-thepain-video-bg.6223f6c1.jpg"); }
    .page-index-2 .splash.tidal-takeover.rapsody-thepain-video-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.rapsody-thepain-video-takeover .description p.artist {
        font: 3.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.rapsody-thepain-video-takeover .description p.artist {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.rapsody-thepain-video-takeover .description p.title {
        font: 2.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.rapsody-thepain-video-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.daniellebradbery-tidalx-takeover {
    background-image: url("/images/index2/promos/daniellebradbery/daniellebradbery-tidalx-bg.7ee3715b.jpg"); }
    .page-index-2 .splash.tidal-takeover.daniellebradbery-tidalx-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.daniellebradbery-tidalx-takeover .description p.artist {
        font: 1.15em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.daniellebradbery-tidalx-takeover .description p.artist {
            font-size: 1.55em; } }
  .page-index-2 .splash.tidal-takeover.bhf17-playlist-takeover {
    background-image: url("/images/index2/promos/bhf17/bhf17-playlist-bg.c30f5b55.jpg"); }
    .page-index-2 .splash.tidal-takeover.bhf17-playlist-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.bhf17-playlist-takeover .description p.artist {
        font: 1.2em/1.5em "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.bhf17-playlist-takeover .description p.artist {
            font-size: 1.75em; } }
  .page-index-2 .splash.tidal-takeover.shilparay-emt-video-takeover {
    background-image: url("/images/index2/promos/shilparay/shilparay-emt-vid-bg.87f26c1e.jpg"); }
    .page-index-2 .splash.tidal-takeover.shilparay-emt-video-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.shilparay-emt-video-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.shilparay-emt-video-takeover .description p.artist {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.shilparay-emt-video-takeover .description p.title {
        font: 0.875em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.shilparay-emt-video-takeover .description p.title {
            font-size: 1.15em; } }
  .page-index-2 .splash.tidal-takeover.shilparay-emt-track-takeover {
    background-image: url("/images/index2/promos/shilparay/shilparay-emt-track-bg.f31d7532.jpg"); }
    .page-index-2 .splash.tidal-takeover.shilparay-emt-track-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.shilparay-emt-track-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.shilparay-emt-track-takeover .description p.artist {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.shilparay-emt-track-takeover .description p.title {
        font: 1.5em/1.25em "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.shilparay-emt-track-takeover .description p.title {
            font-size: 2.1em; } }
  .page-index-2 .splash.tidal-takeover.jayz-444-takeover {
    background-color: #F3C29A;
    display: block !important; }
    .page-index-2 .splash.tidal-takeover.jayz-444-takeover .top-image {
      display: block;
      width: 90%;
      max-width: 400px;
      margin: 0 auto; }
    .page-index-2 .splash.tidal-takeover.jayz-444-takeover .wrapper-album {
      width: 90%;
      background-color: #1c1c1c;
      max-width: 400px;
      margin: 60px auto 40px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
    .page-index-2 .splash.tidal-takeover.jayz-444-takeover .wrapper-sprint-info {
      font-size: 16px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.jayz-444-takeover .wrapper-sprint-info {
          font-size: 20px; } }
      .page-index-2 .splash.tidal-takeover.jayz-444-takeover .wrapper-sprint-info p {
        color: #000;
        font: 1em/1.5 "nationale", "nationale-regular", "Helvetica", sans-serif; }
    .page-index-2 .splash.tidal-takeover.jayz-444-takeover .cta-wrapper {
      margin-top: 60px; }
      .page-index-2 .splash.tidal-takeover.jayz-444-takeover .cta-wrapper .cta-btn {
        border: 2px solid #000;
        color: #000;
        font: 12px/1 "nationale-demibold", sans-serif;
        letter-spacing: 0.5px; }
    .page-index-2 .splash.tidal-takeover.jayz-444-takeover.jayz-444-takeover--video .commercial-heading {
      font-size: 28px; }
      .page-index-2 .splash.tidal-takeover.jayz-444-takeover.jayz-444-takeover--video .commercial-heading p {
        font: 1em/1 "nationale-bold", sans-serif;
        color: #000; }
        .page-index-2 .splash.tidal-takeover.jayz-444-takeover.jayz-444-takeover--video .commercial-heading p span {
          font-family: "nationale", "nationale-regular", "Helvetica", sans-serif; }
    .page-index-2 .splash.tidal-takeover.jayz-444-takeover.jayz-444-takeover--video .wrapper-embed {
      width: 90%;
      max-width: 650px;
      margin: 40px auto; }
    .page-index-2 .splash.tidal-takeover.jayz-444-takeover.jayz-444-takeover--video .cta-wrapper {
      margin-top: 7vh; }
      .page-index-2 .splash.tidal-takeover.jayz-444-takeover.jayz-444-takeover--video .cta-wrapper .cta-btn {
        border: 2px solid #000;
        color: #000;
        font: 12px/1 "nationale-demibold", sans-serif;
        letter-spacing: 0.5px; }
    .page-index-2 .splash.tidal-takeover.jayz-444-takeover.jayz-444-takeover--video.watch-all {
      padding-top: 0;
      padding-bottom: 150px; }
    .page-index-2 .splash.tidal-takeover.jayz-444-takeover.jayz-444-takeover--presale {
      background-color: #000; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.jayz-444-takeover.jayz-444-takeover--presale {
          padding-top: 10px; } }
      .page-index-2 .splash.tidal-takeover.jayz-444-takeover.jayz-444-takeover--presale .top-image {
        max-width: 200px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.jayz-444-takeover.jayz-444-takeover--presale .top-image {
            max-width: 660px; } }
      .page-index-2 .splash.tidal-takeover.jayz-444-takeover.jayz-444-takeover--presale .tour-image {
        width: auto; }
      .page-index-2 .splash.tidal-takeover.jayz-444-takeover.jayz-444-takeover--presale .presale-text {
        text-transform: uppercase;
        padding-top: 20px; }
        .page-index-2 .splash.tidal-takeover.jayz-444-takeover.jayz-444-takeover--presale .presale-text p {
          color: #F3C29A;
          font-size: 16px; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.jayz-444-takeover.jayz-444-takeover--presale .presale-text p {
              font-size: 18px; } }
      .page-index-2 .splash.tidal-takeover.jayz-444-takeover.jayz-444-takeover--presale .cta-wrapper {
        margin-top: 40px; }
        .page-index-2 .splash.tidal-takeover.jayz-444-takeover.jayz-444-takeover--presale .cta-wrapper .cta-btn {
          border-color: #F3C29A;
          color: #F3C29A; }
    .page-index-2 .splash.tidal-takeover.jayz-444-takeover.jayz-444-takeover--1million-info {
      padding-top: 0;
      font-size: 16px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.jayz-444-takeover.jayz-444-takeover--1million-info {
          font-size: 18px; } }
      .page-index-2 .splash.tidal-takeover.jayz-444-takeover.jayz-444-takeover--1million-info p {
        color: #000;
        font: 1em/1.5 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.jayz-444-takeover.jayz-444-takeover--1million-info p.million-info {
          margin-top: 0;
          max-width: 560px; }
    .page-index-2 .splash.tidal-takeover.jayz-444-takeover.jayz-444-takeover--album.bonus .wrapper-album {
      margin: 20px auto 40px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.jayz-444-takeover.jayz-444-takeover--album.bonus .cta-wrapper {
        max-width: 575px; } }
  .page-index-2 .splash.tidal-takeover.bhf17-vod2016-takeover {
    background-image: url("/images/index2/promos/bhf17/bhf17-vod-bg.7653a542.jpg"); }
    .page-index-2 .splash.tidal-takeover.bhf17-vod2016-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.bhf17-vod2016-takeover .description p.artist {
        font: 1.45em/1.25em "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.bhf17-vod2016-takeover .description p.artist {
            font-size: 1.75em; } }
      .page-index-2 .splash.tidal-takeover.bhf17-vod2016-takeover .description p.title {
        font: 1.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.bhf17-vod2016-takeover .description p.title {
            font-size: 1.5em; } }
  .page-index-2 .splash.tidal-takeover.bhf17-announce-takeover {
    background-color: #4d358b;
    padding-top: 0;
    padding-bottom: 40px; }
    .page-index-2 .splash.tidal-takeover.bhf17-announce-takeover .welcome-mat-wrapper {
      width: 100%; }
    .page-index-2 .splash.tidal-takeover.bhf17-announce-takeover img.groupshot {
      width: 100%;
      image-rendering: -webkit-optimize-contrast; }
    .page-index-2 .splash.tidal-takeover.bhf17-announce-takeover .takeover-description p {
      text-transform: uppercase;
      margin: 10px auto; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.bhf17-announce-takeover .takeover-description p {
          max-width: 700px; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.bhf17-announce-takeover .takeover-description p {
          max-width: 800px; } }
      .page-index-2 .splash.tidal-takeover.bhf17-announce-takeover .takeover-description p.title {
        font: 1.5em/1.25em "nationale-bold", sans-serif;
        color: #f7cf3c;
        margin-top: 30px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.bhf17-announce-takeover .takeover-description p.title {
            font-size: 1.75em; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.bhf17-announce-takeover .takeover-description p.title {
            font-size: 2.5em; } }
        .page-index-2 .splash.tidal-takeover.bhf17-announce-takeover .takeover-description p.title span.line-break {
          display: block; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.bhf17-announce-takeover .takeover-description p.title span.line-break {
              display: inline; } }
      .page-index-2 .splash.tidal-takeover.bhf17-announce-takeover .takeover-description p.date {
        font: 1.5em/1.25em "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.bhf17-announce-takeover .takeover-description p.date {
            font-size: 2.15em; } }
        .page-index-2 .splash.tidal-takeover.bhf17-announce-takeover .takeover-description p.date span.line-break {
          display: block; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.bhf17-announce-takeover .takeover-description p.date span.line-break {
              display: inline; }
              .page-index-2 .splash.tidal-takeover.bhf17-announce-takeover .takeover-description p.date span.line-break::after {
                content: "\00a0 \007C \00a0"; } }
      .page-index-2 .splash.tidal-takeover.bhf17-announce-takeover .takeover-description p.time {
        font: 1.2em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.bhf17-announce-takeover .takeover-description p.time {
            font-size: 2.15em; } }
      .page-index-2 .splash.tidal-takeover.bhf17-announce-takeover .takeover-description p.hashtag {
        font: 1.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin: 30px auto; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.bhf17-announce-takeover .takeover-description p.hashtag {
            font-size: 1.5em; } }
  .page-index-2 .splash.tidal-takeover.demilovato-sorrynotsorry-takeover {
    background-image: url("/images/index2/promos/demilovato/demilovato-sorrynotsorry-bg.d9a838dd.jpg"); }
    .page-index-2 .splash.tidal-takeover.demilovato-sorrynotsorry-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.demilovato-sorrynotsorry-takeover .description p.artist {
        font: 2.7em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.demilovato-sorrynotsorry-takeover .description p.artist {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.demilovato-sorrynotsorry-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.demilovato-sorrynotsorry-takeover .description p.title {
            font-size: 2.6em; } }
  .page-index-2 .splash.tidal-takeover.twonesavage-issa-album-takeover {
    background-image: url("/images/index2/promos/21savage/21savage-issa-album-bg.cd1a86bc.jpg"); }
    .page-index-2 .splash.tidal-takeover.twonesavage-issa-album-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.twonesavage-issa-album-takeover .description p.artist {
        font: 2.75em/1 "nationale-bold", sans-serif;
        letter-spacing: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.twonesavage-issa-album-takeover .description p.artist {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.twonesavage-issa-album-takeover .description p.title {
        font: 2.5em/1 "nationale-demibold", sans-serif;
        letter-spacing: 3px; }
  .page-index-2 .splash.tidal-takeover.beamiller-buymediamonds-takeover {
    background-image: url("/images/index2/promos/beamiller/beamiller-buymediamonds-bg.8588f1f9.jpg"); }
    .page-index-2 .splash.tidal-takeover.beamiller-buymediamonds-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.beamiller-buymediamonds-takeover .description p.artist {
        font: 2.75em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.beamiller-buymediamonds-takeover .description p.artist {
            font-size: 3.75em; } }
      .page-index-2 .splash.tidal-takeover.beamiller-buymediamonds-takeover .description p.title {
        font: 1.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.beamiller-buymediamonds-takeover .description p.title {
            font-size: 2.35em; } }
  .page-index-2 .splash.tidal-takeover.jackwhite-birthday-takeover.image-takeover.header {
    background-image: url("/images/index2/promos/jackwhite/jackwhite-header-bg.0b5ff440.jpg");
    background-size: cover;
    min-height: 110vh; }
    .page-index-2 .splash.tidal-takeover.jackwhite-birthday-takeover.image-takeover.header p.title {
      font: 5em/1 "nationale-bold", sans-serif;
      text-align: center;
      text-transform: uppercase; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.jackwhite-birthday-takeover.image-takeover.header p.title {
          padding-top: 50px; } }
  .page-index-2 .splash.tidal-takeover.jackwhite-birthday-takeover.image-takeover.piano {
    background-image: url("/images/index2/promos/jackwhite/jackwhite-birthday-piano.0f88219e.png");
    background-position-x: 12%;
    min-height: 85vh; }
  .page-index-2 .splash.tidal-takeover.jackwhite-birthday-takeover.image-takeover.stage {
    background-image: url("/images/index2/promos/jackwhite/jackwhite-birthday-stage.eed5b344.png");
    background-position-x: 20%;
    min-height: 85vh; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.jackwhite-birthday-takeover.image-takeover.stage {
        margin-bottom: 50px;
        background-position: center; } }
  .page-index-2 .splash.tidal-takeover.jackwhite-birthday-takeover.bestof-playlist-takeover .two-col {
    display: block; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.jackwhite-birthday-takeover.bestof-playlist-takeover .two-col {
        display: inline-block;
        width: 45%;
        margin: 0 2%; } }
    .page-index-2 .splash.tidal-takeover.jackwhite-birthday-takeover.bestof-playlist-takeover .two-col.playlist {
      vertical-align: top; }
    .page-index-2 .splash.tidal-takeover.jackwhite-birthday-takeover.bestof-playlist-takeover .two-col p {
      margin-left: 0;
      text-align: left;
      text-transform: uppercase; }
      .page-index-2 .splash.tidal-takeover.jackwhite-birthday-takeover.bestof-playlist-takeover .two-col p.title {
        font: 1.75em/1.25em "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.jackwhite-birthday-takeover.bestof-playlist-takeover .two-col p.title {
            font-size: 2em;
            margin-top: 0; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.jackwhite-birthday-takeover.bestof-playlist-takeover .two-col p.title {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.jackwhite-birthday-takeover.bestof-playlist-takeover .two-col p.copy {
        font: 1.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        padding: 20px 0; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.jackwhite-birthday-takeover.bestof-playlist-takeover .two-col p.copy {
            font-size: 1.5em; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.jackwhite-birthday-takeover.bestof-playlist-takeover .two-col p.copy {
            font-size: 2em; } }
  .page-index-2 .splash.tidal-takeover.jackwhite-birthday-takeover.fargo-takeover .takeover-description {
    position: relative; }
    .page-index-2 .splash.tidal-takeover.jackwhite-birthday-takeover.fargo-takeover .takeover-description img.fargo-headshot {
      width: 90%; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.jackwhite-birthday-takeover.fargo-takeover .takeover-description img.fargo-headshot {
          width: 65%;
          float: right; } }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.jackwhite-birthday-takeover.fargo-takeover .takeover-description .text-wrapper {
        position: absolute;
        top: 50px;
        left: 5%; } }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.jackwhite-birthday-takeover.fargo-takeover .takeover-description .text-wrapper {
        top: 200px; } }
    .page-index-2 .splash.tidal-takeover.jackwhite-birthday-takeover.fargo-takeover .takeover-description .text-wrapper p {
      text-transform: uppercase;
      text-align: left; }
      .page-index-2 .splash.tidal-takeover.jackwhite-birthday-takeover.fargo-takeover .takeover-description .text-wrapper p.title {
        font: 1.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.jackwhite-birthday-takeover.fargo-takeover .takeover-description .text-wrapper p.title {
            font-size: 2.25em; } }
      .page-index-2 .splash.tidal-takeover.jackwhite-birthday-takeover.fargo-takeover .takeover-description .text-wrapper p.copy {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.jackwhite-birthday-takeover.fargo-takeover .takeover-description .text-wrapper p.copy {
            font-size: 1.5em; } }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.jackwhite-birthday-takeover.fargo-takeover .takeover-description .text-wrapper .btn-wrapper .btn-new {
        max-width: 200px;
        margin-left: 0; } }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.jackwhite-birthday-takeover.fargo-takeover .takeover-description .text-wrapper .btn-wrapper .btn-new {
        max-width: 250px; } }
  .page-index-2 .splash.tidal-takeover.jackwhite-birthday-takeover.legends-playlist-takeover .description p {
    text-transform: uppercase;
    margin-left: 0; }
    .page-index-2 .splash.tidal-takeover.jackwhite-birthday-takeover.legends-playlist-takeover .description p.artist {
      font: 2em/1.25em "nationale-bold", sans-serif; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.jackwhite-birthday-takeover.legends-playlist-takeover .description p.artist {
          font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.rapsody-thepain-takeover {
    background-image: url("/images/index2/promos/rapsody/rapsody-thepain-bg.beee380f.jpg"); }
    .page-index-2 .splash.tidal-takeover.rapsody-thepain-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.rapsody-thepain-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.rapsody-thepain-takeover .description p.artist {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.rapsody-thepain-takeover .description p.title {
        font: 2em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.rapsody-thepain-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.cnco-tourseries-epfour-takeover {
    background-image: url("/images/index2/promos/cnco/cnco-tourseries-epfour-bg.eb0f77b3.jpg"); }
    .page-index-2 .splash.tidal-takeover.cnco-tourseries-epfour-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.cnco-tourseries-epfour-takeover .description p.artist {
        font: 1.25em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.cnco-tourseries-epfour-takeover .description p.artist {
            font-size: 1.75em; } }
      .page-index-2 .splash.tidal-takeover.cnco-tourseries-epfour-takeover .description p.title {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.cnco-tourseries-epfour-takeover .description p.title {
            font-size: 1.4em; } }
  .page-index-2 .splash.tidal-takeover.princevideos-header-takeover {
    background-image: url("/images/index2/promos/prince/princevideos-header-bg.55e9cd55.jpg"); }
    .page-index-2 .splash.tidal-takeover.princevideos-header-takeover .takeover-description img.prince-header {
      max-width: 90%;
      image-rendering: -webkit-optimize-contrast; }
    .page-index-2 .splash.tidal-takeover.princevideos-header-takeover .takeover-description .vid-col {
      display: block;
      margin: 30px auto;
      max-width: 90%; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.princevideos-header-takeover .takeover-description .vid-col {
          margin: 100px auto 50px auto;
          display: inline-block;
          width: 30%; } }
  .page-index-2 .splash.tidal-takeover.princevideos-hisvideos-takeover {
    background-image: url("/images/index2/promos/prince/princevideos-hisvideos-bg.b307cd37.jpg"); }
    .page-index-2 .splash.tidal-takeover.princevideos-hisvideos-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.princevideos-hisvideos-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.princevideos-hisvideos-takeover .description p.artist {
            font-size: 5em; } }
      .page-index-2 .splash.tidal-takeover.princevideos-hisvideos-takeover .description p.title {
        font: 2.55em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.princevideos-hisvideos-takeover .description p.title {
            font-size: 3.2em; } }
  .page-index-2 .splash.tidal-takeover.coldplay-aliens-takeover {
    background-image: url("/images/index2/promos/coldplay/coldplay-aliens-bg.8bbaf092.jpg"); }
    .page-index-2 .splash.tidal-takeover.coldplay-aliens-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.coldplay-aliens-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.coldplay-aliens-takeover .description p.artist {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.coldplay-aliens-takeover .description p.title {
        font: 2.5em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.coldplay-aliens-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.karolg-eresmitodo-takeover {
    background-image: url("/images/index2/promos/karolg/karolg-eresmitodo-bg.9ce26341.jpg"); }
    .page-index-2 .splash.tidal-takeover.karolg-eresmitodo-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.karolg-eresmitodo-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.karolg-eresmitodo-takeover .description p.artist {
            font-size: 5em; } }
      .page-index-2 .splash.tidal-takeover.karolg-eresmitodo-takeover .description p.feat {
        font: 1.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.karolg-eresmitodo-takeover .description p.feat {
            font-size: 2.2em; } }
      .page-index-2 .splash.tidal-takeover.karolg-eresmitodo-takeover .description p.title {
        font: 2em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.karolg-eresmitodo-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.grimstreaker-miamigirl-takeover {
    background-image: url("/images/index2/promos/grimstreaker/grimstreaker-miamigirl-bg.7bb8eaf0.jpg"); }
    .page-index-2 .splash.tidal-takeover.grimstreaker-miamigirl-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.grimstreaker-miamigirl-takeover .description p.artist {
        font: 2em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.grimstreaker-miamigirl-takeover .description p.artist {
            font-size: 2.75em; } }
      .page-index-2 .splash.tidal-takeover.grimstreaker-miamigirl-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.grimstreaker-miamigirl-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.capitalcities-swimmingpool-takeover {
    background-image: url("/images/index2/promos/capitalcities/capitalcities-swimmingpool-bg.9f0758e7.jpg"); }
    .page-index-2 .splash.tidal-takeover.capitalcities-swimmingpool-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.capitalcities-swimmingpool-takeover .description p.artist {
        font: 2.4em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.capitalcities-swimmingpool-takeover .description p.artist {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.capitalcities-swimmingpool-takeover .description p.title {
        font: 1.4em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.capitalcities-swimmingpool-takeover .description p.title {
            font-size: 2em; } }
  .page-index-2 .splash.tidal-takeover.fonseca-conexion-takeover {
    background-image: url("/images/index2/promos/fonseca/fonseca-conexion-bg.f1e4153d.jpg"); }
    .page-index-2 .splash.tidal-takeover.fonseca-conexion-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.fonseca-conexion-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.fonseca-conexion-takeover .description p.artist {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.fonseca-conexion-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.fonseca-conexion-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.haim-somethingtotellyou-takeover {
    background-image: url("/images/index2/promos/haim/haim-somethingtotellyou-bg.b92bcd96.jpg"); }
    .page-index-2 .splash.tidal-takeover.haim-somethingtotellyou-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.haim-somethingtotellyou-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.haim-somethingtotellyou-takeover .description p.artist {
            font-size: 6em; } }
      .page-index-2 .splash.tidal-takeover.haim-somethingtotellyou-takeover .description p.title {
        font: 1.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.haim-somethingtotellyou-takeover .description p.title {
            font-size: 2.25em; } }
  .page-index-2 .splash.tidal-takeover.meekmill-meekend-takeover {
    background-image: url("/images/index2/promos/meekmill/meekmill-meekend-bg.f90ce39e.jpg"); }
    .page-index-2 .splash.tidal-takeover.meekmill-meekend-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.meekmill-meekend-takeover .description p.artist {
        font: 3.4em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.meekmill-meekend-takeover .description p.artist {
            font-size: 5em; } }
      .page-index-2 .splash.tidal-takeover.meekmill-meekend-takeover .description p.title {
        font: 2.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.meekmill-meekend-takeover .description p.title {
            font-size: 3.3em; } }
  .page-index-2 .splash.tidal-takeover.bobbyraps-mark-takeover {
    background-image: url("/images/index2/promos/bobbyraps/bobbyraps-mark-bg.b86f7725.jpg"); }
    .page-index-2 .splash.tidal-takeover.bobbyraps-mark-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.bobbyraps-mark-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.bobbyraps-mark-takeover .description p.artist {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.bobbyraps-mark-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.bobbyraps-mark-takeover .description p.title {
            font-size: 3.25em; } }
  .page-index-2 .splash.tidal-takeover.lilwayne-fireworks-takeover {
    background-image: url("/images/index2/promos/lilwayne/lilwayne-fireworks-bg.33831692.jpg"); }
    .page-index-2 .splash.tidal-takeover.lilwayne-fireworks-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.lilwayne-fireworks-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.lilwayne-fireworks-takeover .description p.artist {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.lilwayne-fireworks-takeover .description p.feat {
        font: 1.5em/1.25em "nationale-demibold", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.lilwayne-fireworks-takeover .description p.feat {
            font-size: 2.5em; } }
      .page-index-2 .splash.tidal-takeover.lilwayne-fireworks-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.lilwayne-fireworks-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.lilwayne-loyalty-takeover {
    background-image: url("/images/index2/promos/lilwayne/lilwayne-loyalty-bg.c046b20a.jpg"); }
    .page-index-2 .splash.tidal-takeover.lilwayne-loyalty-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.lilwayne-loyalty-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.lilwayne-loyalty-takeover .description p.artist {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.lilwayne-loyalty-takeover .description p.feat {
        font: 1.5em/1.25em "nationale-demibold", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.lilwayne-loyalty-takeover .description p.feat {
            font-size: 2.5em; } }
      .page-index-2 .splash.tidal-takeover.lilwayne-loyalty-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.lilwayne-loyalty-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.lilwayne-mulagang-takeover {
    background-image: url("/images/index2/promos/lilwayne/lilwayne-mulagang-bg.7585268a.jpg"); }
    .page-index-2 .splash.tidal-takeover.lilwayne-mulagang-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.lilwayne-mulagang-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.lilwayne-mulagang-takeover .description p.artist {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.lilwayne-mulagang-takeover .description p.feat {
        font: 1.5em/1.25em "nationale-demibold", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.lilwayne-mulagang-takeover .description p.feat {
            font-size: 2.5em; } }
      .page-index-2 .splash.tidal-takeover.lilwayne-mulagang-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.lilwayne-mulagang-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.hundredwaters-showmelove-takeover {
    background-image: url("/images/index2/promos/hundredwaters/hundredwaters-showmelove-bg.0b559478.jpg"); }
    .page-index-2 .splash.tidal-takeover.hundredwaters-showmelove-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.hundredwaters-showmelove-takeover .description p.artist {
        font: 1.85em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.hundredwaters-showmelove-takeover .description p.artist {
            font-size: 2.45em; } }
      .page-index-2 .splash.tidal-takeover.hundredwaters-showmelove-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.hundredwaters-showmelove-takeover .description p.title {
            font-size: 2.5em; } }
      .page-index-2 .splash.tidal-takeover.hundredwaters-showmelove-takeover .description p.subtitle {
        font: 1.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.hundredwaters-showmelove-takeover .description p.subtitle {
            font-size: 1.7em; } }
  .page-index-2 .splash.tidal-takeover.hundredwaters-murmurs-takeover {
    background-image: url("/images/index2/promos/hundredwaters/hundredwaters-murmurs-bg.e7a7065c.jpg"); }
    .page-index-2 .splash.tidal-takeover.hundredwaters-murmurs-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.hundredwaters-murmurs-takeover .description p.artist {
        font: 1.85em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.hundredwaters-murmurs-takeover .description p.artist {
            font-size: 2.45em; } }
      .page-index-2 .splash.tidal-takeover.hundredwaters-murmurs-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.hundredwaters-murmurs-takeover .description p.title {
            font-size: 2.5em; } }
      .page-index-2 .splash.tidal-takeover.hundredwaters-murmurs-takeover .description p.subtitle {
        font: 1.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.hundredwaters-murmurs-takeover .description p.subtitle {
            font-size: 1.7em; } }
  .page-index-2 .splash.tidal-takeover.farina-forthecultura-takeover {
    background-image: url("/images/index2/promos/farina/farina-forthecultura-bg.5424dd82.jpg"); }
    .page-index-2 .splash.tidal-takeover.farina-forthecultura-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.farina-forthecultura-takeover .description p.artist {
        font: 3.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.farina-forthecultura-takeover .description p.artist {
            font-size: 4.5em; } }
      .page-index-2 .splash.tidal-takeover.farina-forthecultura-takeover .description p.title {
        font: 1.95em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.farina-forthecultura-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.jenniferlopez-niyo-takeover {
    background-image: url("/images/index2/promos/jenniferlopez/jenniferlopez-niyo-takeover-bg.2d4c46fd.jpg"); }
    .page-index-2 .splash.tidal-takeover.jenniferlopez-niyo-takeover .description {
      font-size: 22px;
      letter-spacing: 1px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.jenniferlopez-niyo-takeover .description {
          font-size: 34px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.jenniferlopez-niyo-takeover .description p {
        font: 1em/1.5 "nationale-bold", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.jenniferlopez-niyo-takeover .description p.artist {
          font-size: 1.4em;
          line-height: 1; }
        .page-index-2 .splash.tidal-takeover.jenniferlopez-niyo-takeover .description p.feat {
          font-size: 1em;
          line-height: 1; }
        .page-index-2 .splash.tidal-takeover.jenniferlopez-niyo-takeover .description p.title {
          font-size: 1.2em; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.jenniferlopez-niyo-takeover .description p.title {
              margin-top: 30px; } }
  .page-index-2 .splash.tidal-takeover.jenniferlopez-niyo-video-takeover {
    background-image: url("/images/index2/promos/jenniferlopez/jenniferlopez-niyo-video-takeover-bg.38baecf9.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.jenniferlopez-niyo-video-takeover .description {
        font-size: 26px; } }
  .page-index-2 .splash.tidal-takeover.ckanpipo-tuyyo-takeover {
    background-image: url("/images/index2/promos/ckanpipo/ckanpipo-tuyyo-bg.98a669c3.jpg"); }
    .page-index-2 .splash.tidal-takeover.ckanpipo-tuyyo-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.ckanpipo-tuyyo-takeover .description p.artist {
        font: 2.1em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.ckanpipo-tuyyo-takeover .description p.artist {
            font-size: 2.75em; } }
      .page-index-2 .splash.tidal-takeover.ckanpipo-tuyyo-takeover .description p.title {
        font: 2.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.ckanpipo-tuyyo-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.damianmarley-roar-single-takeover {
    background-image: url("/images/index2/promos/damianmarley/damianmarley-roar-single-bg.fb4b512e.jpg"); }
    .page-index-2 .splash.tidal-takeover.damianmarley-roar-single-takeover img.product-cover {
      image-rendering: -webkit-optimize-contrast; }
    .page-index-2 .splash.tidal-takeover.damianmarley-roar-single-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.damianmarley-roar-single-takeover .description p.artist {
        font: 2.1em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.damianmarley-roar-single-takeover .description p.artist {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.damianmarley-roar-single-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.damianmarley-roar-single-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.calvinharris-funkwavbounces-takeover {
    background-image: url("/images/index2/promos/calvinharris/calvinharris-funkwavbounces-bg.6f3d4ac3.jpg"); }
    .page-index-2 .splash.tidal-takeover.calvinharris-funkwavbounces-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.calvinharris-funkwavbounces-takeover .description p.artist {
        font: 2.1em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.calvinharris-funkwavbounces-takeover .description p.artist {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.calvinharris-funkwavbounces-takeover .description p.title {
        font: 1em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.calvinharris-funkwavbounces-takeover .description p.title {
            font-size: 1.5em; } }
  .page-index-2 .splash.tidal-takeover.nickjonas-remember-video-takeover {
    background-image: url("/images/index2/promos/nickjonas/nickjonas-rememberitoldyou-video-bg.09879071.jpg"); }
    .page-index-2 .splash.tidal-takeover.nickjonas-remember-video-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.nickjonas-remember-video-takeover .description p.artist {
        font: 2.75em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.nickjonas-remember-video-takeover .description p.artist {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.nickjonas-remember-video-takeover .description p.feat {
        font: 1.75em/1 "nationale-demibold", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.nickjonas-remember-video-takeover .description p.feat {
            font-size: 2.5em; } }
      .page-index-2 .splash.tidal-takeover.nickjonas-remember-video-takeover .description p.title {
        font: 1.25em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.nickjonas-remember-video-takeover .description p.title {
            font-size: 1.75em; } }
  .page-index-2 .splash.tidal-takeover.vicmensa-omg-takeover {
    background-image: url("/images/index2/promos/vicmensa/vicmensa-omg-bg.35c47da9.jpg"); }
    .page-index-2 .splash.tidal-takeover.vicmensa-omg-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.vicmensa-omg-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.vicmensa-omg-takeover .description p.artist {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.vicmensa-omg-takeover .description p.feat {
        font: 2.45em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.vicmensa-omg-takeover .description p.feat {
            font-size: 3.25em; } }
      .page-index-2 .splash.tidal-takeover.vicmensa-omg-takeover .description p.title {
        font: 2.5em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.vicmensa-omg-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.yogotti-cartest-takeover {
    background-image: url("/images/index2/promos/yogotti/yogotti-cartest-bg.17b3da97.jpg"); }
    .page-index-2 .splash.tidal-takeover.yogotti-cartest-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.yogotti-cartest-takeover .description p.artist {
        font: 1.75em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.yogotti-cartest-takeover .description p.artist {
            font-size: 2.25em; } }
  .page-index-2 .splash.tidal-takeover.bingandruth-fivealbums-takeover {
    background-image: url("/images/index2/promos/bingruth/bingruth-fivealbums-bg.5835993f.jpg"); }
    .page-index-2 .splash.tidal-takeover.bingandruth-fivealbums-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.bingandruth-fivealbums-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.bingandruth-fivealbums-takeover .description p.artist {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.bingandruth-fivealbums-takeover .description p.title {
        font: 1em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.bingandruth-fivealbums-takeover .description p.title {
            font-size: 1.35em; } }
  .page-index-2 .splash.tidal-takeover.calvinharris-feels-video-takeover {
    background-image: url("/images/index2/promos/calvinharris/calvinharris-feels-video-bg.7bb4e512.jpg"); }
    .page-index-2 .splash.tidal-takeover.calvinharris-feels-video-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.calvinharris-feels-video-takeover .description p.artist {
        font: 2.25em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.calvinharris-feels-video-takeover .description p.artist {
            font-size: 2.75em; } }
      .page-index-2 .splash.tidal-takeover.calvinharris-feels-video-takeover .description p.feat {
        font: 1.5em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.calvinharris-feels-video-takeover .description p.feat {
            font-size: 0.95em; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.calvinharris-feels-video-takeover .description p.feat {
            font-size: 1.2em; } }
        .page-index-2 .splash.tidal-takeover.calvinharris-feels-video-takeover .description p.feat span.line-break {
          display: block; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.calvinharris-feels-video-takeover .description p.feat span.line-break {
              display: inline; } }
      .page-index-2 .splash.tidal-takeover.calvinharris-feels-video-takeover .description p.title {
        font: 2.5em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.calvinharris-feels-video-takeover .description p.title {
            font-size: 3em; } }
    .page-index-2 .splash.tidal-takeover.calvinharris-feels-video-takeover.video-two {
      background-image: url("/images/index2/promos/calvinharris/calvinharris-feels-two-bg.6101914f.jpg"); }
      .page-index-2 .splash.tidal-takeover.calvinharris-feels-video-takeover.video-two p.title {
        font-size: 2.2em; }
  .page-index-2 .splash.tidal-takeover.calvinharris-partygiveaway-takeover {
    background-color: #000; }
    .page-index-2 .splash.tidal-takeover.calvinharris-partygiveaway-takeover p {
      color: #fff;
      text-transform: uppercase; }
      .page-index-2 .splash.tidal-takeover.calvinharris-partygiveaway-takeover p.title {
        font: 1.5em/1 "nationale-demibold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.calvinharris-partygiveaway-takeover p.title {
            font-size: 2em; } }
      .page-index-2 .splash.tidal-takeover.calvinharris-partygiveaway-takeover p.subtitle {
        font: 1.25em/1 "nationale-demibold", sans-serif;
        margin-top: 5px;
        margin-bottom: 30px; }
      .page-index-2 .splash.tidal-takeover.calvinharris-partygiveaway-takeover p.copy {
        font: 1.25em/1.5em "nationale-demibold", sans-serif;
        margin: 30px auto; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.calvinharris-partygiveaway-takeover p.copy {
            max-width: 900px;
            letter-spacing: 1px; }
            .page-index-2 .splash.tidal-takeover.calvinharris-partygiveaway-takeover p.copy span.line-break {
              display: block; } }
    .page-index-2 .splash.tidal-takeover.calvinharris-partygiveaway-takeover img.cover {
      max-width: 90%; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.calvinharris-partygiveaway-takeover img.cover {
          max-width: 35%; } }
    .page-index-2 .splash.tidal-takeover.calvinharris-partygiveaway-takeover img.tidalxsprint {
      clear: both;
      margin: 0 auto 40px;
      display: block;
      width: 200px; }
    .page-index-2 .splash.tidal-takeover.calvinharris-partygiveaway-takeover a.terms {
      color: #fff;
      text-decoration: underline;
      cursor: pointer;
      margin-top: 40px;
      display: block; }
      .page-index-2 .splash.tidal-takeover.calvinharris-partygiveaway-takeover a.terms:hover {
        opacity: 0.75; }
  .page-index-2 .splash.tidal-takeover.losamigosinvisibles-forthecultura-takeover {
    background-image: url("/images/index2/promos/losamigosinvisibles/losamigosinvisibles-forthecultura-bg.f3ab8fc0.jpg"); }
    .page-index-2 .splash.tidal-takeover.losamigosinvisibles-forthecultura-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.losamigosinvisibles-forthecultura-takeover .description p.artist {
        font: 1.45em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.losamigosinvisibles-forthecultura-takeover .description p.artist {
            font-size: 1.9em; } }
      .page-index-2 .splash.tidal-takeover.losamigosinvisibles-forthecultura-takeover .description p.title {
        font: 1.95em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.losamigosinvisibles-forthecultura-takeover .description p.title {
            font-size: 2.6em; } }
  .page-index-2 .splash.tidal-takeover.smino-swanitatour-part2-takeover {
    background-image: url("/images/index2/promos/smino/smino-swanitatour-part2-bg.fbc1f482.jpg"); }
    .page-index-2 .splash.tidal-takeover.smino-swanitatour-part2-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.smino-swanitatour-part2-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif;
        letter-spacing: 3px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.smino-swanitatour-part2-takeover .description p.artist {
            font-size: 5em; } }
      .page-index-2 .splash.tidal-takeover.smino-swanitatour-part2-takeover .description p.title {
        font: 1.1em/1.25em "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.smino-swanitatour-part2-takeover .description p.title {
            font-size: 1.45em; } }
  .page-index-2 .splash.tidal-takeover.djkhaled-oneverything-takeover {
    background-image: url("/images/index2/promos/djkhaled/djkhaled-oneverything-bg.9a4a5180.jpg"); }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.djkhaled-oneverything-takeover .takeover-right {
        padding-top: 0; } }
    .page-index-2 .splash.tidal-takeover.djkhaled-oneverything-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.djkhaled-oneverything-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.djkhaled-oneverything-takeover .description p.artist {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.djkhaled-oneverything-takeover .description p.feat {
        font: 1.5em/1.25em "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.djkhaled-oneverything-takeover .description p.feat {
            font-size: 2em; } }
      .page-index-2 .splash.tidal-takeover.djkhaled-oneverything-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.djkhaled-oneverything-takeover .description p.title {
            font-size: 2.25em; } }
  .page-index-2 .splash.tidal-takeover.guzman-porgloria-takeover {
    background-image: url("/images/index2/promos/alejandraguzman/alejandraguzman-porgloria-bg.975e7665.jpg"); }
    .page-index-2 .splash.tidal-takeover.guzman-porgloria-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.guzman-porgloria-takeover .description p.artist {
        font: 1.65em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.guzman-porgloria-takeover .description p.artist {
            font-size: 2.5em; } }
      .page-index-2 .splash.tidal-takeover.guzman-porgloria-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.guzman-porgloria-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.kendricklamar-element-takeover {
    background-image: url("/images/index2/promos/kendricklamar/kungfukenny-element-bg.7cd3fd59.jpg"); }
    .page-index-2 .splash.tidal-takeover.kendricklamar-element-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.kendricklamar-element-takeover .description p.artist {
        font: 1.9em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.kendricklamar-element-takeover .description p.artist {
            font-size: 2.5em; } }
      .page-index-2 .splash.tidal-takeover.kendricklamar-element-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.kendricklamar-element-takeover .description p.title {
            font-size: 3.5em; } }
  .page-index-2 .splash.tidal-takeover.king-fivealbums-takeover {
    background-image: url("/images/index2/promos/king/king-fivealbums-bg.b5f3a88f.jpg"); }
    .page-index-2 .splash.tidal-takeover.king-fivealbums-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.king-fivealbums-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.king-fivealbums-takeover .description p.artist {
            font-size: 5em; } }
      .page-index-2 .splash.tidal-takeover.king-fivealbums-takeover .description p.title {
        font: 1.9em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.king-fivealbums-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.djkhaled-itssecured-takeover {
    background-image: url("/images/index2/promos/djkhaled/djkhaled-itssecured-bg.390af385.jpg"); }
    .page-index-2 .splash.tidal-takeover.djkhaled-itssecured-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.djkhaled-itssecured-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.djkhaled-itssecured-takeover .description p.artist {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.djkhaled-itssecured-takeover .description p.feat {
        font: 1.3em/1 "nationale-demibold", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.djkhaled-itssecured-takeover .description p.feat {
            font-size: 1.75em; } }
      .page-index-2 .splash.tidal-takeover.djkhaled-itssecured-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.djkhaled-itssecured-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.meekmill-yba-takeover {
    background-image: url("/images/index2/promos/meekmill/meekmill-yba-bg.f2576583.jpg"); }
    .page-index-2 .splash.tidal-takeover.meekmill-yba-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.meekmill-yba-takeover .description p.artist {
        font: 3.2em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.meekmill-yba-takeover .description p.artist {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.meekmill-yba-takeover .description p.feat {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.meekmill-yba-takeover .description p.feat {
            font-size: 2.25em; } }
      .page-index-2 .splash.tidal-takeover.meekmill-yba-takeover .description p.title {
        font: 1.45em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.meekmill-yba-takeover .description p.title {
            font-size: 1.6em; } }
    .page-index-2 .splash.tidal-takeover.meekmill-yba-takeover .cta-wrapper {
      max-width: 320px; }
  .page-index-2 .splash.tidal-takeover.djkhaled-grateful-intro-takeover {
    background-image: url("/images/index2/promos/djkhaled/djkhaled-grateful-intro-bg.1e0f6c8b.jpg"); }
    .page-index-2 .splash.tidal-takeover.djkhaled-grateful-intro-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.djkhaled-grateful-intro-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.djkhaled-grateful-intro-takeover .description p.artist {
            font-size: 3.75em;
            letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.djkhaled-grateful-intro-takeover .description p.feat {
        font: 2.5em/1 "nationale-demibold", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.djkhaled-grateful-intro-takeover .description p.feat {
            font-size: 2.75em; } }
      .page-index-2 .splash.tidal-takeover.djkhaled-grateful-intro-takeover .description p.title {
        font: 1.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.djkhaled-grateful-intro-takeover .description p.title {
            font-size: 1.9em; } }
  .page-index-2 .splash.tidal-takeover.metroboomin-nocomplaints-takeover {
    background-image: url("/images/index2/promos/metroboomin/metroboomin-nocomplaints-bg.b7cf2f77.jpg"); }
    .page-index-2 .splash.tidal-takeover.metroboomin-nocomplaints-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.metroboomin-nocomplaints-takeover .description p.artist {
        font: 2.25em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.metroboomin-nocomplaints-takeover .description p.artist {
            font-size: 3.25em; } }
      .page-index-2 .splash.tidal-takeover.metroboomin-nocomplaints-takeover .description p.feat {
        font: 1.675em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.metroboomin-nocomplaints-takeover .description p.feat {
            font-size: 2.4em; } }
      .page-index-2 .splash.tidal-takeover.metroboomin-nocomplaints-takeover .description p.title {
        font: 2em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.metroboomin-nocomplaints-takeover .description p.title {
            font-size: 2.4em; } }
  .page-index-2 .splash.tidal-takeover.drake-signs-takeover {
    background-image: url("/images/index2/promos/drake/drake-signs-bg.84419454.jpg"); }
    .page-index-2 .splash.tidal-takeover.drake-signs-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.drake-signs-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.drake-signs-takeover .description p.artist {
            font-size: 5em; } }
      .page-index-2 .splash.tidal-takeover.drake-signs-takeover .description p.title {
        font: 3em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.drake-signs-takeover .description p.title {
            font-size: 3.5em; } }
  .page-index-2 .splash.tidal-takeover.cnco-tourseries-epthree-takeover {
    background-image: url("/images/index2/promos/cnco/cnco-tourseries-epthree-bg.47cef2d1.jpg"); }
    .page-index-2 .splash.tidal-takeover.cnco-tourseries-epthree-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.cnco-tourseries-epthree-takeover .description p.artist {
        font: 1.25em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.cnco-tourseries-epthree-takeover .description p.artist {
            font-size: 1.75em; } }
      .page-index-2 .splash.tidal-takeover.cnco-tourseries-epthree-takeover .description p.title {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.cnco-tourseries-epthree-takeover .description p.title {
            font-size: 1.4em; } }
  .page-index-2 .splash.tidal-takeover.weyesblood-sevenwords-takeover {
    background-image: url("/images/index2/promos/weyesblood/weyesblood-sevenwords-bg.4cf0615c.jpg"); }
    .page-index-2 .splash.tidal-takeover.weyesblood-sevenwords-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.weyesblood-sevenwords-takeover .description p.artist {
        font: 2.35em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.weyesblood-sevenwords-takeover .description p.artist {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.weyesblood-sevenwords-takeover .description p.title {
        font: 1.35em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.weyesblood-sevenwords-takeover .description p.title {
            font-size: 1.7em; } }
  .page-index-2 .splash.tidal-takeover.fourfourfour-social-takeover {
    background-color: #fff;
    padding: 150px 0; }
    .page-index-2 .splash.tidal-takeover.fourfourfour-social-takeover .vc-social-wrap {
      background-color: #fff; }
  .page-index-2 .splash.tidal-takeover.djkhaled-grateful-takeover {
    background-image: url("/images/index2/promos/djkhaled/djkhaled-grateful-bg.43819535.jpg"); }
    .page-index-2 .splash.tidal-takeover.djkhaled-grateful-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.djkhaled-grateful-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif;
        letter-spacing: 3px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.djkhaled-grateful-takeover .description p.artist {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.djkhaled-grateful-takeover .description p.title {
        font: 3.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.yogotti-rakeitup-takeover {
    background-image: url("/images/index2/promos/yogotti/yogotti-rakeitup-bg.36d599db.jpg"); }
    .page-index-2 .splash.tidal-takeover.yogotti-rakeitup-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.yogotti-rakeitup-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif;
        letter-spacing: 3px;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.yogotti-rakeitup-takeover .description p.artist {
            font-size: 5em; } }
      .page-index-2 .splash.tidal-takeover.yogotti-rakeitup-takeover .description p.feat {
        font: 2em/1 "nationale-demibold", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.yogotti-rakeitup-takeover .description p.feat {
            font-size: 3.25em; } }
      .page-index-2 .splash.tidal-takeover.yogotti-rakeitup-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.yogotti-rakeitup-takeover .description p.title {
            font-size: 2.75em; } }
  .page-index-2 .splash.tidal-takeover.thedream-summerbody-takeover {
    background-image: url("/images/index2/promos/thedream/thedream-summerbody-bg.89c2377a.jpg"); }
    .page-index-2 .splash.tidal-takeover.thedream-summerbody-takeover.thedream-summerbody-video-takeover {
      background-image: url("/images/index2/promos/thedream/thedream-summerbody-video-bg.e2ffeb80.jpg"); }
    .page-index-2 .splash.tidal-takeover.thedream-summerbody-takeover .description {
      font-size: 24px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.thedream-summerbody-takeover .description {
          font-size: 32px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.thedream-summerbody-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.thedream-summerbody-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.thedream-summerbody-takeover .description p.feat {
          font-size: 1.25em; }
        .page-index-2 .splash.tidal-takeover.thedream-summerbody-takeover .description p.title {
          font: 1em/1 "nationale-demibold", sans-serif;
          margin-top: 20px; }
  .page-index-2 .splash.tidal-takeover.gerardoortiz-comere-takeover {
    background-image: url("/images/index2/promos/gerardoortiz/gerardoortiz-comere-bg.1b598890.jpg"); }
    .page-index-2 .splash.tidal-takeover.gerardoortiz-comere-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.gerardoortiz-comere-takeover .description p {
          letter-spacing: 2px; } }
      .page-index-2 .splash.tidal-takeover.gerardoortiz-comere-takeover .description p.artist {
        font: 2.2em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.gerardoortiz-comere-takeover .description p.artist {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.gerardoortiz-comere-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.coldplay-somethingjustlikethis-takeover {
    background-image: url("/images/index2/promos/coldplay/coldplay-somethingjustlikethis-bg.a3a2a265.jpg"); }
    .page-index-2 .splash.tidal-takeover.coldplay-somethingjustlikethis-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.coldplay-somethingjustlikethis-takeover .description p.artist {
        font: 1em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.coldplay-somethingjustlikethis-takeover .description p.artist {
            font-size: 1.65em; } }
      .page-index-2 .splash.tidal-takeover.coldplay-somethingjustlikethis-takeover .description p.title {
        font: 1em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.coldplay-somethingjustlikethis-takeover .description p.title {
            font-size: 1.365em; } }
        .page-index-2 .splash.tidal-takeover.coldplay-somethingjustlikethis-takeover .description p.title span.line-break {
          display: block; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.coldplay-somethingjustlikethis-takeover .description p.title span.line-break {
              display: inline; } }
  .page-index-2 .splash.tidal-takeover.selena-thelastconcert-takeover {
    background-image: url("/images/index2/promos/selena/selena-thelastconcert-bg.e82e5f6c.jpg"); }
    .page-index-2 .splash.tidal-takeover.selena-thelastconcert-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.selena-thelastconcert-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.selena-thelastconcert-takeover .description p.artist {
            font-size: 5em; } }
      .page-index-2 .splash.tidal-takeover.selena-thelastconcert-takeover .description p.title {
        font: 1.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.selena-thelastconcert-takeover .description p.title {
            font-size: 2.1em; } }
    .page-index-2 .splash.tidal-takeover.selena-thelastconcert-takeover.video {
      background-image: url("/images/index2/promos/selena/selena-thelastconcert-vid-bg.aa2982eb.jpg"); }
  .page-index-2 .splash.tidal-takeover.elfantasma-vengo-takeover {
    background-image: url("/images/index2/promos/elfantasma/elfantasma-vengo-bg.7b938072.jpg"); }
    .page-index-2 .splash.tidal-takeover.elfantasma-vengo-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.elfantasma-vengo-takeover .description p.artist {
        font: 2.35em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.elfantasma-vengo-takeover .description p.artist {
            font-size: 2.75em; } }
      .page-index-2 .splash.tidal-takeover.elfantasma-vengo-takeover .description p.title {
        font: 1.75em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.elfantasma-vengo-takeover .description p.title {
            font-size: 2.05em; } }
  .page-index-2 .splash.tidal-takeover.romeosantos-imitadora-takeover {
    background-image: url("/images/index2/promos/romeosantos/romeosantos-imitadora-bg.251d04f8.jpg"); }
    .page-index-2 .splash.tidal-takeover.romeosantos-imitadora-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.romeosantos-imitadora-takeover .description p.artist {
        font: 1.85em/1 "nationale-bold", sans-serif;
        letter-spacing: 3px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.romeosantos-imitadora-takeover .description p.artist {
            font-size: 2.5em; } }
      .page-index-2 .splash.tidal-takeover.romeosantos-imitadora-takeover .description p.title {
        font: 2em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.romeosantos-imitadora-takeover .description p.title {
            font-size: 2.25em; } }
    .page-index-2 .splash.tidal-takeover.romeosantos-imitadora-takeover .cta-wrapper {
      max-width: 320px; }
  .page-index-2 .splash.tidal-takeover.emelisande-babe-takeover {
    background-image: url("/images/index2/promos/emelisande/emelisande-babe-bg.4bdb6ca5.jpg"); }
    .page-index-2 .splash.tidal-takeover.emelisande-babe-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.emelisande-babe-takeover .description p.artist {
        font: 2.65em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.emelisande-babe-takeover .description p.artist {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.emelisande-babe-takeover .description p.feat {
        font: 2.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.emelisande-babe-takeover .description p.feat {
            letter-spacing: 3px;
            font-size: 3.35em; } }
      .page-index-2 .splash.tidal-takeover.emelisande-babe-takeover .description p.title {
        font: 1.35em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.emelisande-babe-takeover .description p.title {
            font-size: 1.8em; } }
  .page-index-2 .splash.tidal-takeover.romans-happylove-track-takeover {
    background-image: url("/images/index2/promos/romans/romans-happylove-track-bg.bb34d13e.jpg"); }
    .page-index-2 .splash.tidal-takeover.romans-happylove-track-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.romans-happylove-track-takeover .description p.artist {
        font: 3.25em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.romans-happylove-track-takeover .description p.artist {
            font-size: 4.25em; } }
      .page-index-2 .splash.tidal-takeover.romans-happylove-track-takeover .description p.title {
        font: 2.4em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.romans-happylove-track-takeover .description p.title {
            font-size: 3.15em; } }
  @media (min-width: 768px) {
    .page-index-2 .splash.tidal-takeover.vlone-livestream-announcement-takeover-tile {
      background-image: url(/images/index2/promos/vlone/vlone-livestream-announcement-bg.c78cc60a.jpg); } }
  .page-index-2 .splash.tidal-takeover.vlone-livestream-announcement-takeover-tile .takeover-left {
    margin-right: 0; }
  .page-index-2 .splash.tidal-takeover.vlone-livestream-announcement-takeover-tile .announcement-image {
    max-width: 40%;
    width: auto; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.vlone-livestream-announcement-takeover-tile .announcement-image {
        max-width: 100%; } }
  .page-index-2 .splash.tidal-takeover.vlone-livestream-announcement-takeover-tile .description {
    font-size: 16px;
    letter-spacing: 1px;
    text-align: center; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.vlone-livestream-announcement-takeover-tile .description {
        text-align: left;
        padding-top: 40%; } }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.vlone-livestream-announcement-takeover-tile .description {
        font-size: 24px;
        letter-spacing: 2px; } }
    .page-index-2 .splash.tidal-takeover.vlone-livestream-announcement-takeover-tile .description p {
      font: 1em/1.5 "nationale", "nationale-regular", "Helvetica", sans-serif;
      text-transform: uppercase;
      margin: 0 0 10px; }
      .page-index-2 .splash.tidal-takeover.vlone-livestream-announcement-takeover-tile .description p.artist {
        font: 1.5em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.vlone-livestream-announcement-takeover-tile .description p.title-large {
        font: 1.125em/1 "nationale-demibold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.vlone-livestream-announcement-takeover-tile .description p.title-margin {
        margin: 40px 0; }
  .page-index-2 .splash.tidal-takeover.vlone-livestream-announcement-takeover-tile .logo {
    clear: both;
    margin: 0 auto 40px;
    display: block;
    width: 60px; }
    .page-index-2 .splash.tidal-takeover.vlone-livestream-announcement-takeover-tile .logo.sprint-logo {
      width: 200px; }
  .page-index-2 .splash.tidal-takeover.chiquis-forthecultura-takeover {
    background-image: url(/images/index2/promos/chiquis/chiquis-forthecultura-takeover-bg.048d57f4.jpg); }
    .page-index-2 .splash.tidal-takeover.chiquis-forthecultura-takeover .description {
      font-size: 26px;
      letter-spacing: 1px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.chiquis-forthecultura-takeover .description {
          font-size: 34px;
          letter-spacing: 2px; } }
      .page-index-2 .splash.tidal-takeover.chiquis-forthecultura-takeover .description p {
        font: 1em/1.5 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.chiquis-forthecultura-takeover .description p.artist {
          font: 1.5em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.thehotelier-5albums-takeover {
    background-image: url(/images/index2/promos/thehotelier/thehotelier-5albums-takeover-bg.3be54dab.jpg); }
    .page-index-2 .splash.tidal-takeover.thehotelier-5albums-takeover .description {
      font-size: 14px;
      letter-spacing: 1px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.thehotelier-5albums-takeover .description {
          font-size: 22px;
          letter-spacing: 2px; } }
      .page-index-2 .splash.tidal-takeover.thehotelier-5albums-takeover .description p {
        font: 1em/1.5 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.thehotelier-5albums-takeover .description p.artist {
          font: 2em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.austinmahone-giveaway-takeover {
    background-image: url("/images/index2/promos/austinmahone/austinmahone-giveaway-takeover-bg.f5c99098.jpg");
    background-position: center;
    padding-top: 40%; }
    .page-index-2 .splash.tidal-takeover.austinmahone-giveaway-takeover .takeover-background {
      background-color: rgba(0, 0, 0, 0.7);
      padding: 2% 0; }
    .page-index-2 .splash.tidal-takeover.austinmahone-giveaway-takeover .takeover-description p {
      text-transform: uppercase; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.austinmahone-giveaway-takeover .takeover-description p {
          max-width: 600px; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.austinmahone-giveaway-takeover .takeover-description p {
          max-width: 700px; } }
      .page-index-2 .splash.tidal-takeover.austinmahone-giveaway-takeover .takeover-description p.title {
        font: 1.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.austinmahone-giveaway-takeover .takeover-description p.title strong {
          font-family: "nationale-demibold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.austinmahone-giveaway-takeover .takeover-description p.title {
            font-size: 2.9em; } }
      .page-index-2 .splash.tidal-takeover.austinmahone-giveaway-takeover .takeover-description p.copy {
        font: 1em/1.5em "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.austinmahone-giveaway-takeover .takeover-description p.copy {
            font-size: 1.25em; }
            .page-index-2 .splash.tidal-takeover.austinmahone-giveaway-takeover .takeover-description p.copy span.line-break {
              display: block; } }
      .page-index-2 .splash.tidal-takeover.austinmahone-giveaway-takeover .takeover-description p.hashtag {
        font: 1em/1.25em "nationale-demibold", sans-serif;
        letter-spacing: 3px; }
  .page-index-2 .splash.tidal-takeover.jayz-444-commercial-takeover {
    background-color: #F3C29A; }
    .page-index-2 .splash.tidal-takeover.jayz-444-commercial-takeover .commercial-heading {
      font-size: 28px; }
      .page-index-2 .splash.tidal-takeover.jayz-444-commercial-takeover .commercial-heading p {
        font: 1em/1 "nationale-bold", sans-serif;
        color: #000; }
        .page-index-2 .splash.tidal-takeover.jayz-444-commercial-takeover .commercial-heading p span {
          font-family: "nationale", "nationale-regular", "Helvetica", sans-serif; }
    .page-index-2 .splash.tidal-takeover.jayz-444-commercial-takeover .wrapper-embed {
      width: 90%;
      max-width: 650px;
      margin: 40px auto; }
    .page-index-2 .splash.tidal-takeover.jayz-444-commercial-takeover .cta-wrapper {
      margin-top: 7vh; }
      .page-index-2 .splash.tidal-takeover.jayz-444-commercial-takeover .cta-wrapper .cta-btn {
        border: 2px solid #000;
        color: #000;
        font: 12px/1 "nationale-demibold", sans-serif;
        letter-spacing: 0.5px; }
    .page-index-2 .splash.tidal-takeover.jayz-444-commercial-takeover .wrapper-cta-three {
      max-width: 260px;
      margin: 0 auto; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.jayz-444-commercial-takeover .wrapper-cta-three {
          max-width: 600px;
          margin-top: 60px; } }
      .page-index-2 .splash.tidal-takeover.jayz-444-commercial-takeover .wrapper-cta-three a {
        display: block;
        box-sizing: border-box;
        width: 100%;
        padding: 13px 15px;
        border-radius: 3px;
        border: 2px solid #000;
        text-align: center;
        letter-spacing: 0.5px;
        text-decoration: none;
        color: #000;
        text-transform: uppercase;
        font: 12px/1 "nationale-demibold", sans-serif;
        margin-bottom: 10px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.jayz-444-commercial-takeover .wrapper-cta-three a {
            float: left;
            max-width: 32%; }
            .page-index-2 .splash.tidal-takeover.jayz-444-commercial-takeover .wrapper-cta-three a:nth-child(n+2) {
              margin-left: 2%; } }
    .page-index-2 .splash.tidal-takeover.jayz-444-commercial-takeover .wrapper-cta-three .lettercase, .page-index-2 .splash.tidal-takeover.jayz-444-commercial-takeover .cta-wrapper .lettercase {
      text-transform: none; }
  .page-index-2 .splash.tidal-takeover.artista-444-takeover {
    background-color: #F3C29A;
    font-size: 16px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.artista-444-takeover {
        font-size: 18px; } }
    .page-index-2 .splash.tidal-takeover.artista-444-takeover .top {
      display: block;
      margin: 0 auto 15vh;
      width: 90%;
      max-width: 500px; }
    .page-index-2 .splash.tidal-takeover.artista-444-takeover p {
      color: #000;
      font: 1em/1.5 "nationale", "nationale-regular", "Helvetica", sans-serif; }
      .page-index-2 .splash.tidal-takeover.artista-444-takeover p.million-info {
        margin-top: 30px;
        max-width: 560px; }
    .page-index-2 .splash.tidal-takeover.artista-444-takeover .wrapper-cta-three {
      max-width: 260px;
      margin: 0 auto; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.artista-444-takeover .wrapper-cta-three {
          max-width: 600px;
          margin-top: 60px; } }
      .page-index-2 .splash.tidal-takeover.artista-444-takeover .wrapper-cta-three a {
        display: block;
        box-sizing: border-box;
        width: 100%;
        padding: 13px 15px;
        border-radius: 3px;
        border: 2px solid #000;
        text-align: center;
        letter-spacing: 0.5px;
        text-decoration: none;
        color: #000;
        text-transform: uppercase;
        font: 12px/1 "nationale-demibold", sans-serif;
        margin-bottom: 10px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.artista-444-takeover .wrapper-cta-three a {
            float: left;
            max-width: 32%; }
            .page-index-2 .splash.tidal-takeover.artista-444-takeover .wrapper-cta-three a:nth-child(n+2) {
              margin-left: 2%; } }
    .page-index-2 .splash.tidal-takeover.artista-444-takeover .cta-wrapper {
      margin-top: 7vh; }
      .page-index-2 .splash.tidal-takeover.artista-444-takeover .cta-wrapper .cta-btn {
        border: 2px solid #000;
        color: #000;
        font: 12px/1 "nationale-demibold", sans-serif;
        letter-spacing: 0.5px; }
  .page-index-2 .splash.tidal-takeover.djkhaled-wildthoughts-takeover-bts {
    background-image: url(/images/index2/promos/djkhaled/djkhaled-wildthoughts-bg-video.c357dd13.jpg); }
    .page-index-2 .splash.tidal-takeover.djkhaled-wildthoughts-takeover-bts .description {
      font-size: 12px;
      letter-spacing: 1px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.djkhaled-wildthoughts-takeover-bts .description {
          font-size: 15px; } }
      .page-index-2 .splash.tidal-takeover.djkhaled-wildthoughts-takeover-bts .description p {
        font: 1em/1 "nationale-demibold", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.djkhaled-wildthoughts-takeover-bts .description p.artist {
          font: 3.9em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.djkhaled-wildthoughts-takeover-bts .description p.feat {
          margin-bottom: 20px;
          font: 1.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.djkhaled-wildthoughts-takeover {
    background-image: url("/images/index2/promos/djkhaled/djkhaled-wildthoughts-bg.06f2e898.jpg"); }
    .page-index-2 .splash.tidal-takeover.djkhaled-wildthoughts-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.djkhaled-wildthoughts-takeover .description p.artist {
        font: 2.4em/1 "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.djkhaled-wildthoughts-takeover .description p.artist {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.djkhaled-wildthoughts-takeover .description p.feat {
        font-size: 1.5em;
        line-height: 1.25em; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.djkhaled-wildthoughts-takeover .description p.feat {
            font-size: 1.1em; } }
      .page-index-2 .splash.tidal-takeover.djkhaled-wildthoughts-takeover .description p.title {
        font: 2em/1 "nationale-demibold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.djkhaled-wildthoughts-takeover .btn-wrapper .btn-secondary {
      background-color: transparent;
      color: #fff; }
  .page-index-2 .splash.tidal-takeover.coldplay-think-about-takeover {
    background-image: url("/images/index2/promos/coldplay/coldplay-think-about-bg.118cc126.jpg"); }
    .page-index-2 .splash.tidal-takeover.coldplay-think-about-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.coldplay-think-about-takeover .description p.artist {
        font: 2.4em/1 "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.coldplay-think-about-takeover .description p.artist {
            font-size: 2.75em; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.coldplay-think-about-takeover .description p.artist {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.coldplay-think-about-takeover .description p.title {
        font-size: 1.875em;
        line-height: 1.5; }
  .page-index-2 .splash.tidal-takeover.calvinharris-feels-takeover {
    background-image: url("/images/index2/promos/calvinharris/calvinharris-feels-bg.90d8a503.jpg"); }
    .page-index-2 .splash.tidal-takeover.calvinharris-feels-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.calvinharris-feels-takeover .description p.artist {
        font: 2.4em/1 "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.calvinharris-feels-takeover .description p.artist {
            font-size: 2.75em; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.calvinharris-feels-takeover .description p.artist {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.calvinharris-feels-takeover .description p.feat {
        font-size: 1.8em;
        line-height: 1.25em; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.calvinharris-feels-takeover .description p.feat {
            font-size: 1.1em; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.calvinharris-feels-takeover .description p.feat {
            font-size: 1.4em; } }
      .page-index-2 .splash.tidal-takeover.calvinharris-feels-takeover .description p.title {
        font: 2.75em/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.victorialamala-miscorta-playlist-takeover {
    background-image: url("/images/index2/promos/victorialamala/victorialamala-miscorta-playlist-bg.a10e94de.jpg"); }
    .page-index-2 .splash.tidal-takeover.victorialamala-miscorta-playlist-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.victorialamala-miscorta-playlist-takeover .description p.artist {
        font: 1.75em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.victorialamala-miscorta-playlist-takeover .description p.artist {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.victorialamala-miscorta-playlist-takeover .description p.title {
        font: 1.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.victorialamala-miscorta-playlist-takeover .description p.title {
            font-size: 2em; } }
    .page-index-2 .splash.tidal-takeover.victorialamala-miscorta-playlist-takeover .btn-wrapper .btn-new:first-child {
      letter-spacing: 1px; }
  .page-index-2 .splash.tidal-takeover.twochainz-cartest-takeover {
    background-image: url("/images/index2/promos/2chains/2chainz-cartest-bg.1b1fa2fb.jpg"); }
    .page-index-2 .splash.tidal-takeover.twochainz-cartest-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.twochainz-cartest-takeover .description p.artist {
        font: 1.75em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.twochainz-cartest-takeover .description p.artist {
            font-size: 2.25em; } }
  .page-index-2 .splash.tidal-takeover.marama-loquita-takeover {
    background-image: url("/images/index2/promos/marama/marama-loquita-bg.9d401e53.jpg"); }
    .page-index-2 .splash.tidal-takeover.marama-loquita-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.marama-loquita-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.marama-loquita-takeover .description p.artist {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.marama-loquita-takeover .description p.title {
        font: 1.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.marama-loquita-takeover .description p.title {
            font-size: 2.4em; } }
  .page-index-2 .splash.tidal-takeover.jayz-shof-takeover {
    background-color: #000; }
    .page-index-2 .splash.tidal-takeover.jayz-shof-takeover p {
      color: #fff;
      text-transform: uppercase;
      margin: 30px auto; }
      .page-index-2 .splash.tidal-takeover.jayz-shof-takeover p.title {
        font: 2em/1 "nationale-bold", sans-serif;
        letter-spacing: 3px;
        padding-top: 90px; }
        .page-index-2 .splash.tidal-takeover.jayz-shof-takeover p.title span.line-break {
          display: block; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.jayz-shof-takeover p.title span.line-break {
              display: inline; } }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.jayz-shof-takeover p.title {
            max-width: 600px; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.jayz-shof-takeover p.title {
            font-size: 2.75em;
            max-width: 800px; } }
      .page-index-2 .splash.tidal-takeover.jayz-shof-takeover p.tribute {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.jayz-shof-takeover p.tribute {
            font-size: 1.15em; } }
      .page-index-2 .splash.tidal-takeover.jayz-shof-takeover p.jay {
        font: 1.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        padding-bottom: 60px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.jayz-shof-takeover p.jay {
            font-size: 2em; } }
  .page-index-2 .splash.tidal-takeover.prince-fatherssong-takeover {
    background-image: url("/images/index2/promos/prince/prince-fatherssong-bg.6d421b86.jpg"); }
    .page-index-2 .splash.tidal-takeover.prince-fatherssong-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.prince-fatherssong-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.prince-fatherssong-takeover .description p.artist {
            font-size: 4em;
            letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.prince-fatherssong-takeover .description p.title {
        font: 2em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.prince-fatherssong-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.bigboi-cartest-takeover {
    background-image: url("/images/index2/promos/bigboi/bigboi-cartest-bg.5a9fcec3.jpg"); }
    .page-index-2 .splash.tidal-takeover.bigboi-cartest-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.bigboi-cartest-takeover .description p.artist {
        font: 1.9em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.bigboi-cartest-takeover .description p.artist {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.northside-recap-takeover {
    background-image: url("/images/index2/promos/northside/northside-recap-bg.ea90b5c9.jpg"); }
    .page-index-2 .splash.tidal-takeover.northside-recap-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.northside-recap-takeover .description p.artist {
        font: 1.65em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.northside-recap-takeover .description p.artist {
            font-size: 2.25em; } }
      .page-index-2 .splash.tidal-takeover.northside-recap-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.northside-recap-takeover .description p.title {
            font-size: 2.25em; } }
  .page-index-2 .splash.tidal-takeover.anuel-ayer2-takeover {
    background-image: url("/images/index2/promos/anuel/anuel-ayer2-bg.13a18400.jpg"); }
    .page-index-2 .splash.tidal-takeover.anuel-ayer2-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.anuel-ayer2-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.anuel-ayer2-takeover .description p.artist {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.anuel-ayer2-takeover .description p.feat {
        font: 0.9em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.anuel-ayer2-takeover .description p.feat {
            font-size: 1.4em; } }
      .page-index-2 .splash.tidal-takeover.anuel-ayer2-takeover .description p.title {
        font: 2.5em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.anuel-ayer2-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.billboard-hot100-takeover {
    background-image: url("/images/index2/promos/billboard/billboard-hot100-bg.64edaaf7.jpg"); }
    .page-index-2 .splash.tidal-takeover.billboard-hot100-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.billboard-hot100-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.billboard-hot100-takeover .description p.artist {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.billboard-hot100-takeover .description p.week {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        letter-spacing: 3px; }
  .page-index-2 .splash.tidal-takeover.victorialamala-dna-takeover {
    background-image: url("/images/index2/promos/victorialamala/victorialamala-dna-bg.38cc6e6a.jpg"); }
    .page-index-2 .splash.tidal-takeover.victorialamala-dna-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.victorialamala-dna-takeover .description p.artist {
        font: 1.8em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.victorialamala-dna-takeover .description p.artist {
            font-size: 2.45em; } }
      .page-index-2 .splash.tidal-takeover.victorialamala-dna-takeover .description p.title {
        font: 3em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.bas-toohightoriot-europe-takeover {
    background-image: url("/images/index2/promos/bas/bas-toohightoriot-europe-bg.dee317ee.jpg"); }
    .page-index-2 .splash.tidal-takeover.bas-toohightoriot-europe-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.bas-toohightoriot-europe-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif;
        letter-spacing: 5px;
        margin-bottom: 5px; }
      .page-index-2 .splash.tidal-takeover.bas-toohightoriot-europe-takeover .description p.title {
        font: 1.25em/1 "nationale-demibold", sans-serif;
        margin-top: 10px;
        margin-bottom: 10px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.bas-toohightoriot-europe-takeover .description p.title {
            font-size: 1.65em; } }
      .page-index-2 .splash.tidal-takeover.bas-toohightoriot-europe-takeover .description p.subtitle {
        font: 1.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 10px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.bas-toohightoriot-europe-takeover .description p.subtitle {
            font-size: 1.65em; } }
  .page-index-2 .splash.tidal-takeover.tip-writer-video-takeover {
    background-image: url("/images/index2/promos/tip/tip-writer-bg.4851a8af.jpg"); }
    .page-index-2 .splash.tidal-takeover.tip-writer-video-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.tip-writer-video-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif;
        letter-spacing: 5px;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.tip-writer-video-takeover .description p.artist {
            font-size: 4.5em;
            letter-spacing: 8px; } }
      .page-index-2 .splash.tidal-takeover.tip-writer-video-takeover .description p.feat {
        font: 1.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.tip-writer-video-takeover .description p.feat {
            font-size: 1.75em; } }
      .page-index-2 .splash.tidal-takeover.tip-writer-video-takeover .description p.title {
        font: 2.5em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.tip-writer-video-takeover .description p.title {
            font-size: 2.75em; } }
  .page-index-2 .splash.tidal-takeover.austinmahone-formeyou-takeover {
    background-image: url("/images/index2/promos/austinmahone/austinmahone-formeyou-bg.abf1be63.jpg"); }
    .page-index-2 .splash.tidal-takeover.austinmahone-formeyou-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.austinmahone-formeyou-takeover .description p.artist {
        font: 2.15em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.austinmahone-formeyou-takeover .description p.artist {
            font-size: 3.25em; } }
      .page-index-2 .splash.tidal-takeover.austinmahone-formeyou-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.austinmahone-formeyou-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.austinmahone-tourforme-takeover {
    background-image: url("/images/index2/promos/austinmahone/austinmahone-tourforme-bg.53d2d921.jpg"); }
    .page-index-2 .splash.tidal-takeover.austinmahone-tourforme-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.austinmahone-tourforme-takeover .description p.artist {
        font: 2em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.austinmahone-tourforme-takeover .description p.artist {
            font-size: 2.5em; } }
      .page-index-2 .splash.tidal-takeover.austinmahone-tourforme-takeover .description p.subtitle {
        font: 0.9em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.austinmahone-tourforme-takeover .description p.subtitle {
            font-size: 1.125em; } }
      .page-index-2 .splash.tidal-takeover.austinmahone-tourforme-takeover .description p.title {
        font: 1.75em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.austinmahone-tourforme-takeover .description p.title {
            font-size: 2em; } }
    .page-index-2 .splash.tidal-takeover.austinmahone-tourforme-takeover.austinmahone-tourforme-ep2-takeover {
      background-image: url(/images/index2/promos/austinmahone/austinmahone-tourforme-eptwo-bg.f4a673e1.jpg); }
    .page-index-2 .splash.tidal-takeover.austinmahone-tourforme-takeover.austinmahone-tourforme-ep3-takeover {
      background-image: url(/images/index2/promos/austinmahone/austinmahone-tourforme-ep3-bg.8d90f8fa.jpg); }
    .page-index-2 .splash.tidal-takeover.austinmahone-tourforme-takeover.austinmahone-tourforme-ep4-takeover {
      background-image: url(/images/index2/promos/austinmahone/austinmahone-tourforme-ep4-bg.920014f1.jpg); }
    .page-index-2 .splash.tidal-takeover.austinmahone-tourforme-takeover.austinmahone-tourforme-ep5-takeover {
      background-image: url(/images/index2/promos/austinmahone/austinmahone-tourforme-ep5-bg.a9924ebe.jpg); }
  .page-index-2 .splash.tidal-takeover.spifftv-forthecultura-takeover {
    background-image: url("/images/index2/promos/spifftv/spifftv-forthecultura-bg.0116a98e.jpg"); }
    .page-index-2 .splash.tidal-takeover.spifftv-forthecultura-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.spifftv-forthecultura-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.spifftv-forthecultura-takeover .description p.artist {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.spifftv-forthecultura-takeover .description p.title {
        font: 1.95em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.spifftv-forthecultura-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.smino-swanitatour-part1-takeover {
    background-image: url("/images/index2/promos/smino/smino-swanitatour-part1-bg.f7f87ad3.jpg"); }
    .page-index-2 .splash.tidal-takeover.smino-swanitatour-part1-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.smino-swanitatour-part1-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif;
        letter-spacing: 3px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.smino-swanitatour-part1-takeover .description p.artist {
            font-size: 5em; } }
      .page-index-2 .splash.tidal-takeover.smino-swanitatour-part1-takeover .description p.title {
        font: 1.1em/1.25em "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.smino-swanitatour-part1-takeover .description p.title {
            font-size: 1.45em; } }
  .page-index-2 .splash.tidal-takeover.taylorswift-header-takeover {
    background-color: #a82232; }
    .page-index-2 .splash.tidal-takeover.taylorswift-header-takeover img.tswift-logo {
      max-width: 80%;
      margin: 100px auto;
      display: block;
      image-rendering: -webkit-optimize-contrast; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.taylorswift-header-takeover img.tswift-logo {
          max-width: 50%; } }
  .page-index-2 .splash.tidal-takeover.taylorswift-catalog-takeover {
    background-image: url("/images/index2/promos/taylorswift/taylorswift-indexmat-bg.49605864.jpg"); }
    .page-index-2 .splash.tidal-takeover.taylorswift-catalog-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.taylorswift-catalog-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.taylorswift-catalog-takeover .description p.artist {
            font-size: 3.75em; } }
      .page-index-2 .splash.tidal-takeover.taylorswift-catalog-takeover .description p.title {
        font: 1.65em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.taylorswift-catalog-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.taylorswift-essentials-playlist-takeover {
    background-image: url("/images/index2/promos/taylorswift/taylorswift-essentials-playlist-bg.422bb419.jpg"); }
    .page-index-2 .splash.tidal-takeover.taylorswift-essentials-playlist-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.taylorswift-essentials-playlist-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.taylorswift-essentials-playlist-takeover .description p.artist {
            font-size: 3.75em; } }
      .page-index-2 .splash.tidal-takeover.taylorswift-essentials-playlist-takeover .description p.title {
        font: 1.65em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.taylorswift-essentials-playlist-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.taylorswift-selftitled-takeover {
    background-image: url("/images/index2/promos/taylorswift/taylorswift-selftitled-bg.ca5a4b48.jpg"); }
    .page-index-2 .splash.tidal-takeover.taylorswift-selftitled-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.taylorswift-selftitled-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.taylorswift-selftitled-takeover .description p.artist {
            font-size: 3.75em; } }
      .page-index-2 .splash.tidal-takeover.taylorswift-selftitled-takeover .description p.title {
        font: 1.65em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.taylorswift-selftitled-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.taylorswift-holiday-takeover {
    background-image: url("/images/index2/promos/taylorswift/taylorswift-holiday-bg.2cc1497c.jpg"); }
    .page-index-2 .splash.tidal-takeover.taylorswift-holiday-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.taylorswift-holiday-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.taylorswift-holiday-takeover .description p.artist {
            font-size: 3.75em; } }
      .page-index-2 .splash.tidal-takeover.taylorswift-holiday-takeover .description p.title {
        font: 1.65em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.taylorswift-holiday-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.taylorswift-fearless-takeover {
    background-image: url("/images/index2/promos/taylorswift/taylorswift-fearless-bg.2c02f885.jpg"); }
    .page-index-2 .splash.tidal-takeover.taylorswift-fearless-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.taylorswift-fearless-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.taylorswift-fearless-takeover .description p.artist {
            font-size: 3.75em; } }
      .page-index-2 .splash.tidal-takeover.taylorswift-fearless-takeover .description p.title {
        font: 3em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.taylorswift-fearless-takeover .description p.title {
            font-size: 3.25em; } }
  .page-index-2 .splash.tidal-takeover.taylorswift-speaknow-takeover {
    background-image: url("/images/index2/promos/taylorswift/taylorswift-speaknow-bg.04503178.jpg"); }
    .page-index-2 .splash.tidal-takeover.taylorswift-speaknow-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.taylorswift-speaknow-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.taylorswift-speaknow-takeover .description p.artist {
            font-size: 3.75em; } }
      .page-index-2 .splash.tidal-takeover.taylorswift-speaknow-takeover .description p.title {
        font: 3em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.taylorswift-speaknow-takeover .description p.title {
            font-size: 3.25em; } }
  .page-index-2 .splash.tidal-takeover.taylorswift-speaknowworldtour-takeover {
    background-image: url("/images/index2/promos/taylorswift/taylorswift-speaknowworldtour-bg.c536661a.jpg"); }
    .page-index-2 .splash.tidal-takeover.taylorswift-speaknowworldtour-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.taylorswift-speaknowworldtour-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.taylorswift-speaknowworldtour-takeover .description p.artist {
            font-size: 3.75em; } }
      .page-index-2 .splash.tidal-takeover.taylorswift-speaknowworldtour-takeover .description p.title {
        font: 1.4em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.taylorswift-speaknowworldtour-takeover .description p.title {
            font-size: 2.1em; } }
    .page-index-2 .splash.tidal-takeover.taylorswift-speaknowworldtour-takeover .btn-wrapper .btn-new:first-child {
      letter-spacing: 2px; }
  .page-index-2 .splash.tidal-takeover.taylorswift-red-takeover {
    background-image: url("/images/index2/promos/taylorswift/taylorswift-red-bg.f0663bde.jpg"); }
    .page-index-2 .splash.tidal-takeover.taylorswift-red-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.taylorswift-red-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.taylorswift-red-takeover .description p.artist {
            font-size: 3.75em; } }
      .page-index-2 .splash.tidal-takeover.taylorswift-red-takeover .description p.title {
        font: 3em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.taylorswift-red-takeover .description p.title {
            font-size: 3.25em; } }
  .page-index-2 .splash.tidal-takeover.taylorswift-1989-takeover {
    background-image: url("/images/index2/promos/taylorswift/taylorswift-1989-bg.4b2a9f1f.jpg"); }
    .page-index-2 .splash.tidal-takeover.taylorswift-1989-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.taylorswift-1989-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.taylorswift-1989-takeover .description p.artist {
            font-size: 3.75em; } }
      .page-index-2 .splash.tidal-takeover.taylorswift-1989-takeover .description p.title {
        font: 3em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.taylorswift-1989-takeover .description p.title {
            font-size: 3.25em; } }
  .page-index-2 .splash.tidal-takeover.axshn-tellme-takeover {
    background-image: url("/images/index2/promos/axshn/axshn-tellme-bg.696375bd.jpg"); }
    .page-index-2 .splash.tidal-takeover.axshn-tellme-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.axshn-tellme-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif;
        letter-spacing: 5px;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.axshn-tellme-takeover .description p.artist {
            font-size: 5.25em; } }
      .page-index-2 .splash.tidal-takeover.axshn-tellme-takeover .description p.feat {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.axshn-tellme-takeover .description p.feat {
            font-size: 2.55em; } }
      .page-index-2 .splash.tidal-takeover.axshn-tellme-takeover .description p.title {
        font: 2.25em/1 "nationale-demibold", sans-serif;
        letter-spacing: 3px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.axshn-tellme-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.jackwhite-americanepic-takeover {
    background-color: black; }
    .page-index-2 .splash.tidal-takeover.jackwhite-americanepic-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.jackwhite-americanepic-takeover .description p.artist {
        font: 2em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.jackwhite-americanepic-takeover .description p.artist {
            font-size: 2.75em; } }
      .page-index-2 .splash.tidal-takeover.jackwhite-americanepic-takeover .description p.subtitle {
        font: 2.25em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.jackwhite-americanepic-takeover .description p.subtitle {
            font-size: 3.05em; } }
      .page-index-2 .splash.tidal-takeover.jackwhite-americanepic-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.jackwhite-americanepic-takeover .description p.title {
            font-size: 2.6em; } }
  .page-index-2 .splash.tidal-takeover.cnco-tourseries-eptwo-takeover {
    background-image: url("/images/index2/promos/cnco/cnco-tourseries-eptwo-bg.01719a83.jpg"); }
    .page-index-2 .splash.tidal-takeover.cnco-tourseries-eptwo-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.cnco-tourseries-eptwo-takeover .description p.artist {
        font: 1.25em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.cnco-tourseries-eptwo-takeover .description p.artist {
            font-size: 1.75em; } }
      .page-index-2 .splash.tidal-takeover.cnco-tourseries-eptwo-takeover .description p.title {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.cnco-tourseries-eptwo-takeover .description p.title {
            font-size: 1.4em; } }
  .page-index-2 .splash.tidal-takeover.cnco-tourseries-epone-takeover {
    background-image: url("/images/index2/promos/cnco/cnco-tourseries-epone-bg.51da32b2.jpg"); }
    .page-index-2 .splash.tidal-takeover.cnco-tourseries-epone-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.cnco-tourseries-epone-takeover .description p.artist {
        font: 1.25em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.cnco-tourseries-epone-takeover .description p.artist {
            font-size: 1.75em; } }
      .page-index-2 .splash.tidal-takeover.cnco-tourseries-epone-takeover .description p.title {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.cnco-tourseries-epone-takeover .description p.title {
            font-size: 1.4em; } }
  .page-index-2 .splash.tidal-takeover.vicmensa-themanuscript-takeover {
    background-image: url("/images/index2/promos/vicmensa/vicmensa-themanuscript-bg.7af493c8.jpg"); }
    .page-index-2 .splash.tidal-takeover.vicmensa-themanuscript-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.vicmensa-themanuscript-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif;
        letter-spacing: 3px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.vicmensa-themanuscript-takeover .description p.artist {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.vicmensa-themanuscript-takeover .description p.title {
        font: 2.1em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.vicmensa-themanuscript-takeover .description p.title {
            font-size: 2.75em; } }
  .page-index-2 .splash.tidal-takeover.kevingarrett-littlebitofyou-takeover {
    background-image: url("/images/index2/promos/kevingarrett/kevingarrett-littlebitofyou-bg.e66e910f.jpg"); }
    .page-index-2 .splash.tidal-takeover.kevingarrett-littlebitofyou-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.kevingarrett-littlebitofyou-takeover .description p.artist {
        font: 2.2em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.kevingarrett-littlebitofyou-takeover .description p.artist {
            font-size: 2.9em; } }
      .page-index-2 .splash.tidal-takeover.kevingarrett-littlebitofyou-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.kevingarrett-littlebitofyou-takeover .description p.title {
            font-size: 2.65em; } }
  .page-index-2 .splash.tidal-takeover.g4shi-turnmedown-takeover {
    background-image: url("/images/index2/promos/g4shi/g4shi-turnmedown-bg.12cbccdf.jpg"); }
    .page-index-2 .splash.tidal-takeover.g4shi-turnmedown-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.g4shi-turnmedown-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif;
        letter-spacing: 3px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.g4shi-turnmedown-takeover .description p.artist {
            font-size: 6em;
            letter-spacing: 5px; } }
      .page-index-2 .splash.tidal-takeover.g4shi-turnmedown-takeover .description p.title {
        font: 2.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.g4shi-turnmedown-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.cmafest-takeover {
    background-color: #fff;
    padding-top: 0; }
    .page-index-2 .splash.tidal-takeover.cmafest-takeover .welcome-mat-wrapper {
      width: 100%;
      max-width: 100%; }
    .page-index-2 .splash.tidal-takeover.cmafest-takeover .wrapper-top {
      background-color: #0066a4;
      width: 100%;
      padding: 30px 0;
      padding-bottom: 78px;
      position: relative; }
      .page-index-2 .splash.tidal-takeover.cmafest-takeover .wrapper-top p.tidalx {
        font: 3em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        letter-spacing: 5px;
        padding-bottom: 40px; }
        .page-index-2 .splash.tidal-takeover.cmafest-takeover .wrapper-top p.tidalx strong {
          font-family: "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.cmafest-takeover .wrapper-top img.cma-logo {
        position: absolute;
        top: 125px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 300px; }
    .page-index-2 .splash.tidal-takeover.cmafest-takeover .takeover-description {
      color: #0066a4; }
      .page-index-2 .splash.tidal-takeover.cmafest-takeover .takeover-description p {
        text-transform: uppercase;
        color: #0066a4; }
        .page-index-2 .splash.tidal-takeover.cmafest-takeover .takeover-description p.copy {
          padding-top: 225px;
          font: 1.5em/1.25em "nationale-demibold", sans-serif; }
          .page-index-2 .splash.tidal-takeover.cmafest-takeover .takeover-description p.copy span.line-break {
            display: inline; }
            @media (min-width: 768px) {
              .page-index-2 .splash.tidal-takeover.cmafest-takeover .takeover-description p.copy span.line-break {
                display: block; } }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.cmafest-takeover .takeover-description p.copy {
              max-width: 700px;
              font-size: 1.75em; } }
        .page-index-2 .splash.tidal-takeover.cmafest-takeover .takeover-description p.hashtag {
          font: 1.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
          letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.cmafest-takeover .takeover-description .cta-wrapper {
        padding-top: 20px; }
        .page-index-2 .splash.tidal-takeover.cmafest-takeover .takeover-description .cta-wrapper .cta-btn {
          border-color: #0066a4;
          color: #0066a4; }
        .page-index-2 .splash.tidal-takeover.cmafest-takeover .takeover-description .cta-wrapper .cta-btn--solid {
          background-color: #0066a4;
          color: #fff; }
  .page-index-2 .splash.tidal-takeover.jackiecruz-forthecultura-takeover {
    background-image: url("/images/index2/promos/jackiecruz/jackiecruz-forthecultura-bg.42cb8a03.jpg"); }
    .page-index-2 .splash.tidal-takeover.jackiecruz-forthecultura-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.jackiecruz-forthecultura-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.jackiecruz-forthecultura-takeover .description p.artist {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.jackiecruz-forthecultura-takeover .description p.title {
        font: 1.95em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.jackiecruz-forthecultura-takeover .description p.title {
            font-size: 2.6em; } }
  .page-index-2 .splash.tidal-takeover.billboard-playlists-takeover {
    background: #1d1d1d;
    background: -moz-linear-gradient(top, #1d1d1d 0%, #060419 50%, #000000 100%);
    background: -webkit-linear-gradient(top, #1d1d1d 0%, #060419 50%, #000000 100%);
    background: linear-gradient(to bottom, #1d1d1d 0%, #060419 50%, #000000 100%); }
    .page-index-2 .splash.tidal-takeover.billboard-playlists-takeover .takeover-description {
      border-top: 5px solid #fff;
      border-bottom: 5px solid #fff;
      margin-bottom: 50px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.billboard-playlists-takeover .takeover-description {
          max-width: 80%;
          margin: 0 auto;
          margin-bottom: 100px;
          display: block; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.billboard-playlists-takeover .takeover-description {
          border-width: 8px; } }
      .page-index-2 .splash.tidal-takeover.billboard-playlists-takeover .takeover-description img.billboard-logo {
        width: 100%;
        image-rendering: -webkit-optimize-contrast;
        padding-top: 20px; }
      .page-index-2 .splash.tidal-takeover.billboard-playlists-takeover .takeover-description p {
        text-transform: uppercase;
        max-width: 100%;
        font: 1em/1 "nationale-bold", sans-serif;
        padding-top: 20px;
        border-top: 5px solid #fff; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.billboard-playlists-takeover .takeover-description p {
            font-size: 2em; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.billboard-playlists-takeover .takeover-description p {
            font-size: 2.6em;
            border-width: 8px; } }
    .page-index-2 .splash.tidal-takeover.billboard-playlists-takeover .tidal-embed {
      margin: 40px auto; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.billboard-playlists-takeover .tidal-embed {
          max-width: 60%; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.billboard-playlists-takeover .tidal-embed {
          margin: 60px auto; } }
  .page-index-2 .splash.tidal-takeover.northside-festivalplaylist-takeover {
    background-image: url("/images/index2/promos/northside/northside-festivalplaylist-bg.ebc5ceb8.jpg"); }
    .page-index-2 .splash.tidal-takeover.northside-festivalplaylist-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.northside-festivalplaylist-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.northside-festivalplaylist-takeover .description p.artist {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.northside-festivalplaylist-takeover .description p.title {
        font: 2em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.northside-festivalplaylist-takeover .description p.title {
            font-size: 2.75em; } }
  .page-index-2 .splash.tidal-takeover.badbunny-qavideo-takeover {
    background-image: url("/images/index2/promos/badbunny/badbunny-qavideo-bg.d9533cf9.jpg"); }
    .page-index-2 .splash.tidal-takeover.badbunny-qavideo-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.badbunny-qavideo-takeover .description p.artist {
        font: 1.45em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.badbunny-qavideo-takeover .description p.artist {
            font-size: 1.95em; } }
      .page-index-2 .splash.tidal-takeover.badbunny-qavideo-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.badbunny-qavideo-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.badbunny-diceplaylist-takeover {
    background-image: url("/images/index2/promos/badbunny/badbunny-diceplaylist-bg.86284b4b.jpg"); }
    .page-index-2 .splash.tidal-takeover.badbunny-diceplaylist-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.badbunny-diceplaylist-takeover .description p.artist {
        font: 3.1em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.badbunny-diceplaylist-takeover .description p.artist {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.badbunny-diceplaylist-takeover .description p.title {
        font: 1.1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.badbunny-diceplaylist-takeover .description p.title {
            font-size: 1.5em; } }
  .page-index-2 .splash.tidal-takeover.jayelectronica-lettertofalon-takeover {
    background-image: url("/images/index2/promos/jayelectronica/jayelectronica-lettertofalon-bg.e3b093e1.jpg"); }
    .page-index-2 .splash.tidal-takeover.jayelectronica-lettertofalon-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.jayelectronica-lettertofalon-takeover .description p.artist {
        font: 1.45em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.jayelectronica-lettertofalon-takeover .description p.artist span.extra-space {
          padding: 0 10px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.jayelectronica-lettertofalon-takeover .description p.artist {
            font-size: 2.25em; } }
      .page-index-2 .splash.tidal-takeover.jayelectronica-lettertofalon-takeover .description p.title {
        font: 1.825em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        letter-spacing: 3px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.jayelectronica-lettertofalon-takeover .description p.title {
            font-size: 2em; } }
  .page-index-2 .splash.tidal-takeover.maleekberry-onfire-takeover {
    background-image: url("/images/index2/promos/maleekberry/maleekberry-onfire-bg.c1426e81.jpg"); }
    .page-index-2 .splash.tidal-takeover.maleekberry-onfire-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.maleekberry-onfire-takeover .description p.artist {
        font: 2.25em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.maleekberry-onfire-takeover .description p.artist {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.maleekberry-onfire-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.maleekberry-onfire-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.yandel-viviente-promo-takeover {
    background-image: url("/images/index2/promos/yandel/yandel-viviente-promo-bg.e7da1555.jpg"); }
    .page-index-2 .splash.tidal-takeover.yandel-viviente-promo-takeover .welcome-mat-wrapper {
      min-height: 85vh;
      position: relative; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.yandel-viviente-promo-takeover .welcome-mat-wrapper {
          min-height: 95vh; } }
      .page-index-2 .splash.tidal-takeover.yandel-viviente-promo-takeover .welcome-mat-wrapper .takeover-full {
        position: absolute;
        bottom: 10px;
        left: 0;
        right: 0; }
    .page-index-2 .splash.tidal-takeover.yandel-viviente-promo-takeover .takeover-description p {
      text-transform: uppercase;
      color: #fff; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.yandel-viviente-promo-takeover .takeover-description p {
          max-width: 700px; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.yandel-viviente-promo-takeover .takeover-description p {
          max-width: 900px; } }
      .page-index-2 .splash.tidal-takeover.yandel-viviente-promo-takeover .takeover-description p.tidal {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.yandel-viviente-promo-takeover .takeover-description p.tidal strong {
          font-family: "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.yandel-viviente-promo-takeover .takeover-description p.tidal {
            font-size: 4em;
            letter-spacing: 3px; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.yandel-viviente-promo-takeover .takeover-description p.tidal {
            font-size: 5em; } }
      .page-index-2 .splash.tidal-takeover.yandel-viviente-promo-takeover .takeover-description p.title {
        font: 1em/1 "nationale-demibold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.yandel-viviente-promo-takeover .takeover-description p.title {
            font-size: 1.75em; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.yandel-viviente-promo-takeover .takeover-description p.title {
            font-size: 2em; } }
      .page-index-2 .splash.tidal-takeover.yandel-viviente-promo-takeover .takeover-description p.copy {
        font: 1em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
        .page-index-2 .splash.tidal-takeover.yandel-viviente-promo-takeover .takeover-description p.copy span.line-break {
          display: inline; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.yandel-viviente-promo-takeover .takeover-description p.copy span.line-break {
              display: block; } }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.yandel-viviente-promo-takeover .takeover-description p.copy {
            font-size: 1.25em; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.yandel-viviente-promo-takeover .takeover-description p.copy {
            font-size: 1.5em; } }
      .page-index-2 .splash.tidal-takeover.yandel-viviente-promo-takeover .takeover-description p.hashtag {
        font: 1.5em/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.rascalflatts-nashville-livestream-takeover {
    background: -moz-linear-gradient(top, transparent 20%, black 40%), url("/images/index2/promos/rascalflatts/rascalflatts-nashville-bg.335b6259.jpg");
    background: -webkit-linear-gradient(top, transparent 20%, black 40%), url("/images/index2/promos/rascalflatts/rascalflatts-nashville-bg.335b6259.jpg");
    background: linear-gradient(to bottom, transparent 20%, black 40%), url("/images/index2/promos/rascalflatts/rascalflatts-nashville-bg.335b6259.jpg");
    background-color: #000;
    background-position: top center;
    background-size: 150%;
    background-repeat: no-repeat;
    padding-top: 60px; }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.rascalflatts-nashville-livestream-takeover {
        background: url("/images/index2/promos/rascalflatts/rascalflatts-nashville-bg.335b6259.jpg");
        background-color: #000;
        background-position: top center;
        background-size: cover;
        padding-bottom: 20px; } }
    .page-index-2 .splash.tidal-takeover.rascalflatts-nashville-livestream-takeover .welcome-mat-wrapper {
      min-height: 85vh;
      position: relative; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.rascalflatts-nashville-livestream-takeover .welcome-mat-wrapper {
          min-height: 95vh; } }
      .page-index-2 .splash.tidal-takeover.rascalflatts-nashville-livestream-takeover .welcome-mat-wrapper .takeover-full {
        position: absolute;
        bottom: 10px;
        left: 0;
        right: 0; }
    .page-index-2 .splash.tidal-takeover.rascalflatts-nashville-livestream-takeover .takeover-description p {
      text-transform: uppercase; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.rascalflatts-nashville-livestream-takeover .takeover-description p {
          max-width: 700px; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.rascalflatts-nashville-livestream-takeover .takeover-description p {
          max-width: 900px; } }
      .page-index-2 .splash.tidal-takeover.rascalflatts-nashville-livestream-takeover .takeover-description p.tidal {
        font: 1.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-bottom: 5px; }
        .page-index-2 .splash.tidal-takeover.rascalflatts-nashville-livestream-takeover .takeover-description p.tidal strong {
          font-family: "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.rascalflatts-nashville-livestream-takeover .takeover-description p.tidal {
            font-size: 3.5em; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.rascalflatts-nashville-livestream-takeover .takeover-description p.tidal {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.rascalflatts-nashville-livestream-takeover .takeover-description p.location {
        font: 1.25em/1 "nationale-demibold", sans-serif;
        margin-top: 5px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.rascalflatts-nashville-livestream-takeover .takeover-description p.location {
            font-size: 3.25em; } }
      .page-index-2 .splash.tidal-takeover.rascalflatts-nashville-livestream-takeover .takeover-description p.date, .page-index-2 .splash.tidal-takeover.rascalflatts-nashville-livestream-takeover .takeover-description p.start {
        font: 1em/1.25em "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.rascalflatts-nashville-livestream-takeover .takeover-description p.date span.line-break, .page-index-2 .splash.tidal-takeover.rascalflatts-nashville-livestream-takeover .takeover-description p.start span.line-break {
          display: block; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.rascalflatts-nashville-livestream-takeover .takeover-description p.date span.line-break, .page-index-2 .splash.tidal-takeover.rascalflatts-nashville-livestream-takeover .takeover-description p.start span.line-break {
              display: inline-block; } }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.rascalflatts-nashville-livestream-takeover .takeover-description p.date, .page-index-2 .splash.tidal-takeover.rascalflatts-nashville-livestream-takeover .takeover-description p.start {
            font-size: 1.75em; } }
      .page-index-2 .splash.tidal-takeover.rascalflatts-nashville-livestream-takeover .takeover-description p.date {
        margin-bottom: 5px; }
      .page-index-2 .splash.tidal-takeover.rascalflatts-nashville-livestream-takeover .takeover-description p.start {
        margin-top: 5px; }
      .page-index-2 .splash.tidal-takeover.rascalflatts-nashville-livestream-takeover .takeover-description p.hashtag {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.rascalflatts-nashville-livestream-takeover .takeover-description p.hashtag {
            font-size: 1.5em; } }
  .page-index-2 .splash.tidal-takeover.cnco-masallatour-takeover {
    background-color: #000;
    background-image: url("/images/index2/promos/cnco/cnco-masallatour-bg.c32c4bbd.jpg");
    background-repeat: no-repeat;
    background-size: 150%;
    padding-top: 60px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.cnco-masallatour-takeover {
        background-size: cover;
        padding-bottom: 20px; } }
    .page-index-2 .splash.tidal-takeover.cnco-masallatour-takeover .welcome-mat-wrapper {
      min-height: 65vh;
      position: relative; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.cnco-masallatour-takeover .welcome-mat-wrapper {
          min-height: 95vh; } }
      .page-index-2 .splash.tidal-takeover.cnco-masallatour-takeover .welcome-mat-wrapper .takeover-full {
        position: absolute;
        bottom: 10px;
        left: 0;
        right: 0; }
    .page-index-2 .splash.tidal-takeover.cnco-masallatour-takeover .takeover-description p {
      text-transform: uppercase;
      color: #fff; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.cnco-masallatour-takeover .takeover-description p {
          max-width: 700px; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.cnco-masallatour-takeover .takeover-description p {
          max-width: 900px; } }
      .page-index-2 .splash.tidal-takeover.cnco-masallatour-takeover .takeover-description p.title {
        color: #00FFFF;
        font: 1.5em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.cnco-masallatour-takeover .takeover-description p.title {
            font-size: 3.5em; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.cnco-masallatour-takeover .takeover-description p.title {
            font-size: 4.5em; } }
      .page-index-2 .splash.tidal-takeover.cnco-masallatour-takeover .takeover-description p.subtitle {
        font: 1.5em/1 "nationale-bold", sans-serif;
        margin-top: 5px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.cnco-masallatour-takeover .takeover-description p.subtitle {
            font-size: 3.4em; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.cnco-masallatour-takeover .takeover-description p.subtitle {
            font-size: 4.35em; } }
      .page-index-2 .splash.tidal-takeover.cnco-masallatour-takeover .takeover-description p.copy {
        font: 1.1em/1 "nationale-demibold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.cnco-masallatour-takeover .takeover-description p.copy {
            font-size: 2em; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.cnco-masallatour-takeover .takeover-description p.copy {
            font-size: 2.5em; } }
      .page-index-2 .splash.tidal-takeover.cnco-masallatour-takeover .takeover-description p.tidal {
        color: #00FFFF;
        font: 1.5em/1 "nationale-demibold", sans-serif;
        margin-top: 5px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.cnco-masallatour-takeover .takeover-description p.tidal {
            font-size: 2em; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.cnco-masallatour-takeover .takeover-description p.tidal {
            font-size: 2.5em;
            padding-bottom: 20px; } }
    .page-index-2 .splash.tidal-takeover.cnco-masallatour-takeover .takeover-description.spanish p.subtitle {
      font-size: 1.65em; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.cnco-masallatour-takeover .takeover-description.spanish p.subtitle {
          font-size: 3.85em; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.cnco-masallatour-takeover .takeover-description.spanish p.subtitle {
          font-size: 4.9em; } }
    .page-index-2 .splash.tidal-takeover.cnco-masallatour-takeover .takeover-description.spanish p.copy, .page-index-2 .splash.tidal-takeover.cnco-masallatour-takeover .takeover-description.spanish p.tidal {
      font-size: 0.8em; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.cnco-masallatour-takeover .takeover-description.spanish p.copy, .page-index-2 .splash.tidal-takeover.cnco-masallatour-takeover .takeover-description.spanish p.tidal {
          font-size: 1.5em; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.cnco-masallatour-takeover .takeover-description.spanish p.copy, .page-index-2 .splash.tidal-takeover.cnco-masallatour-takeover .takeover-description.spanish p.tidal {
          font-size: 2em; } }
  .page-index-2 .splash.tidal-takeover.shakira-meenamore-bts-takeover {
    background-image: url("/images/index2/promos/shakira/shakira-meenamore-bts-bg.4fd3291b.jpg"); }
    .page-index-2 .splash.tidal-takeover.shakira-meenamore-bts-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.shakira-meenamore-bts-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.shakira-meenamore-bts-takeover .description p.artist {
            font-size: 5em; } }
      .page-index-2 .splash.tidal-takeover.shakira-meenamore-bts-takeover .description p.title {
        font: 2em/1 "nationale-demibold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.shakira-meenamore-bts-takeover .description p.title {
            font-size: 2.5em; } }
      .page-index-2 .splash.tidal-takeover.shakira-meenamore-bts-takeover .description p.bts {
        font: 1.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.shakira-meenamore-bts-takeover .description p.bts {
            font-size: 2.25em; } }
  .page-index-2 .splash.tidal-takeover.bzzy-crazylove-takeover {
    background-image: url("/images/index2/promos/bzzy/bzzy-crazylove-bg.b09e250c.jpg"); }
    .page-index-2 .splash.tidal-takeover.bzzy-crazylove-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.bzzy-crazylove-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.bzzy-crazylove-takeover .description p.artist {
            font-size: 5em; } }
      .page-index-2 .splash.tidal-takeover.bzzy-crazylove-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.bzzy-crazylove-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.yogotti-gottimadeit-takeover {
    background-image: url("/images/index2/promos/yogotti/yogotti-gottimadeit-bg.7a6281ef.jpg"); }
    .page-index-2 .splash.tidal-takeover.yogotti-gottimadeit-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.yogotti-gottimadeit-takeover .description p.artist {
        font: 3.5em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.yogotti-gottimadeit-takeover .description p.artist {
            font-size: 5em; } }
      .page-index-2 .splash.tidal-takeover.yogotti-gottimadeit-takeover .description p.feat {
        font: 1.55em/1 "nationale-bold", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.yogotti-gottimadeit-takeover .description p.feat {
            font-size: 2.5em; } }
      .page-index-2 .splash.tidal-takeover.yogotti-gottimadeit-takeover .description p.title {
        font: 2em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.yogotti-gottimadeit-takeover .description p.title {
            font-size: 2.5em;
            letter-spacing: 3px; } }
  .page-index-2 .splash.tidal-takeover.victormanuelle-lagana-takeover {
    background-image: url("/images/index2/promos/victormanuelle/victormanuelle-lagana-bg.a8819c51.jpg"); }
    .page-index-2 .splash.tidal-takeover.victormanuelle-lagana-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.victormanuelle-lagana-takeover .description p.artist {
        font: 1.9em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.victormanuelle-lagana-takeover .description p.artist {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.victormanuelle-lagana-takeover .description p.title {
        font: 1.3em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.victormanuelle-lagana-takeover .description p.title {
            font-size: 2.1em; } }
  .page-index-2 .splash.tidal-takeover.notevagustar-lasalarmas-takeover {
    background-image: url("/images/index2/promos/notevagustar/notevagustar-lasalarmas-bg.9379c2f8.jpg"); }
    .page-index-2 .splash.tidal-takeover.notevagustar-lasalarmas-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.notevagustar-lasalarmas-takeover .description p.artist {
        font: 2em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.notevagustar-lasalarmas-takeover .description p.artist {
            font-size: 3.2em; } }
      .page-index-2 .splash.tidal-takeover.notevagustar-lasalarmas-takeover .description p.title {
        font: 1.65em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.notevagustar-lasalarmas-takeover .description p.title {
            font-size: 2.6em; } }
  .page-index-2 .splash.tidal-takeover.damasgratis-gentequeno-takeover {
    background-image: url("/images/index2/promos/damasgratis/damasgratis-gentequeno-bg.1da5b008.jpg"); }
    .page-index-2 .splash.tidal-takeover.damasgratis-gentequeno-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.damasgratis-gentequeno-takeover .description p.artist {
        font: 2.25em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.damasgratis-gentequeno-takeover .description p.artist {
            font-size: 3.75em; } }
      .page-index-2 .splash.tidal-takeover.damasgratis-gentequeno-takeover .description p.feat {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.damasgratis-gentequeno-takeover .description p.feat {
            font-size: 3.1em; } }
      .page-index-2 .splash.tidal-takeover.damasgratis-gentequeno-takeover .description p.title {
        font: 2.25em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.damasgratis-gentequeno-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.jbalvin-lomejor-takeover {
    background-image: url("/images/index2/promos/jbalvin/jbalvin-lomejor-bg.fa9cd3d2.jpg"); }
    .page-index-2 .splash.tidal-takeover.jbalvin-lomejor-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.jbalvin-lomejor-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.jbalvin-lomejor-takeover .description p.artist {
            font-size: 4.5em; } }
      .page-index-2 .splash.tidal-takeover.jbalvin-lomejor-takeover .description p.title {
        font: 2em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.jbalvin-lomejor-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.jbalvin-bonita-takeover {
    background-image: url("/images/index2/promos/jbalvin/jbalvin-bonita-bg.2ccab208.jpg"); }
    .page-index-2 .splash.tidal-takeover.jbalvin-bonita-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.jbalvin-bonita-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.jbalvin-bonita-takeover .description p.artist {
            font-size: 4.5em; } }
      .page-index-2 .splash.tidal-takeover.jbalvin-bonita-takeover .description p.feat {
        font: 1.5em/1 "nationale-demibold", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.jbalvin-bonita-takeover .description p.feat {
            font-size: 2em; } }
      .page-index-2 .splash.tidal-takeover.jbalvin-bonita-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.jbalvin-bonita-takeover .description p.title {
            font-size: 3.5em; } }
  .page-index-2 .splash.tidal-takeover.daniellebradbery-sway-takeover {
    background-image: url("/images/index2/promos/daniellebradbery/daniellebradbery-sway-bg.d6944b83.jpg"); }
    .page-index-2 .splash.tidal-takeover.daniellebradbery-sway-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.daniellebradbery-sway-takeover .description p.artist {
        font: 1.75em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.daniellebradbery-sway-takeover .description p.artist {
            font-size: 2.7em; } }
      .page-index-2 .splash.tidal-takeover.daniellebradbery-sway-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.daniellebradbery-sway-takeover .description p.title {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.daniellebradbery-sway-takeover .description p.copy {
        font: 1em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: none;
        max-width: 330px; }
  .page-index-2 .splash.tidal-takeover.farina-mejorqueyo-video-takeover {
    background-image: url("/images/index2/promos/farina/farina-mejorqueyo-video-bg.82307d5a.jpg"); }
    .page-index-2 .splash.tidal-takeover.farina-mejorqueyo-video-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.farina-mejorqueyo-video-takeover .description p.artist {
        font: 3.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.farina-mejorqueyo-video-takeover .description p.artist {
            font-size: 4.5em; } }
      .page-index-2 .splash.tidal-takeover.farina-mejorqueyo-video-takeover .description p.title {
        font: 2em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.farina-mejorqueyo-video-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.farina-mejorqueyo-takeover {
    background-image: url("/images/index2/promos/farina/farina-mejorqueyo-bg.93d10f28.jpg"); }
    .page-index-2 .splash.tidal-takeover.farina-mejorqueyo-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.farina-mejorqueyo-takeover .description p.artist {
        font: 3.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.farina-mejorqueyo-takeover .description p.artist {
            font-size: 4.5em; } }
      .page-index-2 .splash.tidal-takeover.farina-mejorqueyo-takeover .description p.title {
        font: 2em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.farina-mejorqueyo-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.arcadefire-everythingnow-takeover {
    background-image: url("/images/index2/promos/arcadefire/arcadefire-everythingnow-bg.b382b871.jpg"); }
    .page-index-2 .splash.tidal-takeover.arcadefire-everythingnow-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.arcadefire-everythingnow-takeover .description p.artist {
        font: 2.65em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.arcadefire-everythingnow-takeover .description p.artist {
            font-size: 3.75em; } }
      .page-index-2 .splash.tidal-takeover.arcadefire-everythingnow-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.arcadefire-everythingnow-takeover .description p.title {
            font-size: 2.8em; } }
  .page-index-2 .splash.tidal-takeover.jackwhite-fingersofwhiskey-takeover {
    background-image: url("/images/index2/promos/jackwhite/jackwhite-fingersofwhiskey-bg.9c21f78d.jpg"); }
    .page-index-2 .splash.tidal-takeover.jackwhite-fingersofwhiskey-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.jackwhite-fingersofwhiskey-takeover .description p.artist {
        font: 1.4em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.jackwhite-fingersofwhiskey-takeover .description p.artist {
            font-size: 2.2em; } }
      .page-index-2 .splash.tidal-takeover.jackwhite-fingersofwhiskey-takeover .description p.title {
        font: 0.85em/1.5em "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.jackwhite-fingersofwhiskey-takeover .description p.title {
            font-size: 1.25em; } }
  .page-index-2 .splash.tidal-takeover.mlh-nas-playlist-takeover {
    background-image: url("/images/index2/promos/laurynhill/mlh-nas-playlist-bg.0f0f71b7.jpg"); }
    .page-index-2 .splash.tidal-takeover.mlh-nas-playlist-takeover .description p {
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.mlh-nas-playlist-takeover .description p.artist {
        text-transform: uppercase;
        font: 3em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.mlh-nas-playlist-takeover .description p.artist {
            font-size: 3.75em; } }
      .page-index-2 .splash.tidal-takeover.mlh-nas-playlist-takeover .description p.copy {
        font: 1em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif;
        max-width: 330px; }
  .page-index-2 .splash.tidal-takeover.mozartlapara-dr-livestream-takeover {
    background-image: url("/images/index2/promos/mozartlapara/mozart-dr-livestream-bg.4c365c20.jpg"); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.mozartlapara-dr-livestream-takeover {
        padding-bottom: 20px; } }
    .page-index-2 .splash.tidal-takeover.mozartlapara-dr-livestream-takeover .welcome-mat-wrapper {
      min-height: 85vh;
      position: relative; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.mozartlapara-dr-livestream-takeover .welcome-mat-wrapper {
          min-height: 95vh; } }
      .page-index-2 .splash.tidal-takeover.mozartlapara-dr-livestream-takeover .welcome-mat-wrapper .takeover-full {
        position: absolute;
        bottom: 10px;
        left: 0;
        right: 0; }
    .page-index-2 .splash.tidal-takeover.mozartlapara-dr-livestream-takeover .takeover-description .cta-wrapper {
      max-width: 320px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.mozartlapara-dr-livestream-takeover .takeover-description .cta-wrapper {
          max-width: 550px; } }
    .page-index-2 .splash.tidal-takeover.mozartlapara-dr-livestream-takeover .takeover-description p {
      text-transform: uppercase; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.mozartlapara-dr-livestream-takeover .takeover-description p {
          max-width: 700px; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.mozartlapara-dr-livestream-takeover .takeover-description p {
          max-width: 900px; } }
      .page-index-2 .splash.tidal-takeover.mozartlapara-dr-livestream-takeover .takeover-description p.title {
        font: 1.4em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.mozartlapara-dr-livestream-takeover .takeover-description p.title strong {
          font-family: "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.mozartlapara-dr-livestream-takeover .takeover-description p.title {
            font-size: 3em; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.mozartlapara-dr-livestream-takeover .takeover-description p.title {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.mozartlapara-dr-livestream-takeover .takeover-description p.subtitle {
        font: 0.95em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.mozartlapara-dr-livestream-takeover .takeover-description p.subtitle {
            font-size: 2.1em;
            padding-bottom: 15px; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.mozartlapara-dr-livestream-takeover .takeover-description p.subtitle {
            font-size: 2.8em; } }
      .page-index-2 .splash.tidal-takeover.mozartlapara-dr-livestream-takeover .takeover-description p.date, .page-index-2 .splash.tidal-takeover.mozartlapara-dr-livestream-takeover .takeover-description p.time {
        font: 1em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.mozartlapara-dr-livestream-takeover .takeover-description p.date, .page-index-2 .splash.tidal-takeover.mozartlapara-dr-livestream-takeover .takeover-description p.time {
            font-size: 1.5em; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.mozartlapara-dr-livestream-takeover .takeover-description p.date, .page-index-2 .splash.tidal-takeover.mozartlapara-dr-livestream-takeover .takeover-description p.time {
            font-size: 1.75em; } }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.mozartlapara-dr-livestream-takeover .takeover-description p.hashtag {
          font-size: 1.25em; } }
    .page-index-2 .splash.tidal-takeover.mozartlapara-dr-livestream-takeover .takeover-description.spanish p.subtitle {
      font-size: 0.9em; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.mozartlapara-dr-livestream-takeover .takeover-description.spanish p.subtitle {
          font-size: 1.95em; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.mozartlapara-dr-livestream-takeover .takeover-description.spanish p.subtitle {
          font-size: 2.6em; } }
    .page-index-2 .splash.tidal-takeover.mozartlapara-dr-livestream-takeover .takeover-description.spanish p.time {
      font-size: 0.9em; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.mozartlapara-dr-livestream-takeover .takeover-description.spanish p.time {
          font-size: 1.5em; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.mozartlapara-dr-livestream-takeover .takeover-description.spanish p.time {
          font-size: 1.75; } }
  .page-index-2 .splash.tidal-takeover.stb-fivealbums-takeover {
    background-image: url("/images/index2/promos/sirthebaptist/stb-fivealbums-bg.84262903.jpg"); }
    .page-index-2 .splash.tidal-takeover.stb-fivealbums-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.stb-fivealbums-takeover .description p.artist {
        font: 2.1em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.stb-fivealbums-takeover .description p.artist {
            font-size: 2.75em; } }
      .page-index-2 .splash.tidal-takeover.stb-fivealbums-takeover .description p.title {
        font: 1.9em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.stb-fivealbums-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-index-takeover {
    background-color: #fff; }
    .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-index-takeover p {
      color: #000;
      text-transform: uppercase; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-index-takeover p {
          text-align: left;
          max-width: 700px; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-index-takeover p {
          max-width: 900px; } }
      @media (min-width: 1280px) {
        .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-index-takeover p {
          max-width: 1000px; } }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-index-takeover p {
          max-width: 1200px; } }
      .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-index-takeover p em {
        font-style: italic; }
      .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-index-takeover p.title {
        font: 1.5em/1.25em "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-index-takeover p.title {
            font-size: 2.5em;
            text-align: center;
            padding-bottom: 30px; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-index-takeover p.title {
            font-size: 3.35em; } }
        @media (min-width: 1280px) {
          .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-index-takeover p.title {
            font-size: 3.75em; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-index-takeover p.title {
            font-size: 4.25em; } }
      .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-index-takeover p.subtitle {
        font: 1.25em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-index-takeover p.subtitle {
            margin-top: 0;
            margin-left: 0;
            max-width: 330px; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-index-takeover p.subtitle {
            font-size: 1.5em;
            max-width: 390px; } }
      .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-index-takeover p.author {
        font: 1em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-index-takeover p.copy {
        text-transform: none;
        font: 1em/1.5em "nationale", "nationale-regular", "Helvetica", sans-serif;
        padding-top: 20px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-index-takeover .takeover-right {
        padding-top: 0; } }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-index-takeover .takeover-left img {
        max-width: 80%;
        margin-left: 0; } }
    .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-index-takeover .cta-wrapper {
      margin: 20px auto; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-index-takeover .cta-wrapper {
          margin-left: 0;
          max-width: 200px; } }
      .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-index-takeover .cta-wrapper .cta-btn {
        color: #000;
        border-color: #000; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-index-takeover .cta-wrapper .cta-btn {
            margin-left: 0;
            width: 100%;
            max-width: 100%; } }
  .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-album {
    background-image: url("/images/index2/promos/beatles/sgtpepper-anniv-album-bg.e798c752.jpg"); }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-album .takeover-full {
        margin: 0 auto;
        max-width: 40%; } }
    .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-album .takeover-full .product-cover {
      margin-bottom: -4px; }
  .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-legacy-takeover {
    background-color: #fed700; }
    .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-legacy-takeover .takeover-full {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      box-orient: vertical; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-legacy-takeover .takeover-full {
          display: block; } }
    .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-legacy-takeover .takeover-left {
      text-align: left;
      -webkit-box-ordinal-group: 2;
      -moz-box-ordinal-group: 2;
      box-ordinal-group: 2; }
    .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-legacy-takeover .takeover-right {
      text-align: left;
      -webkit-box-ordinal-group: 1;
      -moz-box-ordinal-group: 1;
      box-ordinal-group: 1; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-legacy-takeover .takeover-right {
          padding-top: 0; } }
      .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-legacy-takeover .takeover-right img {
        margin-bottom: 30px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-legacy-takeover .takeover-right img {
            max-width: 100%; } }
    .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-legacy-takeover p {
      color: #000; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-legacy-takeover p {
          text-align: left;
          max-width: 730px; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-legacy-takeover p {
          max-width: 100%; } }
      .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-legacy-takeover p em {
        font-style: italic; }
      .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-legacy-takeover p.title {
        text-transform: uppercase;
        text-align: center;
        font: 2em/1.5em "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-legacy-takeover p.title {
            font-size: 2.15em;
            padding-bottom: 30px; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-legacy-takeover p.title {
            text-align: left;
            font-size: 3.25em;
            padding-bottom: 10px;
            letter-spacing: 3px; }
            .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-legacy-takeover p.title span.line-break {
              display: block; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-legacy-takeover p.title {
            font-size: 3.75em;
            letter-spacing: 5px; } }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-legacy-takeover p.copy {
          margin-top: 0; } }
      .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-legacy-takeover p.quote {
        font-family: "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-legacy-takeover p.author {
        font: 0.9em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        font-style: italic; }
    .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-legacy-takeover .cta-wrapper {
      margin: 20px auto; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-legacy-takeover .cta-wrapper {
          margin-left: 0;
          margin-top: 40px;
          max-width: 200px; } }
      .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-legacy-takeover .cta-wrapper .cta-btn {
        color: #000;
        border-color: #000; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-legacy-takeover .cta-wrapper .cta-btn {
            margin-left: 0;
            width: 100%;
            max-width: 100%; } }
  .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-listen-takeover {
    background-image: url("/images/index2/promos/beatles/sgtpepper-anniv-head-bg.b0ac1588.jpg"); }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-listen-takeover {
        padding: 150px 0; } }
    .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-listen-takeover p {
      text-transform: uppercase;
      color: #fff; }
      .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-listen-takeover p.title {
        font: 3em/1 "nationale-bold", sans-serif;
        letter-spacing: 3px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-listen-takeover p.title {
            padding-bottom: 20px;
            font-size: 4em; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-listen-takeover p.title {
            padding-bottom: 40px; } }
      .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-listen-takeover p.copy {
        font: 1em/1 "nationale-demibold", sans-serif;
        margin-top: 10px; }
    .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-listen-takeover a {
      text-decoration: none; }
      .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-listen-takeover a.head-link {
        display: block;
        width: 100%;
        margin-bottom: 30px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-listen-takeover a.head-link {
            display: inline-block;
            width: 45%;
            margin: 0 auto 30px auto; }
            .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-listen-takeover a.head-link:nth-child(3) img {
              padding-left: 15px; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-listen-takeover a.head-link {
            width: 23%; }
            .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-listen-takeover a.head-link:last-child img {
              max-width: 125px; } }
        .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-listen-takeover a.head-link img {
          max-width: 35%; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-listen-takeover a.head-link img {
              max-width: 106px;
              height: 160px; } }
  .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-groupshot-takeover {
    background-image: url("/images/index2/promos/beatles/sgtpepper-anniv-groupshot-bg.c9126d8a.jpg");
    min-height: 20vh; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-groupshot-takeover {
        min-height: 30vh; } }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.sgtpepper-anniversary-takeover.sgtpepper-groupshot-takeover {
        min-height: 75vh; } }
  .page-index-2 .splash.tidal-takeover.karenrodriguez-forthecultura-takeover {
    background-image: url("/images/index2/promos/karenrodriguez/karenrodriguez-forthecultura-bg.7fc6cc15.jpg"); }
    .page-index-2 .splash.tidal-takeover.karenrodriguez-forthecultura-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.karenrodriguez-forthecultura-takeover .description p.artist {
        font: 1.8em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.karenrodriguez-forthecultura-takeover .description p.artist {
            font-size: 2.4em; } }
      .page-index-2 .splash.tidal-takeover.karenrodriguez-forthecultura-takeover .description p.title {
        font: 1.95em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.karenrodriguez-forthecultura-takeover .description p.title {
            font-size: 2.6em; } }
  .page-index-2 .splash.tidal-takeover.casi-homesick-takeover {
    background-image: url("/images/index2/promos/casi/casi-homesick-bg.573ddfa3.jpg"); }
    .page-index-2 .splash.tidal-takeover.casi-homesick-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.casi-homesick-takeover .description p.artist {
        font: 5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.casi-homesick-takeover .description p.artist {
            font-size: 6em; } }
      .page-index-2 .splash.tidal-takeover.casi-homesick-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.casi-homesick-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.jimmywopo-recap-takeover {
    background-image: url("/images/index2/promos/jimmywopo/jimmywopo-recap-bg.29a40042.jpg"); }
    .page-index-2 .splash.tidal-takeover.jimmywopo-recap-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.jimmywopo-recap-takeover .description p.artist {
        font: 1.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.jimmywopo-recap-takeover .description p.artist {
            font-size: 2em; } }
      .page-index-2 .splash.tidal-takeover.jimmywopo-recap-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.jimmywopo-recap-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.mreazi-lifeiseazi-takeover {
    background-image: url("/images/index2/promos/mreazi/mreazi-lifeiseazi-bg.0a8a0f7c.jpg"); }
    .page-index-2 .splash.tidal-takeover.mreazi-lifeiseazi-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.mreazi-lifeiseazi-takeover .description p.artist {
        font: 3.35em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.mreazi-lifeiseazi-takeover .description p.artist {
            font-size: 4.5em; } }
      .page-index-2 .splash.tidal-takeover.mreazi-lifeiseazi-takeover .description p.title {
        font: 2.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.mreazi-lifeiseazi-takeover .description p.title {
            font-size: 3.75em; } }
  .page-index-2 .splash.tidal-takeover.karolg-ahoramellama-takeover {
    background-image: url("/images/index2/promos/karolg/karolg-ahoramellama-bg.9af47529.jpg"); }
    .page-index-2 .splash.tidal-takeover.karolg-ahoramellama-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.karolg-ahoramellama-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.karolg-ahoramellama-takeover .description p.artist {
            font-size: 5em; } }
      .page-index-2 .splash.tidal-takeover.karolg-ahoramellama-takeover .description p.feat {
        font: 2.1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.karolg-ahoramellama-takeover .description p.feat {
            font-size: 2.6em; } }
      .page-index-2 .splash.tidal-takeover.karolg-ahoramellama-takeover .description p.title {
        font: 2em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.karolg-ahoramellama-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.treviguzman-masbuena-takeover {
    background-image: url("/images/index2/promos/treviguzman/treviguzman-masbuena-bg.07324a82.jpg"); }
    .page-index-2 .splash.tidal-takeover.treviguzman-masbuena-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.treviguzman-masbuena-takeover .description p.artist {
        font: 1.7em/1.25em "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.treviguzman-masbuena-takeover .description p.artist {
            font-size: 2.6em; } }
      .page-index-2 .splash.tidal-takeover.treviguzman-masbuena-takeover .description p.title {
        font: 1.75em "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.treviguzman-masbuena-takeover .description p.title {
            font-size: 2.75em; } }
  .page-index-2 .splash.tidal-takeover.bandaelrecodo-ayeryhoy-takeover {
    background-image: url("/images/index2/promos/bandaelrecodo/bandaelrecodo-ayeryhoy-bg.27535558.jpg"); }
    .page-index-2 .splash.tidal-takeover.bandaelrecodo-ayeryhoy-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.bandaelrecodo-ayeryhoy-takeover .description p.artist {
        font: 1.75em/1.25em "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.bandaelrecodo-ayeryhoy-takeover .description p.artist {
            font-size: 2.75em; } }
      .page-index-2 .splash.tidal-takeover.bandaelrecodo-ayeryhoy-takeover .description p.title {
        font: 1.75em "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.bandaelrecodo-ayeryhoy-takeover .description p.title {
            font-size: 2.5em;
            letter-spacing: 3px; } }
  .page-index-2 .splash.tidal-takeover.julionalvarez-nidiablo-takeover {
    background-image: url("/images/index2/promos/julionalvarez/julionalvarez-nidiablo-bg.25333a7b.jpg"); }
    .page-index-2 .splash.tidal-takeover.julionalvarez-nidiablo-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.julionalvarez-nidiablo-takeover .description p.artist {
        font: 1.7em/1.25em "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.julionalvarez-nidiablo-takeover .description p.artist {
            font-size: 2.5em; } }
      .page-index-2 .splash.tidal-takeover.julionalvarez-nidiablo-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.julionalvarez-nidiablo-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.ckanpipo-diasdesol-takeover {
    background-image: url("/images/index2/promos/ckanpipo/ckanpipo-diasdesol-bg.0173a33d.jpg"); }
    .page-index-2 .splash.tidal-takeover.ckanpipo-diasdesol-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.ckanpipo-diasdesol-takeover .description p.artist {
        font: 2.25em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.ckanpipo-diasdesol-takeover .description p.artist {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.ckanpipo-diasdesol-takeover .description p.title {
        font: 2em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.ckanpipo-diasdesol-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.zionylennox-forthecultura-takeover {
    background-image: url("/images/index2/promos/zionylennox/zionylennox-forthecultura-bg.d2b18700.jpg"); }
    .page-index-2 .splash.tidal-takeover.zionylennox-forthecultura-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.zionylennox-forthecultura-takeover .description p.artist {
        font: 2.1em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.zionylennox-forthecultura-takeover .description p.artist {
            font-size: 2.9em; } }
      .page-index-2 .splash.tidal-takeover.zionylennox-forthecultura-takeover .description p.title {
        font: 1.9em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.zionylennox-forthecultura-takeover .description p.title {
            font-size: 2.6em; } }
  .page-index-2 .splash.tidal-takeover.faithevans-5albums-takeover {
    background-image: url("/images/index2/promos/faithevans/faithevans-5albums-bg.b35dc100.jpg"); }
    .page-index-2 .splash.tidal-takeover.faithevans-5albums-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.faithevans-5albums-takeover .description p.artist {
        font: 2.6em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.faithevans-5albums-takeover .description p.artist {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.faithevans-5albums-takeover .description p.title {
        font: 1.9em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.faithevans-5albums-takeover .description p.title {
            font-size: 2.55em; } }
  .page-index-2 .splash.tidal-takeover.yandel-mireligion-video-takeover {
    background-image: url("/images/index2/promos/yandel/yandel-mireligion-video-bg.b55ce4f4.jpg"); }
    .page-index-2 .splash.tidal-takeover.yandel-mireligion-video-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.yandel-mireligion-video-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.yandel-mireligion-video-takeover .description p.artist {
            font-size: 4.75em; } }
      .page-index-2 .splash.tidal-takeover.yandel-mireligion-video-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.yandel-mireligion-video-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.floggingmolly-lifeisgood-single-takeover {
    background-image: url("/images/index2/promos/floggingmolly/floggingmolly-reptiles-john-bg.f06bfce7.jpg"); }
    .page-index-2 .splash.tidal-takeover.floggingmolly-lifeisgood-single-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.floggingmolly-lifeisgood-single-takeover .description p {
          letter-spacing: 2px; } }
      .page-index-2 .splash.tidal-takeover.floggingmolly-lifeisgood-single-takeover .description p.artist {
        font: 2em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.floggingmolly-lifeisgood-single-takeover .description p.artist {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.floggingmolly-lifeisgood-single-takeover .description p.title {
        font: 2em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.floggingmolly-lifeisgood-single-takeover .description p.title {
            font-size: 2.75em; } }
  .page-index-2 .splash.tidal-takeover.nickjonas-remember-takeover {
    background-image: url("/images/index2/promos/nickjonas/nickjonas-remember-bg.563fa6ab.jpg"); }
    .page-index-2 .splash.tidal-takeover.nickjonas-remember-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.nickjonas-remember-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.nickjonas-remember-takeover .description p.artist {
            font-size: 4.5em; } }
      .page-index-2 .splash.tidal-takeover.nickjonas-remember-takeover .description p.feat {
        font: 2em/1.25em "nationale-demibold", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.nickjonas-remember-takeover .description p.feat {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.nickjonas-remember-takeover .description p.title {
        font: 1.55em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.nickjonas-remember-takeover .description p.title {
            font-size: 2.45em; } }
  .page-index-2 .splash.tidal-takeover.shakira-eldorado-takeover {
    background-image: url("/images/index2/promos/shakira/shakira-eldorado-bg.e2917439.jpg"); }
    .page-index-2 .splash.tidal-takeover.shakira-eldorado-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.shakira-eldorado-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.shakira-eldorado-takeover .description p.artist {
            font-size: 5em;
            letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.shakira-eldorado-takeover .description p.title {
        font: 3.1em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.shakira-eldorado-takeover .description p.title {
            font-size: 3.5em;
            letter-spacing: 3px; } }
  .page-index-2 .splash.tidal-takeover.lanadelrey-lustforlife-video-takeover {
    background-image: url("/images/index2/promos/lanadelrey/lanadelrey-lustforlife-video-bg.af4bbd4c.jpg"); }
    .page-index-2 .splash.tidal-takeover.lanadelrey-lustforlife-video-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.lanadelrey-lustforlife-video-takeover .description p.artist {
        font: 2.4em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.lanadelrey-lustforlife-video-takeover .description p.artist {
            font-size: 3.25em; } }
      .page-index-2 .splash.tidal-takeover.lanadelrey-lustforlife-video-takeover .description p.feat {
        font: 1.85em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.lanadelrey-lustforlife-video-takeover .description p.feat {
            font-size: 2.5em; } }
      .page-index-2 .splash.tidal-takeover.lanadelrey-lustforlife-video-takeover .description p.title {
        font: 2em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.lanadelrey-lustforlife-video-takeover .description p.title {
            font-size: 2.8em; } }
  .page-index-2 .splash.tidal-takeover.meekmill-glowup-takeover {
    background-image: url("/images/index2/promos/meekmill/meekmill-glowup-bg.e8a99aee.jpg"); }
    .page-index-2 .splash.tidal-takeover.meekmill-glowup-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.meekmill-glowup-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.meekmill-glowup-takeover .description p.artist {
            font-size: 4.5em; } }
      .page-index-2 .splash.tidal-takeover.meekmill-glowup-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.meekmill-glowup-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.formfest-recap-takeover {
    background-image: url("/images/index2/promos/formfest/formfest-recap-bg.f7ae2d55.jpg"); }
    .page-index-2 .splash.tidal-takeover.formfest-recap-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.formfest-recap-takeover .description p.artist {
        font: 1.25em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.formfest-recap-takeover .description p.artist {
            font-size: 1.65em; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.formfest-recap-takeover .description p.artist {
            font-size: 2em; } }
  .page-index-2 .splash.tidal-takeover.bigsean-sacrifices-takeover {
    background-image: url("/images/index2/promos/bigsean/bigsean-sacrifices-bg.c1bd97cb.jpg"); }
    .page-index-2 .splash.tidal-takeover.bigsean-sacrifices-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.bigsean-sacrifices-takeover .description p.artist {
        font: 3.5em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px;
        margin-top: 0; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.bigsean-sacrifices-takeover .description p.artist {
            font-size: 4.5em; } }
      .page-index-2 .splash.tidal-takeover.bigsean-sacrifices-takeover .description p.feat {
        font: 2.7em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.bigsean-sacrifices-takeover .description p.feat {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.bigsean-sacrifices-takeover .description p.title {
        font: 2.9em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.bigsean-sacrifices-takeover .description p.title {
            font-size: 3.25em; } }
  .page-index-2 .splash.tidal-takeover.juanes-hermosaingrata-takeover {
    background-image: url("/images/index2/promos/juanes/juanes-hermosaingrata-bg.870f0655.jpg"); }
    .page-index-2 .splash.tidal-takeover.juanes-hermosaingrata-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.juanes-hermosaingrata-takeover .description p.artist {
        font: 3.5em/1 "nationale-bold", sans-serif;
        letter-spacing: 3px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.juanes-hermosaingrata-takeover .description p.artist {
            font-size: 4.5em; } }
      .page-index-2 .splash.tidal-takeover.juanes-hermosaingrata-takeover .description p.title {
        font: 1.5em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.juanes-hermosaingrata-takeover .description p.title {
            font-size: 2.3em; } }
        .page-index-2 .splash.tidal-takeover.juanes-hermosaingrata-takeover .description p.title strong {
          display: block;
          font-family: "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.rascalflatts-backtous-takeover {
    background-image: url("/images/index2/promos/rascalflatts/rascalflatts-backtous-bg.4cb172a2.jpg"); }
    .page-index-2 .splash.tidal-takeover.rascalflatts-backtous-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.rascalflatts-backtous-takeover .description p.artist {
        font: 2.35em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.rascalflatts-backtous-takeover .description p.artist {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.rascalflatts-backtous-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.rascalflatts-backtous-takeover .description p.title {
            font-size: 3.25em; } }
  .page-index-2 .splash.tidal-takeover.againstallodds-playlist-takeover {
    background-image: url("/images/index2/promos/againstallodds/againstallodds-playlist-bg.16bbc35f.jpg"); }
    .page-index-2 .splash.tidal-takeover.againstallodds-playlist-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.againstallodds-playlist-takeover .description p.artist {
        font: 1.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.againstallodds-playlist-takeover .description p.artist {
            font-size: 2.5em; } }
      .page-index-2 .splash.tidal-takeover.againstallodds-playlist-takeover .description p.title {
        font: 1.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.againstallodds-playlist-takeover .description p.title {
            font-size: 2.34em; } }
  .page-index-2 .splash.tidal-takeover.meekgotti-toplookindown-takeover {
    background-image: url("/images/index2/promos/againstallodds/meekgotti-toplookingdown-bg.b4cfe52e.jpg"); }
    .page-index-2 .splash.tidal-takeover.meekgotti-toplookindown-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.meekgotti-toplookindown-takeover .description p.artist {
        font: 3.5em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px;
        letter-spacing: 3px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.meekgotti-toplookindown-takeover .description p.artist {
            font-size: 4.5em; } }
      .page-index-2 .splash.tidal-takeover.meekgotti-toplookindown-takeover .description p.feat {
        font: 2.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.meekgotti-toplookindown-takeover .description p.feat {
            font-size: 2.9em; } }
      .page-index-2 .splash.tidal-takeover.meekgotti-toplookindown-takeover .description p.title {
        font: 1.85em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.meekgotti-toplookindown-takeover .description p.title {
            font-size: 2.35em; } }
  .page-index-2 .splash.tidal-takeover.katyperry-swishswish-takeover {
    background-image: url("/images/index2/promos/katyperry/katyperry-swishswish-bg.286a957d.jpg"); }
    .page-index-2 .splash.tidal-takeover.katyperry-swishswish-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.katyperry-swishswish-takeover .description p.artist {
        font: 2.6em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.katyperry-swishswish-takeover .description p.artist {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.katyperry-swishswish-takeover .description p.feat {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.katyperry-swishswish-takeover .description p.feat {
            font-size: 2.75em; } }
      .page-index-2 .splash.tidal-takeover.katyperry-swishswish-takeover .description p.title {
        font: 2.35em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.katyperry-swishswish-takeover .description p.title {
            font-size: 3.2em; } }
  .page-index-2 .splash.tidal-takeover.thewayiare-track-takeover {
    background-image: url("/images/index2/promos/thewayiare/thewayiare-bg.2d007f4f.jpg"); }
    .page-index-2 .splash.tidal-takeover.thewayiare-track-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.thewayiare-track-takeover .description p.artist {
        font: 2.75em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.thewayiare-track-takeover .description p.artist {
            font-size: 3.5em;
            letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.thewayiare-track-takeover .description p.feat {
        font: 1.75em/1 "nationale-demibold", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.thewayiare-track-takeover .description p.feat {
            font-size: 2.25em;
            letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.thewayiare-track-takeover .description p.title {
        font: 1.4em/1.5em "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.thewayiare-track-takeover .description p.title {
            font-size: 1.75em; } }
  .page-index-2 .splash.tidal-takeover.mozart-elorden-takeover {
    background-image: url("/images/index2/promos/mozartlapara/mozart-elorden-bg.c363b54d.jpg"); }
    .page-index-2 .splash.tidal-takeover.mozart-elorden-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.mozart-elorden-takeover .description p.artist {
        font: 2.1em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.mozart-elorden-takeover .description p.artist {
            font-size: 3.2em; } }
      .page-index-2 .splash.tidal-takeover.mozart-elorden-takeover .description p.title {
        font: 2em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.mozart-elorden-takeover .description p.title {
            font-size: 2.75em; } }
  .page-index-2 .splash.tidal-takeover.casanova-theold50-takeover {
    background-image: url("/images/index2/promos/casanova/casanova-theold50-bg.7b506eb0.jpg"); }
    .page-index-2 .splash.tidal-takeover.casanova-theold50-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.casanova-theold50-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.casanova-theold50-takeover .description p.artist {
            font-size: 4.25em; } }
      .page-index-2 .splash.tidal-takeover.casanova-theold50-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.casanova-theold50-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.britneyspears-backtothe80s-takeover {
    background-image: url("/images/index2/promos/britneyspears/britneyspears-backtothe80s-bg.db35b7b8.jpg"); }
    .page-index-2 .splash.tidal-takeover.britneyspears-backtothe80s-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.britneyspears-backtothe80s-takeover .description p.artist {
        font: 2.2em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.britneyspears-backtothe80s-takeover .description p.artist {
            font-size: 3.25em; } }
      .page-index-2 .splash.tidal-takeover.britneyspears-backtothe80s-takeover .description p.title {
        font: 1.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.britneyspears-backtothe80s-takeover .description p.title {
            font-size: 2em; } }
  .page-index-2 .splash.tidal-takeover.floggingmolly-yettomeet-takeover {
    background-image: url("/images/index2/promos/floggingmolly/floggingmolly-reptiles-john-bg.f06bfce7.jpg"); }
    .page-index-2 .splash.tidal-takeover.floggingmolly-yettomeet-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.floggingmolly-yettomeet-takeover .description p {
          letter-spacing: 2px; } }
      .page-index-2 .splash.tidal-takeover.floggingmolly-yettomeet-takeover .description p.artist {
        font: 2em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.floggingmolly-yettomeet-takeover .description p.artist {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.floggingmolly-yettomeet-takeover .description p.title {
        font: 1.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.floggingmolly-yettomeet-takeover .description p.title {
            font-size: 1.75em; } }
    .page-index-2 .splash.tidal-takeover.floggingmolly-yettomeet-takeover .btn-wrapper .btn-new:first-child {
      letter-spacing: 1px; }
  .page-index-2 .splash.tidal-takeover.donflamingo-slowitdown-takeover {
    background-image: url("/images/index2/promos/donflamingo/donflamingo-slowitdown-bg.71d9039e.jpg"); }
    .page-index-2 .splash.tidal-takeover.donflamingo-slowitdown-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.donflamingo-slowitdown-takeover .description p.artist {
        font: 2.15em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.donflamingo-slowitdown-takeover .description p.artist {
            font-size: 2.85em; } }
      .page-index-2 .splash.tidal-takeover.donflamingo-slowitdown-takeover .description p.feat {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.donflamingo-slowitdown-takeover .description p.feat {
            font-size: 1.6em; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.donflamingo-slowitdown-takeover .description p.feat {
            font-size: 2em; } }
        .page-index-2 .splash.tidal-takeover.donflamingo-slowitdown-takeover .description p.feat span.line-break {
          display: block; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.donflamingo-slowitdown-takeover .description p.feat span.line-break {
              display: inline-block; } }
      .page-index-2 .splash.tidal-takeover.donflamingo-slowitdown-takeover .description p.title {
        font: 2.25em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.donflamingo-slowitdown-takeover .description p.title {
            font-size: 2.6em; } }
    .page-index-2 .splash.tidal-takeover.donflamingo-slowitdown-takeover .cta-wrapper {
      max-width: 320px; }
  .page-index-2 .splash.tidal-takeover.victorialamala-queduela-musicvid-takeover {
    background-image: url("/images/index2/promos/victorialamala/victorialamala-queduela-musicvid-bg.d23d7e9f.jpg"); }
    .page-index-2 .splash.tidal-takeover.victorialamala-queduela-musicvid-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.victorialamala-queduela-musicvid-takeover .description p.artist {
        font: 1.85em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.victorialamala-queduela-musicvid-takeover .description p.artist {
            font-size: 2.45em; } }
      .page-index-2 .splash.tidal-takeover.victorialamala-queduela-musicvid-takeover .description p.title {
        font: 1.36em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.victorialamala-queduela-musicvid-takeover .description p.title {
            font-size: 1.825em; } }
    .page-index-2 .splash.tidal-takeover.victorialamala-queduela-musicvid-takeover .btn-wrapper .btn-new:first-child {
      letter-spacing: 2px; }
  .page-index-2 .splash.tidal-takeover.oneafrica-2017-playlist-takeover {
    background-image: url("/images/index2/promos/oneafrica/oneafrica-2017-playlist-bg.76b23361.jpg"); }
    .page-index-2 .splash.tidal-takeover.oneafrica-2017-playlist-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.oneafrica-2017-playlist-takeover .description p.artist {
        font: 2em/1.5em "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.oneafrica-2017-playlist-takeover .description p.artist {
            font-size: 3.25em; } }
  .page-index-2 .splash.tidal-takeover.shakira-meenamore-musicvid-takeover {
    background-image: url("/images/index2/promos/shakira/shakira-meenamore-musicvid-bg.6d4f5e14.jpg"); }
    .page-index-2 .splash.tidal-takeover.shakira-meenamore-musicvid-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.shakira-meenamore-musicvid-takeover .description p.artist {
        font: 3.25em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.shakira-meenamore-musicvid-takeover .description p.artist {
            font-size: 4.5em; } }
      .page-index-2 .splash.tidal-takeover.shakira-meenamore-musicvid-takeover .description p.title {
        font: 2.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.shakira-meenamore-musicvid-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.calvinharris-rollin-takeover {
    background-image: url("/images/index2/promos/calvinharris/calvinharris-rollin-bg.0bbc8626.jpg"); }
    .page-index-2 .splash.tidal-takeover.calvinharris-rollin-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.calvinharris-rollin-takeover .description p.artist {
        font: 2.4em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.calvinharris-rollin-takeover .description p.artist {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.calvinharris-rollin-takeover .description p.feat {
        font: 1.8em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.calvinharris-rollin-takeover .description p.feat {
            font-size: 2.65em; } }
      .page-index-2 .splash.tidal-takeover.calvinharris-rollin-takeover .description p.title {
        font: 2em/1 "nationale-demibold", sans-serif;
        letter-spacing: 3px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.calvinharris-rollin-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.lasantacecilia-amaryvivir-takeover {
    background-image: url("/images/index2/promos/lasantacecilia/lasantacecilia-amaryvivir-bg.c07d1b04.jpg"); }
    .page-index-2 .splash.tidal-takeover.lasantacecilia-amaryvivir-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.lasantacecilia-amaryvivir-takeover .description p.artist {
        font: 2em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.lasantacecilia-amaryvivir-takeover .description p.artist {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.lasantacecilia-amaryvivir-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.lasantacecilia-amaryvivir-takeover .description p.title {
            font-size: 2.75em; } }
  .page-index-2 .splash.tidal-takeover.lasantacecilia-amaryvivir-documentary-takeover {
    background-image: url("/images/index2/promos/lasantacecilia/lasantacecilia-amaryvivir-documentary-bg.9f3e75d9.jpg"); }
    .page-index-2 .splash.tidal-takeover.lasantacecilia-amaryvivir-documentary-takeover .description {
      font-size: 13px; }
      .page-index-2 .splash.tidal-takeover.lasantacecilia-amaryvivir-documentary-takeover .description p.title {
        margin-top: -5px; }
      .page-index-2 .splash.tidal-takeover.lasantacecilia-amaryvivir-documentary-takeover .description p.type {
        font-size: 1.75em;
        margin-top: -10px; }
  .page-index-2 .splash.tidal-takeover.juanes-misplanes-album-takeover {
    background-image: url("/images/index2/promos/juanes/juanes-misplanes-album-bg.19a80a4f.jpg"); }
    .page-index-2 .splash.tidal-takeover.juanes-misplanes-album-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.juanes-misplanes-album-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif;
        letter-spacing: 3px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.juanes-misplanes-album-takeover .description p.artist {
            font-size: 4.75em; } }
      .page-index-2 .splash.tidal-takeover.juanes-misplanes-album-takeover .description p.title {
        font: 1.45em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.juanes-misplanes-album-takeover .description p.title {
            font-size: 1.55em; } }
    .page-index-2 .splash.tidal-takeover.juanes-misplanes-album-takeover .btn-wrapper .btn-new:first-child {
      letter-spacing: 2px; }
  .page-index-2 .splash.tidal-takeover.karenrodriguez-aprilfools-musicvid-takeover {
    background-image: url("/images/index2/promos/karenrodriguez/karenrodriguez-aprilfools-musicvid-bg.c4b2c4a8.jpg"); }
    .page-index-2 .splash.tidal-takeover.karenrodriguez-aprilfools-musicvid-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.karenrodriguez-aprilfools-musicvid-takeover .description p.artist {
        font: 1.8em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.karenrodriguez-aprilfools-musicvid-takeover .description p.artist {
            font-size: 2.4em; } }
      .page-index-2 .splash.tidal-takeover.karenrodriguez-aprilfools-musicvid-takeover .description p.title {
        font: 1.65em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.karenrodriguez-aprilfools-musicvid-takeover .description p.title {
            font-size: 2.2em; } }
    .page-index-2 .splash.tidal-takeover.karenrodriguez-aprilfools-musicvid-takeover .cta-wrapper {
      max-width: 320px; }
  .page-index-2 .splash.tidal-takeover.olgatanon-tanonypunto-takeover {
    background-image: url("/images/index2/promos/olgatanon/olgatanon-tanonypunto-bg.af8b9069.jpg"); }
    .page-index-2 .splash.tidal-takeover.olgatanon-tanonypunto-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.olgatanon-tanonypunto-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.olgatanon-tanonypunto-takeover .description p.artist {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.olgatanon-tanonypunto-takeover .description p.title {
        font: 1.5em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.olgatanon-tanonypunto-takeover .description p.title {
            font-size: 2.1em; } }
  .page-index-2 .splash.tidal-takeover.daddyissues-highst-takeover {
    background-image: url("/images/index2/promos/daddyissues/daddyissues-highst-bg.c8c730cb.jpg"); }
    .page-index-2 .splash.tidal-takeover.daddyissues-highst-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.daddyissues-highst-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.daddyissues-highst-takeover .description p.artist {
            font-size: 3.75em; } }
      .page-index-2 .splash.tidal-takeover.daddyissues-highst-takeover .description p.title {
        font: 3em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.daddyissues-highst-takeover .description p.title {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.daddyissues-highst-takeover .description p.copy {
        text-transform: none;
        font: 1em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif;
        max-width: 320px; }
  .page-index-2 .splash.tidal-takeover.dnce-kissingstrangers-video-takeover {
    background-image: url("/images/index2/promos/dnce/dnce-kissingstrangers-video-bg.14a7c2be.jpg"); }
    .page-index-2 .splash.tidal-takeover.dnce-kissingstrangers-video-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.dnce-kissingstrangers-video-takeover .description p.artist {
        font: 1.4em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.dnce-kissingstrangers-video-takeover .description p.artist {
            font-size: 1.85em; } }
      .page-index-2 .splash.tidal-takeover.dnce-kissingstrangers-video-takeover .description p.title {
        font: 1.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.dnce-kissingstrangers-video-takeover .description p.title {
            font-size: 2em; } }
    .page-index-2 .splash.tidal-takeover.dnce-kissingstrangers-video-takeover .cta-wrapper {
      max-width: 320px; }
  .page-index-2 .splash.tidal-takeover.amordemadre-takeover {
    background-image: url("/images/index2/promos/amordemadre/amordemadre-bg.9246e2b6.jpg"); }
    .page-index-2 .splash.tidal-takeover.amordemadre-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.amordemadre-takeover .description p.artist {
        font: 1.95em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.amordemadre-takeover .description p.artist {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.enrique-subemelaradio-remix-takeover {
    background-image: url("/images/index2/promos/enriqueiglesias/enrique-subemelaradio-bg.7f3c661b.jpg"); }
    .page-index-2 .splash.tidal-takeover.enrique-subemelaradio-remix-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.enrique-subemelaradio-remix-takeover .description p.artist {
        font: 2em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.enrique-subemelaradio-remix-takeover .description p.artist {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.enrique-subemelaradio-remix-takeover .description p.feat {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.enrique-subemelaradio-remix-takeover .description p.feat {
            font-size: 2.75em; } }
      .page-index-2 .splash.tidal-takeover.enrique-subemelaradio-remix-takeover .description p.title {
        font: 1.4em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.enrique-subemelaradio-remix-takeover .description p.title {
            font-size: 2em; } }
    .page-index-2 .splash.tidal-takeover.enrique-subemelaradio-remix-takeover .btn-wrapper .btn-new:first-child {
      letter-spacing: 2px; }
  .page-index-2 .splash.tidal-takeover.haim-rightnow-track-takeover {
    background-image: url("/images/index2/promos/haim/haim-rightnow-track-bg.07bb048b.jpg"); }
    .page-index-2 .splash.tidal-takeover.haim-rightnow-track-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.haim-rightnow-track-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.haim-rightnow-track-takeover .description p.artist {
            font-size: 5em; } }
      .page-index-2 .splash.tidal-takeover.haim-rightnow-track-takeover .description p.title {
        font: 2.5em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.haim-rightnow-track-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.cafetacvba-forthecultura-takeover {
    background-image: url("/images/index2/promos/cafetacvba/cafetacvba-forthecultura-bg.54625844.jpg"); }
    .page-index-2 .splash.tidal-takeover.cafetacvba-forthecultura-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.cafetacvba-forthecultura-takeover .description p.artist {
        font: 2.2em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.cafetacvba-forthecultura-takeover .description p.artist {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.cafetacvba-forthecultura-takeover .description p.title {
        font: 1.65em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.cafetacvba-forthecultura-takeover .description p.title {
            font-size: 2.25em; } }
  .page-index-2 .splash.tidal-takeover.oneafrica-2017-takeover {
    background-image: url("/images/index2/promos/oneafrica/oneafrica-2017-bg.c71c4d32.jpg"); }
    .page-index-2 .splash.tidal-takeover.oneafrica-2017-takeover .takeover-description p {
      text-transform: uppercase; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.oneafrica-2017-takeover .takeover-description p {
          max-width: 700px; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.oneafrica-2017-takeover .takeover-description p {
          max-width: 800px; } }
      .page-index-2 .splash.tidal-takeover.oneafrica-2017-takeover .takeover-description p.tidalx {
        font: 3em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        letter-spacing: 3px; }
        .page-index-2 .splash.tidal-takeover.oneafrica-2017-takeover .takeover-description p.tidalx strong {
          font-family: "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.oneafrica-2017-takeover .takeover-description p.tidalx {
            font-size: 3.25em; } }
      .page-index-2 .splash.tidal-takeover.oneafrica-2017-takeover .takeover-description p.date {
        font: 1.95em/1 "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.oneafrica-2017-takeover .takeover-description p.date {
            font-size: 2.5em;
            letter-spacing: 3px; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.oneafrica-2017-takeover .takeover-description p.date {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.oneafrica-2017-takeover .takeover-description p.live {
        font: 1.8em/1 "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.oneafrica-2017-takeover .takeover-description p.live {
            font-size: 2.5em;
            letter-spacing: 3px; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.oneafrica-2017-takeover .takeover-description p.live {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.oneafrica-2017-takeover .takeover-description p.time {
        font: 1.1em/1.25em "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.oneafrica-2017-takeover .takeover-description p.time {
            font-size: 1.25em; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.oneafrica-2017-takeover .takeover-description p.time {
            font-size: 1.5em; } }
        .page-index-2 .splash.tidal-takeover.oneafrica-2017-takeover .takeover-description p.time span.line-break {
          display: block; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.oneafrica-2017-takeover .takeover-description p.time span.line-break {
              display: inline-block; } }
      .page-index-2 .splash.tidal-takeover.oneafrica-2017-takeover .takeover-description p.hashtag {
        color: #00FFFF;
        font: 1.25em/1 "nationale-demibold", sans-serif;
        padding-bottom: 20px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.oneafrica-2017-takeover .takeover-description p.hashtag {
            letter-spacing: 3px; } }
    .page-index-2 .splash.tidal-takeover.oneafrica-2017-takeover .takeover-description img {
      image-rendering: -webkit-optimize-contrast;
      display: block;
      margin: 0 auto; }
      .page-index-2 .splash.tidal-takeover.oneafrica-2017-takeover .takeover-description img.title {
        max-width: 90%;
        padding: 40px 0 50px 0; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.oneafrica-2017-takeover .takeover-description img.title {
            max-width: 50%; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.oneafrica-2017-takeover .takeover-description img.title {
            max-width: 40%; } }
      .page-index-2 .splash.tidal-takeover.oneafrica-2017-takeover .takeover-description img.london {
        max-width: 70%; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.oneafrica-2017-takeover .takeover-description img.london {
            max-width: 30%; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.oneafrica-2017-takeover .takeover-description img.london {
            max-width: 20%; } }
  .page-index-2 .splash.tidal-takeover.goldlink-dctocoachella-takeover {
    background-image: url("/images/index2/promos/goldlink/goldlink-dctocoachella-bg.10137fe3.jpg"); }
    .page-index-2 .splash.tidal-takeover.goldlink-dctocoachella-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.goldlink-dctocoachella-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.goldlink-dctocoachella-takeover .description p.artist {
            font-size: 3.5em;
            letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.goldlink-dctocoachella-takeover .description p.title {
        font: 1.2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.goldlink-dctocoachella-takeover .description p.title {
            font-size: 1.5em; } }
    .page-index-2 .splash.tidal-takeover.goldlink-dctocoachella-takeover .btn-wrapper .btn-new:first-child {
      letter-spacing: 1px; }
  .page-index-2 .splash.tidal-takeover.reypila-ninjas-takeover {
    background-image: url("/images/index2/promos/reypila/reypila-ninjas-bg.584284a9.jpg"); }
    .page-index-2 .splash.tidal-takeover.reypila-ninjas-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.reypila-ninjas-takeover .description p.artist {
        font: 3.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.reypila-ninjas-takeover .description p.artist {
            font-size: 4.5em; } }
      .page-index-2 .splash.tidal-takeover.reypila-ninjas-takeover .description p.title {
        font: 3em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.reypila-ninjas-takeover .description p.title {
            font-size: 3.2; } }
  .page-index-2 .splash.tidal-takeover.russ-cartest-takeover {
    background-image: url("/images/index2/promos/russ/russ-cartest-bg.16283124.jpg"); }
    .page-index-2 .splash.tidal-takeover.russ-cartest-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.russ-cartest-takeover .description p.artist {
        font: 1.9em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.russ-cartest-takeover .description p.artist {
            font-size: 2.65em; } }
  .page-index-2 .splash.tidal-takeover.againstallodds-takeover {
    background-color: #000; }
    .page-index-2 .splash.tidal-takeover.againstallodds-takeover .takeover-description img.headshot {
      display: none; }
      .page-index-2 .splash.tidal-takeover.againstallodds-takeover .takeover-description img.headshot.mobile {
        display: block; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.againstallodds-takeover .takeover-description img.headshot.mobile {
            display: none; } }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.againstallodds-takeover .takeover-description img.headshot {
          display: block;
          margin: 0 auto;
          max-width: 100%; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.againstallodds-takeover .takeover-description img.headshot {
          max-width: 90%; } }
    .page-index-2 .splash.tidal-takeover.againstallodds-takeover .takeover-description p {
      text-transform: uppercase; }
      .page-index-2 .splash.tidal-takeover.againstallodds-takeover .takeover-description p.title {
        font: 1.1em/1.25em "nationale-demibold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.againstallodds-takeover .takeover-description p.title {
            margin-top: -6%;
            font-size: 1.75em; } }
      .page-index-2 .splash.tidal-takeover.againstallodds-takeover .takeover-description p.date {
        font: 1.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.againstallodds-takeover .takeover-description p.date {
            font-size: 2.75em; } }
      .page-index-2 .splash.tidal-takeover.againstallodds-takeover .takeover-description p.hashtag {
        color: #00FFFF;
        font: 1.25em/1 "nationale-demibold", sans-serif;
        padding-bottom: 30px; }
  .page-index-2 .splash.tidal-takeover.victorialamala-queduela-sxsw-takeover {
    background-image: url("/images/index2/promos/victorialamala/victorialamala-queduela-sxsw-bg.2e1f4732.jpg"); }
    .page-index-2 .splash.tidal-takeover.victorialamala-queduela-sxsw-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.victorialamala-queduela-sxsw-takeover .description p.artist {
        font: 1.8em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.victorialamala-queduela-sxsw-takeover .description p.artist {
            font-size: 2.45em; } }
      .page-index-2 .splash.tidal-takeover.victorialamala-queduela-sxsw-takeover .description p.title {
        font: 1.35em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.victorialamala-queduela-sxsw-takeover .description p.title {
            font-size: 1.82em; } }
    .page-index-2 .splash.tidal-takeover.victorialamala-queduela-sxsw-takeover .btn-wrapper .btn-new {
      letter-spacing: 1px; }
  .page-index-2 .splash.tidal-takeover.bigsean-light-takeover {
    background-image: url("/images/index2/promos/bigsean/bigsean-light-bg.e66d3373.jpg"); }
    .page-index-2 .splash.tidal-takeover.bigsean-light-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.bigsean-light-takeover .description p.artist {
        font: 3.4em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.bigsean-light-takeover .description p.artist {
            font-size: 4.3em; } }
      .page-index-2 .splash.tidal-takeover.bigsean-light-takeover .description p.feat {
        font: 2.15em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.bigsean-light-takeover .description p.feat {
            font-size: 2.75em; } }
      .page-index-2 .splash.tidal-takeover.bigsean-light-takeover .description p.title {
        font: 2.5em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.bigsean-light-takeover .description p.title {
            font-size: 2.75em; } }
  .page-index-2 .splash.tidal-takeover.mickjenkins-eastcoast-takeover {
    background-image: url("/images/index2/promos/mickjenkins/mickjenkins-eastcoast-bg.add6034a.jpg"); }
    .page-index-2 .splash.tidal-takeover.mickjenkins-eastcoast-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.mickjenkins-eastcoast-takeover .description p.artist {
        font: 2.1em/1 "nationale-bold", sans-serif;
        letter-spacing: 3px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.mickjenkins-eastcoast-takeover .description p.artist {
            font-size: 2.9em; } }
      .page-index-2 .splash.tidal-takeover.mickjenkins-eastcoast-takeover .description p.title {
        font: 1.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.mickjenkins-eastcoast-takeover .description p.title {
            font-size: 1.75em; } }
  .page-index-2 .splash.tidal-takeover.yandel-forthecultura-takeover {
    background-image: url("/images/index2/promos/yandel/yandel-forthecultura-bg.75952851.jpg"); }
    .page-index-2 .splash.tidal-takeover.yandel-forthecultura-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.yandel-forthecultura-takeover .description p.artist {
        font: 3.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.yandel-forthecultura-takeover .description p.artist {
            font-size: 4.65em; } }
      .page-index-2 .splash.tidal-takeover.yandel-forthecultura-takeover .description p.title {
        font: 1.65em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.yandel-forthecultura-takeover .description p.title {
            font-size: 2.25em; } }
  .page-index-2 .splash.tidal-takeover.cincodemayo-2017-takeover {
    background-image: url("/images/index2/promos/cincodemayo/cincodemayo-bg.d5d41f2f.jpg"); }
    .page-index-2 .splash.tidal-takeover.cincodemayo-2017-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.cincodemayo-2017-takeover .description p.artist {
        font: 2.25em/1.25em "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.cincodemayo-2017-takeover .description p.artist {
            font-size: 3.25em; } }
  .page-index-2 .splash.tidal-takeover.ninajirachi-sameworld-takeover {
    background-image: url("/images/index2/promos/sameworld/ninajirachi-sameworld-bg.08602d66.jpg"); }
    .page-index-2 .splash.tidal-takeover.ninajirachi-sameworld-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.ninajirachi-sameworld-takeover .description p.artist {
        font: 1.7em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.ninajirachi-sameworld-takeover .description p.artist {
            font-size: 2.6em; } }
      .page-index-2 .splash.tidal-takeover.ninajirachi-sameworld-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.ninajirachi-sameworld-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.anuel-laultima-takeover {
    background-image: url("/images/index2/promos/anuel/anuel-laultimavez-bg.4674379c.jpg"); }
    .page-index-2 .splash.tidal-takeover.anuel-laultima-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.anuel-laultima-takeover .description p.artist {
        font: 2.25em/1.25em "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.anuel-laultima-takeover .description p.artist {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.anuel-laultima-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.anuel-laultima-takeover .description p.title {
            font-size: 2.85em; } }
  .page-index-2 .splash.tidal-takeover.victorialamala-queduela-takeover {
    background-image: url("/images/index2/promos/victorialamala/victorialamala-queduela-bg.a9bd561a.jpg"); }
    .page-index-2 .splash.tidal-takeover.victorialamala-queduela-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.victorialamala-queduela-takeover .description p.artist {
        font: 1.8em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.victorialamala-queduela-takeover .description p.artist {
            font-size: 2.4em; } }
      .page-index-2 .splash.tidal-takeover.victorialamala-queduela-takeover .description p.title {
        font: 1.3em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.victorialamala-queduela-takeover .description p.title {
            font-size: 1.8em; } }
    .page-index-2 .splash.tidal-takeover.victorialamala-queduela-takeover .cta-wrapper {
      max-width: 320px; }
  .page-index-2 .splash.tidal-takeover.dorothy-downbottom-takeover {
    background-image: url("/images/index2/promos/dorothy/dorothy-downbottom-bg.00c87bbc.jpg"); }
    .page-index-2 .splash.tidal-takeover.dorothy-downbottom-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.dorothy-downbottom-takeover .description p.artist {
        font: 3.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.dorothy-downbottom-takeover .description p.artist {
            font-size: 4.5em; } }
      .page-index-2 .splash.tidal-takeover.dorothy-downbottom-takeover .description p.title {
        font: 1.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.dorothy-downbottom-takeover .description p.title {
            font-size: 2.25em; } }
  .page-index-2 .splash.tidal-takeover.broccolicity-playlist-takeover {
    background-image: url("/images/index2/promos/broccolicity/broccolicity-playlist-bg.a908cf82.jpg"); }
    .page-index-2 .splash.tidal-takeover.broccolicity-playlist-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.broccolicity-playlist-takeover .description p.artist {
        font: 1.75em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.broccolicity-playlist-takeover .description p.artist {
            font-size: 2.7em; } }
  .page-index-2 .splash.tidal-takeover.floggingmolly-adamstown-takeover {
    background-image: url("/images/index2/promos/floggingmolly/floggingmolly-reptiles-john-bg.f06bfce7.jpg"); }
    .page-index-2 .splash.tidal-takeover.floggingmolly-adamstown-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.floggingmolly-adamstown-takeover .description p {
          letter-spacing: 2px; } }
      .page-index-2 .splash.tidal-takeover.floggingmolly-adamstown-takeover .description p.artist {
        font: 2em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.floggingmolly-adamstown-takeover .description p.artist {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.floggingmolly-adamstown-takeover .description p.title {
        font: 1.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.floggingmolly-adamstown-takeover .description p.title {
            font-size: 1.925em; } }
    .page-index-2 .splash.tidal-takeover.floggingmolly-adamstown-takeover .btn-wrapper .btn-new {
      font-size: 10px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.floggingmolly-adamstown-takeover .btn-wrapper .btn-new {
          font-size: 11px; } }
  .page-index-2 .splash.tidal-takeover.broccolicity-takeover {
    background-image: url("/images/index2/promos/broccolicity/broccolicity-bg.f675f855.jpg");
    background-position: bottom center;
    min-height: 85vh; }
    @media (min-width: 1400px) {
      .page-index-2 .splash.tidal-takeover.broccolicity-takeover {
        padding-top: 15vh; } }
    .page-index-2 .splash.tidal-takeover.broccolicity-takeover .broccolicity-logo {
      display: block;
      width: 90%;
      max-width: 300px;
      margin: 0 auto; }
    .page-index-2 .splash.tidal-takeover.broccolicity-takeover .takeover-description {
      font-size: 12px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.broccolicity-takeover .takeover-description {
          font-size: 18px; } }
      .page-index-2 .splash.tidal-takeover.broccolicity-takeover .takeover-description p {
        margin: 0 auto;
        max-width: 95%;
        text-transform: uppercase;
        font: 1em/1 "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.broccolicity-takeover .takeover-description p.title {
          font: 2.5em/1 "nationale-bold", sans-serif;
          margin-top: 60px; }
        .page-index-2 .splash.tidal-takeover.broccolicity-takeover .takeover-description p.where {
          font: 1.5em/1 "nationale-bold", sans-serif;
          margin-top: 20px;
          margin-bottom: 40px; }
        @media (max-width: 767px) {
          .page-index-2 .splash.tidal-takeover.broccolicity-takeover .takeover-description p .line-break {
            display: block; } }
    .page-index-2 .splash.tidal-takeover.broccolicity-takeover .cta-wrapper {
      margin-top: 40px;
      margin-bottom: 20vh; }
      .page-index-2 .splash.tidal-takeover.broccolicity-takeover .cta-wrapper .cta-btn {
        background-color: rgba(0, 0, 0, 0.25);
        letter-spacing: 0;
        font-size: 10px; }
      .page-index-2 .splash.tidal-takeover.broccolicity-takeover .cta-wrapper .cta-btn--solid {
        background-color: #fff; }
    .page-index-2 .splash.tidal-takeover.broccolicity-takeover .livestream p.time span.line-break {
      display: block; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.broccolicity-takeover .livestream p.time span.line-break {
          display: inline-block; }
          .page-index-2 .splash.tidal-takeover.broccolicity-takeover .livestream p.time span.line-break::before {
            content: "\00a0 \007C \00a0"; } }
  .page-index-2 .splash.tidal-takeover.russ-wolf-takeover {
    background-image: url("/images/index2/promos/russ/russ-wolf-bg.03db9faa.jpg"); }
    .page-index-2 .splash.tidal-takeover.russ-wolf-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.russ-wolf-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif;
        letter-spacing: 3px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.russ-wolf-takeover .description p.artist {
            font-size: 5em; } }
      .page-index-2 .splash.tidal-takeover.russ-wolf-takeover .description p.title {
        font: 1.5em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.russ-wolf-takeover .description p.title {
            font-size: 2em; } }
  .page-index-2 .splash.tidal-takeover.treviguzman-cuando-takeover {
    background-image: url("/images/index2/promos/treviguzman/treviguzman-cuando-bg.b5671543.jpg"); }
    .page-index-2 .splash.tidal-takeover.treviguzman-cuando-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.treviguzman-cuando-takeover .description p.artist {
        font: 1.7em/1.25em "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.treviguzman-cuando-takeover .description p.artist {
            font-size: 2.63em; } }
      .page-index-2 .splash.tidal-takeover.treviguzman-cuando-takeover .description p.title {
        font: 1.05em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.treviguzman-cuando-takeover .description p.title {
            font-size: 1.6em; } }
  .page-index-2 .splash.tidal-takeover.haim-wantyouback-takeover {
    background-image: url("/images/index2/promos/haim/haim-wantyouback-bg.a87c1434.jpg"); }
    .page-index-2 .splash.tidal-takeover.haim-wantyouback-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.haim-wantyouback-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.haim-wantyouback-takeover .description p.artist {
            font-size: 5em; } }
      .page-index-2 .splash.tidal-takeover.haim-wantyouback-takeover .description p.title {
        font: 1.9em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.haim-wantyouback-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.cafetacvba-jeibeibi-takeover {
    background-image: url("/images/index2/promos/cafetacvba/cafetacvba-jeibeibi-bg.c6c46f92.jpg"); }
    .page-index-2 .splash.tidal-takeover.cafetacvba-jeibeibi-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.cafetacvba-jeibeibi-takeover .description p.artist {
        font: 2.25em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.cafetacvba-jeibeibi-takeover .description p.artist {
            font-size: 3.75em; } }
      .page-index-2 .splash.tidal-takeover.cafetacvba-jeibeibi-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.cafetacvba-jeibeibi-takeover .description p.title {
            font-size: 3.5em; } }
  .page-index-2 .splash.tidal-takeover.yandel-mireligion-takeover {
    background-image: url("/images/index2/promos/yandel/yandel-mireligion-bg.f2e45e06.jpg"); }
    .page-index-2 .splash.tidal-takeover.yandel-mireligion-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.yandel-mireligion-takeover .description p.artist {
        font: 4.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.yandel-mireligion-takeover .description p.artist {
            font-size: 5.5em; } }
      .page-index-2 .splash.tidal-takeover.yandel-mireligion-takeover .description p.title {
        font: 2.85em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.yandel-mireligion-takeover .description p.title {
            font-size: 3.5em; } }
  .page-index-2 .splash.tidal-takeover.fatjoe-hearbreak-recap-takeover {
    background-image: url("/images/index2/promos/fatjoe/fatjoe-heartbreak-recap-bg.3276424d.jpg"); }
    .page-index-2 .splash.tidal-takeover.fatjoe-hearbreak-recap-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.fatjoe-hearbreak-recap-takeover .description p.artist {
        font: 1.55em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.fatjoe-hearbreak-recap-takeover .description p.artist {
            font-size: 2em; } }
      .page-index-2 .splash.tidal-takeover.fatjoe-hearbreak-recap-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.juanes-estarde-takeover {
    background-image: url("/images/index2/promos/juanes/juanes-estarde-bg.f58c88b7.jpg"); }
    .page-index-2 .splash.tidal-takeover.juanes-estarde-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.juanes-estarde-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.juanes-estarde-takeover .description p.artist {
            font-size: 4.75em; } }
      .page-index-2 .splash.tidal-takeover.juanes-estarde-takeover .description p.title {
        font: 2.5em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.juanes-estarde-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.youngparis-bestofme-takeover {
    background-image: url("/images/index2/promos/youngparis/youngparis-bestofme-bg.0b309ef9.jpg"); }
    .page-index-2 .splash.tidal-takeover.youngparis-bestofme-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.youngparis-bestofme-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.youngparis-bestofme-takeover .description p.artist {
            font-size: 3.25em; } }
      .page-index-2 .splash.tidal-takeover.youngparis-bestofme-takeover .description p.feat {
        font: 1.8em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.youngparis-bestofme-takeover .description p.feat {
            font-size: 2.4em; } }
      .page-index-2 .splash.tidal-takeover.youngparis-bestofme-takeover .description p.title {
        font: 1.75em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.youngparis-bestofme-takeover .description p.title {
            font-size: 2.25em; } }
  .page-index-2 .splash.tidal-takeover.damianmarley-420recap-takeover {
    background-image: url("/images/index2/promos/damianmarley/damianmarley-420recap-bg.d85a3c01.jpg");
    margin-top: -1px; }
    .page-index-2 .splash.tidal-takeover.damianmarley-420recap-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.damianmarley-420recap-takeover .description p.artist {
        font: 1.65em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.damianmarley-420recap-takeover .description p.artist {
            font-size: 2.25em; } }
      .page-index-2 .splash.tidal-takeover.damianmarley-420recap-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.damianmarley-420recap-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.jcole-neighbors-takeover {
    background-image: url("/images/index2/promos/jcole/jcole-neighbors-video-bg.0fbbcba4.jpg"); }
    .page-index-2 .splash.tidal-takeover.jcole-neighbors-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.jcole-neighbors-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif;
        margin-top: 0; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.jcole-neighbors-takeover .description p.artist {
            font-size: 5em; } }
      .page-index-2 .splash.tidal-takeover.jcole-neighbors-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.jcole-neighbors-takeover .description p.title {
            font-size: 3.15em; } }
  .page-index-2 .splash.tidal-takeover.fatjoe-heartbreak-takeover {
    background-image: url("/images/index2/promos/fatjoe/fatjoe-heartbreak-bg.e1e36368.jpg"); }
    .page-index-2 .splash.tidal-takeover.fatjoe-heartbreak-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.fatjoe-heartbreak-takeover .description p.artist {
        font: 1.7em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.fatjoe-heartbreak-takeover .description p.artist {
            font-size: 2.25em; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.fatjoe-heartbreak-takeover .description p.artist {
            font-size: 2.75em; } }
      .page-index-2 .splash.tidal-takeover.fatjoe-heartbreak-takeover .description p.feat {
        font: 1.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.fatjoe-heartbreak-takeover .description p.feat {
            font-size: 1.65em; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.fatjoe-heartbreak-takeover .description p.feat {
            font-size: 2em; } }
      .page-index-2 .splash.tidal-takeover.fatjoe-heartbreak-takeover .description p.title {
        font: 2em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.fatjoe-heartbreak-takeover .description p.title {
            letter-spacing: 3px; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.fatjoe-heartbreak-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.tip-ibelieve-takeover {
    background-image: url("/images/index2/promos/tip/tip-ibelieve-bg.45470661.jpg"); }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.tip-ibelieve-takeover .takeover-right {
        padding-top: 15px; } }
    .page-index-2 .splash.tidal-takeover.tip-ibelieve-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.tip-ibelieve-takeover .description p.artist {
        font: 4.5em/1 "nationale-bold", sans-serif;
        letter-spacing: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.tip-ibelieve-takeover .description p.artist {
            font-size: 6em; } }
      .page-index-2 .splash.tidal-takeover.tip-ibelieve-takeover .description p.title {
        font: 2.5em/1 "nationale-demibold", sans-serif;
        letter-spacing: 3px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.tip-ibelieve-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.justinquiles-forthecultura-takeover {
    background-image: url("/images/index2/promos/justinquiles/justinquiles-forthecultura-bg.48995625.jpg"); }
    .page-index-2 .splash.tidal-takeover.justinquiles-forthecultura-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.justinquiles-forthecultura-takeover .description p {
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.justinquiles-forthecultura-takeover .description p.artist {
        font: 2.35em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.justinquiles-forthecultura-takeover .description p.artist {
            font-size: 3.15em; } }
      .page-index-2 .splash.tidal-takeover.justinquiles-forthecultura-takeover .description p.title {
        font: 1.95em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.justinquiles-forthecultura-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.wale-shine-takeover {
    background-image: url("/images/index2/promos/wale/wale-shine-bg.1090a094.jpg"); }
    .page-index-2 .splash.tidal-takeover.wale-shine-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.wale-shine-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.wale-shine-takeover .description p.artist {
            font-size: 5.5em;
            letter-spacing: 5px; } }
      .page-index-2 .splash.tidal-takeover.wale-shine-takeover .description p.title {
        font: 3em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.wale-shine-takeover .description p.title {
            font-size: 4em; } }
  .page-index-2 .splash.tidal-takeover.cnco-heydj-video-takeover {
    background-image: url("/images/index2/promos/cnco/cnco-heydj-video-bg.7eb892f5.jpg"); }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.cnco-heydj-video-takeover .takeover-right {
        padding-top: 15px; } }
    .page-index-2 .splash.tidal-takeover.cnco-heydj-video-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.cnco-heydj-video-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.cnco-heydj-video-takeover .description p.artist {
            font-size: 4.5em; } }
      .page-index-2 .splash.tidal-takeover.cnco-heydj-video-takeover .description p.feat {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.cnco-heydj-video-takeover .description p.feat {
            font-size: 2.5em; } }
      .page-index-2 .splash.tidal-takeover.cnco-heydj-video-takeover .description p.title {
        font: 2.5em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.cnco-heydj-video-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.thurstonmoore-interview-takeover {
    background-image: url("/images/index2/promos/thurstonmoore/thurstonmoore-interview-bg.808457b5.jpg"); }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.thurstonmoore-interview-takeover .takeover-right {
        padding-top: 0; } }
    .page-index-2 .splash.tidal-takeover.thurstonmoore-interview-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.thurstonmoore-interview-takeover .description p.artist {
        font: 1em/1.25em "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.thurstonmoore-interview-takeover .description p.artist {
            font-size: 1.4em; } }
      .page-index-2 .splash.tidal-takeover.thurstonmoore-interview-takeover .description p.title {
        font: 1em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: none; }
  .page-index-2 .splash.tidal-takeover.julioiglesias-jurame-takeover {
    background-image: url("/images/index2/promos/jurame/julio-jurame-bg.a01b9f42.jpg"); }
    .page-index-2 .splash.tidal-takeover.julioiglesias-jurame-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.julioiglesias-jurame-takeover .description p.artist {
        font: 1.9em/1.25em "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.julioiglesias-jurame-takeover .description p.artist {
            font-size: 2.75em; } }
      .page-index-2 .splash.tidal-takeover.julioiglesias-jurame-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.julioiglesias-jurame-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.prince-electricintercourse-takeover {
    background-image: url("/images/index2/promos/prince/prince-electricinter-bg.56b59fa9.jpg"); }
    .page-index-2 .splash.tidal-takeover.prince-electricintercourse-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.prince-electricintercourse-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif;
        letter-spacing: 3px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.prince-electricintercourse-takeover .description p.artist {
            font-size: 5.5em; } }
      .page-index-2 .splash.tidal-takeover.prince-electricintercourse-takeover .description p.title {
        font: 1.5em/1.25em "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.prince-electricintercourse-takeover .description p.title {
            font-size: 1.35em; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.prince-electricintercourse-takeover .description p.title {
            font-size: 1.55em; } }
        .page-index-2 .splash.tidal-takeover.prince-electricintercourse-takeover .description p.title span.line-break {
          display: block; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.prince-electricintercourse-takeover .description p.title span.line-break {
              display: inline-block; } }
  .page-index-2 .splash.tidal-takeover.mozart-recap-takeover {
    background-image: url("/images/index2/promos/mozartlapara/mozartlapara-recap-bg.fcd02c86.jpg"); }
    .page-index-2 .splash.tidal-takeover.mozart-recap-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.mozart-recap-takeover .description p.artist {
        font: 1.3em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.mozart-recap-takeover .description p.artist {
            font-size: 1.75em; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.mozart-recap-takeover .description p.artist {
            font-size: 2em; } }
      .page-index-2 .splash.tidal-takeover.mozart-recap-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.maryjblige-strengthofawoman-takeover {
    background-image: url("/images/index2/promos/maryjblige/maryjblige-strengthofawoman-bg.262c94bc.jpg"); }
    .page-index-2 .splash.tidal-takeover.maryjblige-strengthofawoman-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.maryjblige-strengthofawoman-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.maryjblige-strengthofawoman-takeover .description p.artist {
            font-size: 3.5em;
            letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.maryjblige-strengthofawoman-takeover .description p.title {
        font: 1.5em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.maryjblige-strengthofawoman-takeover .description p.title {
            font-size: 2.25em; } }
  .page-index-2 .splash.tidal-takeover.djkhaled-imtheone-takeover {
    background-image: url("/images/index2/promos/djkhaled/djkhaled-imtheone-bg.a327b413.jpg"); }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.djkhaled-imtheone-takeover .takeover-right {
        padding-top: 0; } }
    .page-index-2 .splash.tidal-takeover.djkhaled-imtheone-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.djkhaled-imtheone-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.djkhaled-imtheone-takeover .description p.artist {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.djkhaled-imtheone-takeover .description p.feat {
        font: 1.25em/1.25em "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.djkhaled-imtheone-takeover .description p.feat {
            font-size: 1.75em; } }
      .page-index-2 .splash.tidal-takeover.djkhaled-imtheone-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.djkhaled-imtheone-takeover .description p.title {
            font-size: 2.5em; } }
    .page-index-2 .splash.tidal-takeover.djkhaled-imtheone-takeover .cta-wrapper {
      max-width: 320px; }
  .page-index-2 .splash.tidal-takeover.donflamingo-tidalrising-takeover {
    background-image: url("/images/index2/promos/donflamingo/donflamingo-tidalrising-bg.1405e4fc.jpg"); }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.donflamingo-tidalrising-takeover .takeover-right {
        padding-top: 0; } }
    .page-index-2 .splash.tidal-takeover.donflamingo-tidalrising-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.donflamingo-tidalrising-takeover .description p.artist {
        font: 2em/1.25em "nationale-bold", sans-serif;
        margin-bottom: 10px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.donflamingo-tidalrising-takeover .description p.artist {
            font-size: 2.85em; } }
      .page-index-2 .splash.tidal-takeover.donflamingo-tidalrising-takeover .description p.title {
        font: 1.2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 10px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.donflamingo-tidalrising-takeover .description p.title {
            font-size: 1.65em; } }
  .page-index-2 .splash.tidal-takeover.juanes-goodbye-takeover {
    background-image: url("/images/index2/promos/juanes/juanes-goodbye-bg.1016c47c.jpg"); }
    .page-index-2 .splash.tidal-takeover.juanes-goodbye-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.juanes-goodbye-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.juanes-goodbye-takeover .description p.artist {
            font-size: 4.75em; } }
      .page-index-2 .splash.tidal-takeover.juanes-goodbye-takeover .description p.title {
        font: 1.5em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.juanes-goodbye-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.julionalvarez-estanoche-takeover {
    background-image: url("/images/index2/promos/julionalvarez/julionalvarez-estanoche-bg.0d185a10.jpg"); }
    .page-index-2 .splash.tidal-takeover.julionalvarez-estanoche-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.julionalvarez-estanoche-takeover .description p.artist {
        font: 1.75em/1.25em "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.julionalvarez-estanoche-takeover .description p.artist {
            font-size: 2.5em; } }
      .page-index-2 .splash.tidal-takeover.julionalvarez-estanoche-takeover .description p.title {
        font: 1.4em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.julionalvarez-estanoche-takeover .description p.title {
            font-size: 2em; } }
    .page-index-2 .splash.tidal-takeover.julionalvarez-estanoche-takeover .btn-wrapper .btn-new {
      font-size: 10px; }
  .page-index-2 .splash.tidal-takeover.katyperry-bonappetit-takeover {
    background-image: url("/images/index2/promos/katyperry/katyperry-bonappetit-bg.32410ecd.jpg"); }
    .page-index-2 .splash.tidal-takeover.katyperry-bonappetit-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.katyperry-bonappetit-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.katyperry-bonappetit-takeover .description p.artist {
            font-size: 4em;
            letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.katyperry-bonappetit-takeover .description p.feat {
        font: 2.75em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.katyperry-bonappetit-takeover .description p.feat {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.katyperry-bonappetit-takeover .description p.title {
        font: 1.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.katyperry-bonappetit-takeover .description p.title {
            font-size: 2.25em; } }
  .page-index-2 .splash.tidal-takeover.jimjones-bando-takeover {
    background-image: url("/images/index2/promos/jimjones/jimjones-bando-bg.0f9acc3e.jpg"); }
    .page-index-2 .splash.tidal-takeover.jimjones-bando-takeover .description p {
      text-transform: uppercase;
      margin: 0 0 5px;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.jimjones-bando-takeover .description p.artist {
        font: 2.9em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.jimjones-bando-takeover .description p.artist {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.jimjones-bando-takeover .description p.feat {
        font: 1.75em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.jimjones-bando-takeover .description p.feat {
            font-size: 2em; } }
      .page-index-2 .splash.tidal-takeover.jimjones-bando-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 15px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.jimjones-bando-takeover .description p.title {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.jimjones-bando-takeover .description p.bts {
        font: 1.3em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
    .page-index-2 .splash.tidal-takeover.jimjones-bando-takeover.jimjones-bando-bts-takeover {
      background-image: url("/images/index2/promos/jimjones/jimjones-bando-bts-bg.039a9bd0.jpg"); }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.jimjones-bando-takeover.jimjones-bando-bts-takeover .takeover-right {
          padding-top: 0; } }
  .page-index-2 .splash.tidal-takeover.thurstonmoore-rocknroll-takeover {
    background-image: url("/images/index2/promos/thurstonmoore/thurstonmoore-rocknroll-bg.a3c5a77c.jpg"); }
    .page-index-2 .splash.tidal-takeover.thurstonmoore-rocknroll-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.thurstonmoore-rocknroll-takeover .description p.artist {
        font: 1.9em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.thurstonmoore-rocknroll-takeover .description p.artist {
            font-size: 2.75em; } }
      .page-index-2 .splash.tidal-takeover.thurstonmoore-rocknroll-takeover .description p.title {
        font: 1.2em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.thurstonmoore-rocknroll-takeover .description p.title {
            font-size: 1.6em; } }
    .page-index-2 .splash.tidal-takeover.thurstonmoore-rocknroll-takeover .btn-wrapper .btn-new {
      font-size: 9px; }
  .page-index-2 .splash.tidal-takeover.gorillaz-humanz-takeover {
    background-image: url("/images/index2/promos/gorillaz/gorillaz-humanz-bg.706be107.jpg"); }
    .page-index-2 .splash.tidal-takeover.gorillaz-humanz-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.gorillaz-humanz-takeover .description p.artist {
        font: 3.25em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.gorillaz-humanz-takeover .description p.artist {
            font-size: 4.5em; } }
      .page-index-2 .splash.tidal-takeover.gorillaz-humanz-takeover .description p.title {
        font: 2.5em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.gorillaz-humanz-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.maleekberry-ekomiami-takeover {
    background-image: url("/images/index2/promos/maleekberry/maleekberry-ekomiami-bg.d73f32eb.jpg"); }
    .page-index-2 .splash.tidal-takeover.maleekberry-ekomiami-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.maleekberry-ekomiami-takeover .description p.artist {
        font: 2.25em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.maleekberry-ekomiami-takeover .description p.artist {
            font-size: 3.25em;
            letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.maleekberry-ekomiami-takeover .description p.title {
        font: 1.75em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.maleekberry-ekomiami-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.maleekberry-interview-takeover {
    background-image: url("/images/index2/promos/maleekberry/maleekberry-interview-bg.26df20a3.jpg"); }
    .page-index-2 .splash.tidal-takeover.maleekberry-interview-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.maleekberry-interview-takeover .description p.artist {
        font: 2.25em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.maleekberry-interview-takeover .description p.artist {
            font-size: 2.7em;
            letter-spacing: 3px; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.maleekberry-interview-takeover .description p.artist {
            font-size: 3.25em; } }
  .page-index-2 .splash.tidal-takeover.haim-rightnow-takeover {
    background-image: url("/images/index2/promos/haim/haim-rightnow-bg.7af147c1.jpg"); }
    .page-index-2 .splash.tidal-takeover.haim-rightnow-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.haim-rightnow-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.haim-rightnow-takeover .description p.artist {
            font-size: 4.5em; } }
      .page-index-2 .splash.tidal-takeover.haim-rightnow-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.haim-rightnow-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.tip-usorelse-video-takeover {
    background-image: url("/images/index2/promos/tip/tip-usorelse-video-bg.6cb11ba1.jpg"); }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.tip-usorelse-video-takeover .takeover-right {
        padding-top: 0; } }
    .page-index-2 .splash.tidal-takeover.tip-usorelse-video-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.tip-usorelse-video-takeover .description p.artist {
        font: 3.5em/1 "nationale-bold", sans-serif;
        letter-spacing: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.tip-usorelse-video-takeover .description p.artist {
            font-size: 4.5em; } }
      .page-index-2 .splash.tidal-takeover.tip-usorelse-video-takeover .description p.feat {
        font: 1.1em/1.25em "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.tip-usorelse-video-takeover .description p.feat {
            font-size: 1.5em; } }
      .page-index-2 .splash.tidal-takeover.tip-usorelse-video-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.tip-usorelse-video-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.jasonaldean-dontknowtour-takeover {
    background-image: url("/images/index2/promos/jasonaldean/jasonaldean-dontknowtour-bg.e410f5da.jpg");
    background-position-x: 95%; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.jasonaldean-dontknowtour-takeover {
        background-position: center; } }
    @media (min-width: 1400px) {
      .page-index-2 .splash.tidal-takeover.jasonaldean-dontknowtour-takeover {
        background-position-y: 5%; } }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.jasonaldean-dontknowtour-takeover .takeover-right {
        float: right; } }
    .page-index-2 .splash.tidal-takeover.jasonaldean-dontknowtour-takeover .takeover-right .description img {
      image-rendering: -webkit-optimize-contrast; }
  .page-index-2 .splash.tidal-takeover.jasonaldean-livefromsandiego-takeover {
    background-image: url("/images/index2/promos/jasonaldean/jasonaldean-livefromsandiego-bg.02d61d6a.jpg"); }
    .page-index-2 .splash.tidal-takeover.jasonaldean-livefromsandiego-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.jasonaldean-livefromsandiego-takeover .description p.artist {
        font: 1.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1150px) {
          .page-index-2 .splash.tidal-takeover.jasonaldean-livefromsandiego-takeover .description p.artist {
            font-size: 2.25em; } }
      .page-index-2 .splash.tidal-takeover.jasonaldean-livefromsandiego-takeover .description p.title {
        font: 1.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1150px) {
          .page-index-2 .splash.tidal-takeover.jasonaldean-livefromsandiego-takeover .description p.title {
            font-size: 1.8em; } }
  .page-index-2 .splash.tidal-takeover.smino-blkswn-takeover {
    background-image: url("/images/index2/promos/smino/smino-blkswn-bg.15d91ebf.jpg"); }
    .page-index-2 .splash.tidal-takeover.smino-blkswn-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.smino-blkswn-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.smino-blkswn-takeover .description p.artist {
            font-size: 5em; } }
      .page-index-2 .splash.tidal-takeover.smino-blkswn-takeover .description p.title {
        font: 3em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.smino-blkswn-takeover .description p.title {
            font-size: 4em; } }
  .page-index-2 .splash.tidal-takeover.smino-swanitatour-takeover {
    background-color: #252b2f; }
    .page-index-2 .splash.tidal-takeover.smino-swanitatour-takeover p.copy {
      font: 1em/1.5em "nationale", "nationale-regular", "Helvetica", sans-serif;
      padding-bottom: 20px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.smino-swanitatour-takeover p.copy {
          max-width: 700px; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.smino-swanitatour-takeover p.copy {
          font-size: 1.25em;
          max-width: 800px; } }
    .page-index-2 .splash.tidal-takeover.smino-swanitatour-takeover img {
      display: block;
      padding-bottom: 30px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.smino-swanitatour-takeover img {
          display: inline-block; } }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.smino-swanitatour-takeover img.headshot {
          vertical-align: top;
          padding-right: 10%;
          max-width: 45%; } }
      .page-index-2 .splash.tidal-takeover.smino-swanitatour-takeover img.tour-dates {
        image-rendering: -webkit-optimize-contrast; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.smino-swanitatour-takeover img.tour-dates {
            max-width: 35%; } }
  .page-index-2 .splash.tidal-takeover.coldseas-wheremyhead-takeover {
    background-image: url("/images/index2/promos/thecoldseas/coldseas-wheremyhead-bg.feeba115.jpg"); }
    .page-index-2 .splash.tidal-takeover.coldseas-wheremyhead-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.coldseas-wheremyhead-takeover .description p.artist {
        font: 2em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.coldseas-wheremyhead-takeover .description p.artist {
            font-size: 3.25em; } }
      .page-index-2 .splash.tidal-takeover.coldseas-wheremyhead-takeover .description p.title {
        font: 1.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.coldseas-wheremyhead-takeover .description p.title {
            font-size: 2.25em; } }
  .page-index-2 .splash.tidal-takeover.lasjustas-recap-takeover {
    background-image: url("/images/index2/promos/lasjustas/lasjustas-recap-bg.df128139.jpg"); }
    .page-index-2 .splash.tidal-takeover.lasjustas-recap-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.lasjustas-recap-takeover .description p.artist {
        font: 1.35em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.lasjustas-recap-takeover .description p.artist {
            font-size: 1.9em; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.lasjustas-recap-takeover .description p.artist {
            font-size: 2.45em; } }
      .page-index-2 .splash.tidal-takeover.lasjustas-recap-takeover .description p.title {
        font: 1.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.lasjustas-recap-takeover .description p.title {
            font-size: 2.25em; } }
  .page-index-2 .splash.tidal-takeover.moschino-livestream-recap-takeover {
    background-image: url("/images/index2/promos/tidalxmoschino/moschino-livestream-recap-bg.80d6a5de.jpg"); }
    .page-index-2 .splash.tidal-takeover.moschino-livestream-recap-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.moschino-livestream-recap-takeover .description p.artist {
        font: 1.75em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.moschino-livestream-recap-takeover .description p.artist {
            font-size: 2.25em; } }
      .page-index-2 .splash.tidal-takeover.moschino-livestream-recap-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.moschino-livestream-recap-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.robynhitchcock-selftitled-takeover {
    background-image: url("/images/index2/promos/robynhitchcock/robynhitchcock-selftitled-bg.748ea753.jpg"); }
    .page-index-2 .splash.tidal-takeover.robynhitchcock-selftitled-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.robynhitchcock-selftitled-takeover .description p.artist {
        font: 1.85em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.robynhitchcock-selftitled-takeover .description p.artist {
            font-size: 2.5em;
            letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.robynhitchcock-selftitled-takeover .description p.title {
        font: 1.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.robynhitchcock-selftitled-takeover .description p.title {
            font-size: 2em;
            letter-spacing: 3px; } }
  .page-index-2 .splash.tidal-takeover.mickjenkins-giveaway-takeover {
    background-color: #1d2039; }
    .page-index-2 .splash.tidal-takeover.mickjenkins-giveaway-takeover .takeover-description p {
      text-transform: uppercase; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.mickjenkins-giveaway-takeover .takeover-description p {
          max-width: 600px; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.mickjenkins-giveaway-takeover .takeover-description p {
          max-width: 700px; } }
      .page-index-2 .splash.tidal-takeover.mickjenkins-giveaway-takeover .takeover-description p.title {
        font: 1.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.mickjenkins-giveaway-takeover .takeover-description p.title {
            font-size: 3em; } }
        .page-index-2 .splash.tidal-takeover.mickjenkins-giveaway-takeover .takeover-description p.title span.tidalx {
          color: #00FFFF;
          font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
          letter-spacing: 3px; }
          .page-index-2 .splash.tidal-takeover.mickjenkins-giveaway-takeover .takeover-description p.title span.tidalx strong {
            font-family: "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.mickjenkins-giveaway-takeover .takeover-description p.copy {
        font: 1.25em/1.25em "nationale-demibold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.mickjenkins-giveaway-takeover .takeover-description p.copy {
            font-size: 1.5em; }
            .page-index-2 .splash.tidal-takeover.mickjenkins-giveaway-takeover .takeover-description p.copy span.line-break {
              display: block; } }
      .page-index-2 .splash.tidal-takeover.mickjenkins-giveaway-takeover .takeover-description p.hashtag {
        font: 1em/1 "nationale-demibold", sans-serif;
        color: #00FFFF;
        letter-spacing: 3px; }
    .page-index-2 .splash.tidal-takeover.mickjenkins-giveaway-takeover .takeover-description img.center-image {
      width: 75%;
      margin: 20px auto; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.mickjenkins-giveaway-takeover .takeover-description img.center-image {
          width: 365px; } }
    .page-index-2 .splash.tidal-takeover.mickjenkins-giveaway-takeover .takeover-description img.tidal-logo {
      max-width: 60px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.mickjenkins-giveaway-takeover .takeover-description img.tidal-logo {
          padding: 15px 0; } }
  .page-index-2 .splash.tidal-takeover.pavement-takeover {
    background-color: #fff; }
    .page-index-2 .splash.tidal-takeover.pavement-takeover .takeover-description p {
      text-transform: uppercase;
      color: #000; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.pavement-takeover .takeover-description p {
          max-width: 600px; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.pavement-takeover .takeover-description p {
          max-width: 700px; } }
      .page-index-2 .splash.tidal-takeover.pavement-takeover .takeover-description p.title {
        font: 1.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.pavement-takeover .takeover-description p.title {
            font-size: 2.5em; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.pavement-takeover .takeover-description p.title {
            font: 3em;
            letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.pavement-takeover .takeover-description p.subtitle {
        font: 1.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.pavement-takeover .takeover-description p.subtitle {
            letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.pavement-takeover .takeover-description p.author {
        font: 1.5em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.pavement-takeover .takeover-description p.author {
            font: 3em;
            letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.pavement-takeover .takeover-description p.copy {
        font: 1em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: none; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.pavement-takeover .takeover-description img.headshot {
        max-width: 60%; } }
    .page-index-2 .splash.tidal-takeover.pavement-takeover .takeover-description .cta-wrapper {
      padding-top: 30px; }
      .page-index-2 .splash.tidal-takeover.pavement-takeover .takeover-description .cta-wrapper .cta-btn {
        color: #000;
        border-color: #000; }
      .page-index-2 .splash.tidal-takeover.pavement-takeover .takeover-description .cta-wrapper .cta-btn--solid {
        background-color: #000;
        color: #fff; }
  .page-index-2 .splash.tidal-takeover.recordday-about-takeover {
    background-color: #fff; }
    .page-index-2 .splash.tidal-takeover.recordday-about-takeover .takeover-full img.title {
      width: 100%;
      padding-bottom: 30px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.recordday-about-takeover .takeover-full img.title {
          padding-bottom: 50px; } }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.recordday-about-takeover .takeover-left {
        margin-top: 15%; } }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.recordday-about-takeover .takeover-left {
        margin-top: 5%; } }
    @media (min-width: 1400px) {
      .page-index-2 .splash.tidal-takeover.recordday-about-takeover .takeover-left {
        margin-top: 0; } }
    .page-index-2 .splash.tidal-takeover.recordday-about-takeover .takeover-right p {
      text-transform: uppercase;
      color: #000;
      text-align: left; }
      .page-index-2 .splash.tidal-takeover.recordday-about-takeover .takeover-right p.title {
        font: 2em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.recordday-about-takeover .takeover-right p.subtitle {
        font: 1.25em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.recordday-about-takeover .takeover-right p.subtitle span.line-break {
            display: block; } }
      .page-index-2 .splash.tidal-takeover.recordday-about-takeover .takeover-right p.author {
        font: 0.8em/1 "nationale-demibold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.recordday-about-takeover .takeover-right p.copy {
        font: 1em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: none; }
    .page-index-2 .splash.tidal-takeover.recordday-about-takeover .takeover-right .cta-wrapper .cta-btn {
      border-color: #000; }
  .page-index-2 .splash.tidal-takeover.recordday-playlist-takeover {
    background-color: #303232;
    border-bottom: 1px solid #1d1d1d; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.recordday-playlist-takeover .playlist-wrapper {
        width: 80%;
        margin: 0 auto;
        position: relative;
        min-height: 630px; }
        .page-index-2 .splash.tidal-takeover.recordday-playlist-takeover .playlist-wrapper img.playlist-cover {
          width: 55%;
          float: left; }
        .page-index-2 .splash.tidal-takeover.recordday-playlist-takeover .playlist-wrapper .tidal-embed {
          width: 55%;
          position: absolute;
          bottom: 0;
          right: 0; } }
    .page-index-2 .splash.tidal-takeover.recordday-playlist-takeover p.quote {
      padding-top: 30px;
      font: 1.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.recordday-playlist-takeover p.quote {
          max-width: 600px; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.recordday-playlist-takeover p.quote {
          max-width: 700px; } }
    .page-index-2 .splash.tidal-takeover.recordday-playlist-takeover p.author {
      font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
      font-style: italic; }
    .page-index-2 .splash.tidal-takeover.recordday-playlist-takeover .cta-wrapper {
      padding-top: 30px; }
  .page-index-2 .splash.tidal-takeover.damianmarley-stonyhill-mini-takeover {
    background-image: url("/images/index2/promos/damianmarley/damianmarley-stonyhill-mini-bg.2fb3c491.jpg");
    padding: 60px 0;
    margin-bottom: -1px; }
    .page-index-2 .splash.tidal-takeover.damianmarley-stonyhill-mini-takeover .takeover-description p {
      text-transform: uppercase; }
      .page-index-2 .splash.tidal-takeover.damianmarley-stonyhill-mini-takeover .takeover-description p.title {
        font: 3em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.damianmarley-stonyhill-mini-takeover .takeover-description p.title {
            font-size: 4em;
            letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.damianmarley-stonyhill-mini-takeover .takeover-description p.copy {
        font: 1.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-bottom: 5px;
        border-bottom: 1px solid #fff;
        padding-bottom: 3px;
        width: 205px; }
      .page-index-2 .splash.tidal-takeover.damianmarley-stonyhill-mini-takeover .takeover-description p.date {
        font: 2em/1 "nationale-bold", sans-serif;
        margin-top: 10px; }
  .page-index-2 .splash.tidal-takeover.damianmarley-medication-takeover {
    background-image: url("/images/index2/promos/damianmarley/damianmarley-medication-bg.c2c63ca9.jpg");
    margin-top: -1px; }
    .page-index-2 .splash.tidal-takeover.damianmarley-medication-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.damianmarley-medication-takeover .description p.artist {
        font: 1.3em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.damianmarley-medication-takeover .description p.artist {
            font-size: 1.95em; } }
      .page-index-2 .splash.tidal-takeover.damianmarley-medication-takeover .description p.title {
        font: 3em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.damianmarley-medication-takeover .description p.title {
            letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.damianmarley-medication-takeover .description p.feat {
        font: 1.15em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.damianmarley-medication-takeover .description p.feat {
            font-size: 1.5em; } }
  .page-index-2 .splash.tidal-takeover.lucero-enamorada-takeover {
    background-image: url("/images/index2/promos/lucero/lucero-enamorada-bg.41c5f2b7.jpg"); }
    .page-index-2 .splash.tidal-takeover.lucero-enamorada-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.lucero-enamorada-takeover .description p.artist {
        font: 3.75em/1 "nationale-bold", sans-serif;
        letter-spacing: 3px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.lucero-enamorada-takeover .description p.artist {
            font-size: 4.5em; } }
      .page-index-2 .splash.tidal-takeover.lucero-enamorada-takeover .description p.title {
        font: 1.4em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.lucero-enamorada-takeover .description p.title {
            font-size: 2em; } }
    .page-index-2 .splash.tidal-takeover.lucero-enamorada-takeover .btn-wrapper a.btn-new:first-child {
      font-size: 11px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.lucero-enamorada-takeover .btn-wrapper a.btn-new:first-child {
          font-size: 12px; } }
  .page-index-2 .splash.tidal-takeover.ricardoarjona-circosoledad-takeover {
    background-image: url("/images/index2/promos/ricardoarjona/ricardoarjona-circosoledad-bg.5f51534d.jpg"); }
    .page-index-2 .splash.tidal-takeover.ricardoarjona-circosoledad-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.ricardoarjona-circosoledad-takeover .description p.artist {
        font: 2em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.ricardoarjona-circosoledad-takeover .description p.artist {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.ricardoarjona-circosoledad-takeover .description p.title {
        font: 1.75em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.ricardoarjona-circosoledad-takeover .description p.title {
            font-size: 2.25em; } }
  .page-index-2 .splash.tidal-takeover.juanes-elratico-takeover {
    background-image: url("/images/index2/promos/juanes/juanes-elratico-bg.767383b1.jpg"); }
    .page-index-2 .splash.tidal-takeover.juanes-elratico-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.juanes-elratico-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif;
        margin-bottom: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.juanes-elratico-takeover .description p.artist {
            font-size: 4.75em; } }
      .page-index-2 .splash.tidal-takeover.juanes-elratico-takeover .description p.feat {
        font: 1.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.juanes-elratico-takeover .description p.feat {
            font-size: 2.1em; } }
      .page-index-2 .splash.tidal-takeover.juanes-elratico-takeover .description p.title {
        font: 3em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.juanes-elratico-takeover .description p.title {
            font-size: 3.5em; } }
  .page-index-2 .splash.tidal-takeover.maluma-felices-takeover {
    background-image: url("/images/index2/promos/maluma/maluma-felices-bg.b685b508.jpg"); }
    .page-index-2 .splash.tidal-takeover.maluma-felices-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.maluma-felices-takeover .description p.artist {
        font: 3.75em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.maluma-felices-takeover .description p.artist {
            font-size: 5em; } }
      .page-index-2 .splash.tidal-takeover.maluma-felices-takeover .description p.title {
        font: 2.3em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.maluma-felices-takeover .description p.title {
            font-size: 3.15em; } }
  .page-index-2 .splash.tidal-takeover.mozart-forthecultura-takeover {
    background-image: url("/images/index2/promos/mozartlapara/mozart-forthecultura-bg.ed59a9fd.jpg"); }
    .page-index-2 .splash.tidal-takeover.mozart-forthecultura-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.mozart-forthecultura-takeover .description p.artist {
        font: 1.95em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.mozart-forthecultura-takeover .description p.artist {
            font-size: 2.4em;
            letter-spacing: 2px; } }
      .page-index-2 .splash.tidal-takeover.mozart-forthecultura-takeover .description p.title {
        font: 1.95em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.mozart-forthecultura-takeover .description p.title {
            font-size: 2.4em;
            letter-spacing: 2px; } }
  .page-index-2 .splash.tidal-takeover.floggingmolly-gunsofjericho-takeover {
    background-image: url("/images/index2/promos/floggingmolly/floggingmolly-reptiles-john-bg.f06bfce7.jpg"); }
    .page-index-2 .splash.tidal-takeover.floggingmolly-gunsofjericho-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.floggingmolly-gunsofjericho-takeover .description p {
          letter-spacing: 2px; } }
      .page-index-2 .splash.tidal-takeover.floggingmolly-gunsofjericho-takeover .description p.artist {
        font: 2em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.floggingmolly-gunsofjericho-takeover .description p.artist {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.floggingmolly-gunsofjericho-takeover .description p.title {
        font: 1.6em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.floggingmolly-gunsofjericho-takeover .description p.title {
            font-size: 2.3em; } }
  .page-index-2 .splash.tidal-takeover.nickiminaj-nofauds-video-takeover {
    background-image: url("/images/index2/promos/nickiminaj/nickiminaj-nofrauds-video-bg.c74a230c.jpg"); }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.nickiminaj-nofauds-video-takeover .takeover-right {
        padding-top: 0; } }
    .page-index-2 .splash.tidal-takeover.nickiminaj-nofauds-video-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.nickiminaj-nofauds-video-takeover .description p.artist {
        font: 2.75em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.nickiminaj-nofauds-video-takeover .description p.artist {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.nickiminaj-nofauds-video-takeover .description p.feat {
        font: 1.75em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.nickiminaj-nofauds-video-takeover .description p.feat {
            font-size: 2.25em; } }
      .page-index-2 .splash.tidal-takeover.nickiminaj-nofauds-video-takeover .description p.title {
        font: 2.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.nickiminaj-nofauds-video-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.linmanuelmiranda-playlistprimer-takeover {
    background-image: url("/images/index2/promos/linmanuelmiranda/linmanuelmiranda-playlistprimer-bg.01d0532f.jpg"); }
    .page-index-2 .splash.tidal-takeover.linmanuelmiranda-playlistprimer-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.linmanuelmiranda-playlistprimer-takeover .description p.artist {
        letter-spacing: 3px;
        font: 1.25em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.linmanuelmiranda-playlistprimer-takeover .description p.artist {
            font-size: 2.5em; } }
      .page-index-2 .splash.tidal-takeover.linmanuelmiranda-playlistprimer-takeover .description p.title {
        letter-spacing: 4px;
        font: 0.8em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.linmanuelmiranda-playlistprimer-takeover .description p.title {
            font-size: 1.8em; } }
      .page-index-2 .splash.tidal-takeover.linmanuelmiranda-playlistprimer-takeover .description p.title-small {
        letter-spacing: 0;
        font-size: 0.84em; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.linmanuelmiranda-playlistprimer-takeover .description p.title-small {
            font-size: 1.525em; } }
    .page-index-2 .splash.tidal-takeover.linmanuelmiranda-playlistprimer-takeover .btn-new {
      letter-spacing: 0; }
    .page-index-2 .splash.tidal-takeover.linmanuelmiranda-playlistprimer-takeover .btn-small {
      font-size: 10px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.linmanuelmiranda-playlistprimer-takeover .btn-small {
          font-size: 11px; } }
  .page-index-2 .splash.tidal-takeover.hiphopimprov-blackthought-takeover {
    background-image: url("/images/index2/promos/hiphopimprov/hiphopimprov-blackthought-bg.3eecf519.jpg"); }
    .page-index-2 .splash.tidal-takeover.hiphopimprov-blackthought-takeover .description p {
      text-transform: uppercase;
      margin: 10px auto;
      letter-spacing: 3px;
      font: 1.5em/1 "nationale-bold", sans-serif; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.hiphopimprov-blackthought-takeover .description p {
          font-size: 2.5em; } }
      .page-index-2 .splash.tidal-takeover.hiphopimprov-blackthought-takeover .description p.title {
        font-family: "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.lanadelrey-lustforlife-takeover {
    background-image: url("/images/index2/promos/lanadelrey/lanadelrey-lustforlife-bg.47679a90.jpg"); }
    .page-index-2 .splash.tidal-takeover.lanadelrey-lustforlife-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.lanadelrey-lustforlife-takeover .description p {
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.lanadelrey-lustforlife-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.lanadelrey-lustforlife-takeover .description p.artist {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.lanadelrey-lustforlife-takeover .description p.feat {
        font: 1.75em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.lanadelrey-lustforlife-takeover .description p.feat {
            font-size: 2em; } }
      .page-index-2 .splash.tidal-takeover.lanadelrey-lustforlife-takeover .description p.title {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.lanadelrey-lustforlife-takeover .description p.title {
            font-size: 2.75em; } }
  .page-index-2 .splash.tidal-takeover.kendricklamar-dna-takeover {
    background-image: url("/images/index2/promos/kendricklamar/kendrick-dna-video-bg.fd413f41.jpg"); }
    .page-index-2 .splash.tidal-takeover.kendricklamar-dna-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.kendricklamar-dna-takeover .description p.artist {
        font: 1.9em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.kendricklamar-dna-takeover .description p.artist {
            font-size: 2.5em; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.kendricklamar-dna-takeover .description p.artist {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.kendricklamar-dna-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.kendricklamar-dna-takeover .description p.title {
            font-size: 3.5em; } }
  .page-index-2 .splash.tidal-takeover.bink-fivealbums-takeover {
    background-image: url("/images/index2/promos/bink/bink-fivealbums-bg.bc8e2163.jpg"); }
    .page-index-2 .splash.tidal-takeover.bink-fivealbums-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.bink-fivealbums-takeover .description p.artist {
        font: 3.25em/1 "nationale-bold", sans-serif;
        letter-spacing: 3px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.bink-fivealbums-takeover .description p.artist {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.bink-fivealbums-takeover .description p.title {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.bink-fivealbums-takeover .description p.title {
            font-size: 1.25em; } }
  .page-index-2 .splash.tidal-takeover.eyelids-fallingeyes-takeover {
    background-image: url("/images/index2/promos/eyelids/eyelids-fallingeyes-bg.a52f31e7.jpg"); }
    .page-index-2 .splash.tidal-takeover.eyelids-fallingeyes-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.eyelids-fallingeyes-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.eyelids-fallingeyes-takeover .description p.title {
        font: 2.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.eyelids-fallingeyes-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.eyelids-camelot-takeover {
    background-image: url("/images/index2/promos/eyelids/eyelids-camelot-bg.40f8fe51.jpg"); }
    .page-index-2 .splash.tidal-takeover.eyelids-camelot-takeover .description p.title {
      font-size: 3.5em; }
  .page-index-2 .splash.tidal-takeover.luisfonsi-despacito-takeover {
    background-image: url("/images/index2/promos/luisfonsi/luisfonsi-despacito-bg.c1b1cd56.jpg"); }
    .page-index-2 .splash.tidal-takeover.luisfonsi-despacito-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.luisfonsi-despacito-takeover .description p.artist {
        font: 2.25em/1.25em "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.luisfonsi-despacito-takeover .description p.artist {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.luisfonsi-despacito-takeover .description p.feat {
        font: 1.75em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.luisfonsi-despacito-takeover .description p.feat {
            font-size: 2.5em; } }
      .page-index-2 .splash.tidal-takeover.luisfonsi-despacito-takeover .description p.title {
        font: 1.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.luisfonsi-despacito-takeover .description p.title {
            font-size: 2em; } }
  .page-index-2 .splash.tidal-takeover.latin-offer-takeover {
    background-color: #121212; }
    .page-index-2 .splash.tidal-takeover.latin-offer-takeover .takeover-description img.tidal-logo {
      max-width: 70px; }
    .page-index-2 .splash.tidal-takeover.latin-offer-takeover .takeover-description p.title {
      font: 1.3em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif;
      text-transform: uppercase;
      letter-spacing: 3px;
      padding-top: 20px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.latin-offer-takeover .takeover-description p.title {
          max-width: 700px;
          font-size: 1.75em; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.latin-offer-takeover .takeover-description p.title {
          max-width: 800px;
          font-size: 2em; } }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.latin-offer-takeover .takeover-description p.title {
          max-width: 1000px;
          font-size: 2.5em;
          letter-spacing: 5px; } }
      .page-index-2 .splash.tidal-takeover.latin-offer-takeover .takeover-description p.title span.line-break {
        display: block; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.latin-offer-takeover .takeover-description p.title span.line-break {
            display: inline-block; } }
    .page-index-2 .splash.tidal-takeover.latin-offer-takeover .takeover-description p.copy {
      font: 1em/1.5em "nationale", "nationale-regular", "Helvetica", sans-serif;
      padding-bottom: 30px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.latin-offer-takeover .takeover-description p.copy span.line-break {
          display: block; } }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.latin-offer-takeover .takeover-description .tidal-embed {
        max-width: 60%;
        margin: 0 auto; } }
    .page-index-2 .splash.tidal-takeover.latin-offer-takeover .cta-wrapper {
      max-width: 100%;
      padding-top: 30px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.latin-offer-takeover .cta-wrapper {
          max-width: 320px; } }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.latin-offer-takeover.italia-offer-takeover p.title {
        font-size: 2.5em;
        margin-bottom: 40px; } }
    @media (max-width: 767px) {
      .page-index-2 .splash.tidal-takeover.latin-offer-takeover.german-offer-takeover p.title {
        font-size: 1.1em; } }
  .page-index-2 .splash.tidal-takeover.goldlink-atwhatcost-takeover {
    background-color: #d3242e; }
    .page-index-2 .splash.tidal-takeover.goldlink-atwhatcost-takeover img {
      image-rendering: -webkit-optimize-contrast; }
    .page-index-2 .splash.tidal-takeover.goldlink-atwhatcost-takeover .description img.artist {
      padding-bottom: 30px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.goldlink-atwhatcost-takeover .description img.artist {
        padding-bottom: 50px; }
      .page-index-2 .splash.tidal-takeover.goldlink-atwhatcost-takeover .description img.title {
        padding-bottom: 30px; } }
  .page-index-2 .splash.tidal-takeover.goldlink-tourdate-takeover {
    background-color: #d3242e; }
    .page-index-2 .splash.tidal-takeover.goldlink-tourdate-takeover img {
      image-rendering: -webkit-optimize-contrast; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.goldlink-tourdate-takeover .takeover-right {
        padding-top: 0; } }
    .page-index-2 .splash.tidal-takeover.goldlink-tourdate-takeover .takeover-right .description img.title {
      padding-bottom: 20px; }
    .page-index-2 .splash.tidal-takeover.goldlink-tourdate-takeover .takeover-full img.copy {
      padding-top: 40px;
      padding-bottom: 40px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.goldlink-tourdate-takeover .takeover-full img.copy {
          max-width: 80%; } }
  .page-index-2 .splash.tidal-takeover.cnco-notsilencio-takeover {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 18%, #9a33de 60%);
    background: -webkit-linear-gradient(top, #ffffff 18%, #9a33de 60%);
    background: linear-gradient(to bottom, #ffffff 18%, #9a33de 60%); }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.cnco-notsilencio-takeover {
        background: -moz-linear-gradient(top, #ffffff 40%, #9a33de 75%);
        background: -webkit-linear-gradient(top, #ffffff 40%, #9a33de 75%);
        background: linear-gradient(to bottom, #ffffff 40%, #9a33de 75%); } }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.cnco-notsilencio-takeover {
        background: -moz-linear-gradient(top, #ffffff 50%, #9a33de 75%);
        background: -webkit-linear-gradient(top, #ffffff 50%, #9a33de 75%);
        background: linear-gradient(to bottom, #ffffff 50%, #9a33de 75%); } }
    .page-index-2 .splash.tidal-takeover.cnco-notsilencio-takeover .takeover-description p {
      text-transform: uppercase; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.cnco-notsilencio-takeover .takeover-description p {
          max-width: 600px; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.cnco-notsilencio-takeover .takeover-description p {
          max-width: 800px; } }
      .page-index-2 .splash.tidal-takeover.cnco-notsilencio-takeover .takeover-description p.title {
        font: 1.7em/1 "nationale-bold", sans-serif;
        padding-top: 30px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.cnco-notsilencio-takeover .takeover-description p.title {
            padding-top: 50px;
            font-size: 3em;
            letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.cnco-notsilencio-takeover .takeover-description p.copy {
        font: 1em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif; }
      .page-index-2 .splash.tidal-takeover.cnco-notsilencio-takeover .takeover-description p.hashtag {
        font: 1.5em/1 "nationale-bold", sans-serif;
        padding-bottom: 30px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.cnco-notsilencio-takeover .takeover-description p.hashtag {
            letter-spacing: 3px; } }
  .page-index-2 .splash.tidal-takeover.twonesavage-issatour-giveaway-takeover {
    background-color: #0c0c0c; }
    .page-index-2 .splash.tidal-takeover.twonesavage-issatour-giveaway-takeover img.copy {
      max-width: 100%; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.twonesavage-issatour-giveaway-takeover img.copy {
          max-width: 60%; } }
  .page-index-2 .splash.tidal-takeover.twonesavage-issatour-episodes-takeover.issatour-epone {
    background-image: url("/images/index2/promos/21savage/21savage-issatour-episodeone-bg.48398050.jpg"); }
  .page-index-2 .splash.tidal-takeover.twonesavage-issatour-episodes-takeover.issatour-eptwo {
    background-image: url("/images/index2/promos/21savage/21savage-issatour-episodetwo-bg.2ae4189a.jpg"); }
  .page-index-2 .splash.tidal-takeover.twonesavage-issatour-episodes-takeover.issatour-epthree {
    background-image: url("/images/index2/promos/21savage/21savage-issatour-episodethree-bg.ad2e1510.jpg"); }
  .page-index-2 .splash.tidal-takeover.twonesavage-issatour-episodes-takeover.issatour-epfour {
    background-image: url("/images/index2/promos/21savage/21savage-issatour-episodefour-bg.67a61fd2.jpg"); }
  .page-index-2 .splash.tidal-takeover.twonesavage-issatour-episodes-takeover.issatour-epfive {
    background-image: url("/images/index2/promos/21savage/21savage-issatour-episodefive-bg.f8435d6d.jpg"); }
  .page-index-2 .splash.tidal-takeover.twonesavage-issatour-episodes-takeover .description p {
    text-transform: uppercase;
    margin-left: 0; }
    .page-index-2 .splash.tidal-takeover.twonesavage-issatour-episodes-takeover .description p.artist {
      font: 3em/1 "nationale-bold", sans-serif;
      margin-bottom: 10px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.twonesavage-issatour-episodes-takeover .description p.artist {
          font-size: 4em; } }
    .page-index-2 .splash.tidal-takeover.twonesavage-issatour-episodes-takeover .description p.subtitle {
      font: 1.85em/1 "nationale-demibold", sans-serif;
      margin-top: 10px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.twonesavage-issatour-episodes-takeover .description p.subtitle {
          font-size: 2.45em; } }
    .page-index-2 .splash.tidal-takeover.twonesavage-issatour-episodes-takeover .description p.title {
      font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.twonesavage-issatour-episodes-takeover .description p.title {
          font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.lasjustas-giveaway-takeover {
    background-image: url("/images/index2/promos/lasjustas/lasjustas-giveaway-bg.da9b04b1.jpg");
    background-position: center; }
    .page-index-2 .splash.tidal-takeover.lasjustas-giveaway-takeover .takeover-description p {
      text-transform: uppercase;
      letter-spacing: 3px;
      max-width: 650px;
      margin: 30px auto; }
      .page-index-2 .splash.tidal-takeover.lasjustas-giveaway-takeover .takeover-description p.title {
        font: 1.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.lasjustas-giveaway-takeover .takeover-description p.title {
            font-size: 3.5em; } }
        .page-index-2 .splash.tidal-takeover.lasjustas-giveaway-takeover .takeover-description p.title span.tidalx {
          font-family: "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.lasjustas-giveaway-takeover .takeover-description p.copy {
        font: 1em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.lasjustas-giveaway-takeover .takeover-description p.copy {
            font-size: 1.75em; }
            .page-index-2 .splash.tidal-takeover.lasjustas-giveaway-takeover .takeover-description p.copy span.line-break {
              display: block; } }
    .page-index-2 .splash.tidal-takeover.lasjustas-giveaway-takeover .takeover-description img.tidal-icon {
      max-width: 60px;
      margin: 20px auto 40px auto; }
  .page-index-2 .splash.tidal-takeover.mackwilds-afterhours-episode-onetwo-takeover {
    background-image: url("/images/index2/promos/mackwilds/mackwilds-afterhours-onetwo-bg.189e97b7.jpg"); }
    .page-index-2 .splash.tidal-takeover.mackwilds-afterhours-episode-onetwo-takeover .description p {
      text-transform: uppercase;
      margin: 0 0 20px;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.mackwilds-afterhours-episode-onetwo-takeover .description p.artist {
        font: 2.25em/1.2em "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.mackwilds-afterhours-episode-onetwo-takeover .description p.artist {
            font-size: 3.25em; } }
      .page-index-2 .splash.tidal-takeover.mackwilds-afterhours-episode-onetwo-takeover .description p.title {
        font: 1.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.mackwilds-afterhours-episode-onetwo-takeover .description p.title {
            font-size: 2.5em; } }
    .page-index-2 .splash.tidal-takeover.mackwilds-afterhours-episode-onetwo-takeover .cta-wrapper {
      max-width: 100%; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.mackwilds-afterhours-episode-onetwo-takeover .cta-wrapper {
          max-width: 320px;
          margin-top: 40px; } }
    .page-index-2 .splash.tidal-takeover.mackwilds-afterhours-episode-onetwo-takeover.mackwilds-afterhours-episode-twothree-takeover {
      background-image: url(/images/index2/promos/mackwilds/mackwilds-afterhours-twothree-bg.5dcdc461.jpg); }
    .page-index-2 .splash.tidal-takeover.mackwilds-afterhours-episode-onetwo-takeover.mackwilds-afterhours-episode-fivesix-takeover {
      background-image: url(/images/index2/promos/mackwilds/mackwilds-afterhours-fivesix-bg.6aefa927.jpg); }
  .page-index-2 .splash.tidal-takeover.rihanna-posedance-takeover {
    background-image: url("/images/index2/promos/rihanna/rihanna-posedance-bg.39b937cd.jpg"); }
    .page-index-2 .splash.tidal-takeover.rihanna-posedance-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.rihanna-posedance-takeover .description p.title {
        font: 1.65em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.rihanna-posedance-takeover .description p.title {
            font-size: 2.35em; } }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.rihanna-posedance-takeover .description img.artist {
        max-width: 100%;
        margin-left: 0; } }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.rihanna-posedance-takeover .description img.artist {
        max-width: 90%; } }
  .page-index-2 .splash.tidal-takeover.slipperypeople-takeover {
    background-image: url("/images/index2/promos/mavisstaples/mavisstaples-slipperypeople-bg.e182300d.jpg"); }
    .page-index-2 .splash.tidal-takeover.slipperypeople-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.slipperypeople-takeover .description p.artist {
        font: 1.75em/1.25em "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.slipperypeople-takeover .description p.artist {
            font-size: 1.1em; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.slipperypeople-takeover .description p.artist {
            font-size: 1.3em; } }
        .page-index-2 .splash.tidal-takeover.slipperypeople-takeover .description p.artist span.line-break {
          display: block; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.slipperypeople-takeover .description p.artist span.line-break {
              display: inline-block; } }
      .page-index-2 .splash.tidal-takeover.slipperypeople-takeover .description p.title {
        font: 1.5em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.slipperypeople-takeover .description p.title {
            font-size: 2em; } }
  .page-index-2 .splash.tidal-takeover.juanes-misplanes-takeover {
    background-image: url("/images/index2/promos/juanes/juanes-misplanes-bg.bb65418c.jpg"); }
    .page-index-2 .splash.tidal-takeover.juanes-misplanes-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.juanes-misplanes-takeover .description p.artist {
        font: 3.5em/1 "nationale-bold", sans-serif;
        letter-spacing: 3px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.juanes-misplanes-takeover .description p.artist {
            font-size: 4.75em; } }
      .page-index-2 .splash.tidal-takeover.juanes-misplanes-takeover .description p.title {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.juanes-misplanes-takeover .description p.title {
            font-size: 1.25em; } }
  .page-index-2 .splash.tidal-takeover.nacho-bailame-takeover {
    background-image: url("/images/index2/promos/nacho/nacho-bailame-bg.736dd3f1.jpg"); }
    .page-index-2 .splash.tidal-takeover.nacho-bailame-takeover .description p {
      text-transform: uppercase;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.nacho-bailame-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.nacho-bailame-takeover .description p.artist {
            letter-spacing: 5px;
            font-size: 4.5em; } }
      .page-index-2 .splash.tidal-takeover.nacho-bailame-takeover .description p.title {
        font: 2.5em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.nacho-bailame-takeover .description p.title {
            letter-spacing: 5px;
            font-size: 3em; } }
    .page-index-2 .splash.tidal-takeover.nacho-bailame-takeover .cta-wrapper {
      max-width: 100%; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.nacho-bailame-takeover .cta-wrapper {
          max-width: 320px; } }
  .page-index-2 .splash.tidal-takeover.dnce-kissingstrangers-takeover {
    background-image: url("/images/index2/promos/dnce/dnce-kissingstrangers-bg.d41c45e2.jpg"); }
    .page-index-2 .splash.tidal-takeover.dnce-kissingstrangers-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.dnce-kissingstrangers-takeover .description p.artist {
        font: 1.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.dnce-kissingstrangers-takeover .description p.artist {
            font-size: 2.25em; } }
      .page-index-2 .splash.tidal-takeover.dnce-kissingstrangers-takeover .description p.title {
        font: 1.5em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.dnce-kissingstrangers-takeover .description p.title {
            font-size: 2em; } }
  .page-index-2 .splash.tidal-takeover.kendricklamar-damn-takeover {
    background-image: url("/images/index2/promos/kendricklamar/kendrick-damn-bg.9ba052df.jpg"); }
    .page-index-2 .splash.tidal-takeover.kendricklamar-damn-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.kendricklamar-damn-takeover .description p.artist {
        font: 2em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.kendricklamar-damn-takeover .description p.artist {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.kendricklamar-damn-takeover .description p.title {
        font: 2.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        letter-spacing: 3px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.kendricklamar-damn-takeover .description p.title {
            font-size: 3.25em; } }
  .page-index-2 .splash.tidal-takeover.kendricklamar-feel-takeover {
    background-image: url("/images/index2/promos/kendricklamar/kendrick-feel-bg.76e20ea8.jpg"); }
    .page-index-2 .splash.tidal-takeover.kendricklamar-feel-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.kendricklamar-feel-takeover .description p.artist {
        font: 2em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.kendricklamar-feel-takeover .description p.artist {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.kendricklamar-feel-takeover .description p.title {
        font: 2.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        letter-spacing: 3px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.kendricklamar-feel-takeover .description p.title {
            font-size: 3.25em; } }
  .page-index-2 .splash.tidal-takeover.alejandro-corazonplaylist-takeover {
    background-image: url("/images/index2/promos/alejandrofernandez/alejandro-corazonplaylist-bg.5fdca14f.jpg"); }
    .page-index-2 .splash.tidal-takeover.alejandro-corazonplaylist-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.alejandro-corazonplaylist-takeover .description p {
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.alejandro-corazonplaylist-takeover .description p.artist {
        font: 2.75em/1.25em "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.alejandro-corazonplaylist-takeover .description p.artist span.line-break {
          display: block; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.alejandro-corazonplaylist-takeover .description p.artist span.line-break {
              display: inline-block; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.alejandro-corazonplaylist-takeover .description p.artist {
            font-size: 2em; } }
      .page-index-2 .splash.tidal-takeover.alejandro-corazonplaylist-takeover .description p.title {
        font: 1.2em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.alejandro-corazonplaylist-takeover .description p.title {
            font-size: 1.5em; } }
    .page-index-2 .splash.tidal-takeover.alejandro-corazonplaylist-takeover .btn-wrapper .btn-new:first-child {
      font-size: 9px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.alejandro-corazonplaylist-takeover .btn-wrapper .btn-new:first-child {
          font-size: 11px; } }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.alejandro-corazonplaylist-takeover .btn-wrapper .btn-new {
        max-width: 350px; } }
  .page-index-2 .splash.tidal-takeover.cnco-social-takeover .vc-section-social {
    background: #000000; }
  .page-index-2 .splash.tidal-takeover.cnco-social-takeover .vc-social-wrap {
    width: 90%;
    margin: 0 auto;
    max-width: 1150px;
    padding: 40px auto; }
  .page-index-2 .splash.tidal-takeover.cnco-social-takeover .terms {
    margin: 50px auto;
    text-align: center; }
  .page-index-2 .splash.tidal-takeover.cnco-social-takeover .terms a {
    text-decoration: none;
    font-size: 14px; }
  .page-index-2 .splash.tidal-takeover.messiah-forthecultura-takeover {
    background-image: url("/images/index2/promos/messiah/messiah-forthecultura-bg.7ac3e73f.jpg"); }
    .page-index-2 .splash.tidal-takeover.messiah-forthecultura-takeover .description p {
      text-transform: uppercase;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.messiah-forthecultura-takeover .description p.artist {
        font: 3.75em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.messiah-forthecultura-takeover .description p.artist {
            font-size: 4.5em; } }
      .page-index-2 .splash.tidal-takeover.messiah-forthecultura-takeover .description p.title {
        font: 1.65em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.messiah-forthecultura-takeover .description p.title {
            font-size: 2em; } }
  .page-index-2 .splash.tidal-takeover.moschino-giveaway-takeover {
    background-color: #ce539e; }
    .page-index-2 .splash.tidal-takeover.moschino-giveaway-takeover .takeover-description img.tidalx-copy {
      text-align: center; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.moschino-giveaway-takeover .takeover-description img.tidalx-copy {
          image-rendering: -webkit-optimize-contrast;
          max-width: 60%; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.moschino-giveaway-takeover .takeover-description img.tidalx-copy {
          max-width: 50%; } }
    .page-index-2 .splash.tidal-takeover.moschino-giveaway-takeover .takeover-description p {
      text-transform: uppercase; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.moschino-giveaway-takeover .takeover-description p {
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.moschino-giveaway-takeover .takeover-description p.copy {
        font: 1em/1.25em "nationale-demibold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.moschino-giveaway-takeover .takeover-description p.copy span.line-break {
            display: block; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.moschino-giveaway-takeover .takeover-description p.copy {
            font-size: 1.2em; } }
      .page-index-2 .splash.tidal-takeover.moschino-giveaway-takeover .takeover-description p.date {
        font: 2.5em/1 "nationale-bold", sans-serif;
        padding-top: 15px; }
      .page-index-2 .splash.tidal-takeover.moschino-giveaway-takeover .takeover-description p.time {
        font: 1.4em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif;
        letter-spacing: normal; }
        .page-index-2 .splash.tidal-takeover.moschino-giveaway-takeover .takeover-description p.time span.line-break {
          font-family: "nationale-bold", sans-serif;
          display: block; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.moschino-giveaway-takeover .takeover-description p.time span.line-break {
              display: inline-block; } }
      .page-index-2 .splash.tidal-takeover.moschino-giveaway-takeover .takeover-description p.hashtag {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        color: #00FFFF;
        padding-top: 5px;
        padding-bottom: 10px; }
  .page-index-2 .splash.tidal-takeover.frankocean-lens-takeover {
    background-image: url("/images/index2/promos/frankocean/frankocean-lens-bg.87eb3fd9.jpg"); }
    .page-index-2 .splash.tidal-takeover.frankocean-lens-takeover img.product-cover {
      image-rendering: -webkit-optimize-contrast; }
    .page-index-2 .splash.tidal-takeover.frankocean-lens-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.frankocean-lens-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.frankocean-lens-takeover .description p.artist {
            font-size: 3.5em;
            letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.frankocean-lens-takeover .description p.feat {
        font: 1.6em/1.25em "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.frankocean-lens-takeover .description p.feat span.line-break {
          display: block; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.frankocean-lens-takeover .description p.feat span.line-break {
              display: inline-block; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.frankocean-lens-takeover .description p.feat {
            font-size: 2.8em; } }
      .page-index-2 .splash.tidal-takeover.frankocean-lens-takeover .description p.title {
        font: 2em "nationale", "nationale-regular", "Helvetica", sans-serif;
        letter-spacing: 3px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.frankocean-lens-takeover .description p.title {
            font-size: 2.75em; } }
  .page-index-2 .splash.tidal-takeover.frankocean-biking-takeover {
    background-image: url("/images/index2/promos/frankocean/frankocean-biking-bg.71ff891f.jpg"); }
    .page-index-2 .splash.tidal-takeover.frankocean-biking-takeover img.product-cover {
      image-rendering: -webkit-optimize-contrast; }
    .page-index-2 .splash.tidal-takeover.frankocean-biking-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.frankocean-biking-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.frankocean-biking-takeover .description p.artist {
            font-size: 3.5em;
            letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.frankocean-biking-takeover .description p.feat {
        font: 1.6em/1.25em "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.frankocean-biking-takeover .description p.feat span.line-break {
          display: block; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.frankocean-biking-takeover .description p.feat span.line-break {
              display: inline-block; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.frankocean-biking-takeover .description p.feat {
            font-size: 1.65em; } }
      .page-index-2 .splash.tidal-takeover.frankocean-biking-takeover .description p.title {
        font: 2em "nationale", "nationale-regular", "Helvetica", sans-serif;
        letter-spacing: 3px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.frankocean-biking-takeover .description p.title {
            font-size: 2.75em; } }
  .page-index-2 .splash.tidal-takeover.juanes-lovesongs-takeover {
    background-image: url("/images/index2/promos/juanes/juanes-lovesongs-bg.26262791.jpg"); }
    .page-index-2 .splash.tidal-takeover.juanes-lovesongs-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.juanes-lovesongs-takeover .description p.artist {
        font: 3.5em/1 "nationale-bold", sans-serif;
        letter-spacing: 3px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.juanes-lovesongs-takeover .description p.artist {
            font-size: 4.75em; } }
      .page-index-2 .splash.tidal-takeover.juanes-lovesongs-takeover .description p.title {
        font: 1.15em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.juanes-lovesongs-takeover .description p.title {
            font-size: 1.5em; } }
  .page-index-2 .splash.tidal-takeover.stargate-waterfall-takeover {
    background-image: url("/images/index2/promos/stargate/stargate-waterfall-bg.b4c186bb.jpg"); }
    .page-index-2 .splash.tidal-takeover.stargate-waterfall-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.stargate-waterfall-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif;
        margin-bottom: 10px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.stargate-waterfall-takeover .description p.artist {
            font-size: 5em; } }
      .page-index-2 .splash.tidal-takeover.stargate-waterfall-takeover .description p.feat {
        font: 1.8em/1 "nationale-demibold", sans-serif;
        margin-top: 10px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.stargate-waterfall-takeover .description p.feat {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.stargate-waterfall-takeover .description p.title {
        font: 1.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.stargate-waterfall-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.mrparadise-forastero-takeover {
    background-image: url("/images/index2/promos/mrparadise/mrparadise-forastero-bg.ecf38d68.jpg"); }
    .page-index-2 .splash.tidal-takeover.mrparadise-forastero-takeover .description p {
      text-transform: uppercase; }
      .page-index-2 .splash.tidal-takeover.mrparadise-forastero-takeover .description p.artist {
        font: 2.4em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.mrparadise-forastero-takeover .description p.artist {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.mrparadise-forastero-takeover .description p.title {
        font: 1.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.mrparadise-forastero-takeover .description p.title {
            font-size: 2em; } }
  .page-index-2 .splash.tidal-takeover.floggingmolly-reptiles-john-takeover {
    background-image: url("/images/index2/promos/floggingmolly/floggingmolly-reptiles-john-bg.f06bfce7.jpg"); }
    .page-index-2 .splash.tidal-takeover.floggingmolly-reptiles-john-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.floggingmolly-reptiles-john-takeover .description p {
          letter-spacing: 2px; } }
      .page-index-2 .splash.tidal-takeover.floggingmolly-reptiles-john-takeover .description p.artist {
        font: 2em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.floggingmolly-reptiles-john-takeover .description p.artist {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.floggingmolly-reptiles-john-takeover .description p.title {
        font: 1.2em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.floggingmolly-reptiles-john-takeover .description p.title {
            font-size: 1.5em; } }
    .page-index-2 .splash.tidal-takeover.floggingmolly-reptiles-john-takeover .cta-wrapper {
      max-width: 100%; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.floggingmolly-reptiles-john-takeover .cta-wrapper {
          max-width: 300px; } }
      .page-index-2 .splash.tidal-takeover.floggingmolly-reptiles-john-takeover .cta-wrapper .cta-btn {
        letter-spacing: 0; }
  .page-index-2 .splash.tidal-takeover.jackwhite-battlecry-takeover {
    background-image: url("/images/index2/promos/jackwhite/jackwhite-battlecry-bg.72195103.jpg"); }
    .page-index-2 .splash.tidal-takeover.jackwhite-battlecry-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.jackwhite-battlecry-takeover .description p.artist {
        font: 2.7em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.jackwhite-battlecry-takeover .description p.artist {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.jackwhite-battlecry-takeover .description p.title {
        font: 2em/1 "nationale-demibold", sans-serif;
        letter-spacing: 3px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.jackwhite-battlecry-takeover .description p.title {
            font-size: 3.15em; } }
  .page-index-2 .splash.tidal-takeover.aliciakeys-vault-takeover {
    background-image: url("/images/index2/promos/aliciakeys/aliciakeys-vault-bg.b820fa54.jpg"); }
    .page-index-2 .splash.tidal-takeover.aliciakeys-vault-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.aliciakeys-vault-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.aliciakeys-vault-takeover .description p.artist {
            font-size: 4em;
            letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.aliciakeys-vault-takeover .description p.title {
        font: 1.25em/1 "nationale-demibold", sans-serif;
        letter-spacing: 3px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.aliciakeys-vault-takeover .description p.title {
            font-size: 2.1em; } }
  .page-index-2 .splash.tidal-takeover.shakira-meenamore-video-takeover {
    background-image: url("/images/index2/promos/shakira/shakira-meenamore-video-bg.780df1a9.jpg"); }
    .page-index-2 .splash.tidal-takeover.shakira-meenamore-video-takeover .description p {
      text-transform: uppercase; }
      .page-index-2 .splash.tidal-takeover.shakira-meenamore-video-takeover .description p.artist {
        font: 3em/1 "nationale-bold", sans-serif;
        letter-spacing: 6px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.shakira-meenamore-video-takeover .description p.artist {
            font-size: 3.4em; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.shakira-meenamore-video-takeover .description p.artist {
            font-size: 4em; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.shakira-meenamore-video-takeover .description p.artist {
            font-size: 4.75em; } }
      .page-index-2 .splash.tidal-takeover.shakira-meenamore-video-takeover .description p.title {
        font: 1em/1 "nationale-demibold", sans-serif;
        letter-spacing: 3px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.shakira-meenamore-video-takeover .description p.title {
            font-size: 1.25em; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.shakira-meenamore-video-takeover .description p.title {
            font-size: 1.5em; } }
      .page-index-2 .splash.tidal-takeover.shakira-meenamore-video-takeover .description p.artist-large {
        margin-bottom: 0; }
      .page-index-2 .splash.tidal-takeover.shakira-meenamore-video-takeover .description p.title-large {
        font: 1.2em/1 "nationale-demibold", sans-serif;
        letter-spacing: 3px;
        margin-top: 6px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.shakira-meenamore-video-takeover .description p.title-large {
            font-size: 1.6em; } }
  .page-index-2 .splash.tidal-takeover.belly-glorious-takeover {
    background-image: url("/images/index2/promos/belly/belly-glorious-bg.199e0cf5.jpg"); }
    .page-index-2 .splash.tidal-takeover.belly-glorious-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.belly-glorious-takeover .description p.artist {
        font: 4.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.belly-glorious-takeover .description p.artist {
            font-size: 5.5em; } }
      .page-index-2 .splash.tidal-takeover.belly-glorious-takeover .description p.title {
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.belly-glorious-takeover .description p.title {
            font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.juanes-angel-takeover {
    background-image: url("/images/index2/promos/juanes/juanes-angel-bg.1a47018f.jpg"); }
    .page-index-2 .splash.tidal-takeover.juanes-angel-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.juanes-angel-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.juanes-angel-takeover .description p.artist {
            font-size: 4.75em; } }
      .page-index-2 .splash.tidal-takeover.juanes-angel-takeover .description p.title {
        font: 3em/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.mackwilds-afterhours-album-takeover {
    background-image: url("/images/index2/promos/mackwilds/mackwilds-afterhours-album-bg.288f11b7.jpg"); }
    .page-index-2 .splash.tidal-takeover.mackwilds-afterhours-album-takeover .description p {
      text-transform: uppercase;
      margin-left: 0;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.mackwilds-afterhours-album-takeover .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.mackwilds-afterhours-album-takeover .description p.artist {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.mackwilds-afterhours-album-takeover .description p.title {
        font: 2em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.mackwilds-afterhours-album-takeover .description p.title {
            font-size: 2.8em; } }
  .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile {
    background-color: #fff; }
    .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile .welcome-mat-wrapper {
      position: relative; }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile .welcome-mat-wrapper {
          max-width: 1100px; } }
    .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile .takeover-full p {
      text-transform: uppercase;
      text-align: left;
      color: #000;
      max-width: 100%; }
      .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile .takeover-full p.title {
        font: 2em/1 "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile .takeover-full p.title {
            font-size: 4em;
            letter-spacing: 3px; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile .takeover-full p.title {
            letter-spacing: 8px; } }
      .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile .takeover-full p.subtitle {
        font: 1.25em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile .takeover-full p.subtitle {
            font-size: 1.5em;
            letter-spacing: 3px; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile .takeover-full p.subtitle {
            letter-spacing: 5px; } }
      .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile .takeover-full p.author {
        font: 0.75em/1 "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile .takeover-full p.author {
            font-size: 1em;
            padding-top: 20px; } }
    .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile .takeover-left {
      padding-top: 30px;
      text-align: left; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile .takeover-left {
          width: 48%;
          margin-right: 4%; } }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile .takeover-left {
          width: 44%; } }
      .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile .takeover-left img.gbv-logo {
        max-width: 450px;
        margin-left: 0; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile .takeover-right {
        width: 45%; } }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile .takeover-right {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 50%; } }
    .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile .takeover-right p {
      color: #000;
      text-align: left; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile .takeover-right p.copy {
          margin-left: 0; }
          .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile .takeover-right p.copy:first-child {
            margin-top: 0; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile .takeover-right p.copy {
          line-height: 2.1em; } }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile .takeover-right p.copy {
          font-size: 1.15em;
          line-height: 1.5em; } }
    .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile .cta-wrapper {
      max-width: 100%; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile .cta-wrapper {
          max-width: 250px; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile .cta-wrapper {
          margin-bottom: 0; } }
      .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile .cta-wrapper .cta-btn {
        color: #000;
        border-color: #000; }
    .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile.august-by-cake p.title {
      font: 2.75em/1.25em "nationale-bold", sans-serif;
      letter-spacing: 3px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile.august-by-cake p.title {
          font-size: 2.5em; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile.august-by-cake p.title {
          font-size: 2.75em;
          letter-spacing: 5px; } }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile.august-by-cake p.title {
          font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile.august-by-cake p.title span.line-break {
        display: block; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile.august-by-cake p.title span.line-break {
            display: inline-block; }
            .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile.august-by-cake p.title span.line-break::after {
              content: "\00a0"; } }
    .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile.august-by-cake p.subtitle {
      padding-bottom: 40px; }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile.august-by-cake p.subtitle {
          font-size: 1.75em; } }
    .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile.august-by-cake p.quote {
      text-transform: none; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile.august-by-cake p.quote {
          max-width: 70%;
          margin-left: 0;
          font-size: 1.25em; } }
    .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile.august-by-cake p.quote-author {
      font-size: 0.8em;
      font-style: italic;
      padding-bottom: 30px;
      text-transform: none; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile.august-by-cake p.quote-author {
          font-size: 1em; } }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile.august-by-cake .cta-wrapper {
        margin-left: 0; } }
    .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile.robert-pollard .welcome-mat-wrapper {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      box-orient: vertical; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile.robert-pollard .welcome-mat-wrapper {
          display: block; } }
    .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile.robert-pollard .takeover-full {
      -webkit-box-ordinal-group: 1;
      -moz-box-ordinal-group: 1;
      box-ordinal-group: 1; }
    .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile.robert-pollard .takeover-left {
      -webkit-box-ordinal-group: 3;
      -moz-box-ordinal-group: 3;
      box-ordinal-group: 3; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile.robert-pollard .takeover-left {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 50%; } }
      .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile.robert-pollard .takeover-left p {
        color: #000; }
        .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile.robert-pollard .takeover-left p.copy {
          line-height: 1.25em; }
          .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile.robert-pollard .takeover-left p.copy:first-child {
            margin-top: 0; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile.robert-pollard .takeover-left p.copy {
              line-height: 2em;
              margin-left: 0; } }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile.robert-pollard .takeover-left .cta-wrapper {
          margin-left: 0; } }
    .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile.robert-pollard .takeover-right {
      -webkit-box-ordinal-group: 2;
      -moz-box-ordinal-group: 2;
      box-ordinal-group: 2; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile.robert-pollard .takeover-right {
          float: right; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile.robert-pollard .takeover-right {
          position: relative; } }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.text-tile.robert-pollard .takeover-right img.cover {
          max-width: 450px; } }
  @media (min-width: 768px) {
    .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.playlist-tile .takeover-full {
      margin: 40px auto;
      max-width: 50%; } }
  .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.playlist-tile.sidesproj-playlist {
    background-image: url("/images/index2/promos/guidedbyvoices/gbv-sidesproj-playlist-bg.47a8acca.jpg"); }
  .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.playlist-tile.alotofvoices-playlist {
    background-image: url("/images/index2/promos/guidedbyvoices/gbv-alotofvoices-playlist-bg.11f52b32.jpg"); }
  .page-index-2 .splash.tidal-takeover.gbv-dontstopnow-takeover.groupshot-background {
    background-image: url("/images/index2/promos/guidedbyvoices/gbv-groupshot-bg.ad56e7af.jpg");
    min-height: 80vh; }
  .page-index-2 .splash.tidal-takeover.karenrodriguez-aprilfools-video-takeover {
    background-image: url("/images/index2/promos/karenrodriguez/karenrodriguez-aprilfools-video-bg.feadd657.jpg"); }
    .page-index-2 .splash.tidal-takeover.karenrodriguez-aprilfools-video-takeover .description p {
      text-transform: uppercase; }
      .page-index-2 .splash.tidal-takeover.karenrodriguez-aprilfools-video-takeover .description p.artist {
        font: 1.8em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.karenrodriguez-aprilfools-video-takeover .description p.artist {
            font-size: 2.25em; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.karenrodriguez-aprilfools-video-takeover .description p.artist {
            font-size: 2.75em; } }
      .page-index-2 .splash.tidal-takeover.karenrodriguez-aprilfools-video-takeover .description p.title {
        font: 1.6em/1.5em "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.karenrodriguez-aprilfools-video-takeover .description p.title {
            font-size: 2em; } }
        .page-index-2 .splash.tidal-takeover.karenrodriguez-aprilfools-video-takeover .description p.title .line-break {
          display: block; }
    .page-index-2 .splash.tidal-takeover.karenrodriguez-aprilfools-video-takeover .cta-wrapper {
      max-width: 100%; }
      .page-index-2 .splash.tidal-takeover.karenrodriguez-aprilfools-video-takeover .cta-wrapper .cta-btn {
        max-width: 320px; }
  .page-index-2 .splash.tidal-takeover.decades-series-takeover.about-tile {
    background-color: #fff;
    padding-top: 10px; }
    .page-index-2 .splash.tidal-takeover.decades-series-takeover.about-tile .takeover-full p {
      text-transform: uppercase;
      color: #000; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.decades-series-takeover.about-tile .takeover-full p {
          max-width: 700px; } }
      .page-index-2 .splash.tidal-takeover.decades-series-takeover.about-tile .takeover-full p.title {
        font: 2.3em/1 "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.decades-series-takeover.about-tile .takeover-full p.title {
            font-size: 3em;
            letter-spacing: 12px; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.decades-series-takeover.about-tile .takeover-full p.title {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.decades-series-takeover.about-tile .takeover-full p.subtitle {
        font: 1.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        color: #777; }
      .page-index-2 .splash.tidal-takeover.decades-series-takeover.about-tile .takeover-full p.copy {
        padding-top: 20px;
        text-transform: none;
        font: 1em/1.5em "nationale", "nationale-regular", "Helvetica", sans-serif; }
    .page-index-2 .splash.tidal-takeover.decades-series-takeover.about-tile img.clock {
      max-width: 100%; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.decades-series-takeover.about-tile img.clock {
          max-width: 500px; } }
    .page-index-2 .splash.tidal-takeover.decades-series-takeover.about-tile.index-version .takeover-full img.clock {
      max-width: 350px; }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.decades-series-takeover.about-tile.index-version .takeover-full p {
        max-width: 720px; } }
    .page-index-2 .splash.tidal-takeover.decades-series-takeover.about-tile.index-version .takeover-full .cta-wrapper {
      padding-top: 30px; }
      .page-index-2 .splash.tidal-takeover.decades-series-takeover.about-tile.index-version .takeover-full .cta-wrapper .cta-btn {
        border: 1px solid #303232;
        color: #303232; }
        .page-index-2 .splash.tidal-takeover.decades-series-takeover.about-tile.index-version .takeover-full .cta-wrapper .cta-btn.cta-btn--solid {
          background-color: #303232;
          color: #fff; }
  .page-index-2 .splash.tidal-takeover.decades-series-takeover.text-tile .takeover-full {
    margin: 0 auto; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.decades-series-takeover.text-tile .takeover-full {
        max-width: 540px; } }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.decades-series-takeover.text-tile .takeover-full {
        max-width: 700px; } }
    @media (min-width: 1400px) {
      .page-index-2 .splash.tidal-takeover.decades-series-takeover.text-tile .takeover-full {
        max-width: 890px; } }
    .page-index-2 .splash.tidal-takeover.decades-series-takeover.text-tile .takeover-full p {
      text-align: left;
      text-transform: uppercase; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.decades-series-takeover.text-tile .takeover-full p {
          max-width: 700px; } }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.decades-series-takeover.text-tile .takeover-full p {
          max-width: 890px; } }
      .page-index-2 .splash.tidal-takeover.decades-series-takeover.text-tile .takeover-full p.title {
        font: 1.8em/1 "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.decades-series-takeover.text-tile .takeover-full p.title {
            font-size: 2.25em; }
            .page-index-2 .splash.tidal-takeover.decades-series-takeover.text-tile .takeover-full p.title::after {
              content: ":"; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.decades-series-takeover.text-tile .takeover-full p.title {
            letter-spacing: 7px; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.decades-series-takeover.text-tile .takeover-full p.title {
            font-size: 3em;
            letter-spacing: 10px; } }
      .page-index-2 .splash.tidal-takeover.decades-series-takeover.text-tile .takeover-full p.subtitle {
        font: 1.5em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.decades-series-takeover.text-tile .takeover-full p.subtitle {
            margin-bottom: 0; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.decades-series-takeover.text-tile .takeover-full p.subtitle {
            font-size: 2em;
            letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.decades-series-takeover.text-tile .takeover-full p.copy {
        font: 1em/1.5em "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: none;
        padding: 80px 0 10px 0; }
    .page-index-2 .splash.tidal-takeover.decades-series-takeover.text-tile .takeover-full div.title-box {
      display: block;
      width: 100%;
      padding-bottom: 20px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.decades-series-takeover.text-tile .takeover-full div.title-box {
          width: 69%;
          display: inline-block;
          vertical-align: bottom;
          padding-bottom: 0; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.decades-series-takeover.text-tile .takeover-full div.title-box {
          width: 516px; } }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.decades-series-takeover.text-tile .takeover-full div.title-box {
          width: 680px; } }
    .page-index-2 .splash.tidal-takeover.decades-series-takeover.text-tile .takeover-full img.date {
      width: 90%;
      display: block;
      margin: 0 auto;
      image-rendering: -webkit-optimize-contrast; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.decades-series-takeover.text-tile .takeover-full img.date {
          display: inline-block;
          width: 30%;
          vertical-align: middle; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.decades-series-takeover.text-tile .takeover-full img.date {
          width: 180px; } }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.decades-series-takeover.text-tile .takeover-full img.date {
          width: 200px; } }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.decades-series-takeover.text-tile .takeover-full .btn-wrapper .btn-new {
        margin: 0;
        max-width: 215px; } }
  .page-index-2 .splash.tidal-takeover.decades-series-takeover.text-tile.fiftyseven {
    background-image: url("/images/index2/promos/decades/fiftyseven-text-bg.59316888.jpg"); }
  .page-index-2 .splash.tidal-takeover.decades-series-takeover.text-tile.sixtyseven {
    background-image: url("/images/index2/promos/decades/sixtyseven-text-bg.275cf9a5.jpg"); }
  .page-index-2 .splash.tidal-takeover.decades-series-takeover.text-tile.seventyseven {
    background-image: url("/images/index2/promos/decades/seventyseven-text-bg.64897b7e.jpg"); }
  .page-index-2 .splash.tidal-takeover.decades-series-takeover.text-tile.eightyseven {
    background-image: url("/images/index2/promos/decades/eightyseven-text-bg.4c742d2c.jpg"); }
  .page-index-2 .splash.tidal-takeover.decades-series-takeover.text-tile.ninetyseven {
    background-image: url("/images/index2/promos/decades/ninetyseven-text-bg.31b3f589.jpg"); }
  .page-index-2 .splash.tidal-takeover.decades-series-takeover.text-tile.oseven {
    background-image: url("/images/index2/promos/decades/oseven-text-bg.69d96007.jpg"); }
  @media (min-width: 768px) {
    .page-index-2 .splash.tidal-takeover.decades-series-takeover.playlist-tile .takeover-full {
      margin: 40px auto;
      max-width: 60%; } }
  .page-index-2 .splash.tidal-takeover.decades-series-takeover.playlist-tile.fiftyseven {
    background-image: url("/images/index2/promos/decades/fiftyseven-playlist-bg.32e34f2e.jpg"); }
  .page-index-2 .splash.tidal-takeover.decades-series-takeover.playlist-tile.sixtyseven {
    background-image: url("/images/index2/promos/decades/sixtyseven-playlist-bg.9bb63f42.jpg"); }
  .page-index-2 .splash.tidal-takeover.decades-series-takeover.playlist-tile.seventyseven {
    background-image: url("/images/index2/promos/decades/seventyseven-playlist-bg.04862909.jpg"); }
  .page-index-2 .splash.tidal-takeover.decades-series-takeover.playlist-tile.eightyseven {
    background-image: url("/images/index2/promos/decades/eightyseven-playlist-bg.fba1b5aa.jpg"); }
  .page-index-2 .splash.tidal-takeover.decades-series-takeover.playlist-tile.ninetyseven {
    background-image: url("/images/index2/promos/decades/ninetyseven-playlist-bg.d30f31aa.jpg"); }
  .page-index-2 .splash.tidal-takeover.decades-series-takeover.playlist-tile.oseven {
    background-image: url("/images/index2/promos/decades/oseven-playlist-bg.cc842dfb.jpg"); }
  .page-index-2 .splash.tidal-takeover.mozart-docu-takeover {
    background-color: #000; }
    .page-index-2 .splash.tidal-takeover.mozart-docu-takeover .takeover-description p {
      text-transform: uppercase; }
      .page-index-2 .splash.tidal-takeover.mozart-docu-takeover .takeover-description p.header {
        font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.mozart-docu-takeover .takeover-description p.header {
            font-size: 2.5em; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.mozart-docu-takeover .takeover-description p.header {
            max-width: 100%;
            font-size: 3.5em; } }
        .page-index-2 .splash.tidal-takeover.mozart-docu-takeover .takeover-description p.header span.tidalx {
          font-family: "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.mozart-docu-takeover .takeover-description p.header span.purple {
          font-family: "nationale-bold", sans-serif;
          color: #89359c;
          display: block; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.mozart-docu-takeover .takeover-description p.header span.purple {
              display: inline-block; } }
      .page-index-2 .splash.tidal-takeover.mozart-docu-takeover .takeover-description p.title {
        font: 1.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.mozart-docu-takeover .takeover-description p.title {
            font-size: 2.25em;
            letter-spacing: 3px; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.mozart-docu-takeover .takeover-description p.title {
            font-size: 2.75em; } }
      .page-index-2 .splash.tidal-takeover.mozart-docu-takeover .takeover-description p.copy {
        font: 1.25em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.mozart-docu-takeover .takeover-description p.copy {
            font-size: 1.3em; }
            .page-index-2 .splash.tidal-takeover.mozart-docu-takeover .takeover-description p.copy span.line-break {
              display: block; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.mozart-docu-takeover .takeover-description p.copy {
            max-width: 100%;
            font-size: 1.5em; } }
    .page-index-2 .splash.tidal-takeover.mozart-docu-takeover .takeover-description img {
      width: 100%; }
      .page-index-2 .splash.tidal-takeover.mozart-docu-takeover .takeover-description img.cover {
        margin: 20px auto; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.mozart-docu-takeover .takeover-description img.cover {
            max-width: 60%; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.mozart-docu-takeover .takeover-description img.cover {
            max-width: 550px; } }
      .page-index-2 .splash.tidal-takeover.mozart-docu-takeover .takeover-description img.tidal-logo {
        margin: 20px auto;
        width: 60px; }
  .page-index-2 .splash.tidal-takeover.cnco-heydj-takeover {
    background-image: url("/images/index2/promos/cnco/cnco-heydj-bg.0b391808.jpg"); }
    .page-index-2 .splash.tidal-takeover.cnco-heydj-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.cnco-heydj-takeover .description p.artist {
        letter-spacing: 10px;
        font: 5em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.cnco-heydj-takeover .description p.title {
        letter-spacing: 5px;
        font: 3em/1 "nationale-demibold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.cnco-heydj-takeover.yandel p.artist {
      font-size: 2.25em;
      letter-spacing: normal; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.cnco-heydj-takeover.yandel p.artist {
          font-size: 3em;
          letter-spacing: 3px; } }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.cnco-heydj-takeover.yandel p.artist {
          font-size: 3.75em; } }
    .page-index-2 .splash.tidal-takeover.cnco-heydj-takeover.yandel p.title {
      font-size: 2em; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.cnco-heydj-takeover.yandel p.title {
          font-size: 3em; } }
  .page-index-2 .splash.tidal-takeover.victorialamala-presale-takeover {
    background-image: url("/images/index2/promos/victorialamala/victorialamala-presale-bg.756f4005.jpg");
    background-color: #fff;
    background-size: 180%; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.victorialamala-presale-takeover {
        background-size: cover; } }
    .page-index-2 .splash.tidal-takeover.victorialamala-presale-takeover .takeover-full {
      font-size: 12px;
      letter-spacing: 2px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.victorialamala-presale-takeover .takeover-full {
          font-size: 16px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.victorialamala-presale-takeover .takeover-full p {
        color: #000;
        width: 90%;
        max-width: 90%;
        margin: 0 auto 10px;
        font: 1em/1.5 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.victorialamala-presale-takeover .takeover-full p.presale-title {
          font: 1.4em "nationale-bold", sans-serif;
          margin-top: 30vh; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.victorialamala-presale-takeover .takeover-full p.presale-title {
              margin-top: 55vh;
              font-size: 2.1em; } }
          @media (min-width: 1400px) {
            .page-index-2 .splash.tidal-takeover.victorialamala-presale-takeover .takeover-full p.presale-title {
              margin-top: 65vh; } }
          .page-index-2 .splash.tidal-takeover.victorialamala-presale-takeover .takeover-full p.presale-title.spanish {
            font-size: 1.1em; }
            @media (min-width: 768px) {
              .page-index-2 .splash.tidal-takeover.victorialamala-presale-takeover .takeover-full p.presale-title.spanish {
                font-size: 2.1em; } }
        .page-index-2 .splash.tidal-takeover.victorialamala-presale-takeover .takeover-full p.when {
          font: 1.3em/1.5em "nationale", "nationale-regular", "Helvetica", sans-serif; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.victorialamala-presale-takeover .takeover-full p.when {
              font-size: 1.65em; } }
          .page-index-2 .splash.tidal-takeover.victorialamala-presale-takeover .takeover-full p.when .line-break {
            display: block;
            clear: both; }
            @media (min-width: 768px) {
              .page-index-2 .splash.tidal-takeover.victorialamala-presale-takeover .takeover-full p.when .line-break {
                display: inline; }
                .page-index-2 .splash.tidal-takeover.victorialamala-presale-takeover .takeover-full p.when .line-break::after {
                  content: "\00a0 \007C \00a0"; } }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.victorialamala-presale-takeover .takeover-full p.when.spanish .line-break::after {
              content: ""; } }
      .page-index-2 .splash.tidal-takeover.victorialamala-presale-takeover .takeover-full .cta-wrapper .cta-btn--solid {
        background-color: #000;
        color: #fff; }
  .page-index-2 .splash.tidal-takeover.mozart-fiesta-video-takeover {
    background-image: url("/images/index2/promos/mozartlapara/mozart-fiesta-video-bg.7c740c39.jpg"); }
    .page-index-2 .splash.tidal-takeover.mozart-fiesta-video-takeover .description p {
      text-transform: uppercase; }
      .page-index-2 .splash.tidal-takeover.mozart-fiesta-video-takeover .description p.artist {
        font: 1.95em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.mozart-fiesta-video-takeover .description p.artist {
            letter-spacing: 2px;
            font-size: 2.4em; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.mozart-fiesta-video-takeover .description p.artist {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.mozart-fiesta-video-takeover .description p.title {
        font: 1.4em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        letter-spacing: 2px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.mozart-fiesta-video-takeover .description p.title {
            font-size: 1.8em; } }
  .page-index-2 .splash.tidal-takeover.mozart-fiesta-btsvideo-takeover {
    background-image: url("/images/index2/promos/mozartlapara/mozart-fiesta-btsvideo-bg.cfb967e5.jpg"); }
    .page-index-2 .splash.tidal-takeover.mozart-fiesta-btsvideo-takeover .description p {
      text-transform: uppercase; }
      .page-index-2 .splash.tidal-takeover.mozart-fiesta-btsvideo-takeover .description p.artist {
        font: 1.95em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.mozart-fiesta-btsvideo-takeover .description p.artist {
            letter-spacing: 2px;
            font-size: 2.4em; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.mozart-fiesta-btsvideo-takeover .description p.artist {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.mozart-fiesta-btsvideo-takeover .description p.title, .page-index-2 .splash.tidal-takeover.mozart-fiesta-btsvideo-takeover .description p.copy {
        font: 1.4em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        letter-spacing: 2px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.mozart-fiesta-btsvideo-takeover .description p.title, .page-index-2 .splash.tidal-takeover.mozart-fiesta-btsvideo-takeover .description p.copy {
            font-size: 1.8em; } }
    .page-index-2 .splash.tidal-takeover.mozart-fiesta-btsvideo-takeover.spanish p.title, .page-index-2 .splash.tidal-takeover.mozart-fiesta-btsvideo-takeover.spanish p.copy {
      font-size: 1.3em; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.mozart-fiesta-btsvideo-takeover.spanish p.title, .page-index-2 .splash.tidal-takeover.mozart-fiesta-btsvideo-takeover.spanish p.copy {
          font-size: 1.2em; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.mozart-fiesta-btsvideo-takeover.spanish p.title, .page-index-2 .splash.tidal-takeover.mozart-fiesta-btsvideo-takeover.spanish p.copy {
          font-size: 1.5em; } }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.mozart-fiesta-btsvideo-takeover.spanish p.title, .page-index-2 .splash.tidal-takeover.mozart-fiesta-btsvideo-takeover.spanish p.copy {
          font-size: 1.8em; } }
  .page-index-2 .splash.tidal-takeover.kendricklamar-humble-takeover {
    background-image: url("/images/index2/promos/kendricklamar/kendrick-humble-bg.425bf52a.jpg"); }
    .page-index-2 .splash.tidal-takeover.kendricklamar-humble-takeover .description p {
      text-transform: uppercase; }
      .page-index-2 .splash.tidal-takeover.kendricklamar-humble-takeover .description p.artist {
        font: 2em/1 "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.kendricklamar-humble-takeover .description p.artist {
            font-size: 1.9em; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.kendricklamar-humble-takeover .description p.artist {
            font-size: 2.5em; } }
      .page-index-2 .splash.tidal-takeover.kendricklamar-humble-takeover .description p.title {
        font: 1.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.kendricklamar-humble-takeover .description p.title {
            font-size: 2.25em; } }
  .page-index-2 .splash.tidal-takeover.karenrodriguez-aprilfools-takeover {
    background-image: url("/images/index2/promos/karenrodriguez/karenrodriguez-aprilfools-bg.4a0a7337.jpg"); }
    .page-index-2 .splash.tidal-takeover.karenrodriguez-aprilfools-takeover.spanish {
      background-image: url("/images/index2/promos/karenrodriguez/karenrodriguez-aprilfools-spanish-bg.2074f6d8.jpg"); }
    .page-index-2 .splash.tidal-takeover.karenrodriguez-aprilfools-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.karenrodriguez-aprilfools-takeover .description p.artist {
        font: 1.9em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.karenrodriguez-aprilfools-takeover .description p.artist {
            font-size: 2.95em; } }
      .page-index-2 .splash.tidal-takeover.karenrodriguez-aprilfools-takeover .description p.title {
        font: 1.825em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.karenrodriguez-aprilfools-takeover .description p.title {
            font-size: 2.5em; } }
      .page-index-2 .splash.tidal-takeover.karenrodriguez-aprilfools-takeover .description p.long-title {
        font: 0.9em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.karenrodriguez-aprilfools-takeover .description p.long-title {
            font-size: 1.425em; } }
  .page-index-2 .splash.tidal-takeover.maryjblige-yeezyfever-takeover {
    background-image: url("/images/index2/promos/maryjblige/maryjblige-yeezyfever-bg.dcd0692e.jpg"); }
    .page-index-2 .splash.tidal-takeover.maryjblige-yeezyfever-takeover .description p {
      text-transform: uppercase;
      letter-spacing: 3px;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.maryjblige-yeezyfever-takeover .description p.artist {
        font: 2.2em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.maryjblige-yeezyfever-takeover .description p.artist {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.maryjblige-yeezyfever-takeover .description p.title {
        font: 2em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.maryjblige-yeezyfever-takeover .description p.title {
            font-size: 2.25em; } }
      .page-index-2 .splash.tidal-takeover.maryjblige-yeezyfever-takeover .description p.copy {
        text-transform: none;
        letter-spacing: normal;
        font: 1em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif;
        width: 85%; }
      .page-index-2 .splash.tidal-takeover.maryjblige-yeezyfever-takeover .description p.exclusive-disclaimer {
        text-transform: none;
        letter-spacing: normal; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.maryjblige-yeezyfever-takeover .description p.exclusive-disclaimer {
            letter-spacing: 3px; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.maryjblige-yeezyfever-takeover .description p.exclusive-disclaimer {
            font-size: 1.5em; } }
  .page-index-2 .splash.tidal-takeover.calvinharris-heatstroke-takeover {
    background-image: url("/images/index2/promos/calvinharris/calvinharris-heatstroke-bg.8a98f27e.jpg"); }
    .page-index-2 .splash.tidal-takeover.calvinharris-heatstroke-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.calvinharris-heatstroke-takeover .description p.artist {
        font: 2.4em/1 "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.calvinharris-heatstroke-takeover .description p.artist {
            font-size: 2.75em; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.calvinharris-heatstroke-takeover .description p.artist {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.calvinharris-heatstroke-takeover .description p.feat {
        font: 1.8em/1.25em "nationale-demibold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.calvinharris-heatstroke-takeover .description p.feat {
            font-size: 1.1em; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.calvinharris-heatstroke-takeover .description p.feat {
            font-size: 1.4em; } }
        .page-index-2 .splash.tidal-takeover.calvinharris-heatstroke-takeover .description p.feat span.line-break {
          display: block; }
      .page-index-2 .splash.tidal-takeover.calvinharris-heatstroke-takeover .description p.title {
        font: 2.25em/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.selena-forever-takeover.article-tile {
    background-color: #fff;
    padding-bottom: 0;
    position: relative; }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.selena-forever-takeover.article-tile .takeover-left {
        margin-left: 5%; } }
    @media (min-width: 1400px) {
      .page-index-2 .splash.tidal-takeover.selena-forever-takeover.article-tile .takeover-left {
        margin-left: 10%; } }
    .page-index-2 .splash.tidal-takeover.selena-forever-takeover.article-tile .takeover-left p {
      text-align: left;
      color: #000; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.selena-forever-takeover.article-tile .takeover-left p {
          margin-left: 0; } }
      .page-index-2 .splash.tidal-takeover.selena-forever-takeover.article-tile .takeover-left p.subtitle {
        text-transform: uppercase;
        font: 1em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif;
        letter-spacing: 3px;
        margin-bottom: 50px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.selena-forever-takeover.article-tile .takeover-left p.subtitle {
            clear: both; }
            .page-index-2 .splash.tidal-takeover.selena-forever-takeover.article-tile .takeover-left p.subtitle span.line-break {
              display: block; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.selena-forever-takeover.article-tile .takeover-left p.subtitle {
            font-size: 1.5em; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.selena-forever-takeover.article-tile .takeover-left p.quote {
          max-width: 450px; } }
      .page-index-2 .splash.tidal-takeover.selena-forever-takeover.article-tile .takeover-left p.author {
        font: 1em/1 "nationale-bold", sans-serif;
        font-style: italic; }
    .page-index-2 .splash.tidal-takeover.selena-forever-takeover.article-tile .takeover-left .cta-wrapper {
      margin-top: 50px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.selena-forever-takeover.article-tile .takeover-left .cta-wrapper {
          margin-bottom: 50px;
          margin-left: 0; } }
      .page-index-2 .splash.tidal-takeover.selena-forever-takeover.article-tile .takeover-left .cta-wrapper .cta-btn {
        border-color: #000;
        color: #000; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.selena-forever-takeover.article-tile .takeover-left img.title {
        width: 90%;
        max-width: 525px; } }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.selena-forever-takeover.article-tile .takeover-left img.title {
        float: left;
        padding-bottom: 40px;
        width: 410px; } }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.selena-forever-takeover.article-tile .takeover-right {
        float: right;
        position: absolute;
        bottom: 0;
        right: 5%; } }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.selena-forever-takeover.article-tile .takeover-right {
        right: 2%; } }
    @media (min-width: 1400px) {
      .page-index-2 .splash.tidal-takeover.selena-forever-takeover.article-tile .takeover-right {
        right: 10%; } }
    .page-index-2 .splash.tidal-takeover.selena-forever-takeover.article-tile .takeover-right img.headshot {
      margin-bottom: -3px;
      max-width: 425px; }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.selena-forever-takeover.article-tile .takeover-right img.headshot {
          margin-bottom: -2px; } }
  .page-index-2 .splash.tidal-takeover.selena-forever-takeover.flower-background {
    background-image: url("/images/index2/promos/selena/selena-flower-bg.c429cfa9.jpg");
    min-height: 80vh; }
  .page-index-2 .splash.tidal-takeover.selena-forever-takeover.lasreinas-playlist {
    background-image: url("/images/index2/promos/selena/selena-lasreinasplaylist-bg.993c0875.jpg"); }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.selena-forever-takeover.lasreinas-playlist .takeover-full {
        margin: 0 auto;
        max-width: 40%; } }
  .page-index-2 .splash.tidal-takeover.selena-forever-takeover.eyes-background {
    background-image: url("/images/index2/promos/selena/selena-eyes-bg.11b3449a.jpg");
    min-height: 80vh; }
  .page-index-2 .splash.tidal-takeover.selena-forever-takeover.ballads-playlist {
    background-image: url("/images/index2/promos/selena/selena-bwplaylist-bg.79641973.jpg"); }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.selena-forever-takeover.ballads-playlist .takeover-full {
        margin: 0 auto;
        max-width: 40%; } }
  .page-index-2 .splash.tidal-takeover.selena-forever-takeover.earlyyears-playlist {
    background-image: url("/images/index2/promos/selena/selena-orangeplaylist-bg.b9fe6688.jpg"); }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.selena-forever-takeover.earlyyears-playlist .takeover-full {
        margin: 0 auto;
        max-width: 40%; } }
  .page-index-2 .splash.tidal-takeover.selena-forever-takeover.yellowselena-background {
    background-image: url("/images/index2/promos/selena/selena-bottomtile-bg.2fe6231b.jpg");
    min-height: 80vh; }
  .page-index-2 .splash.tidal-takeover.selena-forever-takeover.beckyg-playlist {
    background-image: url("/images/index2/promos/selena/selena-beckygplaylist-bg.24e52067.jpg"); }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.selena-forever-takeover.beckyg-playlist .takeover-full {
        margin: 0 auto;
        max-width: 40%; } }
  .page-index-2 .splash.tidal-takeover.calvinharris-slide-takeover {
    background-image: url("/images/index2/promos/calvinharris/calvinharris-slide-bg.f58a4fe4.jpg"); }
    .page-index-2 .splash.tidal-takeover.calvinharris-slide-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.calvinharris-slide-takeover .description p.artist {
        font: 2.4em/1 "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.calvinharris-slide-takeover .description p.artist {
            font-size: 2.75em; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.calvinharris-slide-takeover .description p.artist {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.calvinharris-slide-takeover .description p.feat {
        font: 2em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.calvinharris-slide-takeover .description p.feat {
            font-size: 1.54em; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.calvinharris-slide-takeover .description p.feat {
            font-size: 1.96em; } }
        .page-index-2 .splash.tidal-takeover.calvinharris-slide-takeover .description p.feat span.line-break {
          display: block; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.calvinharris-slide-takeover .description p.feat span.line-break {
              display: inline-block; }
              .page-index-2 .splash.tidal-takeover.calvinharris-slide-takeover .description p.feat span.line-break::after {
                content: "\00a0"; } }
      .page-index-2 .splash.tidal-takeover.calvinharris-slide-takeover .description p.title {
        font: 2.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.calvinharris-slide-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.maryjblige-loveyourself-takeover {
    background-image: url("/images/index2/promos/maryjblige/maryjblige-loveyourself-bg.38fa779d.jpg"); }
    .page-index-2 .splash.tidal-takeover.maryjblige-loveyourself-takeover .description {
      font-size: 26px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.maryjblige-loveyourself-takeover .description {
          font-size: 40px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.maryjblige-loveyourself-takeover .description p {
        margin: 0 0 5px;
        text-transform: uppercase;
        font: 1em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.maryjblige-loveyourself-takeover .description p.artist {
          font-size: 1.44em; }
        .page-index-2 .splash.tidal-takeover.maryjblige-loveyourself-takeover .description p.title {
          font-family: "nationale-demibold", sans-serif;
          margin-top: 20px; }
        .page-index-2 .splash.tidal-takeover.maryjblige-loveyourself-takeover .description p.copy {
          text-transform: none;
          letter-spacing: normal;
          font: 16px/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif;
          width: 85%;
          margin-top: 40px;
          margin-bottom: 20px; }
          .page-index-2 .splash.tidal-takeover.maryjblige-loveyourself-takeover .description p.copy span.author {
            text-transform: none;
            letter-spacing: normal;
            font: 16px/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.gbv-5degrees-video-takeover {
    background-image: url("/images/index2/promos/guidedbyvoices/gbv-5degrees-bg.dbc8c505.jpg"); }
    .page-index-2 .splash.tidal-takeover.gbv-5degrees-video-takeover p {
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.gbv-5degrees-video-takeover p.artist {
        text-transform: uppercase;
        font: 1.6em/1 "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.gbv-5degrees-video-takeover p.artist {
            font-size: 1.5em; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.gbv-5degrees-video-takeover p.artist {
            font-size: 2em; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.gbv-5degrees-video-takeover p.artist {
            font-size: 2.5em; } }
      .page-index-2 .splash.tidal-takeover.gbv-5degrees-video-takeover p.title {
        text-transform: uppercase;
        font: 1.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.maxwell-gods-video-takeover {
    background-image: url("/images/index2/promos/maxwell/maxwell-gods-bg.06fb05f0.jpg");
    background-position: center bottom; }
    .page-index-2 .splash.tidal-takeover.maxwell-gods-video-takeover p {
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.maxwell-gods-video-takeover p.artist {
        text-transform: uppercase;
        font: 3.4em/1 "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.maxwell-gods-video-takeover p.artist {
            font-size: 3.25em; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.maxwell-gods-video-takeover p.artist {
            font-size: 3.65em; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.maxwell-gods-video-takeover p.artist {
            font-size: 4.4em; } }
      .page-index-2 .splash.tidal-takeover.maxwell-gods-video-takeover p.title {
        text-transform: uppercase;
        font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.maxwell-presale17-takeover {
    background-image: url(/images/index2/promos/maxwell/maxwell-ticketpresale17-bg.fa8f806b.jpg); }
    .page-index-2 .splash.tidal-takeover.maxwell-presale17-takeover .top-desktop {
      display: block;
      width: 90%;
      max-width: 600px;
      margin: 0 auto; }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.maxwell-presale17-takeover .top-desktop {
          max-width: 950px; } }
    .page-index-2 .splash.tidal-takeover.maxwell-presale17-takeover .takeover-full {
      font-size: 12px;
      letter-spacing: 2px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.maxwell-presale17-takeover .takeover-full {
          font-size: 16px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.maxwell-presale17-takeover .takeover-full p {
        width: 90%;
        max-width: 90%;
        margin: 0 auto 10px;
        font: 1em/1.5 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.maxwell-presale17-takeover .takeover-full p.presale-title {
          font: 1.3em "nationale-bold", sans-serif;
          margin-top: 50vh; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.maxwell-presale17-takeover .takeover-full p.presale-title {
              font-size: 2.1em; } }
          @media (min-width: 1400px) {
            .page-index-2 .splash.tidal-takeover.maxwell-presale17-takeover .takeover-full p.presale-title {
              margin-top: 60vh; } }
        .page-index-2 .splash.tidal-takeover.maxwell-presale17-takeover .takeover-full p.when {
          line-height: 1.5em; }
          .page-index-2 .splash.tidal-takeover.maxwell-presale17-takeover .takeover-full p.when .line-break {
            display: block;
            clear: both; }
            @media (min-width: 768px) {
              .page-index-2 .splash.tidal-takeover.maxwell-presale17-takeover .takeover-full p.when .line-break {
                display: inline; }
                .page-index-2 .splash.tidal-takeover.maxwell-presale17-takeover .takeover-full p.when .line-break::after {
                  content: "\00a0 \007C \00a0"; } }
  .page-index-2 .splash.tidal-takeover.problem-plugs-video-takeover {
    background-image: url("/images/index2/promos/problem/problem-plugs-bg.80bb6eb2.jpg"); }
    .page-index-2 .splash.tidal-takeover.problem-plugs-video-takeover p {
      text-transform: uppercase; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.problem-plugs-video-takeover p {
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.problem-plugs-video-takeover p.artist {
        font: 3.75em/1 "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.problem-plugs-video-takeover p.artist {
            font-size: 3.5em; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.problem-plugs-video-takeover p.artist {
            font-size: 3.825em; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.problem-plugs-video-takeover p.artist {
            font-size: 5em; } }
      .page-index-2 .splash.tidal-takeover.problem-plugs-video-takeover p.title {
        font: 1.95em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.problem-plugs-video-takeover p.title {
            font-size: 1.8em; } }
  .page-index-2 .splash.tidal-takeover.sxsw1633-recap-video-takeover {
    background-image: url("/images/index2/promos/sxsw/sxsw-1633-recap-bg.c3898349.jpg"); }
    .page-index-2 .splash.tidal-takeover.sxsw1633-recap-video-takeover p {
      font-size: 16px; }
      .page-index-2 .splash.tidal-takeover.sxsw1633-recap-video-takeover p.artist {
        text-transform: uppercase;
        font: 1.7em/1 "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.sxsw1633-recap-video-takeover p.artist {
            font-size: 1.5em; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.sxsw1633-recap-video-takeover p.artist {
            font-size: 2em; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.sxsw1633-recap-video-takeover p.artist {
            font-size: 2.5em; } }
      .page-index-2 .splash.tidal-takeover.sxsw1633-recap-video-takeover p.title {
        text-transform: uppercase;
        font: 1.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.sxsw1633-recap-video-takeover p.title {
            font-size: 2em; } }
  .page-index-2 .splash.tidal-takeover.bloodorange-besttoyou-video-takeover {
    background-image: url("/images/index2/promos/bloodorange/bloodorange-besttoyou-bg.14fe7317.jpg"); }
    .page-index-2 .splash.tidal-takeover.bloodorange-besttoyou-video-takeover p {
      font-size: 16px;
      letter-spacing: 3px;
      text-transform: uppercase; }
      .page-index-2 .splash.tidal-takeover.bloodorange-besttoyou-video-takeover p.exclusive-disclaimer {
        font-size: 0.8em; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.bloodorange-besttoyou-video-takeover p.exclusive-disclaimer {
            font-size: 1em; } }
      .page-index-2 .splash.tidal-takeover.bloodorange-besttoyou-video-takeover p.artist {
        font: 3.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.bloodorange-besttoyou-video-takeover p.artist {
            font-size: 2.5em; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.bloodorange-besttoyou-video-takeover p.artist {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.bloodorange-besttoyou-video-takeover p.title {
        font: 2em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.bloodorange-besttoyou-video-takeover p.title {
            font-size: 0.83em; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.bloodorange-besttoyou-video-takeover p.title {
            font-size: 1.04em; } }
        .page-index-2 .splash.tidal-takeover.bloodorange-besttoyou-video-takeover p.title span.line-break {
          display: block;
          clear: both; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.bloodorange-besttoyou-video-takeover p.title span.line-break {
              display: inline-block; }
              .page-index-2 .splash.tidal-takeover.bloodorange-besttoyou-video-takeover p.title span.line-break::before {
                content: "\00a0 \002F \00a0"; } }
  .page-index-2 .splash.tidal-takeover.cnco-goldcircle-takeover {
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 90%), url("/images/index2/promos/cnco/cnco-goldcircle-bg.93241090.jpg");
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 90%), url("/images/index2/promos/cnco/cnco-goldcircle-bg.93241090.jpg");
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 90%), url("/images/index2/promos/cnco/cnco-goldcircle-bg.93241090.jpg");
    background-color: #000;
    background-position: top center;
    position: relative;
    padding-top: 30%;
    background-size: 180%;
    background-repeat: no-repeat; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.cnco-goldcircle-takeover {
        background-size: cover;
        padding-top: 20%;
        padding-bottom: 0; } }
    .page-index-2 .splash.tidal-takeover.cnco-goldcircle-takeover .takeover-full {
      min-height: 85vh; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.cnco-goldcircle-takeover .takeover-full {
          vertical-align: bottom;
          min-height: initial;
          height: 100%;
          margin-bottom: 90px; } }
      .page-index-2 .splash.tidal-takeover.cnco-goldcircle-takeover .takeover-full .wrapper-title {
        height: 100%; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.cnco-goldcircle-takeover .takeover-full .wrapper-title {
            margin-bottom: -50px; } }
      .page-index-2 .splash.tidal-takeover.cnco-goldcircle-takeover .takeover-full p.tidalx {
        color: #00FFFF;
        letter-spacing: 5px;
        margin-bottom: 0; }
        .page-index-2 .splash.tidal-takeover.cnco-goldcircle-takeover .takeover-full p.tidalx .bold {
          font-family: "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.cnco-goldcircle-takeover .takeover-full p.tidalx {
            font: 4em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
            font-size: 3.5em;
            display: inline-block; } }
      .page-index-2 .splash.tidal-takeover.cnco-goldcircle-takeover .takeover-full p.title {
        font: 1.4em/1 "nationale-bold", sans-serif;
        margin-top: -25px;
        letter-spacing: 3px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.cnco-goldcircle-takeover .takeover-full p.title {
            font-size: 1.75em;
            margin: 10px auto; } }
      .page-index-2 .splash.tidal-takeover.cnco-goldcircle-takeover .takeover-full p.copy {
        text-transform: uppercase;
        font: 0.6em/1.5em "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-top: 10px;
        letter-spacing: 0.5px;
        width: 90%;
        max-width: 670px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.cnco-goldcircle-takeover .takeover-full p.copy {
            font-size: 1em; } }
      .page-index-2 .splash.tidal-takeover.cnco-goldcircle-takeover .takeover-full p.hashtag {
        font: 1.25em/1 "nationale-demibold", sans-serif;
        color: #00FFFF;
        letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.cnco-goldcircle-takeover .takeover-full img.cnco-logo {
        display: block;
        width: 243px;
        margin: -24px auto 10px auto; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.cnco-goldcircle-takeover .takeover-full img.cnco-logo {
            display: inline-block;
            vertical-align: middle; } }
      .page-index-2 .splash.tidal-takeover.cnco-goldcircle-takeover .takeover-full img.tidal-logo {
        width: 10%; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.cnco-goldcircle-takeover .takeover-full img.tidal-logo {
            width: 50px; } }
      .page-index-2 .splash.tidal-takeover.cnco-goldcircle-takeover .takeover-full .cta-wrapper {
        margin-top: 40px; }
    .page-index-2 .splash.tidal-takeover.cnco-goldcircle-takeover .lang-toggle {
      position: absolute;
      top: 10px;
      right: 20px; }
      .page-index-2 .splash.tidal-takeover.cnco-goldcircle-takeover .lang-toggle a {
        color: #999;
        text-transform: uppercase;
        font-size: 0.5em;
        text-decoration: none; }
        .page-index-2 .splash.tidal-takeover.cnco-goldcircle-takeover .lang-toggle a:hover {
          opacity: 1;
          color: #fff; }
    @media (max-width: 767px) {
      .page-index-2 .splash.tidal-takeover.cnco-goldcircle-takeover.spanish .takeover-full p.title {
        font-size: 1.2em;
        letter-spacing: 1px; } }
  .page-index-2 .splash.tidal-takeover.drake-morelife-album-takeover {
    background-image: url("/images/index2/promos/drake/drake-morelife-bg.eda84f6b.jpg"); }
    .page-index-2 .splash.tidal-takeover.drake-morelife-album-takeover p {
      font-size: 16px;
      text-transform: uppercase;
      letter-spacing: 3px;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.drake-morelife-album-takeover p.artist {
        font: 4.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.drake-morelife-album-takeover p.artist {
            font-size: 5.5em; } }
      .page-index-2 .splash.tidal-takeover.drake-morelife-album-takeover p.title {
        font: 2.85em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.drake-morelife-album-takeover p.title {
            font-size: 3.5em; } }
      .page-index-2 .splash.tidal-takeover.drake-morelife-album-takeover p.copy {
        letter-spacing: 0;
        max-width: 350px;
        font: 0.8em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin: 15px auto;
        margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.drake-morelife-album-takeover p.author {
        font: 1em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.rickross-rather-album-takeover {
    background-image: url("/images/index2/promos/rickross/rickross-rather-bg.06f2686d.jpg"); }
    .page-index-2 .splash.tidal-takeover.rickross-rather-album-takeover p {
      font-size: 16px;
      text-transform: uppercase;
      letter-spacing: 3px;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.rickross-rather-album-takeover p.artist {
        font: 3.15em/1 "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.rickross-rather-album-takeover p.artist {
            font-size: 3.7em; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.rickross-rather-album-takeover p.artist {
            font-size: 4.5em; } }
      .page-index-2 .splash.tidal-takeover.rickross-rather-album-takeover p.title {
        font: 1.35em/1 "nationale-demibold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.rickross-rather-album-takeover p.title {
            font-size: 1.6em; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.rickross-rather-album-takeover p.title {
            font-size: 2em; } }
  .page-index-2 .splash.tidal-takeover.sxsw-massappeal-takeover {
    background: #448758;
    background: url("/images/index2/promos/sxsw/sxsw-massappeal-stars.47de4695.png"), -moz-linear-gradient(top, #448758 0%, #c25000 65%);
    background: url("/images/index2/promos/sxsw/sxsw-massappeal-stars.47de4695.png"), -webkit-linear-gradient(top, #448758 0%, #c25000 65%);
    background: url("/images/index2/promos/sxsw/sxsw-massappeal-stars.47de4695.png"), linear-gradient(to bottom, #448758 0%, #c25000 65%);
    background-size: contain;
    position: relative;
    padding-bottom: 0; }
    .page-index-2 .splash.tidal-takeover.sxsw-massappeal-takeover .welcome-mat-wrapper {
      position: relative;
      z-index: 5; }
    .page-index-2 .splash.tidal-takeover.sxsw-massappeal-takeover .takeover-full p {
      font-size: 16px;
      text-transform: uppercase;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.sxsw-massappeal-takeover .takeover-full p.top {
        max-width: 800px;
        font: 1.5em/1.25em "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.sxsw-massappeal-takeover .takeover-full p.top {
            font-size: 2.5em; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.sxsw-massappeal-takeover .takeover-full p.top {
            font-size: 3em; } }
        .page-index-2 .splash.tidal-takeover.sxsw-massappeal-takeover .takeover-full p.top span {
          display: block;
          font-size: 1rem; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.sxsw-massappeal-takeover .takeover-full p.top span {
              display: inline-block;
              font-size: inherit; } }
      .page-index-2 .splash.tidal-takeover.sxsw-massappeal-takeover .takeover-full p.location, .page-index-2 .splash.tidal-takeover.sxsw-massappeal-takeover .takeover-full p.time, .page-index-2 .splash.tidal-takeover.sxsw-massappeal-takeover .takeover-full p.hashtag {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        letter-spacing: normal; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.sxsw-massappeal-takeover .takeover-full p.location, .page-index-2 .splash.tidal-takeover.sxsw-massappeal-takeover .takeover-full p.time, .page-index-2 .splash.tidal-takeover.sxsw-massappeal-takeover .takeover-full p.hashtag {
            letter-spacing: 3px;
            font-size: 1.5em; } }
      .page-index-2 .splash.tidal-takeover.sxsw-massappeal-takeover .takeover-full p.date {
        font: 2em/1 "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.sxsw-massappeal-takeover .takeover-full p.date {
            font-size: 2.5em; } }
      .page-index-2 .splash.tidal-takeover.sxsw-massappeal-takeover .takeover-full p.hashtag {
        color: #00FFFF;
        padding-top: 20px;
        padding-bottom: 30px; }
    .page-index-2 .splash.tidal-takeover.sxsw-massappeal-takeover .takeover-full img.lineup {
      max-width: 500px;
      padding: 30px 0; }
    .page-index-2 .splash.tidal-takeover.sxsw-massappeal-takeover .takeover-full .cta-wrapper {
      max-width: 290px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.sxsw-massappeal-takeover .takeover-full .cta-wrapper {
          max-width: 590px; } }
      .page-index-2 .splash.tidal-takeover.sxsw-massappeal-takeover .takeover-full .cta-wrapper .cta-btn {
        font-size: 11px; }
    .page-index-2 .splash.tidal-takeover.sxsw-massappeal-takeover img.stars {
      width: 100%;
      position: relative;
      z-index: 1;
      margin-bottom: -20px; }
    .page-index-2 .splash.tidal-takeover.sxsw-massappeal-takeover img.bushes {
      margin-top: 5%;
      margin-bottom: -4px;
      width: 100%;
      position: relative;
      z-index: 1; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.sxsw-massappeal-takeover img.bushes {
          margin-top: -33%; } }
  .page-index-2 .splash.tidal-takeover.nicki-queens-got-da-crown {
    background-image: url(/images/index2/promos/nickiminaj/nicki-queens-got-da-crown.e7d4d61c.jpg); }
    .page-index-2 .splash.tidal-takeover.nicki-queens-got-da-crown .description {
      font-size: 24px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.nicki-queens-got-da-crown .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.nicki-queens-got-da-crown .description p {
        margin: 0;
        font: 1em/1 "nationale-demibold", sans-serif;
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.nicki-queens-got-da-crown .description p.artist {
          font-size: 2.2em;
          margin-bottom: 10px; }
  .page-index-2 .splash.tidal-takeover.nicki-tripletrack-takeover.no-frauds, .page-index-2 .splash.tidal-takeover.nicki-tripletrack-takeover.all-three {
    background-image: url("/images/index2/promos/nickiminaj/nickiminaj-nofrauds-bg.8b3cce0c.jpg"); }
  .page-index-2 .splash.tidal-takeover.nicki-tripletrack-takeover.regret-tears {
    background-image: url("/images/index2/promos/nickiminaj/nickiminaj-regrettears-bg.03952af9.jpg"); }
  .page-index-2 .splash.tidal-takeover.nicki-tripletrack-takeover.changed-it {
    background-image: url("/images/index2/promos/nickiminaj/nickiminaj-changedit-bg.e51ffaae.jpg"); }
  .page-index-2 .splash.tidal-takeover.nicki-tripletrack-takeover .takeover-right .description {
    font-size: 16px;
    text-transform: uppercase; }
    .page-index-2 .splash.tidal-takeover.nicki-tripletrack-takeover .takeover-right .description p {
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.nicki-tripletrack-takeover .takeover-right .description p.artist {
        font: 2.5em/1 "nationale-bold", sans-serif;
        line-height: 1.25em; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.nicki-tripletrack-takeover .takeover-right .description p.artist {
            font-size: 4em;
            letter-spacing: 3px; } }
        .page-index-2 .splash.tidal-takeover.nicki-tripletrack-takeover .takeover-right .description p.artist .line-break {
          display: block;
          clear: both;
          line-height: 1.25em; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.nicki-tripletrack-takeover .takeover-right .description p.artist .line-break {
              display: inline-block; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.nicki-tripletrack-takeover .takeover-right .description p.artist.smaller {
            font-size: 2.8em; } }
      .page-index-2 .splash.tidal-takeover.nicki-tripletrack-takeover .takeover-right .description p.title {
        font: 1.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.nicki-tripletrack-takeover .takeover-right .description p.title {
            letter-spacing: 3px;
            font-size: 1.75em; } }
  .page-index-2 .splash.tidal-takeover.biggie-20th-anniv-takeover {
    background: white;
    background: -webkit-linear-gradient(white 31%, #cfcfcf 100%);
    background: -o-linear-gradient(white 31%, #cfcfcf 100%);
    background: linear-gradient(white 31%, #cfcfcf 100%); }
    .page-index-2 .splash.tidal-takeover.biggie-20th-anniv-takeover .takeover-full {
      font-size: 16px; }
      .page-index-2 .splash.tidal-takeover.biggie-20th-anniv-takeover .takeover-full .wrapper-text {
        width: 100%;
        margin: 50px auto; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.biggie-20th-anniv-takeover .takeover-full .wrapper-text {
            margin-top: 10px; } }
        .page-index-2 .splash.tidal-takeover.biggie-20th-anniv-takeover .takeover-full .wrapper-text .center-text {
          text-transform: uppercase;
          text-align: center;
          color: #000;
          font: 1em/1.5 "nationale", "nationale-regular", "Helvetica", sans-serif;
          font-style: italic; }
      .page-index-2 .splash.tidal-takeover.biggie-20th-anniv-takeover .takeover-full a.biggielink {
        color: #000;
        text-decoration: none;
        -webkit-backface-visibility: hidden; }
        .page-index-2 .splash.tidal-takeover.biggie-20th-anniv-takeover .takeover-full a.biggielink:hover {
          opacity: 1; }
      .page-index-2 .splash.tidal-takeover.biggie-20th-anniv-takeover .takeover-full img.biggie {
        float: right;
        width: 100%;
        margin-top: -5%; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.biggie-20th-anniv-takeover .takeover-full img.biggie {
            margin-right: 2%;
            width: 40%;
            margin-top: -15%; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.biggie-20th-anniv-takeover .takeover-full img.biggie {
            margin-bottom: 50px;
            margin-top: -14%; } }
      .page-index-2 .splash.tidal-takeover.biggie-20th-anniv-takeover .takeover-full .playlist-center {
        width: 100%;
        margin: 75px auto; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.biggie-20th-anniv-takeover .takeover-full .playlist-center {
            max-width: 500px; } }
    .page-index-2 .splash.tidal-takeover.biggie-20th-anniv-takeover.index-tile {
      background: #fff !important;
      padding-bottom: 0; }
      .page-index-2 .splash.tidal-takeover.biggie-20th-anniv-takeover.index-tile .takeover-full img.biggie {
        float: none;
        display: block;
        clear: both; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.biggie-20th-anniv-takeover.index-tile .takeover-full img.biggie {
            float: right; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.biggie-20th-anniv-takeover.index-tile .takeover-full img.biggie {
            margin-bottom: 0; } }
  .page-index-2 .splash.tidal-takeover.kevinross-video-takeover.kevinross-video-dc-takeover {
    background-image: url(/images/index2/promos/kevinross/kevinross-ep1-bg.b9070387.jpg); }
  .page-index-2 .splash.tidal-takeover.kevinross-video-takeover.kevinross-video-boston-takeover {
    background-image: url(/images/index2/promos/kevinross/kevinross-ep2-bg.e228b6f9.jpg); }
  .page-index-2 .splash.tidal-takeover.kevinross-video-takeover.kevinross-video-atlanta-takeover {
    background-image: url(/images/index2/promos/kevinross/kevinross-ep3-bg.588ce26d.jpg); }
  .page-index-2 .splash.tidal-takeover.kevinross-video-takeover.kevinross-video-la-takeover {
    background-image: url(/images/index2/promos/kevinross/kevinross-ep4-bg.b04a206d.jpg); }
  .page-index-2 .splash.tidal-takeover.kevinross-video-takeover img.rising-logo {
    width: 100%;
    max-width: 320px;
    margin-bottom: 20px; }
  .page-index-2 .splash.tidal-takeover.kevinross-video-takeover .description {
    font-size: 14px; }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.kevinross-video-takeover .description {
        font-size: 18px; } }
    @media (min-width: 1150px) {
      .page-index-2 .splash.tidal-takeover.kevinross-video-takeover .description {
        font-size: 22px; } }
    .page-index-2 .splash.tidal-takeover.kevinross-video-takeover .description p {
      margin: 0;
      text-transform: uppercase;
      font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
      letter-spacing: 1px; }
      .page-index-2 .splash.tidal-takeover.kevinross-video-takeover .description p.artist {
        letter-spacing: 3px;
        font: 2.7em/1 "nationale-bold", sans-serif;
        margin-bottom: 10px; }
  .page-index-2 .splash.tidal-takeover.bhm365-takeover .wrapper-text a {
    display: block;
    font: 16px/2.5 "nationale-demibold", sans-serif;
    letter-spacing: 1px;
    text-decoration: none;
    outline: none; }
    .page-index-2 .splash.tidal-takeover.bhm365-takeover .wrapper-text a:hover {
      text-decoration: underline; }
  .page-index-2 .splash.tidal-takeover.jasonaldean-anyolbarstoolbts-takeover {
    background-image: url(/images/index2/promos/jasonaldean/jasonaldean-anyolbarstoolbts-bg.0d29b6a0.jpg); }
    .page-index-2 .splash.tidal-takeover.jasonaldean-anyolbarstoolbts-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.jasonaldean-anyolbarstoolbts-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.jasonaldean-anyolbarstoolbts-takeover .description p {
        margin: 0 0 10px;
        text-transform: uppercase;
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.jasonaldean-anyolbarstoolbts-takeover .description p.artist {
          font: 1.4em/1 "nationale-bold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.jasonaldean-anyolbarstoolbts-takeover.official-video {
      background-image: url(/images/index2/promos/jasonaldean/jasonaldean-anyolbarstool-bg.6728cb6d.jpg); }
    .page-index-2 .splash.tidal-takeover.jasonaldean-anyolbarstoolbts-takeover.include-countdown .wrapper-text {
      font-size: 16px; }
      .page-index-2 .splash.tidal-takeover.jasonaldean-anyolbarstoolbts-takeover.include-countdown .wrapper-text p {
        margin: 0 auto 10px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        width: 100%;
        max-width: 100%; }
        .page-index-2 .splash.tidal-takeover.jasonaldean-anyolbarstoolbts-takeover.include-countdown .wrapper-text p.title {
          font-size: 1.5em; }
    .page-index-2 .splash.tidal-takeover.jasonaldean-anyolbarstoolbts-takeover.include-countdown .flip-clock-dot {
      background: #fff; }
  .page-index-2 .splash.tidal-takeover.frankocean-playlist-takeover {
    background-image: url(/images/index2/promos/frankocean/frankocean-playlist-bg.449df149.jpg); }
    .page-index-2 .splash.tidal-takeover.frankocean-playlist-takeover.new-blonded {
      background-image: url(/images/index2/promos/frankocean/frankocean-blonded-bg.5ab5b18a.jpg); }
    .page-index-2 .splash.tidal-takeover.frankocean-playlist-takeover .description {
      font-size: 24px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.frankocean-playlist-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.frankocean-playlist-takeover .description p {
        margin: 0;
        font: 1em/1 "nationale-demibold", sans-serif;
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.frankocean-playlist-takeover .description p.artist {
          font-size: 1.5em;
          margin-bottom: 10px; }
  .page-index-2 .splash.tidal-takeover.sankofa-sevteen-insp-video-takeover {
    background-image: url(/images/index2/promos/sankofa/sankofa-sevteen-insp-bg.23840f92.jpg);
    background-position: center bottom;
    text-transform: uppercase; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.sankofa-sevteen-insp-video-takeover .takeover-right {
        padding-top: 0; }
      .page-index-2 .splash.tidal-takeover.sankofa-sevteen-insp-video-takeover .cta-wrapper {
        max-width: 70%; } }
    .page-index-2 .splash.tidal-takeover.sankofa-sevteen-insp-video-takeover .description {
      font-size: 12px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.sankofa-sevteen-insp-video-takeover .description {
          font-size: 15px; } }
      .page-index-2 .splash.tidal-takeover.sankofa-sevteen-insp-video-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.sankofa-sevteen-insp-video-takeover .description p.artist {
          font: 3.66em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.sankofa-sevteen-insp-video-takeover .description p.title {
          font: 1.5em/1.25 "nationale", "nationale-regular", "Helvetica", sans-serif; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.sankofa-sevteen-insp-video-takeover .description p.title {
              font-size: 1.75em; } }
  .page-index-2 .splash.tidal-takeover.jimjones-gigabyte-takeover {
    background-image: url(/images/index2/promos/jimjones/jimjones-gigabyte-bg.d8a78cfa.jpg); }
    .page-index-2 .splash.tidal-takeover.jimjones-gigabyte-takeover .description {
      font-size: 36px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.jimjones-gigabyte-takeover .description {
          font-size: 42px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.jimjones-gigabyte-takeover .description p {
        margin: 0;
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.jimjones-gigabyte-takeover .description p.artist {
          font: 1.3em/1 "nationale-bold", sans-serif;
          margin-bottom: 10px; }
  .page-index-2 .splash.tidal-takeover.jayel-nolarecap-takeover {
    background-image: url(/images/index2/promos/jayelectronica/jayelectronica-nolarecap-bg.ed632222.jpg); }
    .page-index-2 .splash.tidal-takeover.jayel-nolarecap-takeover .description {
      font-size: 20px;
      letter-spacing: 1px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.jayel-nolarecap-takeover .description {
          font-size: 26px; } }
      .page-index-2 .splash.tidal-takeover.jayel-nolarecap-takeover .description p {
        margin: 0;
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.jayel-nolarecap-takeover .description p.artist {
          font: 1em/1 "nationale-bold", sans-serif;
          margin-bottom: 15px; }
          .page-index-2 .splash.tidal-takeover.jayel-nolarecap-takeover .description p.artist span {
            margin-left: 10px; }
    .page-index-2 .splash.tidal-takeover.jayel-nolarecap-takeover a.learn-more {
      display: block;
      text-transform: uppercase;
      text-align: center;
      margin-top: 20px;
      max-width: 320px;
      outline: none; }
  .page-index-2 .splash.tidal-takeover.coldseas-catacombs-track-takeover {
    background-image: url(/images/index2/promos/thecoldseas/coldseas-catacombs-bg.f24a38b8.jpg); }
    .page-index-2 .splash.tidal-takeover.coldseas-catacombs-track-takeover .takeover-right {
      font-size: 16px; }
      .page-index-2 .splash.tidal-takeover.coldseas-catacombs-track-takeover .takeover-right .description {
        text-transform: uppercase; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.coldseas-catacombs-track-takeover .takeover-right .description {
            letter-spacing: 5px; }
            .page-index-2 .splash.tidal-takeover.coldseas-catacombs-track-takeover .takeover-right .description p {
              margin-left: 0; } }
        .page-index-2 .splash.tidal-takeover.coldseas-catacombs-track-takeover .takeover-right .description img.rising-logo {
          width: 100%;
          image-rendering: optimizeSpeed;
          image-rendering: -moz-crisp-edges;
          image-rendering: -o-crisp-edges;
          image-rendering: -webkit-optimize-contrast;
          image-rendering: optimize-contrast;
          -ms-interpolation-mode: nearest-neighbor; }
        .page-index-2 .splash.tidal-takeover.coldseas-catacombs-track-takeover .takeover-right .description .artist {
          font: 2.25em/1 "nationale-bold", sans-serif; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.coldseas-catacombs-track-takeover .takeover-right .description .artist {
              font-size: 2.25em; } }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.coldseas-catacombs-track-takeover .takeover-right .description .artist {
              font-size: 2.5em; } }
        .page-index-2 .splash.tidal-takeover.coldseas-catacombs-track-takeover .takeover-right .description .title {
          font: 2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
    .page-index-2 .splash.tidal-takeover.coldseas-catacombs-track-takeover.catacombs-video-takeover {
      background-image: url(/images/index2/promos/thecoldseas/coldseas-catvideo-bg.10f05da5.jpg); }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.coldseas-catacombs-track-takeover.catacombs-video-takeover .takeover-right {
          padding-top: 0; } }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.coldseas-catacombs-track-takeover.catacombs-video-takeover .takeover-right .description p.artist {
          font-size: 1.7em; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.coldseas-catacombs-track-takeover.catacombs-video-takeover .takeover-right .description p.artist {
          font-size: 2.45em; } }
    .page-index-2 .splash.tidal-takeover.coldseas-catacombs-track-takeover.deadmaus-video-takeover {
      background-image: url(/images/index2/promos/thecoldseas/coldseas-deadmau5-bg.2d7d238e.jpg); }
      @media (min-width: 768px) and (max-width: 1023px) {
        .page-index-2 .splash.tidal-takeover.coldseas-catacombs-track-takeover.deadmaus-video-takeover .takeover-right {
          padding-top: 0; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.coldseas-catacombs-track-takeover.deadmaus-video-takeover .takeover-right {
          padding-top: 15px; } }
      .page-index-2 .splash.tidal-takeover.coldseas-catacombs-track-takeover.deadmaus-video-takeover .description p.artist {
        font-size: 1.75em;
        line-height: 1.25em;
        letter-spacing: normal; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.coldseas-catacombs-track-takeover.deadmaus-video-takeover .description p.artist {
            font-size: 1.75em;
            margin-top: 0; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.coldseas-catacombs-track-takeover.deadmaus-video-takeover .description p.artist {
            font-size: 1.45em; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.coldseas-catacombs-track-takeover.deadmaus-video-takeover .description p.artist {
            font-size: 1.8em; } }
        .page-index-2 .splash.tidal-takeover.coldseas-catacombs-track-takeover.deadmaus-video-takeover .description p.artist span.line-break {
          display: block;
          clear: both; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.coldseas-catacombs-track-takeover.deadmaus-video-takeover .description p.artist span.line-break {
              display: inline-block; } }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.coldseas-catacombs-track-takeover.deadmaus-video-takeover .description p.title {
          font-size: 1.75em; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.coldseas-catacombs-track-takeover.deadmaus-video-takeover .description p.title {
          font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.bonjovi-tour-takeover {
    background-image: url(/images/index2/promos/bonjovi/bonjovi-2017tour-bg.de8b52d8.jpg);
    text-transform: uppercase;
    background-position-x: 25%;
    padding-top: 0;
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.bonjovi-tour-takeover {
        background-position-x: 33%; } }
    @media (min-width: 1150px) {
      .page-index-2 .splash.tidal-takeover.bonjovi-tour-takeover {
        background-position-x: 30%; } }
    .page-index-2 .splash.tidal-takeover.bonjovi-tour-takeover .welcome-mat-wrapper {
      width: 100%;
      max-width: 100%;
      margin: auto 0;
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, transparent 30%);
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, transparent 30%);
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, transparent 30%); }
    .page-index-2 .splash.tidal-takeover.bonjovi-tour-takeover .takeover-full {
      position: relative;
      width: 100%;
      min-height: 85vh; }
      .page-index-2 .splash.tidal-takeover.bonjovi-tour-takeover .takeover-full .header-text {
        margin: 55px auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        font-size: 13px;
        text-align: center;
        letter-spacing: 1px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.bonjovi-tour-takeover .takeover-full .header-text {
            margin: 85px auto; } }
        .page-index-2 .splash.tidal-takeover.bonjovi-tour-takeover .takeover-full .header-text .tagline {
          font: 1.5em/1 "nationale-demibold", sans-serif; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.bonjovi-tour-takeover .takeover-full .header-text .tagline {
              font: 1.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
              letter-spacing: 3px; } }
          .page-index-2 .splash.tidal-takeover.bonjovi-tour-takeover .takeover-full .header-text .tagline span.mobile-linebreak {
            clear: both;
            display: block;
            padding-bottom: 10px; }
            @media (min-width: 768px) {
              .page-index-2 .splash.tidal-takeover.bonjovi-tour-takeover .takeover-full .header-text .tagline span.mobile-linebreak {
                display: inline-block;
                padding-bottom: 0; }
                .page-index-2 .splash.tidal-takeover.bonjovi-tour-takeover .takeover-full .header-text .tagline span.mobile-linebreak:after {
                  content: '\00a0'; } }
        .page-index-2 .splash.tidal-takeover.bonjovi-tour-takeover .takeover-full .header-text img.title {
          max-width: 300px; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.bonjovi-tour-takeover .takeover-full .header-text img.title {
              max-width: 500px; } }
      .page-index-2 .splash.tidal-takeover.bonjovi-tour-takeover .takeover-full .cta-wrapper {
        width: 80%;
        margin: 20px auto;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.bonjovi-tour-takeover .takeover-full .cta-wrapper {
            bottom: 45px; } }
  .page-index-2 .splash.tidal-takeover.boogiehoodie-video-takeover {
    background-image: url(/images/index2/promos/boogiewitdahoodie/boogiewitdahoodie-bg.eb7547b6.jpg); }
    .page-index-2 .splash.tidal-takeover.boogiehoodie-video-takeover.episode-two {
      background-image: url(/images/index2/promos/boogiewitdahoodie/boogiewitdahoodie-ep2-bg.e9d893ab.jpg); }
    .page-index-2 .splash.tidal-takeover.boogiehoodie-video-takeover.episode-three {
      background-image: url(/images/index2/promos/boogiewitdahoodie/boogiewitdahoodie-ep3-bg.41763afd.jpg); }
    .page-index-2 .splash.tidal-takeover.boogiehoodie-video-takeover.episode-four {
      background-image: url(/images/index2/promos/boogiewitdahoodie/boogiewitdahoodie-ep4-bg.0e8533d8.jpg); }
    .page-index-2 .splash.tidal-takeover.boogiehoodie-video-takeover.episode-five {
      background-image: url(/images/index2/promos/boogiewitdahoodie/boogiewitdahoodie-ep5-bg.9fce1e05.jpg); }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.boogiehoodie-video-takeover .takeover-right {
        padding-top: 0; } }
    .page-index-2 .splash.tidal-takeover.boogiehoodie-video-takeover .description {
      font-size: 16px;
      letter-spacing: 2px; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .page-index-2 .splash.tidal-takeover.boogiehoodie-video-takeover .description {
          font-size: 12px; } }
      .page-index-2 .splash.tidal-takeover.boogiehoodie-video-takeover .description img.rising-logo {
        width: 100%;
        image-rendering: optimizeSpeed;
        image-rendering: -moz-crisp-edges;
        image-rendering: -o-crisp-edges;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: optimize-contrast;
        -ms-interpolation-mode: nearest-neighbor; }
      .page-index-2 .splash.tidal-takeover.boogiehoodie-video-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.boogiehoodie-video-takeover .description p.artist {
          font: 1.2em/1 "nationale-demibold", sans-serif; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.boogiehoodie-video-takeover .description p.artist {
              font-size: 1.5em; } }
        .page-index-2 .splash.tidal-takeover.boogiehoodie-video-takeover .description p.title {
          font: 2.5em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.boogiehoodie-video-takeover .description p.extra {
          font: 1.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.sankofa-sevteen-video-takeover {
    background-image: url(/images/index2/promos/sankofa/sankofa-sevteen-bg.a11525d0.jpg);
    position: relative; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.sankofa-sevteen-video-takeover .takeover-right {
        padding-top: 0; }
      .page-index-2 .splash.tidal-takeover.sankofa-sevteen-video-takeover .cta-wrapper {
        max-width: 70%; } }
    .page-index-2 .splash.tidal-takeover.sankofa-sevteen-video-takeover .cta-wrapper p.learn-more-text {
      line-height: 2em; }
    .page-index-2 .splash.tidal-takeover.sankofa-sevteen-video-takeover .cta-wrapper .cta-btn {
      max-width: 250px;
      margin: 0 auto; }
    .page-index-2 .splash.tidal-takeover.sankofa-sevteen-video-takeover .description {
      font-size: 12px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.sankofa-sevteen-video-takeover .description {
          font-size: 15px; } }
      .page-index-2 .splash.tidal-takeover.sankofa-sevteen-video-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.sankofa-sevteen-video-takeover .description p.artist {
          font: 3.66em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.sankofa-sevteen-video-takeover .description p.title {
          font: 2.66em/1 "nationale-bold", sans-serif; }
          .page-index-2 .splash.tidal-takeover.sankofa-sevteen-video-takeover .description p.title span.thin-text {
            font-family: "nationale", "nationale-regular", "Helvetica", sans-serif; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.sankofa-sevteen-video-takeover .description p.title {
              font-family: "nationale-demibold", sans-serif; } }
        .page-index-2 .splash.tidal-takeover.sankofa-sevteen-video-takeover .description p.extra {
          font: 1em/1.2 "nationale", "nationale-regular", "Helvetica", sans-serif;
          letter-spacing: 3px; }
          .page-index-2 .splash.tidal-takeover.sankofa-sevteen-video-takeover .description p.extra span.line-break {
            display: block;
            clear: both;
            margin-bottom: 10px; }
  .page-index-2 .splash.tidal-takeover.sankofa-sevteen-album-takeover {
    background-image: url(/images/index2/promos/sankofa/sankofa-sevteen-bg.a11525d0.jpg);
    position: relative; }
    .page-index-2 .splash.tidal-takeover.sankofa-sevteen-album-takeover .description {
      font-size: 15px;
      letter-spacing: 2px; }
      .page-index-2 .splash.tidal-takeover.sankofa-sevteen-album-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-left: 0; }
        .page-index-2 .splash.tidal-takeover.sankofa-sevteen-album-takeover .description p.artist {
          font: 3.66em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.sankofa-sevteen-album-takeover .description p.title {
          font: 2.66em/1 "nationale-bold", sans-serif; }
          .page-index-2 .splash.tidal-takeover.sankofa-sevteen-album-takeover .description p.title span.thin-text {
            font-family: "nationale", "nationale-regular", "Helvetica", sans-serif; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.sankofa-sevteen-album-takeover .description p.title {
              font-family: "nationale-demibold", sans-serif; } }
  .page-index-2 .splash.tidal-takeover.romeosantos-livestream-announcement-takeover {
    background-color: #fff;
    padding-bottom: 0; }
    .page-index-2 .splash.tidal-takeover.romeosantos-livestream-announcement-takeover .logo-tidalx-romeo {
      display: block;
      width: 90%;
      max-width: 350px;
      margin: 0 auto; }
    .page-index-2 .splash.tidal-takeover.romeosantos-livestream-announcement-takeover .king {
      font: 12px/1.2 "nationale", "nationale-regular", "Helvetica", sans-serif;
      text-transform: uppercase;
      margin-top: 10px; }
    .page-index-2 .splash.tidal-takeover.romeosantos-livestream-announcement-takeover p {
      color: #000; }
    .page-index-2 .splash.tidal-takeover.romeosantos-livestream-announcement-takeover .superhero {
      display: block;
      width: 85%;
      max-width: 250px;
      margin: 0 auto; }
    .page-index-2 .splash.tidal-takeover.romeosantos-livestream-announcement-takeover .wrapper-greybox {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1f1f1+0,f1f1f1+50,f1f1f1+100&0+0,1+20,1+80,0+100 */
      background: -moz-linear-gradient(left, rgba(241, 241, 241, 0) 0%, #f1f1f1 20%, #f1f1f1 50%, #f1f1f1 80%, rgba(241, 241, 241, 0) 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, rgba(241, 241, 241, 0) 0%, #f1f1f1 20%, #f1f1f1 50%, #f1f1f1 80%, rgba(241, 241, 241, 0) 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, rgba(241, 241, 241, 0) 0%, #f1f1f1 20%, #f1f1f1 50%, #f1f1f1 80%, rgba(241, 241, 241, 0) 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      box-sizing: border-box;
      padding: 20px;
      padding-top: 40px;
      font-size: 16px;
      letter-spacing: 2px; }
      .page-index-2 .splash.tidal-takeover.romeosantos-livestream-announcement-takeover .wrapper-greybox p {
        font: 1em/1.2 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin: 0 auto;
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.romeosantos-livestream-announcement-takeover .wrapper-greybox p.nyc, .page-index-2 .splash.tidal-takeover.romeosantos-livestream-announcement-takeover .wrapper-greybox p.miami, .page-index-2 .splash.tidal-takeover.romeosantos-livestream-announcement-takeover .wrapper-greybox p.watch-live {
          font: 2em/1 "nationale-bold", sans-serif;
          letter-spacing: 5px; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.romeosantos-livestream-announcement-takeover .wrapper-greybox p.nyc, .page-index-2 .splash.tidal-takeover.romeosantos-livestream-announcement-takeover .wrapper-greybox p.miami, .page-index-2 .splash.tidal-takeover.romeosantos-livestream-announcement-takeover .wrapper-greybox p.watch-live {
              font-size: 2.5em; } }
        .page-index-2 .splash.tidal-takeover.romeosantos-livestream-announcement-takeover .wrapper-greybox p.watch-live {
          font: 1.2em/1 "nationale-bold", sans-serif;
          padding-bottom: 10px; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.romeosantos-livestream-announcement-takeover .wrapper-greybox p.watch-live {
              font-size: 2em; } }
        .page-index-2 .splash.tidal-takeover.romeosantos-livestream-announcement-takeover .wrapper-greybox p.livestream-start {
          font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
          padding-top: 20px; }
          .page-index-2 .splash.tidal-takeover.romeosantos-livestream-announcement-takeover .wrapper-greybox p.livestream-start span {
            font-family: "nationale-bold", sans-serif;
            padding-top: 10px;
            display: block;
            clear: both; }
            @media (min-width: 768px) {
              .page-index-2 .splash.tidal-takeover.romeosantos-livestream-announcement-takeover .wrapper-greybox p.livestream-start span {
                padding-top: 0;
                line-height: 1em;
                display: inline-block; } }
      .page-index-2 .splash.tidal-takeover.romeosantos-livestream-announcement-takeover .wrapper-greybox .logo-sprint {
        display: block;
        max-width: 150px;
        margin: 20px auto 30px auto;
        filter: invert(100%); }
      .page-index-2 .splash.tidal-takeover.romeosantos-livestream-announcement-takeover .wrapper-greybox .cta-wrapper .cta-btn {
        color: #000;
        border-color: #000;
        font-size: 12px;
        letter-spacing: 0; }
        .page-index-2 .splash.tidal-takeover.romeosantos-livestream-announcement-takeover .wrapper-greybox .cta-wrapper .cta-btn.cta-btn--solid {
          color: #fff;
          background-color: #000; }
  .page-index-2 .splash.tidal-takeover.princeroyce-announcement-takeover {
    background-image: url(/images/index2/promos/princeroyce/princeroyce-announcement-bg.94dfa4b6.jpg);
    position: relative;
    min-height: 80vh; }
    .page-index-2 .splash.tidal-takeover.princeroyce-announcement-takeover::after {
      display: block;
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.1+0,0.6+100;Neutral+Density */
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.6) 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.6) 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.6) 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
    .page-index-2 .splash.tidal-takeover.princeroyce-announcement-takeover .takeover-full {
      position: relative;
      z-index: 10; }
    .page-index-2 .splash.tidal-takeover.princeroyce-announcement-takeover .wrapper-text {
      font-size: 11px;
      max-width: 700px;
      margin: 0 auto;
      margin-top: 20vh; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.princeroyce-announcement-takeover .wrapper-text {
          font-size: 16px; } }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.princeroyce-announcement-takeover .wrapper-text {
          margin-top: 35vh; } }
      .page-index-2 .splash.tidal-takeover.princeroyce-announcement-takeover .wrapper-text p {
        margin: 0 auto;
        font: 1em/1.4 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        max-width: 100%;
        width: 100%;
        letter-spacing: 0.5px; }
        .page-index-2 .splash.tidal-takeover.princeroyce-announcement-takeover .wrapper-text p.title {
          font: 2.5em "nationale-bold", sans-serif;
          margin-bottom: 20px;
          letter-spacing: 3px; }
          .page-index-2 .splash.tidal-takeover.princeroyce-announcement-takeover .wrapper-text p.title span.tidalx {
            color: #00FFFF;
            font-family: "nationale-demibold", sans-serif;
            display: block; }
            @media (min-width: 768px) {
              .page-index-2 .splash.tidal-takeover.princeroyce-announcement-takeover .wrapper-text p.title span.tidalx {
                display: inline; } }
            .page-index-2 .splash.tidal-takeover.princeroyce-announcement-takeover .wrapper-text p.title span.tidalx span {
              font-family: "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.princeroyce-announcement-takeover .wrapper-text p.subtitle {
          font: 1.2em "nationale-bold", sans-serif;
          margin-bottom: 10px;
          letter-spacing: 1px; }
        .page-index-2 .splash.tidal-takeover.princeroyce-announcement-takeover .wrapper-text p.info {
          font: 1em "nationale-demibold", sans-serif;
          margin-bottom: 10px;
          max-width: 470px; }
        .page-index-2 .splash.tidal-takeover.princeroyce-announcement-takeover .wrapper-text p.hashtag {
          color: #00FFFF; }
  .page-index-2 .splash.tidal-takeover.fatjoeremyma-plata-announcement-takeover {
    background-image: url(/images/index2/promos/fatjoe/fatjoeremyma-plataoplomo-bg.da293385.jpg);
    min-height: 85vh;
    background-position: center top; }
    .page-index-2 .splash.tidal-takeover.fatjoeremyma-plata-announcement-takeover .logo-fatjoeremyma {
      display: block;
      width: 90%;
      max-width: 500px;
      margin: auto; }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.fatjoeremyma-plata-announcement-takeover .logo-fatjoeremyma {
          margin-top: 10vh; } }
    .page-index-2 .splash.tidal-takeover.fatjoeremyma-plata-announcement-takeover .wrapper-text {
      letter-spacing: 1px;
      font-size: 14px;
      margin-top: 30vh; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.fatjoeremyma-plata-announcement-takeover .wrapper-text {
          margin-top: 25vh;
          font-size: 16px; } }
      .page-index-2 .splash.tidal-takeover.fatjoeremyma-plata-announcement-takeover .wrapper-text p {
        text-transform: uppercase;
        margin: 0 auto;
        max-width: 580px;
        text-align: center;
        font: 1em/1.3 "nationale-demibold", sans-serif;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
        .page-index-2 .splash.tidal-takeover.fatjoeremyma-plata-announcement-takeover .wrapper-text p.when-where {
          font: 1.4em/1.3 "nationale", "nationale-regular", "Helvetica", sans-serif;
          margin-top: 10px; }
          .page-index-2 .splash.tidal-takeover.fatjoeremyma-plata-announcement-takeover .wrapper-text p.when-where span {
            display: block;
            font-family: "nationale-bold", sans-serif; }
            @media (min-width: 768px) {
              .page-index-2 .splash.tidal-takeover.fatjoeremyma-plata-announcement-takeover .wrapper-text p.when-where span {
                display: inline; } }
        .page-index-2 .splash.tidal-takeover.fatjoeremyma-plata-announcement-takeover .wrapper-text p.hashtag {
          font: 1.1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
          letter-spacing: 1px;
          color: #00FFFF;
          margin: 20px auto; }
    .page-index-2 .splash.tidal-takeover.fatjoeremyma-plata-announcement-takeover .logo-tidal-sprint {
      display: block;
      width: 100%;
      max-width: 200px;
      margin: 20px auto 30px; }
    .page-index-2 .splash.tidal-takeover.fatjoeremyma-plata-announcement-takeover.fatjoeremyma-plata-1stlisten-takeover .wrapper-text p.win-description {
      max-width: 440px;
      font-size: 0.9em; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.fatjoeremyma-plata-announcement-takeover.fatjoeremyma-plata-1stlisten-takeover .wrapper-text p.win-description {
          font-size: 1.2em; } }
  .page-index-2 .splash.tidal-takeover.fatjoeremyma-plata-stores-takeover {
    background-color: #000;
    font-size: 14px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.fatjoeremyma-plata-stores-takeover {
        letter-spacing: 1px;
        font-size: 16px; } }
    .page-index-2 .splash.tidal-takeover.fatjoeremyma-plata-stores-takeover p.head {
      letter-spacing: 1px;
      text-transform: uppercase;
      font: 1em/1.4 "nationale-demibold", sans-serif;
      margin-bottom: 40px;
      width: 80%;
      max-width: 900px; }
    .page-index-2 .splash.tidal-takeover.fatjoeremyma-plata-stores-takeover .wrapper-text {
      margin-bottom: 60px; }
      .page-index-2 .splash.tidal-takeover.fatjoeremyma-plata-stores-takeover .wrapper-text p {
        font: 1em/1.4 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin-bottom: 20px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.fatjoeremyma-plata-stores-takeover .wrapper-text p {
          text-align: left; }
        .page-index-2 .splash.tidal-takeover.fatjoeremyma-plata-stores-takeover .wrapper-text .left {
          float: left;
          width: 49%;
          box-sizing: border-box;
          padding: 20px; }
        .page-index-2 .splash.tidal-takeover.fatjoeremyma-plata-stores-takeover .wrapper-text .right {
          float: right;
          width: 49%;
          margin-left: 2%;
          box-sizing: border-box;
          padding: 20px; } }
    .page-index-2 .splash.tidal-takeover.fatjoeremyma-plata-stores-takeover a.terms {
      text-align: center;
      font: 0.9em/1 "nationale-demibold", sans-serif;
      color: #fff; }
  .page-index-2 .splash.tidal-takeover.fatjoeremyma-plata-takeover {
    background-image: url(/images/index2/promos/fatjoe/fatjoeremyma-plata-bg.790ffb5c.jpg); }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.fatjoeremyma-plata-takeover .takeover-right {
        padding-top: 60px; } }
    .page-index-2 .splash.tidal-takeover.fatjoeremyma-plata-takeover .description {
      font-size: 15px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.fatjoeremyma-plata-takeover .description {
          font-size: 22px;
          letter-spacing: 3px; } }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.fatjoeremyma-plata-takeover .description {
          font-size: 26px; } }
      .page-index-2 .splash.tidal-takeover.fatjoeremyma-plata-takeover .description p {
        margin: 0;
        text-transform: uppercase;
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.fatjoeremyma-plata-takeover .description p.artist {
          font: 1.66em/1 "nationale-bold", sans-serif;
          margin-bottom: 10px; }
        .page-index-2 .splash.tidal-takeover.fatjoeremyma-plata-takeover .description p.title {
          font: 1.66em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.fatjoeremyma-plata-takeover .description p.extra {
          font: 1em/1.2 "nationale-demibold", sans-serif;
          margin-top: 20px;
          letter-spacing: 2px;
          max-width: 440px; }
    .page-index-2 .splash.tidal-takeover.fatjoeremyma-plata-takeover .logo-tidal-sprint {
      display: block;
      width: 100%;
      max-width: 250px;
      margin: 20px 0 0 40px; }
  .page-index-2 .splash.tidal-takeover.romeosantos-heroevideo-takeover {
    background-image: url(/images/index2/promos/romeosantos/romeosantos-heroefavoritovideo-bg.43d10ac0.jpg); }
    .page-index-2 .splash.tidal-takeover.romeosantos-heroevideo-takeover .logo-romeo {
      width: 90%;
      max-width: 350px;
      margin-bottom: 20px; }
    .page-index-2 .splash.tidal-takeover.romeosantos-heroevideo-takeover .description {
      font-size: 20px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.romeosantos-heroevideo-takeover .description {
          font-size: 26px;
          letter-spacing: 3px; } }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.romeosantos-heroevideo-takeover .description {
          font-size: 28px; } }
      .page-index-2 .splash.tidal-takeover.romeosantos-heroevideo-takeover .description p {
        text-transform: uppercase;
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin: 10px 0 0;
        color: #000; }
        .page-index-2 .splash.tidal-takeover.romeosantos-heroevideo-takeover .description p.title {
          font-size: 1.4em; }
        .page-index-2 .splash.tidal-takeover.romeosantos-heroevideo-takeover .description p.extra {
          letter-spacing: 1px; }
    .page-index-2 .splash.tidal-takeover.romeosantos-heroevideo-takeover .logo-tidal-sprint {
      display: block;
      margin: 40px auto;
      width: 100%;
      max-width: 250px; }
    .page-index-2 .splash.tidal-takeover.romeosantos-heroevideo-takeover .btn-wrapper .btn-new {
      border-color: #000;
      background-color: #000;
      color: #fff !important; }
  .page-index-2 .splash.tidal-takeover.romeosantos-heroevideo-bts-takeover {
    background-image: url(/images/index2/promos/romeosantos/romeosantos-heroefavorito-bts-video-bg.54101f4a.jpg); }
    .page-index-2 .splash.tidal-takeover.romeosantos-heroevideo-bts-takeover .logo-romeo {
      width: 90%;
      max-width: 350px;
      margin-bottom: 20px; }
    .page-index-2 .splash.tidal-takeover.romeosantos-heroevideo-bts-takeover .description {
      font-size: 26px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.romeosantos-heroevideo-bts-takeover .description {
          font-size: 32px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.romeosantos-heroevideo-bts-takeover .description p {
        text-transform: uppercase;
        font: 1em/1 "nationale-demibold", sans-serif;
        margin: 10px 0 0;
        letter-spacing: 0px; }
        .page-index-2 .splash.tidal-takeover.romeosantos-heroevideo-bts-takeover .description p.artist {
          font: 1.4em/1.4 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.romeosantos-heroevideo-bts-takeover .description p.title {
          font: 0.95em/1.3 "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.romeosantos-heroevideo-bts-takeover .description p.extra {
          font: 0.7em/1.2 "nationale", "nationale-regular", "Helvetica", sans-serif;
          text-transform: none;
          letter-spacing: 0;
          margin-top: 10px; }
    .page-index-2 .splash.tidal-takeover.romeosantos-heroevideo-bts-takeover .logo-tidal-sprint {
      display: block;
      margin: 40px auto;
      width: 100%;
      max-width: 250px; }
  .page-index-2 .splash.tidal-takeover.romeosantos-heroesingle-takeover {
    background-image: url(/images/index2/promos/romeosantos/romeosantos-heroefavorito-bg.3bd5eaf6.jpg); }
    .page-index-2 .splash.tidal-takeover.romeosantos-heroesingle-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.romeosantos-heroesingle-takeover .description {
          font-size: 26px; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.romeosantos-heroesingle-takeover .description {
          font-size: 32px; } }
      .page-index-2 .splash.tidal-takeover.romeosantos-heroesingle-takeover .description p {
        text-transform: uppercase;
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin: 0; }
        .page-index-2 .splash.tidal-takeover.romeosantos-heroesingle-takeover .description p.artist {
          font: 1.4em/1.4 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.romeosantos-announcement {
    background-image: url(/images/index2/promos/romeosantos/romeosantos-background.7234849b.jpg);
    font-size: 16px; }
    .page-index-2 .splash.tidal-takeover.romeosantos-announcement .fonts-romeo {
      color: #f2e597;
      text-transform: uppercase;
      text-align: center; }
    .page-index-2 .splash.tidal-takeover.romeosantos-announcement p.tidalx {
      font: 1.1em/1 "nationale-demibold", sans-serif;
      margin: 0 auto;
      letter-spacing: 5px; }
    .page-index-2 .splash.tidal-takeover.romeosantos-announcement img.logo {
      display: block;
      max-width: 350px;
      width: 90%;
      margin: 10px auto; }
    .page-index-2 .splash.tidal-takeover.romeosantos-announcement .wrapper-embed {
      max-width: 600px;
      margin: 20px auto 30px; }
    .page-index-2 .splash.tidal-takeover.romeosantos-announcement p.king {
      font: 0.9em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
      margin-bottom: 10px;
      letter-spacing: 3px; }
    .page-index-2 .splash.tidal-takeover.romeosantos-announcement p.msg {
      font-size: 1em;
      letter-spacing: 3px;
      max-width: 600px;
      margin-bottom: 30px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.romeosantos-announcement p.msg {
          font-size: 1.6em; } }
    .page-index-2 .splash.tidal-takeover.romeosantos-announcement .logo-tidal-sprint {
      display: block;
      max-width: 200px;
      margin: 20px auto; }
  .page-index-2 .splash.tidal-takeover.valentinesday-takeover {
    background-color: #fff;
    min-height: 85vh; }
    .page-index-2 .splash.tidal-takeover.valentinesday-takeover .wrapper-tape {
      max-width: 320px;
      margin: auto; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.valentinesday-takeover .wrapper-tape {
          max-width: 780px; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.valentinesday-takeover .wrapper-tape {
          margin-top: 10vh; } }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.valentinesday-takeover .wrapper-tape {
          margin-top: 20vh; } }
    .page-index-2 .splash.tidal-takeover.valentinesday-takeover .left {
      float: none;
      width: 100%; }
      @media (max-width: 767px) {
        .page-index-2 .splash.tidal-takeover.valentinesday-takeover .left {
          margin-top: -50px; } }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.valentinesday-takeover .left {
          float: left;
          width: 40%; } }
      .page-index-2 .splash.tidal-takeover.valentinesday-takeover .left h1, .page-index-2 .splash.tidal-takeover.valentinesday-takeover .left h2 {
        color: #734156;
        text-transform: uppercase;
        font: 32px/1.2 "nationale-bold", sans-serif;
        font-style: italic;
        margin-top: 0;
        max-width: 300px;
        letter-spacing: 1px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.valentinesday-takeover .left h1, .page-index-2 .splash.tidal-takeover.valentinesday-takeover .left h2 {
            padding-top: 35px; } }
      .page-index-2 .splash.tidal-takeover.valentinesday-takeover .left .intro {
        letter-spacing: 1px;
        line-height: 1.5;
        font-style: italic;
        color: #734156;
        margin-bottom: 30px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.valentinesday-takeover .left h1, .page-index-2 .splash.tidal-takeover.valentinesday-takeover .left h2, .page-index-2 .splash.tidal-takeover.valentinesday-takeover .left .intro {
          text-align: left; } }
    .page-index-2 .splash.tidal-takeover.valentinesday-takeover .right {
      float: none;
      width: 100%; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.valentinesday-takeover .right {
          float: right;
          width: 50%; } }
      .page-index-2 .splash.tidal-takeover.valentinesday-takeover .right img {
        display: block;
        width: 100%; }
        @media (max-width: 767px) {
          .page-index-2 .splash.tidal-takeover.valentinesday-takeover .right img {
            max-width: 260px;
            margin-left: auto;
            margin-right: auto; } }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.valentinesday-takeover .cta-wrapper {
        position: relative;
        top: -50px; } }
    .page-index-2 .splash.tidal-takeover.valentinesday-takeover .cta-wrapper .cta-btn {
      color: #734156;
      border: 2px solid #734156; }
  .page-index-2 .splash.tidal-takeover.djkhaled-shining-takeover {
    background-image: url(/images/index2/promos/djkhaled/shining/djkhaled-shining-bg.eb94ed26.jpg); }
    .page-index-2 .splash.tidal-takeover.djkhaled-shining-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.djkhaled-shining-takeover .description {
          font-size: 32px; } }
      .page-index-2 .splash.tidal-takeover.djkhaled-shining-takeover .description p {
        margin: 0;
        text-transform: uppercase;
        font: 1em/1.2 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.djkhaled-shining-takeover .description p.artist {
          font: 2.3em "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.djkhaled-shining-takeover .description p.feat {
          margin-bottom: 15px;
          font-family: "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.djkhaled-shining-takeover .description p.title {
          font-family: "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.grimes-venusfly-takeover {
    background-image: url(/images/index2/promos/grimes/grimes-venusfly-bg.17f9c1ba.jpg); }
    .page-index-2 .splash.tidal-takeover.grimes-venusfly-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.grimes-venusfly-takeover .description {
          font-size: 32px; } }
      .page-index-2 .splash.tidal-takeover.grimes-venusfly-takeover .description p {
        margin: 0;
        text-transform: uppercase;
        font: 1em/1.2 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.grimes-venusfly-takeover .description p.artist {
          font: 1.25em "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.grimes-venusfly-takeover .description p.feat {
          margin-bottom: 10px; }
        .page-index-2 .splash.tidal-takeover.grimes-venusfly-takeover .description p.title {
          font-family: "nationale-demibold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.grimes-venusfly-takeover.grimes-venusflybts-takeover {
      background-image: url(/images/index2/promos/grimes/grimes-venusflybts-bg.d9563c7e.jpg); }
      .page-index-2 .splash.tidal-takeover.grimes-venusfly-takeover.grimes-venusflybts-takeover .description p.title {
        font-size: 0.7em; }
        @media screen and (min-width: 768px) and (max-width: 819px) {
          .page-index-2 .splash.tidal-takeover.grimes-venusfly-takeover.grimes-venusflybts-takeover .description p.title {
            letter-spacing: 1px; } }
  .page-index-2 .splash.tidal-takeover.bas-thtr-doc-takeover {
    background-image: url(/images/index2/promos/bas/thtr-docu-bg.2e0919ba.jpg); }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.bas-thtr-doc-takeover .takeover-right {
        padding-top: 0; } }
    .page-index-2 .splash.tidal-takeover.bas-thtr-doc-takeover img.rising {
      display: block;
      max-width: 250px;
      margin-bottom: 10px; }
    .page-index-2 .splash.tidal-takeover.bas-thtr-doc-takeover .description {
      font-size: 22px;
      letter-spacing: 1px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.bas-thtr-doc-takeover .description {
          font-size: 28px; } }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.bas-thtr-doc-takeover .description {
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.bas-thtr-doc-takeover .description p {
        margin: 0;
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.bas-thtr-doc-takeover .description p.artist {
          font: 2.8em/1.2 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.bas-thtr-doc-takeover .description p.title {
          font: 1em/1.2 "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.bas-thtr-doc-takeover .description p.trailer {
          font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
    .page-index-2 .splash.tidal-takeover.bas-thtr-doc-takeover .btn-wrapper {
      max-width: 250px; }
    .page-index-2 .splash.tidal-takeover.bas-thtr-doc-takeover a.learn-more {
      display: block;
      margin: 20px 0;
      max-width: 250px;
      text-align: center;
      text-transform: uppercase; }
  .page-index-2 .splash.tidal-takeover.jayz-article-takeover {
    background-image: url(/images/index2/promos/jayz/jayz-article-bg.6da0c0f5.jpg);
    background-position: center top;
    min-height: 85vh; }
    .page-index-2 .splash.tidal-takeover.jayz-article-takeover .takeover-full {
      text-transform: uppercase;
      font-size: 12px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.jayz-article-takeover .takeover-full {
          font-size: 18px; } }
      .page-index-2 .splash.tidal-takeover.jayz-article-takeover .takeover-full p {
        margin: 0 auto;
        max-width: 100%;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); }
        .page-index-2 .splash.tidal-takeover.jayz-article-takeover .takeover-full p.head {
          margin-top: 30vh;
          margin-bottom: 20px;
          font: 1.6em/1.2 "nationale-demibold", sans-serif;
          letter-spacing: 2px;
          max-width: 900px; }
          @media (min-width: 1400px) {
            .page-index-2 .splash.tidal-takeover.jayz-article-takeover .takeover-full p.head {
              margin-top: 40vh; } }
        .page-index-2 .splash.tidal-takeover.jayz-article-takeover .takeover-full p.text {
          max-width: 800px;
          font: 1em/1.3 "nationale", "nationale-regular", "Helvetica", sans-serif;
          margin-bottom: 40px;
          letter-spacing: 1px; }
      .page-index-2 .splash.tidal-takeover.jayz-article-takeover .takeover-full a.link {
        text-transform: uppercase;
        text-decoration: underline;
        font: 1.1em/1 "nationale-demibold", sans-serif !important;
        letter-spacing: 1px; }
  .page-index-2 .splash.tidal-takeover.bas-thtr-trailer-takeover {
    background-image: url(/images/index2/promos/bas/thtr-trailer-bg.a1d39e25.jpg); }
    .page-index-2 .splash.tidal-takeover.bas-thtr-trailer-takeover .description {
      font-size: 26px;
      letter-spacing: 2px; }
      .page-index-2 .splash.tidal-takeover.bas-thtr-trailer-takeover .description p {
        margin: 0;
        text-transform: uppercase;
        font: 1em/1.2 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.bas-thtr-trailer-takeover .description p.artist {
          font: 3em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.bas-thtr-trailer-takeover .description p.title {
          font-family: "nationale-demibold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.bas-thtr-trailer-takeover .btn-wrapper {
      max-width: 250px; }
  .page-index-2 .splash.tidal-takeover.migos-culture-takeover {
    background-image: url(/images/index2/promos/migos/migos-culture-bg.f5dcf23b.jpg); }
    .page-index-2 .splash.tidal-takeover.migos-culture-takeover .description {
      font-size: 30px;
      letter-spacing: 3px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.migos-culture-takeover .description {
          font-size: 40px;
          letter-spacing: 5px; } }
      .page-index-2 .splash.tidal-takeover.migos-culture-takeover .description p {
        margin: 0;
        text-transform: uppercase;
        font: 1em/1 "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.migos-culture-takeover .description p.artist {
          font: 2em/1.3 "nationale-bold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.migos-culture-takeover .btn-wrapper {
      max-width: 250px; }
  .page-index-2 .splash.tidal-takeover.migos-announcement-takeover {
    background-image: url(/images/index2/promos/migos/migos-announcement-bg.847306a1.jpg);
    background-repeat: repeat;
    background-size: 250px;
    font-size: 13px; }
    .page-index-2 .splash.tidal-takeover.migos-announcement-takeover img {
      display: block;
      margin: 0 auto; }
      .page-index-2 .splash.tidal-takeover.migos-announcement-takeover img.logo-migos {
        max-width: 250px; }
      .page-index-2 .splash.tidal-takeover.migos-announcement-takeover img.top-migos {
        max-width: 500px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.migos-announcement-takeover {
        font-size: 20px; } }
    .page-index-2 .splash.tidal-takeover.migos-announcement-takeover p {
      font: 1em/1.3 "nationale", "nationale-regular", "Helvetica", sans-serif;
      margin: 0 auto 20px;
      text-transform: uppercase; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.migos-announcement-takeover p {
          letter-spacing: 2px; } }
      .page-index-2 .splash.tidal-takeover.migos-announcement-takeover p.date {
        font: 2em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.migos-announcement-takeover p.hashtag {
        font: 1.6em/1 "nationale-bold", sans-serif;
        margin-bottom: 60px; }
  .page-index-2 .splash.tidal-takeover.migos-essentials-takeover {
    background-image: url(/images/index2/promos/migos/migos-essentials-bg.df9abbc3.jpg); }
    .page-index-2 .splash.tidal-takeover.migos-essentials-takeover .description {
      font-size: 46px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.migos-essentials-takeover .description {
          letter-spacing: 3px;
          font-size: 56px; } }
      .page-index-2 .splash.tidal-takeover.migos-essentials-takeover .description p {
        margin: 0;
        font: 1em/1.4 "nationale-bold", sans-serif;
        text-transform: uppercase; }
  .page-index-2 .splash.tidal-takeover.arcadefire-igiveyoupower-takeover {
    background-image: url(/images/index2/promos/arcadefire/arcadefire-giveyoupower-bg.159407ce.jpg); }
    .page-index-2 .splash.tidal-takeover.arcadefire-igiveyoupower-takeover .description {
      text-transform: uppercase;
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.arcadefire-igiveyoupower-takeover .description {
          letter-spacing: 3px;
          font-size: 32px; } }
      .page-index-2 .splash.tidal-takeover.arcadefire-igiveyoupower-takeover .description p {
        margin: 0;
        font: 1em/1.5 "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.arcadefire-igiveyoupower-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.arcadefire-igiveyoupower-takeover .description p.featuring {
          font: 0.84em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.yamsday-takeover {
    background-color: #fff; }
    .page-index-2 .splash.tidal-takeover.yamsday-takeover .takeover-right p {
      color: #000;
      letter-spacing: 2px;
      text-transform: uppercase; }
      .page-index-2 .splash.tidal-takeover.yamsday-takeover .takeover-right p.tidalx {
        font-size: 1.2em; }
      .page-index-2 .splash.tidal-takeover.yamsday-takeover .takeover-right p.date {
        font: 1.8em/1 "nationale-demibold", sans-serif;
        letter-spacing: 5px; }
      .page-index-2 .splash.tidal-takeover.yamsday-takeover .takeover-right p.begins span {
        display: block; }
      .page-index-2 .splash.tidal-takeover.yamsday-takeover .takeover-right p.hashtag {
        color: #7a53f2;
        font-family: "nationale-demibold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.yamsday-takeover .takeover-right img {
      max-width: 350px; }
    .page-index-2 .splash.tidal-takeover.yamsday-takeover .takeover-right .cta-wrapper {
      margin: 60px auto 0; }
      .page-index-2 .splash.tidal-takeover.yamsday-takeover .takeover-right .cta-wrapper .cta-btn {
        border-color: #000;
        color: #000; }
      .page-index-2 .splash.tidal-takeover.yamsday-takeover .takeover-right .cta-wrapper .cta-btn--solid {
        background-color: #7a53f2;
        border-color: #7a53f2;
        color: #fff; }
  .page-index-2 .splash.tidal-takeover.bzzy-ifyouonlyknew-takeover {
    background-image: url(/images/index2/promos/bzzy/bzzy-ifyouonlyknew-video-takeover-bg.3a729ff2.jpg); }
    .page-index-2 .splash.tidal-takeover.bzzy-ifyouonlyknew-takeover .description {
      font-size: 22px;
      letter-spacing: 3px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.bzzy-ifyouonlyknew-takeover .description {
          font-size: 30px; } }
      .page-index-2 .splash.tidal-takeover.bzzy-ifyouonlyknew-takeover .description p {
        margin: 0;
        font: 1em/1 "nationale-demibold", sans-serif;
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.bzzy-ifyouonlyknew-takeover .description p.artist {
          font: 1.2em/1.3 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.claudialeitte-taquita-video-takeover {
    background-image: url(/images/index2/promos/claudialeitte/claudialeitte-taquita-video-bg.eaf96f82.jpg); }
    .page-index-2 .splash.tidal-takeover.claudialeitte-taquita-video-takeover .description {
      font-size: 26px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.claudialeitte-taquita-video-takeover .description {
          letter-spacing: 3px;
          font-size: 36px; } }
      .page-index-2 .splash.tidal-takeover.claudialeitte-taquita-video-takeover .description p {
        margin: 0;
        font: 1em/1 "nationale-demibold", sans-serif;
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.claudialeitte-taquita-video-takeover .description p.artist {
          font-size: 1.25em;
          margin-bottom: 10px; }
  .page-index-2 .splash.tidal-takeover.mqa-takeover .welcome-mat-wrapper {
    overflow: visible; }
  .page-index-2 .splash.tidal-takeover.mqa-takeover.mqa-takeover-bg {
    background-image: url(/images/index2/promos/mqa/mqa-bg.3f32c5b7.jpg);
    box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.7);
    padding-bottom: 100px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.mqa-takeover.mqa-takeover-bg {
        padding-bottom: 300px; } }
  .page-index-2 .splash.tidal-takeover.mqa-takeover:nth-child(2) {
    background: black;
    background: -moz-linear-gradient(top, black 0%, #111111 100%);
    background: -webkit-linear-gradient(top, black 0%, #111111 100%);
    background: linear-gradient(to bottom, black 0%, #111111 100%);
    border-top: 1px solid rgba(255, 255, 255, 0.05); }
  .page-index-2 .splash.tidal-takeover.mqa-takeover span.italic {
    font-style: italic; }
  .page-index-2 .splash.tidal-takeover.mqa-takeover span.underline {
    text-decoration: underline; }
  .page-index-2 .splash.tidal-takeover.mqa-takeover a.disabled {
    pointer-events: none; }
  .page-index-2 .splash.tidal-takeover.mqa-takeover a.disabled--mobile {
    text-decoration: none; }
  @media (min-width: 768px) {
    .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-right {
      padding-top: 0; } }
  .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-right .description img {
    max-width: 400px; }
  .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-right p.intro {
    font-size: 1.3em; }
  .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-right p.hifionly {
    font-size: 0.8em; }
  .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-right .btn-wrapper {
    max-width: 250px; }
  .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .logo-mqa-animated {
    text-transform: uppercase;
    font-size: 1.5em; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .logo-mqa-animated {
        font-size: 2.2em; } }

@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0; }
  40% {
    opacity: 0.6; }
  100% {
    opacity: 1;
    letter-spacing: 7px; } }
  .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .tracking-in-expand {
    -webkit-animation: tracking-in-expand 6s cubic-bezier(0.215, 0.61, 0.355, 1) both;
    -moz-animation: tracking-in-expand 6s cubic-bezier(0.215, 0.61, 0.355, 1) both;
    animation: tracking-in-expand 6s cubic-bezier(0.215, 0.61, 0.355, 1) both; }
  .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full img {
    display: block;
    margin: 0 auto 40px; }
    .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full img.icon-white {
      max-width: 60px;
      margin-bottom: 0; }
    .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full img.logo-mqa {
      width: 80%;
      max-width: 350px; }
  .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full p {
    max-width: 700px; }
    .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full p.intro {
      margin: 30px auto;
      font-size: 1.1em;
      letter-spacing: 3px; }
    .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full p.brief {
      max-width: 900px; }
    .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full p.sample {
      font-size: 14px;
      margin-top: 60px;
      font-style: italic; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full p.sample {
          font-size: 16px; } }
  .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full a {
    outline: none; }
    .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full a:hover {
      opacity: 1; }
  .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full a.faq {
    text-decoration: none;
    font-family: "nationale-demibold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full a.faq:hover {
      color: #00FFFF; }
  .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-embed {
    margin: -150px auto 40px auto;
    max-width: 600px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-embed {
        margin-top: -350px; } }
  .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-boxes {
    max-width: 600px;
    margin: 60px auto; }
    .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-boxes .box {
      width: 90%;
      box-sizing: border-box;
      padding: 30px;
      border-top: 3px solid #00ffff;
      background-color: #232323;
      margin: 20px auto; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-boxes .box {
          float: left;
          max-width: 49%;
          margin: 0; }
          .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-boxes .box + .box {
            margin-left: 2%;
            margin-bottom: 0; } }
      .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-boxes .box p {
        margin: 20px auto 0; }
        .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-boxes .box p.head {
          font: 1.2em/1 "nationale-demibold", sans-serif;
          text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-boxes .box p.desc {
          min-height: 100px; }
      .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-boxes .box a.choice {
        display: block;
        box-sizing: border-box;
        padding: 13px;
        border: 1px solid #fff;
        text-decoration: none;
        font: 0.8em/1 "nationale-demibold", sans-serif;
        letter-spacing: 2px;
        text-transform: uppercase;
        border-radius: 2px; }
  .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full div.no-point {
    cursor: default !important; }
    .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full div.no-point a {
      cursor: default !important; }
    .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full div.no-point:hover p.title {
      color: #fff !important; }
  .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-app-check {
    display: none;
    margin: 40px auto; }
    @media screen and (min-width: 1025px) {
      .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-app-check {
        display: block; } }
    .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-app-check h1.title, .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-app-check h2.title {
      font: 1.5em/1 "nationale-bold", sans-serif;
      letter-spacing: 2px;
      margin-bottom: 10px; }
    .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-app-check p {
      margin: 0 auto; }
      .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-app-check p.copy {
        color: #aaa; }
    .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-app-check a.download-link,
    .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-app-check p.links-revealed {
      color: #aaa;
      display: none;
      font: 16px/1.2 "nationale", "nationale-regular", "Helvetica", sans-serif; }
    .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-app-check .download-link {
      text-decoration: none; }
      .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-app-check .download-link:hover {
        color: #00FFFF; }
    .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-app-check label.checkbox-text {
      display: block;
      box-sizing: border-box;
      width: 100%;
      max-width: 350px;
      margin: 30px auto 15px;
      padding: 20px;
      border: 1px solid #fff;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      letter-spacing: 0.5px;
      color: #fff;
      font: 15px/1 "nationale-demibold", sans-serif;
      cursor: pointer;
      text-transform: uppercase; }
      .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-app-check label.checkbox-text:hover {
        cursor: pointer; }
      .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-app-check label.checkbox-text span {
        margin-left: 5px; }
      .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-app-check label.checkbox-text input.checkbox-app {
        width: 20px;
        height: 20px;
        vertical-align: text-bottom;
        appearance: none;
        -webkit-appearance: none;
        background-color: transparent;
        border: 1px solid #fff;
        padding: 9px;
        border-radius: 3px;
        display: inline-block;
        position: relative; }
        .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-app-check label.checkbox-text input.checkbox-app:hover {
          background-color: rgba(255, 255, 255, 0.15);
          cursor: pointer; }
        .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-app-check label.checkbox-text input.checkbox-app:active {
          background-color: rgba(255, 255, 255, 0.25); }
        .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-app-check label.checkbox-text input.checkbox-app:checked {
          border: 1px solid #00FFFF;
          color: #00FFFF; }
          .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-app-check label.checkbox-text input.checkbox-app:checked:after {
            font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
            content: '\2714';
            font-size: 15px;
            position: absolute;
            top: 0px;
            left: 3px;
            color: #00FFFF; }
      .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-app-check label.checkbox-text.active-border {
        border-color: #00FFFF;
        color: #00FFFF; }
    .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-app-check .item-visible {
      display: block !important; }
  .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-tab-nav {
    display: block;
    text-align: center;
    width: 90%;
    max-width: 600px;
    margin: 60px auto;
    font-size: 14px;
    text-transform: uppercase; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-tab-nav {
        font-size: 18px; } }
    .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-tab-nav a {
      color: #fff;
      font: 1em/1 "nationale-bold", sans-serif;
      text-decoration: none;
      cursor: pointer;
      outline: 0;
      padding-bottom: 10px;
      border-bottom: 3px solid #FFF;
      display: block;
      float: left;
      box-sizing: border-box;
      width: 49%; }
      .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-tab-nav a:last-of-type {
        margin-left: 2%; }
      .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-tab-nav a.active {
        color: #00FFFF;
        border-bottom: 3px solid #00FFFF; }
      .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-tab-nav a span {
        display: none; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-tab-nav a span {
            display: inline; } }
  .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-albums {
    margin: 40px auto;
    width: 100%;
    max-width: 400px; }
    .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-albums .wrapper-album {
      cursor: pointer;
      box-sizing: border-box;
      width: 100%;
      padding: 20px;
      border-top: 2px solid transparent;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-albums .wrapper-album img {
        display: block;
        width: 100%;
        margin: 0 auto; }
        @media (max-width: 767px) {
          .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-albums .wrapper-album img {
            max-width: 150px; } }
      .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-albums .wrapper-album p {
        text-transform: uppercase;
        margin: 0;
        font: 12px/1.2 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-albums .wrapper-album p.artist {
          margin: 20px 0 5px;
          font-family: "nationale-demibold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-albums .wrapper-album:not(.no-point):hover {
        border-top: 2px solid #00FFFF; }
      .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-albums .wrapper-album:not(.no-point):hover p {
        color: #00FFFF; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-albums {
        max-width: 750px; }
        .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-albums .wrapper-album {
          float: left;
          width: 33%;
          min-height: 350px; } }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-albums {
        max-width: 1000px; }
        .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-albums .wrapper-album {
          float: left;
          width: 20%;
          min-height: 300px; } }
  .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-playlists {
    margin: 40px auto;
    width: 100%;
    max-width: 400px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-playlists {
        max-width: 750px; } }
    @media (min-width: 1400px) {
      .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-playlists {
        max-width: 1000px; } }
    .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-playlists .wrapper-playlist {
      cursor: pointer;
      box-sizing: border-box;
      width: 100%;
      padding: 20px;
      display: block;
      border-top: 2px solid transparent;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-playlists .wrapper-playlist {
          width: 45%;
          display: inline-block; }
          .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-playlists .wrapper-playlist p {
            font-family: "nationale-bold", sans-serif !important; }
          .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-playlists .wrapper-playlist:hover:not(.no-point) {
            border-top: 2px solid #00FFFF; }
            .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-playlists .wrapper-playlist:hover:not(.no-point) p {
              color: #00FFFF; } }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-playlists .wrapper-playlist {
          width: 33%;
          float: left; } }
      .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-playlists .wrapper-playlist img {
        display: block;
        width: 100%;
        margin: 0 auto; }
      .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-playlists .wrapper-playlist p {
        text-transform: uppercase;
        margin: 0;
        font: 12px/1.2 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.mqa-takeover .takeover-full .wrapper-playlists .wrapper-playlist p.title {
          margin: 30px auto; }
  .page-index-2 .splash.tidal-takeover.mqa-takeover.mqa-takeover-faq .logo-mqa {
    margin-top: 40px; }
  .page-index-2 .splash.tidal-takeover.mqa-takeover.mqa-takeover-faq .head {
    text-transform: uppercase;
    font-family: "nationale-bold", sans-serif;
    margin: 40px auto;
    letter-spacing: 2px;
    font-size: 1em; }
  .page-index-2 .splash.tidal-takeover.mqa-takeover.mqa-takeover-faq .wrapper-faq {
    max-width: 600px;
    margin: 40px auto 60px; }
    .page-index-2 .splash.tidal-takeover.mqa-takeover.mqa-takeover-faq .wrapper-faq p {
      text-align: left;
      margin: 0 0 15px 0; }
      .page-index-2 .splash.tidal-takeover.mqa-takeover.mqa-takeover-faq .wrapper-faq p.bold {
        margin: 30px 0 0 0; }
  .page-index-2 .splash.tidal-takeover.thedream-loveyoutodeath-takeover {
    background-image: url(/images/index2/promos/thedream/thedream-loveyoutodeath-bg.e95719cd.jpg); }
    .page-index-2 .splash.tidal-takeover.thedream-loveyoutodeath-takeover .description {
      text-transform: uppercase;
      font-size: 23px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.thedream-loveyoutodeath-takeover .description {
          letter-spacing: 3px;
          font-size: 32px; } }
      .page-index-2 .splash.tidal-takeover.thedream-loveyoutodeath-takeover .description p {
        margin: 0;
        font: 1em/1 "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.thedream-loveyoutodeath-takeover .description p.artist {
          font: 2em/1 "nationale-bold", sans-serif;
          margin-bottom: 10px; }
  .page-index-2 .splash.tidal-takeover.madonna-rebelheart-takeover {
    background-image: url(/images/index2/promos/madonna/madonna-rebelheart-bg.efcb268a.jpg); }
    .page-index-2 .splash.tidal-takeover.madonna-rebelheart-takeover .description {
      text-transform: uppercase;
      font-size: 26px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.madonna-rebelheart-takeover .description {
          font-size: 36px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.madonna-rebelheart-takeover .description p {
        margin: 0;
        font: 1em/1 "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.madonna-rebelheart-takeover .description p.artist {
          font: 1.9em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.madonna-rebelheart-takeover .description p.extra {
          font: 0.5em/1.2 "nationale", "nationale-regular", "Helvetica", sans-serif;
          text-transform: none;
          letter-spacing: 0;
          margin-top: 10px; }
  .page-index-2 .splash.tidal-takeover.jayz-hov96-takeover .description {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 62px; }
    .page-index-2 .splash.tidal-takeover.jayz-hov96-takeover .description p {
      margin: 0;
      font: 1em/1 "nationale-demibold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.jayz-hov96-takeover .description p.artist {
        font: 1.1em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.jayz-hov96-takeover .btn-wrapper {
    max-width: 250px; }
  .page-index-2 .splash.tidal-takeover.jcole-4youreyezonly-takeover .cover {
    width: 90%;
    max-width: 500px;
    display: block;
    margin: 20px auto; }
  .page-index-2 .splash.tidal-takeover.jcole-4youreyezonly-takeover .btn-new {
    background-color: #fff;
    color: #000;
    margin-top: 10px; }
    .page-index-2 .splash.tidal-takeover.jcole-4youreyezonly-takeover .btn-new:hover {
      color: #000; }
  .page-index-2 .splash.tidal-takeover.jcole-4youreyezonly-takeover h2 {
    letter-spacing: 3px;
    font-size: 14px;
    margin-top: 40px;
    line-height: 1.5;
    color: #fff;
    font-family: "nationale", "nationale-regular", "Helvetica", sans-serif; }
    .page-index-2 .splash.tidal-takeover.jcole-4youreyezonly-takeover h2 span {
      font-family: "nationale-demibold", sans-serif;
      text-transform: uppercase;
      letter-spacing: 2px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.jcole-4youreyezonly-takeover h2 {
        font-size: 20px; } }
  .page-index-2 .splash.tidal-takeover.jcole-everybodydies-takeover {
    background-image: url(/images/index2/promos/jcole/jcole-everybodydies-bg.41834752.jpg); }
    .page-index-2 .splash.tidal-takeover.jcole-everybodydies-takeover .description {
      letter-spacing: 2px;
      font-size: 30px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.jcole-everybodydies-takeover .description {
          letter-spacing: 3px;
          font-size: 40px; } }
      .page-index-2 .splash.tidal-takeover.jcole-everybodydies-takeover .description p {
        margin: 0 0 10px 0;
        font: 1.5em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.jcole-everybodydies-takeover .description p.artist {
          letter-spacing: 5px;
          text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.jcole-everybodydies-takeover .description p.title {
          font: 1em/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.jcole-falseprophets-takeover {
    background-image: url(/images/index2/promos/jcole/jcole-falseprophets-bg.18904c63.jpg); }
  .page-index-2 .splash.tidal-takeover.jcole-docu-takeover {
    background-image: url(/images/index2/promos/jcole/jcole-docu-bg.bcdf92e3.jpg); }
  .page-index-2 .splash.tidal-takeover.jcole-4youreyez-album-takeover {
    background-image: url(/images/index2/promos/jcole/jcole-album-bg.2d38ec6f.jpg); }
    .page-index-2 .splash.tidal-takeover.jcole-4youreyez-album-takeover .description {
      letter-spacing: 2px;
      font-size: 30px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.jcole-4youreyez-album-takeover .description {
          letter-spacing: 3px;
          font-size: 50px; } }
      .page-index-2 .splash.tidal-takeover.jcole-4youreyez-album-takeover .description p {
        margin: 0 0 10px 0;
        font: 1.5em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.jcole-4youreyez-album-takeover .description p.artist {
          letter-spacing: 5px;
          text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.jcole-4youreyez-album-takeover .description p.title {
          font: 1em/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.nickiminaj-blackbarbies-takeover {
    background-image: url(/images/index2/promos/nickiminaj/nickiminaj-blackbarbies-bg.0b02255d.jpg); }
    .page-index-2 .splash.tidal-takeover.nickiminaj-blackbarbies-takeover .description {
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 36px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.nickiminaj-blackbarbies-takeover .description {
          letter-spacing: 3px;
          font-size: 42px; } }
      @media (max-width: 767px) {
        .page-index-2 .splash.tidal-takeover.nickiminaj-blackbarbies-takeover .description p {
          margin: 0;
          font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
          .page-index-2 .splash.tidal-takeover.nickiminaj-blackbarbies-takeover .description p.artist {
            font: 1.4em/1 "nationale-bold", sans-serif; }
          .page-index-2 .splash.tidal-takeover.nickiminaj-blackbarbies-takeover .description p.sub {
            padding-left: 49%;
            font: 0.7em/1 "nationale-bold", sans-serif;
            line-height: 2; }
          .page-index-2 .splash.tidal-takeover.nickiminaj-blackbarbies-takeover .description p.feat {
            line-height: 1.5;
            font: 0.7em/1 "nationale-bold", sans-serif;
            margin-bottom: 10px; }
          .page-index-2 .splash.tidal-takeover.nickiminaj-blackbarbies-takeover .description p.title {
            font: 0.5em/1 "nationale-demibold", sans-serif;
            line-height: 1.5; } }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.nickiminaj-blackbarbies-takeover .description p {
          margin: 0;
          font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
          .page-index-2 .splash.tidal-takeover.nickiminaj-blackbarbies-takeover .description p.artist {
            font: 1.6em/1 "nationale-bold", sans-serif; }
          .page-index-2 .splash.tidal-takeover.nickiminaj-blackbarbies-takeover .description p.sub {
            padding-left: 37%;
            font: 0.7em/1 "nationale-bold", sans-serif;
            line-height: 2; }
          .page-index-2 .splash.tidal-takeover.nickiminaj-blackbarbies-takeover .description p.feat {
            line-height: 1.5;
            font: 1em/1 "nationale-bold", sans-serif;
            margin-bottom: 10px; }
          .page-index-2 .splash.tidal-takeover.nickiminaj-blackbarbies-takeover .description p.title {
            font: 0.8em/1 "nationale-demibold", sans-serif;
            line-height: 1.5; } }
  .page-index-2 .splash.tidal-takeover.nickiminaj-1015-takeover-2 {
    background-image: url("/images/index2/promos/nickiminaj/nickiminaj-1015-bg.0dad4eb7.jpg"); }
    .page-index-2 .splash.tidal-takeover.nickiminaj-1015-takeover-2 .live {
      font-size: 16px;
      letter-spacing: 2px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.nickiminaj-1015-takeover-2 .live {
          font-size: 20px; } }
    .page-index-2 .splash.tidal-takeover.nickiminaj-1015-takeover-2 .description {
      font-size: 40px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.nickiminaj-1015-takeover-2 .description {
          font-size: 50px; } }
      .page-index-2 .splash.tidal-takeover.nickiminaj-1015-takeover-2 .description p {
        margin: 0;
        font: 1em/1 "nationale-demibold", sans-serif;
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.nickiminaj-1015-takeover-2 .description p.artist {
          font: 1.3em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.nickiminaj-1015-takeover-2 .description p.title {
          letter-spacing: 0.14em; }
    .page-index-2 .splash.tidal-takeover.nickiminaj-1015-takeover-2 .btn-wrapper {
      max-width: 250px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.nickiminaj-1015-takeover-2 .btn-wrapper {
          margin-top: 60px; } }
  .page-index-2 .splash.tidal-takeover.thanks2016-top-takeover {
    background-image: url(/images/index2/promos/thanksgiving2016/thanks-bg.738c441b.jpg);
    min-height: 80vh; }
    .page-index-2 .splash.tidal-takeover.thanks2016-top-takeover img {
      display: block;
      margin: 0 auto; }
      .page-index-2 .splash.tidal-takeover.thanks2016-top-takeover img.copy {
        max-width: 280px;
        margin-top: 20vh; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.thanks2016-top-takeover img.copy {
            margin-top: 10vh;
            max-width: 650px; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.thanks2016-top-takeover img.copy {
            margin-top: 20vh; } }
      .page-index-2 .splash.tidal-takeover.thanks2016-top-takeover img.logo-tidal {
        max-width: 150px;
        margin-top: 20px; }
  .page-index-2 .splash.tidal-takeover.thanks2016-takeover .description p {
    margin: 0 0 20px 0; }
    .page-index-2 .splash.tidal-takeover.thanks2016-takeover .description p.artist {
      text-transform: uppercase;
      font: 32px/1 "nationale-bold", sans-serif;
      letter-spacing: 2px; }
    .page-index-2 .splash.tidal-takeover.thanks2016-takeover .description p.info span {
      display: block;
      font-family: "nationale-demibold", sans-serif;
      margin-top: 10px; }
  .page-index-2 .splash.tidal-takeover.thanks2016-takeover .btn-wrapper .btn-new {
    letter-spacing: 1px; }
  .page-index-2 .splash.tidal-takeover.justineskye-8ounces-takeover {
    background-image: url(/images/index2/promos/justineskye/8ounces/justineskye-8ounces-takeover-bg.15126fd3.jpg); }
    .page-index-2 .splash.tidal-takeover.justineskye-8ounces-takeover p.exdisc {
      font-size: 13px;
      margin: 0 0 20px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.justineskye-8ounces-takeover p.exdisc {
          font-size: 20px;
          letter-spacing: 2px; } }
    .page-index-2 .splash.tidal-takeover.justineskye-8ounces-takeover .description {
      font-size: 28px;
      letter-spacing: 2px;
      text-transform: uppercase; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.justineskye-8ounces-takeover .description {
          font-size: 38px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.justineskye-8ounces-takeover .description p {
        margin: 0;
        font: 0.9em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.justineskye-8ounces-takeover .description p.artist {
          font: 1.7em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
          margin-top: 30px;
          margin-bottom: 30px; }
        .page-index-2 .splash.tidal-takeover.justineskye-8ounces-takeover .description p.artist.full {
          font: 1.1em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.valkyrien-takeover.full-takeover {
    padding-top: 0; }
  .page-index-2 .splash.tidal-takeover.valkyrien-takeover .description {
    font-size: 22px;
    letter-spacing: 2px;
    text-transform: uppercase; }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.valkyrien-takeover .description {
        font-size: 32px;
        letter-spacing: 3px; } }
    .page-index-2 .splash.tidal-takeover.valkyrien-takeover .description p {
      margin: 0;
      font: 1em/1 "nationale-demibold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.valkyrien-takeover .description p.artist {
        font: 2em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.valkyrien-takeover.valkyrien-playlist-1 {
    background-image: url(/images/index2/promos/valkyrien/tile-1-bg.e382f9e3.jpg); }
  .page-index-2 .splash.tidal-takeover.valkyrien-takeover.valkyrien-playlist-2 {
    background-image: url(/images/index2/promos/valkyrien/tile-2-bg.4196426e.jpg); }
  .page-index-2 .splash.tidal-takeover.valkyrien-takeover.valkyrien-playlist-3 {
    background-image: url(/images/index2/promos/valkyrien/tile-3-bg.2a47f720.jpg); }
  .page-index-2 .splash.tidal-takeover.valkyrien-takeover.valkyrien-playlist-4 {
    background-image: url(/images/index2/promos/valkyrien/tile-4-bg.efc7204f.jpg); }
  .page-index-2 .splash.tidal-takeover.valkyrien-takeover.valkyrien-playlist-5 {
    background-image: url(/images/index2/promos/valkyrien/tile-5-bg.b994b5a5.jpg); }
  .page-index-2 .splash.tidal-takeover.valkyrien-takeover.valkyrien-playlist-6 {
    background-image: url(/images/index2/promos/valkyrien/tile-6-bg.16b65a58.jpg); }
  .page-index-2 .splash.tidal-takeover.valkyrien-takeover.valkyrien-playlist-7 {
    background-image: url(/images/index2/promos/valkyrien/tile-7-bg.7b55b0b4.jpg); }
  .page-index-2 .splash.tidal-takeover.valkyrien-takeover.valkyrien-playlist-8 {
    background-image: url(/images/index2/promos/valkyrien/tile-8-bg.4cdec61d.jpg); }
  .page-index-2 .splash.tidal-takeover.dec99th-selftitled-takeover {
    background-image: url(/images/index2/promos/dec99th/dec99th-selftitled-bg.0143e91d.jpg); }
    .page-index-2 .splash.tidal-takeover.dec99th-selftitled-takeover p.exdisc {
      font-size: 13px;
      margin: 0 0 20px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.dec99th-selftitled-takeover p.exdisc {
          font-size: 20px;
          letter-spacing: 2px; } }
    .page-index-2 .splash.tidal-takeover.dec99th-selftitled-takeover .description {
      font-size: 28px;
      letter-spacing: 2px;
      text-transform: uppercase; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.dec99th-selftitled-takeover .description {
          font-size: 38px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.dec99th-selftitled-takeover .description p {
        margin: 0;
        font: 0.9em/1 "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.dec99th-selftitled-takeover .description p.artist {
          font: 2em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.dec99th-selftitled-takeover .description p.artist.full {
          font: 1.1em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.yo-gotti-announcement-takeover {
    background-image: url(/images/index2/promos/yogotti/yo-gotti-livestream-announcement-bg.a8eb645a.jpg); }
    .page-index-2 .splash.tidal-takeover.yo-gotti-announcement-takeover .takeover-full {
      font-size: 14px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.yo-gotti-announcement-takeover .takeover-full {
          font-size: 18px; } }
      .page-index-2 .splash.tidal-takeover.yo-gotti-announcement-takeover .takeover-full .bold {
        font-family: "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.yo-gotti-announcement-takeover .takeover-full p {
        margin: 0;
        width: 100%;
        max-width: 100%;
        font-size: 1em;
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.yo-gotti-announcement-takeover .takeover-full p.title {
          margin-top: 0vh;
          font-size: 3em;
          letter-spacing: 3px; }
          @media (min-width: 1400px) {
            .page-index-2 .splash.tidal-takeover.yo-gotti-announcement-takeover .takeover-full p.title {
              margin-top: 1vh; } }
        .page-index-2 .splash.tidal-takeover.yo-gotti-announcement-takeover .takeover-full p.where {
          margin-top: 27vh; }
          @media (min-width: 1400px) {
            .page-index-2 .splash.tidal-takeover.yo-gotti-announcement-takeover .takeover-full p.where {
              margin-top: 330px; } }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.yo-gotti-announcement-takeover .takeover-full p.featuring {
            letter-spacing: 2px; }
            .page-index-2 .splash.tidal-takeover.yo-gotti-announcement-takeover .takeover-full p.featuring span {
              display: block; } }
        .page-index-2 .splash.tidal-takeover.yo-gotti-announcement-takeover .takeover-full p.date {
          font-size: 2em;
          letter-spacing: 3px; }
        .page-index-2 .splash.tidal-takeover.yo-gotti-announcement-takeover .takeover-full p.livestream {
          letter-spacing: 2px; }
        .page-index-2 .splash.tidal-takeover.yo-gotti-announcement-takeover .takeover-full p.hashtag {
          font: 0.8em/1 "nationale-demibold", sans-serif;
          margin-top: 20px; }
  .page-index-2 .splash.tidal-takeover.tidalyassin-bey-announcement-takeover {
    background-image: url(/images/index2/promos/yassinbey/yassin-bey-takover-bg.132df63e.jpg); }
    .page-index-2 .splash.tidal-takeover.tidalyassin-bey-announcement-takeover .partner-logo {
      max-width: 90px;
      margin-top: 10px;
      margin-bottom: 10px; }
    .page-index-2 .splash.tidal-takeover.tidalyassin-bey-announcement-takeover .takeover-full {
      font-size: 14px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.tidalyassin-bey-announcement-takeover .takeover-full {
          font-size: 18px; } }
      .page-index-2 .splash.tidal-takeover.tidalyassin-bey-announcement-takeover .takeover-full .bold {
        font-family: "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.tidalyassin-bey-announcement-takeover .takeover-full p {
        margin: 0;
        width: 100%;
        max-width: 100%;
        font-size: 1em;
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.tidalyassin-bey-announcement-takeover .takeover-full p.title {
          margin-top: 23vh;
          font-size: 3em;
          letter-spacing: 3px; }
          @media (min-width: 1400px) {
            .page-index-2 .splash.tidal-takeover.tidalyassin-bey-announcement-takeover .takeover-full p.title {
              margin-top: 30vh; } }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.tidalyassin-bey-announcement-takeover .takeover-full p.featuring {
            letter-spacing: 2px; }
            .page-index-2 .splash.tidal-takeover.tidalyassin-bey-announcement-takeover .takeover-full p.featuring span {
              display: block; } }
        .page-index-2 .splash.tidal-takeover.tidalyassin-bey-announcement-takeover .takeover-full p.date {
          font-size: 2em;
          letter-spacing: 3px; }
        .page-index-2 .splash.tidal-takeover.tidalyassin-bey-announcement-takeover .takeover-full p.livestream {
          letter-spacing: 2px; }
        .page-index-2 .splash.tidal-takeover.tidalyassin-bey-announcement-takeover .takeover-full p.hashtag {
          font: 0.8em/1 "nationale-demibold", sans-serif;
          margin-top: 20px; }
  .page-index-2 .splash.tidal-takeover.tidalxyg-announcement-takeover {
    background-image: url(/images/index2/promos/yg/tidalxyg-announcement-bg.1ad9a115.jpg); }
    .page-index-2 .splash.tidal-takeover.tidalxyg-announcement-takeover .takeover-full {
      font-size: 14px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.tidalxyg-announcement-takeover .takeover-full {
          font-size: 18px; } }
      .page-index-2 .splash.tidal-takeover.tidalxyg-announcement-takeover .takeover-full .bold {
        font-family: "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.tidalxyg-announcement-takeover .takeover-full p {
        margin: 0;
        width: 100%;
        max-width: 100%;
        font-size: 1em;
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.tidalxyg-announcement-takeover .takeover-full p.title {
          margin-top: 10vh;
          font-size: 3em;
          letter-spacing: 3px; }
          @media (min-width: 1400px) {
            .page-index-2 .splash.tidal-takeover.tidalxyg-announcement-takeover .takeover-full p.title {
              margin-top: 30vh; } }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.tidalxyg-announcement-takeover .takeover-full p.featuring {
            letter-spacing: 2px; }
            .page-index-2 .splash.tidal-takeover.tidalxyg-announcement-takeover .takeover-full p.featuring span {
              display: block; } }
        .page-index-2 .splash.tidal-takeover.tidalxyg-announcement-takeover .takeover-full p.date {
          margin-top: 20px;
          font-size: 2em;
          letter-spacing: 3px; }
        .page-index-2 .splash.tidal-takeover.tidalxyg-announcement-takeover .takeover-full p.livestream {
          letter-spacing: 2px;
          margin-top: 20px; }
        .page-index-2 .splash.tidal-takeover.tidalxyg-announcement-takeover .takeover-full p.hashtag {
          font: 0.8em/1 "nationale-demibold", sans-serif;
          margin-top: 20px; }
  .page-index-2 .splash.tidal-takeover.takeover-bestof {
    position: relative;
    text-align: center;
    min-height: 200px;
    margin-top: 43px;
    padding-top: 10px;
    overflow: hidden; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.takeover-bestof {
        margin-top: 60px;
        min-height: 500px; } }
    .page-index-2 .splash.tidal-takeover.takeover-bestof .bestof-top-embed {
      max-width: 650px;
      margin: 50px auto; }
    .page-index-2 .splash.tidal-takeover.takeover-bestof .page-tag-line {
      font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
      font-size: 13px;
      line-height: 1.6; }
    .page-index-2 .splash.tidal-takeover.takeover-bestof .tidal-icon {
      width: 30px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.takeover-bestof .tidal-icon {
          width: 50px;
          margin-top: 15px; } }
    .page-index-2 .splash.tidal-takeover.takeover-bestof h1, .page-index-2 .splash.tidal-takeover.takeover-bestof h2 {
      font-size: 30px;
      font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
      color: white;
      line-height: 1.1;
      margin-top: 20px;
      letter-spacing: 12px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.takeover-bestof h1, .page-index-2 .splash.tidal-takeover.takeover-bestof h2 {
          margin-top: 30px;
          font-size: 30px; } }
  .page-index-2 .splash.tidal-takeover.yg-redfriday-takeover {
    background-image: url(/images/index2/promos/yg/yg-red-bg-rep.58932935.jpg);
    background-repeat: repeat;
    background-size: 125px; }
    .page-index-2 .splash.tidal-takeover.yg-redfriday-takeover .description {
      text-transform: uppercase;
      letter-spacing: 3px;
      font-size: 42px; }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.yg-redfriday-takeover .description {
          font-size: 52px; } }
      .page-index-2 .splash.tidal-takeover.yg-redfriday-takeover .description p {
        margin: 0;
        font: 1em/1 "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.yg-redfriday-takeover .description p.artist {
          font: 4em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.twonesavage-x-bts-takeover {
    background-image: url(/images/index2/promos/21savage/21-savage-x-bts-takeover-bg.bc59a7ee.jpg); }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.twonesavage-x-bts-takeover .takeover-right {
        padding-top: 0; } }
    .page-index-2 .splash.tidal-takeover.twonesavage-x-bts-takeover .logo-rising {
      width: 100%;
      max-width: 200px;
      margin-bottom: 10px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.twonesavage-x-bts-takeover .logo-rising {
          max-width: 250px; } }
    .page-index-2 .splash.tidal-takeover.twonesavage-x-bts-takeover .description {
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 16px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.twonesavage-x-bts-takeover .description {
          font-size: 22px; } }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.twonesavage-x-bts-takeover .description {
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.twonesavage-x-bts-takeover .description p {
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.twonesavage-x-bts-takeover .description p.exclusive-disclaimer {
          text-transform: none;
          margin-top: 20px;
          font-size: 16px; }
        .page-index-2 .splash.tidal-takeover.twonesavage-x-bts-takeover .description p.artist {
          font: 1.3em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.twonesavage-x-bts-takeover .description p.title {
          font: 1.2em/1.3 "nationale", "nationale-regular", "Helvetica", sans-serif;
          margin-top: 15px; }
  .page-index-2 .splash.tidal-takeover.twonesavage-tourdoc-takeover {
    background-image: url(/images/index2/promos/21savage/21savage-docu-bg.ebe3b42a.jpg); }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.twonesavage-tourdoc-takeover .takeover-right {
        padding-top: 0; } }
    .page-index-2 .splash.tidal-takeover.twonesavage-tourdoc-takeover .logo-rising {
      width: 100%;
      max-width: 200px;
      margin-bottom: 10px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.twonesavage-tourdoc-takeover .logo-rising {
          max-width: 250px; } }
    .page-index-2 .splash.tidal-takeover.twonesavage-tourdoc-takeover .description {
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 16px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.twonesavage-tourdoc-takeover .description {
          font-size: 22px; } }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.twonesavage-tourdoc-takeover .description {
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.twonesavage-tourdoc-takeover .description p {
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.twonesavage-tourdoc-takeover .description p.artist {
          font: 2.9em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.twonesavage-tourdoc-takeover .description p.title {
          font: 1em/1.3 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.carolinesmith-tntly-takeover {
    background-image: url(/images/index2/promos/carolinesmith/carolinesmith-tntly-bg.490b1523.jpg); }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.carolinesmith-tntly-takeover .takeover-right {
        padding-top: 0; } }
    .page-index-2 .splash.tidal-takeover.carolinesmith-tntly-takeover .logo-rising {
      width: 100%;
      max-width: 200px;
      margin-bottom: 10px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.carolinesmith-tntly-takeover .logo-rising {
          max-width: 250px; } }
    .page-index-2 .splash.tidal-takeover.carolinesmith-tntly-takeover .description {
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 16px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.carolinesmith-tntly-takeover .description {
          font-size: 20px;
          margin-top: 30px; } }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.carolinesmith-tntly-takeover .description {
          letter-spacing: 3px;
          font-size: 21px; } }
      .page-index-2 .splash.tidal-takeover.carolinesmith-tntly-takeover .description p {
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.carolinesmith-tntly-takeover .description p.artist {
          font: 2.3em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.carolinesmith-tntly-takeover .description p.title {
          font: 1em/1.3 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.justineskye-udontknow-bts-takeover {
    background-image: url(/images/index2/promos/justineskye/justineskye-udontknow-bts-bg.3f138fe4.jpg); }
    .page-index-2 .splash.tidal-takeover.justineskye-udontknow-bts-takeover .description {
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 22px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.justineskye-udontknow-bts-takeover .description {
          letter-spacing: 3px;
          font-size: 30px; } }
      .page-index-2 .splash.tidal-takeover.justineskye-udontknow-bts-takeover .description p {
        margin: 0 0 10px 0;
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.justineskye-udontknow-bts-takeover .description p.artist {
          font: 1.5em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.justineskye-udontknow-bts-takeover .description p.title {
          font: 1.1em/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.justineskye-udontknow-takeover {
    background-image: url(/images/index2/promos/justineskye/justineskye-udontknow-bg.f8c51c89.jpg); }
    .page-index-2 .splash.tidal-takeover.justineskye-udontknow-takeover .description {
      text-transform: uppercase;
      font-size: 32px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.justineskye-udontknow-takeover .description {
          letter-spacing: 3px;
          font-size: 38px; } }
      .page-index-2 .splash.tidal-takeover.justineskye-udontknow-takeover .description p {
        margin: 0;
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.justineskye-udontknow-takeover .description p.artist {
          font: 1.1em/1.1 "nationale-bold", sans-serif;
          margin-bottom: 10px; }
  .page-index-2 .splash.tidal-takeover.crwn-tribe-video-takeover {
    background-image: url(/images/index2/promos/crwn/crwn-atcq-video-bg.889005e2.jpg); }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.crwn-tribe-video-takeover .takeover-right {
        padding-top: 0; } }
    @media (min-width: 1150px) {
      .page-index-2 .splash.tidal-takeover.crwn-tribe-video-takeover p.exclusive-disclaimer {
        letter-spacing: 2px;
        font-size: 15px; } }
    .page-index-2 .splash.tidal-takeover.crwn-tribe-video-takeover .crwn-atcq-logo {
      display: block;
      margin: 0;
      width: 100%;
      max-width: 375px; }
  .page-index-2 .splash.tidal-takeover.crwn-tribe-takeover {
    background-color: #000;
    padding-top: 40px;
    font-size: 13px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.crwn-tribe-takeover {
        font-size: 18px; } }
    .page-index-2 .splash.tidal-takeover.crwn-tribe-takeover img {
      width: 100%;
      margin: auto;
      display: block; }
      .page-index-2 .splash.tidal-takeover.crwn-tribe-takeover img.logo {
        max-width: 250px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.crwn-tribe-takeover img.logo {
            max-width: 300px; } }
      .page-index-2 .splash.tidal-takeover.crwn-tribe-takeover img.heads {
        max-width: 600px; }
    .page-index-2 .splash.tidal-takeover.crwn-tribe-takeover p {
      margin: 0 auto;
      text-transform: uppercase;
      font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
      text-align: center;
      letter-spacing: 2px; }
      .page-index-2 .splash.tidal-takeover.crwn-tribe-takeover p.bold {
        font-family: "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.crwn-tribe-takeover p.elliot {
        margin: 15px auto 5px;
        font-size: 1.3em; }
      .page-index-2 .splash.tidal-takeover.crwn-tribe-takeover p.tribe {
        letter-spacing: 0;
        line-height: 1.2; }
        .page-index-2 .splash.tidal-takeover.crwn-tribe-takeover p.tribe span {
          display: block;
          font-size: 1.1em; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.crwn-tribe-takeover p.tribe span {
              display: inline; } }
      .page-index-2 .splash.tidal-takeover.crwn-tribe-takeover p.date {
        font-size: 2em;
        margin-top: 10px; }
      .page-index-2 .splash.tidal-takeover.crwn-tribe-takeover p.streaming {
        margin: 5px auto 10px; }
    .page-index-2 .splash.tidal-takeover.crwn-tribe-takeover .cta-wrapper {
      max-width: 180px; }
  .page-index-2 .splash.tidal-takeover.metallica-hardwired-takeover {
    background-image: url(/images/index2/promos/metallica/metallica-hardwired-bg.bb798c68.jpg); }
    .page-index-2 .splash.tidal-takeover.metallica-hardwired-takeover .description {
      font-size: 18px;
      text-transform: uppercase; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.metallica-hardwired-takeover .description {
          font-size: 22px; } }
      .page-index-2 .splash.tidal-takeover.metallica-hardwired-takeover .description p {
        margin: 0;
        font: 1em/1 "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.metallica-hardwired-takeover .description p.artist {
          font: 2.7em/1 "nationale-bold", sans-serif;
          letter-spacing: 3px; }
  .page-index-2 .splash.tidal-takeover.moschino-livestream-takeover {
    background-image: url(/images/index2/promos/tidalxmoschino/moschino-bg.3730da09.jpg);
    padding-top: 20px; }
    .page-index-2 .splash.tidal-takeover.moschino-livestream-takeover .takeover-full {
      padding-top: 20px;
      font-size: 20px;
      text-transform: uppercase;
      letter-spacing: 2px; }
      .page-index-2 .splash.tidal-takeover.moschino-livestream-takeover .takeover-full .event-logo {
        max-width: 600px;
        min-width: 320px;
        margin-top: 20px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.moschino-livestream-takeover .takeover-full .event-logo {
            margin-top: 20vh; } }
      .page-index-2 .splash.tidal-takeover.moschino-livestream-takeover .takeover-full p {
        font: 1em/1 "nationale-bold", sans-serif;
        margin: 0 auto;
        max-width: 90%;
        text-shadow: 0 0 2px rgba(0, 0, 0, 0.5); }
        .page-index-2 .splash.tidal-takeover.moschino-livestream-takeover .takeover-full p.artist {
          font-size: 1.8em;
          margin-top: 20px; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.moschino-livestream-takeover .takeover-full p.artist {
              font-size: 4rem;
              margin-top: 20vh; } }
          .page-index-2 .splash.tidal-takeover.moschino-livestream-takeover .takeover-full p.artist span.tidalx {
            font-family: "nationale-demibold", sans-serif;
            letter-spacing: 10px;
            margin-bottom: 5px;
            display: block;
            font-size: 1rem;
            color: cyan; }
            @media (min-width: 1024px) {
              .page-index-2 .splash.tidal-takeover.moschino-livestream-takeover .takeover-full p.artist span.tidalx {
                display: inline;
                font-size: 4rem;
                margin-bottom: 0;
                letter-spacing: 2px; } }
            .page-index-2 .splash.tidal-takeover.moschino-livestream-takeover .takeover-full p.artist span.tidalx span {
              font-family: "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.moschino-livestream-takeover .takeover-full p.feat {
          margin-top: 10px;
          margin-bottom: 5px; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.moschino-livestream-takeover .takeover-full p.feat {
              margin-top: 20px; } }
        .page-index-2 .splash.tidal-takeover.moschino-livestream-takeover .takeover-full p.live {
          margin-top: 30px;
          margin-bottom: 5px; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.moschino-livestream-takeover .takeover-full p.live {
              margin-top: 10vh; } }
        .page-index-2 .splash.tidal-takeover.moschino-livestream-takeover .takeover-full p.when {
          font-size: 1.4em;
          margin-bottom: 5px; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.moschino-livestream-takeover .takeover-full p.when {
              font-size: 2.5em; } }
        .page-index-2 .splash.tidal-takeover.moschino-livestream-takeover .takeover-full p.time {
          font-size: 0.6em;
          line-height: 1.2; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.moschino-livestream-takeover .takeover-full p.time {
              font-size: 1em; } }
        .page-index-2 .splash.tidal-takeover.moschino-livestream-takeover .takeover-full p.hashtag {
          font-family: "nationale-demibold", sans-serif;
          color: #00ffff;
          margin: 20px auto;
          letter-spacing: 0; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.moschino-livestream-takeover .takeover-full p.hashtag {
              margin: 30px auto; } }
    .page-index-2 .splash.tidal-takeover.moschino-livestream-takeover .cta-wrapper .cta-btn:nth-child(2) {
      background-color: #fff;
      color: #000; }
  .page-index-2 .splash.tidal-takeover.emelisande-livestream-takeover {
    background-image: url(/images/index2/promos/emelisande/emelisande-livestream-bg.21db9c61.jpg);
    padding-top: 20px; }
    .page-index-2 .splash.tidal-takeover.emelisande-livestream-takeover .takeover-full {
      padding-top: 20px;
      font-size: 20px;
      text-transform: uppercase;
      letter-spacing: 2px; }
      .page-index-2 .splash.tidal-takeover.emelisande-livestream-takeover .takeover-full p {
        font: 1em/1 "nationale-bold", sans-serif;
        margin: 0 auto;
        max-width: 90%;
        text-shadow: 0 0 2px rgba(0, 0, 0, 0.5); }
        .page-index-2 .splash.tidal-takeover.emelisande-livestream-takeover .takeover-full p.artist {
          font-size: 1.8em; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.emelisande-livestream-takeover .takeover-full p.artist {
              font-size: 4rem; } }
          .page-index-2 .splash.tidal-takeover.emelisande-livestream-takeover .takeover-full p.artist span.tidalx {
            font-family: "nationale-demibold", sans-serif;
            letter-spacing: 10px;
            margin-bottom: 5px;
            display: block;
            font-size: 1rem;
            color: cyan; }
            @media (min-width: 1024px) {
              .page-index-2 .splash.tidal-takeover.emelisande-livestream-takeover .takeover-full p.artist span.tidalx {
                display: inline;
                font-size: 4rem;
                margin-bottom: 0;
                letter-spacing: 2px; } }
            .page-index-2 .splash.tidal-takeover.emelisande-livestream-takeover .takeover-full p.artist span.tidalx span {
              font-family: "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.emelisande-livestream-takeover .takeover-full p.live {
          margin-top: 35vh;
          margin-bottom: 5px; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.emelisande-livestream-takeover .takeover-full p.live {
              margin-top: 45vh; } }
        .page-index-2 .splash.tidal-takeover.emelisande-livestream-takeover .takeover-full p.when {
          font-size: 1.4em;
          margin-bottom: 5px; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.emelisande-livestream-takeover .takeover-full p.when {
              font-size: 2.5em; } }
        .page-index-2 .splash.tidal-takeover.emelisande-livestream-takeover .takeover-full p.time {
          font-size: 0.6em;
          line-height: 1.2; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.emelisande-livestream-takeover .takeover-full p.time {
              font-size: 1em; } }
        .page-index-2 .splash.tidal-takeover.emelisande-livestream-takeover .takeover-full p.hashtag {
          font-family: "nationale-demibold", sans-serif;
          color: #00ffff;
          margin: 20px auto;
          letter-spacing: 0; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.emelisande-livestream-takeover .takeover-full p.hashtag {
              margin: 30px auto; } }
    .page-index-2 .splash.tidal-takeover.emelisande-livestream-takeover .cta-wrapper .cta-btn:nth-child(2) {
      background-color: #fff;
      color: #000; }
  .page-index-2 .splash.tidal-takeover.emelisande-longlive-takeover {
    background-image: url(/images/index2/promos/emelisande/emelisande-longlivetheangels-bg.4a5ff293.jpg); }
    .page-index-2 .splash.tidal-takeover.emelisande-longlive-takeover .description {
      font-size: 20px;
      letter-spacing: 2px;
      text-transform: uppercase; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.emelisande-longlive-takeover .description {
          font-size: 22px;
          letter-spacing: 3px; } }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.emelisande-longlive-takeover .description {
          font-size: 30px; } }
      .page-index-2 .splash.tidal-takeover.emelisande-longlive-takeover .description p {
        margin: 0;
        font: 1em/1 "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.emelisande-longlive-takeover .description p.artist {
          font: 1.97em/1 "nationale-bold", sans-serif;
          margin-bottom: 10px;
          margin-left: -2px; }
  .page-index-2 .splash.tidal-takeover.elb-sigoaqui-takeover {
    background-image: url(/images/index2/promos/elb/elb-sigoaqui-bg.5943bdca.jpg); }
    .page-index-2 .splash.tidal-takeover.elb-sigoaqui-takeover .description {
      font-size: 40px;
      letter-spacing: 2px;
      text-transform: uppercase; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.elb-sigoaqui-takeover .description {
          letter-spacing: 3px;
          font-size: 60px; } }
      .page-index-2 .splash.tidal-takeover.elb-sigoaqui-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin: 0; }
        .page-index-2 .splash.tidal-takeover.elb-sigoaqui-takeover .description p.artist {
          font-family: "nationale-bold", sans-serif;
          margin-bottom: 10px; }
  .page-index-2 .splash.tidal-takeover.elb-playlist-takeover {
    background-image: url(/images/index2/promos/elb/elb-playlist-bg.d430474f.jpg); }
    .page-index-2 .splash.tidal-takeover.elb-playlist-takeover .description {
      letter-spacing: 2px;
      font-size: 18px;
      text-transform: uppercase; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.elb-playlist-takeover .description {
          font-size: 22px; } }
      .page-index-2 .splash.tidal-takeover.elb-playlist-takeover .description p {
        margin: 0;
        font: 1em/1 "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.elb-playlist-takeover .description p.artist {
          font: 7.8em/1 "nationale-bold", sans-serif;
          margin-left: -7px; }
  .page-index-2 .splash.tidal-takeover.getoutthevote-takeover {
    background-image: url(/images/index2/promos/getoutthevote-bg.19a69e05.jpg);
    min-height: 85vg; }
    .page-index-2 .splash.tidal-takeover.getoutthevote-takeover .getout {
      margin-top: 10vh;
      text-align: center;
      font: 26px/1 "nationale-bold", sans-serif;
      text-transform: uppercase;
      letter-spacing: 2px;
      max-width: 100%; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.getoutthevote-takeover .getout {
          font-size: 66px;
          letter-spacing: 3px; } }
    .page-index-2 .splash.tidal-takeover.getoutthevote-takeover .embed-wrap {
      width: 90%;
      max-width: 640px;
      margin: 0 auto;
      box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.3); }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.getoutthevote-takeover .embed-wrap {
          margin: 30px auto; } }
  .page-index-2 .splash.tidal-takeover.claudialeitte-taquita-bts-takeover {
    background-image: url(/images/index2/promos/claudialeitte/claudialeitte-taquita-bts-bg.7d49a193.jpg); }
    .page-index-2 .splash.tidal-takeover.claudialeitte-taquita-bts-takeover .description {
      font-size: 19px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.claudialeitte-taquita-bts-takeover .description {
          font-size: 22px; } }
      .page-index-2 .splash.tidal-takeover.claudialeitte-taquita-bts-takeover .description p {
        margin: 0;
        letter-spacing: 3px;
        font-size: 1em; }
        .page-index-2 .splash.tidal-takeover.claudialeitte-taquita-bts-takeover .description p.artist {
          font: 2em "nationale-bold", sans-serif;
          text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.claudialeitte-taquita-bts-takeover .description p.exclusive {
          font-size: 15px;
          text-transform: none; }
        .page-index-2 .splash.tidal-takeover.claudialeitte-taquita-bts-takeover .description p.title {
          font: 1.57em "nationale-bold", sans-serif;
          margin-top: 10px;
          text-transform: uppercase; }
          .page-index-2 .splash.tidal-takeover.claudialeitte-taquita-bts-takeover .description p.title.small {
            font-size: 1.6rem;
            text-transform: uppercase; }
            @media (min-width: 1024px) {
              .page-index-2 .splash.tidal-takeover.claudialeitte-taquita-bts-takeover .description p.title.small {
                font-size: 1.9rem; } }
          .page-index-2 .splash.tidal-takeover.claudialeitte-taquita-bts-takeover .description p.title span {
            font-size: 0.65em;
            display: block; }
  .page-index-2 .splash.tidal-takeover.claudialeitte-taquita-takeover {
    background-image: url(/images/index2/promos/claudialeitte/claudialeitte-taquita-bg.5fa96e18.jpg); }
    .page-index-2 .splash.tidal-takeover.claudialeitte-taquita-takeover .description {
      font-size: 34px;
      letter-spacing: 2px;
      text-transform: uppercase; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.claudialeitte-taquita-takeover .description {
          letter-spacing: 3px;
          font-size: 44px; } }
      .page-index-2 .splash.tidal-takeover.claudialeitte-taquita-takeover .description p {
        margin: 0;
        font: 1em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.claudialeitte-taquita-takeover .description p.title {
          font: 1.8em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
          margin-top: 10px; }
  .page-index-2 .splash.tidal-takeover.beyonce-daddylessons-takeover {
    background-image: url(/images/index2/promos/beyonce/beyonce-daddylessons-bg.jpg); }
    .page-index-2 .splash.tidal-takeover.beyonce-daddylessons-takeover .description {
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 58px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.beyonce-daddylessons-takeover .description {
          font-size: 68px; } }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.beyonce-daddylessons-takeover .description {
          font-size: 78px; } }
      .page-index-2 .splash.tidal-takeover.beyonce-daddylessons-takeover .description p {
        margin: 0;
        font: 1em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.beyonce-daddylessons-takeover .description p.title {
          font: 0.56em/1 "nationale-demibold", sans-serif;
          margin-left: 2px; }
  .page-index-2 .splash.tidal-takeover.meekmill-wayup-takeover {
    background-image: url(/images/index2/promos/meekmill/meekmill-wayup-bg.37a8bdc7.jpg); }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.meekmill-wayup-takeover .takeover-right {
        padding-top: 0; } }
    .page-index-2 .splash.tidal-takeover.meekmill-wayup-takeover .description {
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 50px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.meekmill-wayup-takeover .description {
          font-size: 70px; } }
      .page-index-2 .splash.tidal-takeover.meekmill-wayup-takeover .description p {
        margin: 0;
        font: 0.8em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.meekmill-wayup-takeover .description p.title {
          font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.meekmill-dc4-takeover {
    background-image: url(/images/index2/promos/meekmill/meekmill-dc4-bg.f77dfb7e.jpg);
    background-position-x: right; }
    .page-index-2 .splash.tidal-takeover.meekmill-dc4-takeover .description {
      text-transform: uppercase;
      font-size: 76px;
      letter-spacing: 2px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.meekmill-dc4-takeover .description {
          letter-spacing: 3px;
          font-size: 120px; } }
      .page-index-2 .splash.tidal-takeover.meekmill-dc4-takeover .description p {
        margin: 0;
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.meekmill-dc4-takeover .description p.artist {
          font: 0.65em "nationale-bold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.meekmill-dc4-takeover .btn-wrapper {
      max-width: 250px; }
  .page-index-2 .splash.tidal-takeover.bonjovi-thisnf-takeover {
    background-image: url(/images/index2/promos/bonjovi/bonjovi-thinfs-bg.063069c2.jpg); }
    .page-index-2 .splash.tidal-takeover.bonjovi-thisnf-takeover .description {
      font-size: 38px;
      letter-spacing: 3px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.bonjovi-thisnf-takeover .description {
          font-size: 42px; } }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.bonjovi-thisnf-takeover .description {
          font-size: 48px; } }
      .page-index-2 .splash.tidal-takeover.bonjovi-thisnf-takeover .description p {
        margin: 0;
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.bonjovi-thisnf-takeover .description p.artist {
          font: 1.5em/1 "nationale-bold", sans-serif;
          letter-spacing: 0.05em; }
        .page-index-2 .splash.tidal-takeover.bonjovi-thisnf-takeover .description p.title {
          font: 1em/1 "nationale-demibold", sans-serif;
          letter-spacing: 0.06em; }
    .page-index-2 .splash.tidal-takeover.bonjovi-thisnf-takeover .takeover-right .cta-wrapper {
      max-width: 300px; }
      .page-index-2 .splash.tidal-takeover.bonjovi-thisnf-takeover .takeover-right .cta-wrapper .cta-btn:first-child {
        letter-spacing: 0; }
      .page-index-2 .splash.tidal-takeover.bonjovi-thisnf-takeover .takeover-right .cta-wrapper .cta-btn:last-child {
        border: none;
        background-color: rgba(255, 255, 255, 0);
        color: #fff;
        text-decoration: underline; }
  .page-index-2 .splash.tidal-takeover.bonjovi-thinfs-docu-takeover {
    background-image: url(/images/index2/promos/bonjovi/bonjovi-docu-bg.8ddd27cb.jpg); }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.bonjovi-thinfs-docu-takeover .takeover-right {
        padding-top: 0; } }
    .page-index-2 .splash.tidal-takeover.bonjovi-thinfs-docu-takeover .description {
      letter-spacing: 3px;
      font-size: 22px; }
      @media (min-device-width: 768px) and (max-device-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.bonjovi-thinfs-docu-takeover .description {
          font-size: 30px; } }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.bonjovi-thinfs-docu-takeover .description {
          font-size: 34px; } }
      .page-index-2 .splash.tidal-takeover.bonjovi-thinfs-docu-takeover .description p {
        text-transform: uppercase;
        margin: 0;
        font: 1em/1.2 "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.bonjovi-thinfs-docu-takeover .description p.artist {
          font: 2em/1.3 "nationale-bold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.bonjovi-thinfs-docu-takeover .btn-wrapper {
      max-width: 300px; }
    .page-index-2 .splash.tidal-takeover.bonjovi-thinfs-docu-takeover a.takeaction {
      text-transform: uppercase;
      text-align: center;
      max-width: 300px;
      display: block;
      margin-top: 10px;
      font: 12px "nationale-demibold", sans-serif;
      letter-spacing: 1px; }
    .page-index-2 .splash.tidal-takeover.bonjovi-thinfs-docu-takeover.bonjovi-spiritualwarfare-takeover {
      background-image: url(/images/index2/promos/bonjovi/bonjovi-spritualwarfare-bg.b608ac3c.jpg); }
  .page-index-2 .splash.tidal-takeover.eltorito-amorcito-takeover {
    background-image: url(/images/index2/promos/eltorito/eltorito-amorcito-bg.149ffc24.jpg); }
    .page-index-2 .splash.tidal-takeover.eltorito-amorcito-takeover .description {
      font-size: 22px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.eltorito-amorcito-takeover .description {
          font-size: 32px; } }
      .page-index-2 .splash.tidal-takeover.eltorito-amorcito-takeover .description p {
        text-transform: uppercase;
        font: 1em/1.5 "nationale-demibold", sans-serif;
        margin: 0; }
        .page-index-2 .splash.tidal-takeover.eltorito-amorcito-takeover .description p.artist {
          font: 1.5em "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.eltorito-amorcito-takeover .description p.title {
          letter-spacing: 1px; }
  .page-index-2 .splash.tidal-takeover.aliciakeys-gospel-takeover {
    background-image: url(/images/index2/promos/aliciakeys/aliciakeys-gospel-bg.5bb18ba5.jpg); }
    .page-index-2 .splash.tidal-takeover.aliciakeys-gospel-takeover .description {
      font-size: 42px;
      letter-spacing: 2px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.aliciakeys-gospel-takeover .description {
          font-size: 60px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.aliciakeys-gospel-takeover .description p {
        margin: 0;
        font: 1em/1 "nationale-bold", sans-serif;
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.aliciakeys-gospel-takeover .description p.title {
          font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.aliciakeys-holywar-takeover {
    background-image: url(/images/index2/promos/aliciakeys/aliciakeys-holywar-bg.35c3f434.jpg); }
    .page-index-2 .splash.tidal-takeover.aliciakeys-holywar-takeover .description {
      font-size: 42px;
      letter-spacing: 2px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.aliciakeys-holywar-takeover .description {
          font-size: 54px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.aliciakeys-holywar-takeover .description p {
        margin: 0;
        font: 1em/1 "nationale-bold", sans-serif;
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.aliciakeys-holywar-takeover .description p.title {
          font: 1.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.nickiminaj-1015-takeover {
    background-color: #000; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.nickiminaj-1015-takeover .takeover-right {
        padding-top: 0px; } }
    .page-index-2 .splash.tidal-takeover.nickiminaj-1015-takeover .live {
      font-size: 16px;
      letter-spacing: 2px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.nickiminaj-1015-takeover .live {
          font-size: 20px; } }
    .page-index-2 .splash.tidal-takeover.nickiminaj-1015-takeover .description {
      font-size: 34px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.nickiminaj-1015-takeover .description {
          font-size: 44px; } }
      .page-index-2 .splash.tidal-takeover.nickiminaj-1015-takeover .description p {
        margin: 0;
        font: 1em/1 "nationale-demibold", sans-serif;
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.nickiminaj-1015-takeover .description p.artist {
          font: 1.3em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.nickiminaj-1015-takeover .description p.title {
          letter-spacing: 0.14em; }
    .page-index-2 .splash.tidal-takeover.nickiminaj-1015-takeover .btn-wrapper {
      max-width: 250px; }
  .page-index-2 .splash.tidal-takeover.beyonce-1015-takeover {
    background-color: #000; }
    .page-index-2 .splash.tidal-takeover.beyonce-1015-takeover.beyonce-allnight-takeover {
      background-image: url(/images/index2/promos/beyonce/beyonce-1015-allnight-bg.ae789ac1.jpg); }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.beyonce-1015-takeover .takeover-right {
        padding-top: 0px; } }
    .page-index-2 .splash.tidal-takeover.beyonce-1015-takeover .live {
      font-size: 16px;
      letter-spacing: 2px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.beyonce-1015-takeover .live {
          font-size: 20px; } }
    .page-index-2 .splash.tidal-takeover.beyonce-1015-takeover .description {
      font-size: 40px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.beyonce-1015-takeover .description {
          font-size: 55px; } }
      .page-index-2 .splash.tidal-takeover.beyonce-1015-takeover .description p {
        margin: 0;
        font: 1em/1 "nationale-demibold", sans-serif;
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.beyonce-1015-takeover .description p.artist {
          font: 1.3em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.beyonce-1015-takeover .description p.title {
          letter-spacing: 0.14em; }
    .page-index-2 .splash.tidal-takeover.beyonce-1015-takeover .btn-wrapper {
      max-width: 250px; }
  .page-index-2 .splash.tidal-takeover.mlh-livestream-takeover {
    background-image: url(/images/index2/promos/laurynhill/laurynhill-diasporacalling-livestream-bg.c2fca5d0.jpg);
    min-height: 85vh;
    font-size: 16px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.mlh-livestream-takeover {
        font-size: 30px; } }
    .page-index-2 .splash.tidal-takeover.mlh-livestream-takeover .welcome-mat-wrapper {
      height: 80vh; }
      .page-index-2 .splash.tidal-takeover.mlh-livestream-takeover .welcome-mat-wrapper .takeover-full {
        height: 100%;
        position: relative; }
        .page-index-2 .splash.tidal-takeover.mlh-livestream-takeover .welcome-mat-wrapper .takeover-full .wrapper-bottom {
          position: absolute;
          bottom: 0;
          right: 0;
          left: 0; }
          .page-index-2 .splash.tidal-takeover.mlh-livestream-takeover .welcome-mat-wrapper .takeover-full .wrapper-bottom .wrap.info p.hashtag {
            font-size: 1.5em;
            padding: 20px 0;
            color: #00FFFF; }
            @media (min-width: 768px) {
              .page-index-2 .splash.tidal-takeover.mlh-livestream-takeover .welcome-mat-wrapper .takeover-full .wrapper-bottom .wrap.info p.hashtag {
                font-size: 1em; } }
    .page-index-2 .splash.tidal-takeover.mlh-livestream-takeover p {
      font-size: .8em;
      margin: 0 auto;
      text-transform: uppercase;
      text-align: center;
      letter-spacing: 1px; }
      .page-index-2 .splash.tidal-takeover.mlh-livestream-takeover p.tidalx {
        letter-spacing: 4px;
        color: #00FFFF;
        font-family: "nationale-demibold", sans-serif;
        margin-bottom: 10px;
        font-size: 1.2em; }
      .page-index-2 .splash.tidal-takeover.mlh-livestream-takeover p.dias {
        font-size: 1.46em;
        line-height: 1.2;
        margin-bottom: 15vh; }
        .page-index-2 .splash.tidal-takeover.mlh-livestream-takeover p.dias .unbold {
          font-size: .8em; }
      .page-index-2 .splash.tidal-takeover.mlh-livestream-takeover p.date {
        font-size: 1.2em; }
      .page-index-2 .splash.tidal-takeover.mlh-livestream-takeover p.time {
        letter-spacing: 1px; }
      .page-index-2 .splash.tidal-takeover.mlh-livestream-takeover p.bold {
        font-family: "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.rihanna-loveonthebrain-takeover {
    background-image: url(/images/index2/promos/rihanna/rihanna-loveonthebrain-remixes-bg.fcf57e90.jpg); }
    .page-index-2 .splash.tidal-takeover.rihanna-loveonthebrain-takeover .takeover-right.align-left img {
      max-width: 400px; }
    .page-index-2 .splash.tidal-takeover.rihanna-loveonthebrain-takeover .takeover-right.align-left .btn-wrapper .btn-new {
      letter-spacing: 1px; }
      .page-index-2 .splash.tidal-takeover.rihanna-loveonthebrain-takeover .takeover-right.align-left .btn-wrapper .btn-new.btn-white {
        background-color: #fff;
        color: #000;
        max-width: 250px;
        padding: 15px;
        letter-spacing: 3px; }
  .page-index-2 .splash.tidal-takeover.mia-recap-takeover {
    background-image: url(/images/index2/promos/mia2016/mia2016-playlist-bg.60ae1a2f.jpg); }
    .page-index-2 .splash.tidal-takeover.mia-recap-takeover .description {
      letter-spacing: 2px;
      font-size: 20px;
      text-transform: uppercase; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.mia-recap-takeover .description {
          font-size: 26px; } }
      .page-index-2 .splash.tidal-takeover.mia-recap-takeover .description p {
        margin: 0;
        font: 1em/1 "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.mia-recap-takeover .description p.title {
          font: 1.6em/1 "nationale-bold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.mia-recap-takeover .takeover-right.align-left .btn-wrapper .btn-new {
      letter-spacing: 1px; }
  .page-index-2 .splash.tidal-takeover.tip-switchinglanes-takeover {
    background-image: url(/images/index2/promos/tip/tip-switchinglanes-bg.8be2d4bc.jpg); }
    .page-index-2 .splash.tidal-takeover.tip-switchinglanes-takeover p.exclusive-disclaimer {
      text-transform: uppercase;
      font-size: 18px; }
    .page-index-2 .splash.tidal-takeover.tip-switchinglanes-takeover .description {
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 26px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.tip-switchinglanes-takeover .description {
          font-size: 34px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.tip-switchinglanes-takeover .description p {
        margin: 0;
        font: 1em/1 "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.tip-switchinglanes-takeover .description p.artist {
          font: 4em "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.rihanna-fentyrecap-takeover {
    background-image: url(/images/index2/promos/rihanna/rihanna-fentyrecap-bg.8e6ba7b7.jpg); }
    .page-index-2 .splash.tidal-takeover.rihanna-fentyrecap-takeover .description {
      text-transform: uppercase;
      font-size: 12px;
      letter-spacing: 2px; }
      .page-index-2 .splash.tidal-takeover.rihanna-fentyrecap-takeover .description p {
        margin: 0;
        font: 1em/1.4 "nationale-demibold", sans-serif;
        color: #d6d7cf; }
        .page-index-2 .splash.tidal-takeover.rihanna-fentyrecap-takeover .description p.artist {
          font: 4em "nationale-bold", sans-serif; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.rihanna-fentyrecap-takeover .description {
          font-size: 18px; }
          .page-index-2 .splash.tidal-takeover.rihanna-fentyrecap-takeover .description p.artist {
            font-size: 4.2em; } }
    .page-index-2 .splash.tidal-takeover.rihanna-fentyrecap-takeover .takeover-right.align-left .btn-wrapper .btn-new:first-child {
      letter-spacing: 1px; }
  .page-index-2 .splash.tidal-takeover.aliciakeys-blendedfamily-takeover {
    background-image: url(/images/index2/promos/aliciakeys/aliciakeys-blendedfamily-bg.c187f6d7.jpg); }
    .page-index-2 .splash.tidal-takeover.aliciakeys-blendedfamily-takeover .takeover-right > img {
      max-width: 400px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.aliciakeys-blendedfamily-takeover .takeover-right > img {
          margin-bottom: 20px; } }
  .page-index-2 .splash.tidal-takeover.robinthicke-deep-takeover {
    background-image: url(/images/index2/promos/robinthicke/robinthicke-deep-bg.jpg); }
    .page-index-2 .splash.tidal-takeover.robinthicke-deep-takeover .description {
      text-transform: uppercase;
      font-size: 28px;
      letter-spacing: 2px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.robinthicke-deep-takeover .description {
          font-size: 38px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.robinthicke-deep-takeover .description p {
        margin: 0;
        font: 1em/1 "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.robinthicke-deep-takeover .description p.artist {
          font: 1.3em/1.5 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.bas-dopamine-takeover {
    background-image: url(/images/index2/promos/bas/bas-dopamine-bg.b6162ba3.jpg); }
    .page-index-2 .splash.tidal-takeover.bas-dopamine-takeover .description {
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 25px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.bas-dopamine-takeover .description {
          letter-spacing: 3px;
          font-size: 34px; } }
      .page-index-2 .splash.tidal-takeover.bas-dopamine-takeover .description p {
        margin: 0;
        font: 1em/1 "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.bas-dopamine-takeover .description p.artist {
          font: 1.5em/1.3 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.djmustard-coldsummer-takeover {
    background-image: url(/images/index2/promos/djmustard/djmustard-coldsummer-bg.ac02ea41.jpg); }
    .page-index-2 .splash.tidal-takeover.djmustard-coldsummer-takeover .description {
      text-transform: uppercase;
      font-size: 20px;
      letter-spacing: 2px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.djmustard-coldsummer-takeover .description {
          font-size: 24px; } }
      .page-index-2 .splash.tidal-takeover.djmustard-coldsummer-takeover .description p {
        margin: 0;
        font: 1em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1150px) {
          .page-index-2 .splash.tidal-takeover.djmustard-coldsummer-takeover .description p {
            font-size: 28px;
            letter-spacing: 3px; } }
        .page-index-2 .splash.tidal-takeover.djmustard-coldsummer-takeover .description p.artist {
          font-size: 2em; }
  .page-index-2 .splash.tidal-takeover.frankocean-blonde-takeover {
    background-image: none;
    background-color: #fff; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.frankocean-blonde-takeover .welcome-mat-wrapper {
        overflow: visible; } }
    .page-index-2 .splash.tidal-takeover.frankocean-blonde-takeover .takeover-left {
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
    .page-index-2 .splash.tidal-takeover.frankocean-blonde-takeover .description {
      font-size: 38px;
      letter-spacing: 2px;
      text-transform: uppercase; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.frankocean-blonde-takeover .description {
          letter-spacing: 3px;
          font-size: 46px; } }
      .page-index-2 .splash.tidal-takeover.frankocean-blonde-takeover .description p {
        margin: 0;
        font: 1em/1 "nationale-demibold", sans-serif;
        color: #000; }
        .page-index-2 .splash.tidal-takeover.frankocean-blonde-takeover .description p.title {
          font: 1.83em/1 "nationale-bold", sans-serif;
          margin-left: -2px; }
    .page-index-2 .splash.tidal-takeover.frankocean-blonde-takeover .btn-wrapper {
      max-width: 250px; }
      .page-index-2 .splash.tidal-takeover.frankocean-blonde-takeover .btn-wrapper .btn-new,
      .page-index-2 .splash.tidal-takeover.frankocean-blonde-takeover .btn-wrapper .btn-new + .btn-new {
        font-family: 'nationale-bold', sans-serif;
        padding: 15px;
        border-color: #000;
        color: #000;
        border-width: 2px; }
  .page-index-2 .splash.tidal-takeover.covergen-takeover {
    background: #fff no-repeat;
    background-size: cover;
    /* PROGRESS BAR */
    /* Button container */
    /* Common style of SVGs */ }
    .page-index-2 .splash.tidal-takeover.covergen-takeover canvas {
      display: none; }
    .page-index-2 .splash.tidal-takeover.covergen-takeover .force-us-wrapper {
      display: inline;
      width: 60px;
      position: relative;
      top: -33px;
      right: -261px; }
      .page-index-2 .splash.tidal-takeover.covergen-takeover .force-us-wrapper input {
        width: 20px;
        position: absolute;
        left: 0; }
      .page-index-2 .splash.tidal-takeover.covergen-takeover .force-us-wrapper b {
        font-family: "nationale-demibold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.covergen-takeover .force-us-wrapper label {
        position: absolute;
        font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
        letter-spacing: 1px;
        left: 24px;
        font-size: 10px;
        width: 151px;
        top: 4px;
        text-transform: uppercase; }
    .page-index-2 .splash.tidal-takeover.covergen-takeover.loading .welcome-mat-wrapper {
      pointer-events: none;
      opacity: .1; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.covergen-takeover .welcome-mat-wrapper {
        overflow: visible; } }
    .page-index-2 .splash.tidal-takeover.covergen-takeover .takeover-left {
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
    .page-index-2 .splash.tidal-takeover.covergen-takeover .description {
      font-size: 18px;
      letter-spacing: 2px;
      text-transform: uppercase; }
      .page-index-2 .splash.tidal-takeover.covergen-takeover .description.long-txt {
        font-size: 16px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.covergen-takeover .description {
          letter-spacing: 3px;
          font-size: 42px; }
          .page-index-2 .splash.tidal-takeover.covergen-takeover .description.long-txt {
            font-size: 26px; } }
      .page-index-2 .splash.tidal-takeover.covergen-takeover .description p {
        margin: 0;
        font: 1em/1 "nationale-demibold", sans-serif;
        color: #000; }
        .page-index-2 .splash.tidal-takeover.covergen-takeover .description p .not-found {
          color: #ff0000; }
        .page-index-2 .splash.tidal-takeover.covergen-takeover .description p.title {
          font: 1.7em/1 "nationale-bold", sans-serif;
          margin-left: -2px; }
    .page-index-2 .splash.tidal-takeover.covergen-takeover .btn-wrapper {
      max-width: 250px; }
      .page-index-2 .splash.tidal-takeover.covergen-takeover .btn-wrapper .btn-new.input-id-field {
        font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
        border: 1px #f1f1f1 solid;
        border-radius: 0;
        top: 0 !important; }
      .page-index-2 .splash.tidal-takeover.covergen-takeover .btn-wrapper .btn-new,
      .page-index-2 .splash.tidal-takeover.covergen-takeover .btn-wrapper .btn-new + .btn-new {
        font-family: "nationale-bold", sans-serif;
        padding: 15px;
        border: 2px #000 solid;
        color: #000; }
        .page-index-2 .splash.tidal-takeover.covergen-takeover .btn-wrapper .btn-new.disabled,
        .page-index-2 .splash.tidal-takeover.covergen-takeover .btn-wrapper .btn-new + .btn-new.disabled {
          pointer-events: none;
          opacity: .1;
          -webkit-transition: opacity 400ms ease-in;
          -ms-transition: opacity 400ms ease-in;
          -moz-transition: opacity 400ms ease-in;
          -o-transition: opacity 400ms ease-in;
          transition: opacity 400ms ease-in; }
        .page-index-2 .splash.tidal-takeover.covergen-takeover .btn-wrapper .btn-new.download-btn-new,
        .page-index-2 .splash.tidal-takeover.covergen-takeover .btn-wrapper .btn-new + .btn-new.download-btn-new {
          margin-top: 5px; }
    .page-index-2 .splash.tidal-takeover.covergen-takeover .progress-button {
      display: none;
      position: absolute;
      text-align: center;
      width: 100%;
      margin: 120px auto 0 auto;
      z-index: 1;
      left: 0; }
    .page-index-2 .splash.tidal-takeover.covergen-takeover.loading .progress-button {
      display: block; }
    .page-index-2 .splash.tidal-takeover.covergen-takeover .progress-button svg {
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%) scale(.65);
      -ms-transform: translateX(-50%) scale(.65);
      -moz-transform: translateX(-50%) scale(.65);
      -o-transform: translateX(-50%) scale(.65);
      transform: translateX(-50%) scale(.65);
      pointer-events: none; }
    .page-index-2 .splash.tidal-takeover.covergen-takeover .progress-button svg path {
      opacity: 0;
      fill: none; }
    .page-index-2 .splash.tidal-takeover.covergen-takeover .progress-button svg.progress-circle path {
      stroke: #1ECD97;
      stroke-width: 5; }
    .page-index-2 .splash.tidal-takeover.covergen-takeover .progress-button svg.checkmark path,
    .page-index-2 .splash.tidal-takeover.covergen-takeover .progress-button svg.cross path {
      stroke: #fff;
      stroke-linecap: round;
      stroke-width: 4;
      -webkit-transition: opacity 0.1s;
      -ms-transition: opacity 0.1s;
      -moz-transition: opacity 0.1s;
      -o-transition: opacity 0.1s;
      transition: opacity 0.1s; }

@keyframes strokeDash {
  0% {
    stroke-dashoffset: 0; }
  50% {
    stroke-dashoffset: -204; }
  100% {
    stroke-dashoffset: -404; } }
    .page-index-2 .splash.tidal-takeover.covergen-takeover .loading.progress-button svg.progress-circle path,
    .page-index-2 .splash.tidal-takeover.covergen-takeover .success.progress-button svg.checkmark path,
    .page-index-2 .splash.tidal-takeover.covergen-takeover .error.progress-button svg.cross path {
      opacity: 1;
      stroke-dasharray: 204;
      stroke-dashoffset: 0;
      -webkit-animation: strokeDash 1500ms linear infinite;
      -ms-animation: strokeDash 1500ms linear infinite;
      -moz-animation: strokeDash 1500ms linear infinite;
      -o-animation: strokeDash 1500ms linear infinite;
      animation: strokeDash 1500ms linear infinite; }
  .page-index-2 .splash.tidal-takeover.laurynhill-rebel-takeover {
    background-image: url("/images/index2/promos/laurynhill/laurynhill-rebel.5d88f483.jpg");
    padding-bottom: 80px; }
    .page-index-2 .splash.tidal-takeover.laurynhill-rebel-takeover .tdc-header {
      width: 90%;
      max-width: 400px;
      margin-bottom: 20px; }
    .page-index-2 .splash.tidal-takeover.laurynhill-rebel-takeover p.note {
      max-width: 400px;
      margin: 0; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.laurynhill-rebel-takeover {
        padding-bottom: 120px; }
        .page-index-2 .splash.tidal-takeover.laurynhill-rebel-takeover .tdc-header {
          margin-bottom: 40px; } }
    @media (max-width: 767px) {
      .page-index-2 .splash.tidal-takeover.laurynhill-rebel-takeover p.exclusive-disclaimer {
        font-size: 12px; } }
  .page-index-2 .splash.tidal-takeover.jasonaldean-tdk-takeover {
    background-image: url("/images/index2/promos/jasonaldean/jasonaldean-tdc-bg.51eba205.jpg");
    padding-bottom: 80px; }
    .page-index-2 .splash.tidal-takeover.jasonaldean-tdk-takeover .tdc-header {
      width: 90%;
      max-width: 400px;
      margin-bottom: 20px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.jasonaldean-tdk-takeover {
        padding-bottom: 120px; }
        .page-index-2 .splash.tidal-takeover.jasonaldean-tdk-takeover .tdc-header {
          margin-bottom: 40px; } }
  .page-index-2 .splash.tidal-takeover.cnco-fan-takeover {
    background-image: url(/images/index2/promos/cnco/cnco-bg.31f5f8c9.jpg);
    min-height: 85vh;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px; }
    .page-index-2 .splash.tidal-takeover.cnco-fan-takeover .cnco-logo {
      margin-top: 15vh;
      max-width: 400px;
      margin-bottom: 10px; }
    .page-index-2 .splash.tidal-takeover.cnco-fan-takeover .description {
      text-transform: uppercase;
      font-size: 18px;
      letter-spacing: 2px;
      margin-bottom: 40px; }
      .page-index-2 .splash.tidal-takeover.cnco-fan-takeover .description .break {
        display: block; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.cnco-fan-takeover .description {
          font-size: 22px;
          letter-spacing: 3px; }
          .page-index-2 .splash.tidal-takeover.cnco-fan-takeover .description .break {
            display: inline; }
            .page-index-2 .splash.tidal-takeover.cnco-fan-takeover .description .break::before {
              content: '| '; } }
      .page-index-2 .splash.tidal-takeover.cnco-fan-takeover .description p {
        width: 100%;
        max-width: 100%;
        margin: 0 auto 20px;
        font: 1em/1.2 "nationale-bold", sans-serif; }
    @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
      .page-index-2 .splash.tidal-takeover.cnco-fan-takeover {
        background-size: contain;
        min-height: 50vh; }
        .page-index-2 .splash.tidal-takeover.cnco-fan-takeover .description {
          margin: 60px auto; } }
  .page-index-2 .splash.tidal-takeover.rihanna-fenty-takeover {
    background-image: url(/images/index2/promos/rihanna/rihanna-fenty-bg.33f8be12.jpg);
    padding: 20px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.rihanna-fenty-takeover {
        padding: 80px; } }
    .page-index-2 .splash.tidal-takeover.rihanna-fenty-takeover .wrapper-box {
      background-color: #fdfcf3;
      padding: 20px;
      max-width: 800px;
      margin: auto; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.rihanna-fenty-takeover .wrapper-box {
          padding: 60px; } }
      .page-index-2 .splash.tidal-takeover.rihanna-fenty-takeover .wrapper-box img {
        display: block;
        margin: 0 auto 30px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.rihanna-fenty-takeover .wrapper-box img {
            margin-bottom: 50px; } }
        .page-index-2 .splash.tidal-takeover.rihanna-fenty-takeover .wrapper-box img.fenty-logo {
          max-width: 200px; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.rihanna-fenty-takeover .wrapper-box img.fenty-logo {
              max-width: 400px; } }
        .page-index-2 .splash.tidal-takeover.rihanna-fenty-takeover .wrapper-box img.fenty-top {
          max-width: 420px; }
        .page-index-2 .splash.tidal-takeover.rihanna-fenty-takeover .wrapper-box img.fenty-bottom {
          max-width: 600px; }
    .page-index-2 .splash.tidal-takeover.rihanna-fenty-takeover .wrapper-buttons {
      width: 100%;
      max-width: 240px;
      margin: 40px auto 20px; }
      .page-index-2 .splash.tidal-takeover.rihanna-fenty-takeover .wrapper-buttons a {
        display: block;
        box-sizing: border-box;
        border: 1px solid #585543;
        text-transform: uppercase;
        text-decoration: none;
        color: #585543;
        letter-spacing: 1px;
        margin: 0 auto;
        padding: 13px;
        border-radius: 3px;
        font: 12px/1 "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.rihanna-fenty-takeover .wrapper-buttons a.black {
          background-color: #585543;
          color: #fdfcf3; }
        .page-index-2 .splash.tidal-takeover.rihanna-fenty-takeover .wrapper-buttons a + a {
          margin-top: 10px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.rihanna-fenty-takeover .wrapper-buttons {
          max-width: 500px; }
          .page-index-2 .splash.tidal-takeover.rihanna-fenty-takeover .wrapper-buttons a {
            float: left;
            width: 49%; }
            .page-index-2 .splash.tidal-takeover.rihanna-fenty-takeover .wrapper-buttons a + a {
              margin-left: 2%;
              margin-top: 0; }
            .page-index-2 .splash.tidal-takeover.rihanna-fenty-takeover .wrapper-buttons a:only-child {
              float: none; } }
  .page-index-2 .splash.tidal-takeover.ty-campaign-takeover {
    background-image: url("/images/index2/promos/tydollasign/campaign-bg.56777e35.jpg"); }
    .page-index-2 .splash.tidal-takeover.ty-campaign-takeover .description {
      text-transform: uppercase;
      font-size: 17px;
      letter-spacing: 2px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.ty-campaign-takeover .description {
          letter-spacing: 5px;
          font-size: 27px; } }
      .page-index-2 .splash.tidal-takeover.ty-campaign-takeover .description p {
        color: #1a1a1a;
        font: 1.5em/1 "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.ty-campaign-takeover .description p.artist {
          font: 2.1em/1 "nationale-bold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.ty-campaign-takeover .btn-new {
      color: #1a1a1a;
      border-color: #1a1a1a;
      padding: 17px 0; }
      .page-index-2 .splash.tidal-takeover.ty-campaign-takeover .btn-new:hover {
        color: #1a1a1a;
        border-color: #1a1a1a; }
      .page-index-2 .splash.tidal-takeover.ty-campaign-takeover .btn-new + .btn-new {
        background: #1a1a1a;
        color: #fafafa;
        border-color: #1a1a1a; }
  .page-index-2 .splash.tidal-takeover.bzzy-letters-from-syria-takeover {
    background-image: url(/images/index2/promos/bzzy/bzzy-letters-from-syria-admat-bg.baa6376f.jpg); }
    .page-index-2 .splash.tidal-takeover.bzzy-letters-from-syria-takeover p.exclusive-disclaimer {
      margin: 0 0 10px 0; }
    .page-index-2 .splash.tidal-takeover.bzzy-letters-from-syria-takeover .admat-link {
      margin-top: 20px;
      font: 1em/1 "nationale-demibold", sans-serif;
      display: inline-block;
      text-transform: uppercase;
      letter-spacing: 3px;
      font-size: .8em;
      text-align: center;
      margin-left: 70px; }
    .page-index-2 .splash.tidal-takeover.bzzy-letters-from-syria-takeover .description {
      font-size: 19px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.bzzy-letters-from-syria-takeover .description {
          font-size: 22px; } }
      .page-index-2 .splash.tidal-takeover.bzzy-letters-from-syria-takeover .description p {
        margin: 0;
        text-transform: uppercase;
        letter-spacing: 3px;
        font-size: 1em; }
        .page-index-2 .splash.tidal-takeover.bzzy-letters-from-syria-takeover .description p.artist {
          font: 2.6em "nationale-bold", sans-serif;
          line-height: inherit; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.bzzy-letters-from-syria-takeover .description p.artist {
              font-size: 6em; } }
        .page-index-2 .splash.tidal-takeover.bzzy-letters-from-syria-takeover .description p.title {
          font: 1.2em "nationale-bold", sans-serif;
          font-weight: 100;
          margin-top: 0px; }
          .page-index-2 .splash.tidal-takeover.bzzy-letters-from-syria-takeover .description p.title.small {
            font-size: 1.2rem; }
            @media (min-width: 1024px) {
              .page-index-2 .splash.tidal-takeover.bzzy-letters-from-syria-takeover .description p.title.small {
                font-size: 1.2rem; } }
          .page-index-2 .splash.tidal-takeover.bzzy-letters-from-syria-takeover .description p.title span {
            font-size: 0.65em;
            display: block; }
  .page-index-2 .splash.tidal-takeover.ti-usorelselettertothesystem-takeover {
    background-image: url(/images/index2/promos/tip/ti-usorelselettertothesystem-takeover-bg.81af9b40.jpg); }
    .page-index-2 .splash.tidal-takeover.ti-usorelselettertothesystem-takeover p.exclusive-disclaimer {
      margin: 0 0 10px 0; }
    .page-index-2 .splash.tidal-takeover.ti-usorelselettertothesystem-takeover .admat-link {
      margin-top: 20px;
      font: 1em/1 "nationale-demibold", sans-serif;
      display: inline-block;
      text-transform: uppercase;
      letter-spacing: 3px;
      font-size: .8em;
      text-align: center;
      margin-left: 70px; }
    .page-index-2 .splash.tidal-takeover.ti-usorelselettertothesystem-takeover .description {
      font-size: 19px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.ti-usorelselettertothesystem-takeover .description {
          font-size: 22px; } }
      .page-index-2 .splash.tidal-takeover.ti-usorelselettertothesystem-takeover .description p {
        margin: 0;
        text-transform: uppercase;
        letter-spacing: 3px;
        font-size: 1em; }
        .page-index-2 .splash.tidal-takeover.ti-usorelselettertothesystem-takeover .description p.artist {
          font: 2.6em "nationale-bold", sans-serif;
          line-height: inherit; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.ti-usorelselettertothesystem-takeover .description p.artist {
              font-size: 4.2em; } }
        .page-index-2 .splash.tidal-takeover.ti-usorelselettertothesystem-takeover .description p.title {
          font: 1.2em "nationale-bold", sans-serif;
          font-weight: 100;
          margin-top: 0px; }
          .page-index-2 .splash.tidal-takeover.ti-usorelselettertothesystem-takeover .description p.title.small {
            font-size: 1.2rem; }
            @media (min-width: 1024px) {
              .page-index-2 .splash.tidal-takeover.ti-usorelselettertothesystem-takeover .description p.title.small {
                font-size: 1.2rem; } }
          .page-index-2 .splash.tidal-takeover.ti-usorelselettertothesystem-takeover .description p.title span {
            font-size: 0.65em;
            display: block; }
  .page-index-2 .splash.tidal-takeover.ti-usorelse-takeover {
    background-image: url(/images/index2/promos/tip/tip-usorelse-bg.ad371183.jpg); }
    .page-index-2 .splash.tidal-takeover.ti-usorelse-takeover .description {
      text-transform: uppercase;
      font-size: 49px;
      letter-spacing: 2px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.ti-usorelse-takeover .description {
          letter-spacing: 5px;
          font-size: 64px; } }
      .page-index-2 .splash.tidal-takeover.ti-usorelse-takeover .description p {
        font: 1em/1 "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.ti-usorelse-takeover .description p.artist {
          font: 2.1em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.ti-blackman-takeover {
    background-image: url(/images/index2/promos/tip/tip-blackman-bg.6fc4577f.jpg); }
    .page-index-2 .splash.tidal-takeover.ti-blackman-takeover .description {
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 44px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.ti-blackman-takeover .description {
          letter-spacing: 5px;
          font-size: 52px; } }
      .page-index-2 .splash.tidal-takeover.ti-blackman-takeover .description p {
        font: 1em/1 "nationale-demibold", sans-serif;
        margin: 0; }
        .page-index-2 .splash.tidal-takeover.ti-blackman-takeover .description p.artist {
          font: 2.2em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.nickjonas-voodoo-takeover {
    background-image: url(/images/index2/promos/nickjonas/nickjonas-voodoo-bg.d4028c36.jpg); }
    .page-index-2 .splash.tidal-takeover.nickjonas-voodoo-takeover .description {
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 19px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.nickjonas-voodoo-takeover .description {
          letter-spacing: 5px;
          font-size: 27px; } }
      .page-index-2 .splash.tidal-takeover.nickjonas-voodoo-takeover .description p {
        font: 2.2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin: 5px 0 0 0; }
        .page-index-2 .splash.tidal-takeover.nickjonas-voodoo-takeover .description p.artist {
          font: 2.2em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.nickjonas-champagne-problems-takeover {
    background-image: url(/images/index2/promos/nickjonas/nickjonas-champagneproblems-bg.92d1e92a.jpg); }
    .page-index-2 .splash.tidal-takeover.nickjonas-champagne-problems-takeover .description {
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 19px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.nickjonas-champagne-problems-takeover .description {
          letter-spacing: 5px;
          font-size: 27px; } }
      .page-index-2 .splash.tidal-takeover.nickjonas-champagne-problems-takeover .description p {
        font: 1.1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin: 5px 0 0 0; }
        .page-index-2 .splash.tidal-takeover.nickjonas-champagne-problems-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.nickjonas-lywc-album-takeover {
    background-image: url(/images/index2/promos/nickjonas/nickjonas-last-year-was-complicated-bg.baf2c86d.jpg); }
    .page-index-2 .splash.tidal-takeover.nickjonas-lywc-album-takeover .description {
      text-transform: uppercase;
      font-size: 45px;
      letter-spacing: 2px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.nickjonas-lywc-album-takeover .description {
          font-size: 55px; } }
      .page-index-2 .splash.tidal-takeover.nickjonas-lywc-album-takeover .description p {
        margin: 0;
        font: 1em/1.3 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.nickjonas-lywc-album-takeover .description p.title {
          font: 0.8em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.nickjonas-lywc-show-takeover .takeover-right img {
    margin: 30px auto; }
  .page-index-2 .splash.tidal-takeover.nickjonas-bacon-takeover {
    background-image: url(/images/index2/promos/nickjonas/nick-jonas-doc-bg.038c5a79.jpg); }
    .page-index-2 .splash.tidal-takeover.nickjonas-bacon-takeover .description {
      text-transform: uppercase;
      font-size: 45px;
      letter-spacing: 2px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.nickjonas-bacon-takeover .description {
          font-size: 55px; } }
      .page-index-2 .splash.tidal-takeover.nickjonas-bacon-takeover .description p {
        margin: 0;
        font: 1em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.nickjonas-bacon-takeover .description p.title {
          font: 1.2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.nickjonas-2future-tickets-takeover {
    background-image: url(/images/index2/promos/nickjonas/nickjonas-2future-tickets-bg.ec4d0950.jpg);
    min-height: 85vh; }
    .page-index-2 .splash.tidal-takeover.nickjonas-2future-tickets-takeover img {
      display: block;
      width: 90%;
      max-width: 500px;
      margin: 50vh auto 40px; }
  .page-index-2 .splash.tidal-takeover.tds-dollday-recap {
    background-image: url("/images/index2/promos/tydollasign/dolladay-recap-bg.91e5942e.jpg"); }
  .page-index-2 .splash.tidal-takeover.miguelcotto-vs-jameskirkland-takeover {
    background-image: url(/images/index2/promos/miguelcottojameskirkland/miguel-cotto-vs-james-kirkland.50775c0c.jpg);
    background-position: top center;
    padding: 20px; }
    .page-index-2 .splash.tidal-takeover.miguelcotto-vs-jameskirkland-takeover img {
      display: block;
      margin: 20px auto; }
      .page-index-2 .splash.tidal-takeover.miguelcotto-vs-jameskirkland-takeover img.roc-logo {
        max-width: 145px;
        margin: 0px auto; }
      .page-index-2 .splash.tidal-takeover.miguelcotto-vs-jameskirkland-takeover img.header {
        max-width: 460px;
        margin: 0px auto; }
      .page-index-2 .splash.tidal-takeover.miguelcotto-vs-jameskirkland-takeover img.bj-head {
        max-width: 500px;
        margin-top: 23vh; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.miguelcotto-vs-jameskirkland-takeover img.bj-head {
            margin-top: 33vh; } }
      .page-index-2 .splash.tidal-takeover.miguelcotto-vs-jameskirkland-takeover img.bj-title {
        max-width: 250px;
        margin: 40px auto 20px; }
      .page-index-2 .splash.tidal-takeover.miguelcotto-vs-jameskirkland-takeover img.bj-hashtag {
        max-width: 380px;
        margin: 0px auto; }
    .page-index-2 .splash.tidal-takeover.miguelcotto-vs-jameskirkland-takeover .float {
      float: left;
      width: 50%; }
      @media (max-width: 767px) {
        .page-index-2 .splash.tidal-takeover.miguelcotto-vs-jameskirkland-takeover .float {
          float: left;
          width: 100%; } }
    .page-index-2 .splash.tidal-takeover.miguelcotto-vs-jameskirkland-takeover .wrapper-buttons {
      width: 100%;
      max-width: 240px;
      margin: 40px auto; }
      .page-index-2 .splash.tidal-takeover.miguelcotto-vs-jameskirkland-takeover .wrapper-buttons a {
        display: block;
        box-sizing: border-box;
        border: 1px solid #fff;
        text-transform: uppercase;
        text-decoration: none;
        color: #fff;
        letter-spacing: 2px;
        font: 12px/1 "nationale-demibold", sans-serif;
        margin: 0 auto;
        padding: 13px;
        border-radius: 3px; }
        .page-index-2 .splash.tidal-takeover.miguelcotto-vs-jameskirkland-takeover .wrapper-buttons a.white {
          background-color: #fff;
          color: #000; }
        .page-index-2 .splash.tidal-takeover.miguelcotto-vs-jameskirkland-takeover .wrapper-buttons a + a {
          margin-top: 10px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.miguelcotto-vs-jameskirkland-takeover .wrapper-buttons {
          max-width: 450px; }
          .page-index-2 .splash.tidal-takeover.miguelcotto-vs-jameskirkland-takeover .wrapper-buttons a {
            float: left;
            width: 49%; }
            .page-index-2 .splash.tidal-takeover.miguelcotto-vs-jameskirkland-takeover .wrapper-buttons a + a {
              margin-left: 2%;
              margin-top: 0; }
            .page-index-2 .splash.tidal-takeover.miguelcotto-vs-jameskirkland-takeover .wrapper-buttons a:only-child {
              float: none; } }
    .page-index-2 .splash.tidal-takeover.miguelcotto-vs-jameskirkland-takeover .cta-wrapper {
      margin-top: 20px; }
    .page-index-2 .splash.tidal-takeover.miguelcotto-vs-jameskirkland-takeover .promo-code {
      display: inline-block;
      font: 12px/1 "nationale-bold", sans-serif;
      color: #b21a27;
      margin-top: 10px;
      margin-bottom: 20px; }
    .page-index-2 .splash.tidal-takeover.miguelcotto-vs-jameskirkland-takeover .signup {
      display: block;
      width: 100%;
      letter-spacing: 1px;
      font-family: "nationale-demibold", sans-serif;
      font-size: 12px;
      margin-bottom: 40px; }
  .page-index-2 .splash.tidal-takeover.bonjovi-house-announcement-takeover, .page-index-2 .splash.tidal-takeover.bonjovi-house-launch-takeover {
    background-image: url(/images/index2/promos/bonjovi/bonjovi-house-bg.29d3767d.jpg);
    background-position: top center;
    padding: 20px; }
    .page-index-2 .splash.tidal-takeover.bonjovi-house-announcement-takeover img, .page-index-2 .splash.tidal-takeover.bonjovi-house-launch-takeover img {
      display: block;
      margin: 20px auto; }
      .page-index-2 .splash.tidal-takeover.bonjovi-house-announcement-takeover img.bj-head, .page-index-2 .splash.tidal-takeover.bonjovi-house-launch-takeover img.bj-head {
        max-width: 350px;
        margin-top: 16vh; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.bonjovi-house-announcement-takeover img.bj-head, .page-index-2 .splash.tidal-takeover.bonjovi-house-launch-takeover img.bj-head {
            margin-top: 24vh; } }
      .page-index-2 .splash.tidal-takeover.bonjovi-house-announcement-takeover img.bj-title, .page-index-2 .splash.tidal-takeover.bonjovi-house-launch-takeover img.bj-title {
        max-width: 250px;
        margin: 40px auto 20px; }
      .page-index-2 .splash.tidal-takeover.bonjovi-house-announcement-takeover img.bj-hashtag, .page-index-2 .splash.tidal-takeover.bonjovi-house-launch-takeover img.bj-hashtag {
        max-width: 150px; }
    .page-index-2 .splash.tidal-takeover.bonjovi-house-announcement-takeover .wrapper-buttons, .page-index-2 .splash.tidal-takeover.bonjovi-house-launch-takeover .wrapper-buttons {
      width: 100%;
      max-width: 240px;
      margin: 40px auto; }
      .page-index-2 .splash.tidal-takeover.bonjovi-house-announcement-takeover .wrapper-buttons a, .page-index-2 .splash.tidal-takeover.bonjovi-house-launch-takeover .wrapper-buttons a {
        display: block;
        box-sizing: border-box;
        border: 1px solid #fff;
        text-transform: uppercase;
        text-decoration: none;
        color: #fff;
        letter-spacing: 2px;
        font: 12px/1 "nationale-demibold", sans-serif;
        margin: 0 auto;
        padding: 13px;
        border-radius: 3px; }
        .page-index-2 .splash.tidal-takeover.bonjovi-house-announcement-takeover .wrapper-buttons a.white, .page-index-2 .splash.tidal-takeover.bonjovi-house-launch-takeover .wrapper-buttons a.white {
          background-color: #fff;
          color: #000; }
        .page-index-2 .splash.tidal-takeover.bonjovi-house-announcement-takeover .wrapper-buttons a + a, .page-index-2 .splash.tidal-takeover.bonjovi-house-launch-takeover .wrapper-buttons a + a {
          margin-top: 10px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.bonjovi-house-announcement-takeover .wrapper-buttons, .page-index-2 .splash.tidal-takeover.bonjovi-house-launch-takeover .wrapper-buttons {
          max-width: 450px; }
          .page-index-2 .splash.tidal-takeover.bonjovi-house-announcement-takeover .wrapper-buttons a, .page-index-2 .splash.tidal-takeover.bonjovi-house-launch-takeover .wrapper-buttons a {
            float: left;
            width: 49%; }
            .page-index-2 .splash.tidal-takeover.bonjovi-house-announcement-takeover .wrapper-buttons a + a, .page-index-2 .splash.tidal-takeover.bonjovi-house-launch-takeover .wrapper-buttons a + a {
              margin-left: 2%;
              margin-top: 0; }
            .page-index-2 .splash.tidal-takeover.bonjovi-house-announcement-takeover .wrapper-buttons a:only-child, .page-index-2 .splash.tidal-takeover.bonjovi-house-launch-takeover .wrapper-buttons a:only-child {
              float: none; } }
    .page-index-2 .splash.tidal-takeover.bonjovi-house-announcement-takeover .cta-wrapper, .page-index-2 .splash.tidal-takeover.bonjovi-house-launch-takeover .cta-wrapper {
      margin-top: 60px; }
    .page-index-2 .splash.tidal-takeover.bonjovi-house-announcement-takeover .signup, .page-index-2 .splash.tidal-takeover.bonjovi-house-launch-takeover .signup {
      display: block;
      width: 100%;
      letter-spacing: 1px;
      font-family: "nationale-demibold", sans-serif;
      font-size: 12px;
      margin-bottom: 40px; }
  .page-index-2 .splash.tidal-takeover.bonjovi-10videos-takeover {
    padding-left: 10px;
    padding-right: 10px; }
    .page-index-2 .splash.tidal-takeover.bonjovi-10videos-takeover .cta-wrapper {
      margin-bottom: 80px;
      max-width: 250px; }
    .page-index-2 .splash.tidal-takeover.bonjovi-10videos-takeover img.title {
      max-width: 250px;
      margin: 0 auto 60px auto; }
    .page-index-2 .splash.tidal-takeover.bonjovi-10videos-takeover .main-wrapper {
      max-width: 800px;
      margin: auto; }
      .page-index-2 .splash.tidal-takeover.bonjovi-10videos-takeover .main-wrapper .title {
        display: block;
        width: 100%;
        margin-bottom: 40px; }
      .page-index-2 .splash.tidal-takeover.bonjovi-10videos-takeover .main-wrapper .tidal-embed {
        width: 100%; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.bonjovi-10videos-takeover .main-wrapper .title,
        .page-index-2 .splash.tidal-takeover.bonjovi-10videos-takeover .main-wrapper .tidal-embed {
          width: 99%; } }
    .page-index-2 .splash.tidal-takeover.bonjovi-10videos-takeover .wrapper-thumbs img {
      display: block;
      box-sizing: border-box;
      float: left;
      width: 50%;
      position: relative;
      z-index: 1;
      border: 1px solid #000;
      transition: all 0.3s ease-in; }
      .page-index-2 .splash.tidal-takeover.bonjovi-10videos-takeover .wrapper-thumbs img.active, .page-index-2 .splash.tidal-takeover.bonjovi-10videos-takeover .wrapper-thumbs img.active:hover {
        border: 1px solid rgba(205, 10, 15, 0.7);
        cursor: default; }
      .page-index-2 .splash.tidal-takeover.bonjovi-10videos-takeover .wrapper-thumbs img:hover {
        cursor: pointer;
        border: 1px dashed rgba(205, 10, 15, 0.7); }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.bonjovi-10videos-takeover .wrapper-thumbs img {
          width: 33%; } }
    .page-index-2 .splash.tidal-takeover.bonjovi-10videos-takeover .wrapper-thumbs .wrapper-explore {
      background-image: url(/images/index2/promos/bonjovi/bonjovi-10videos-exploremore-bg.jpg);
      background-size: cover;
      box-sizing: border-box;
      padding: 60px 20px;
      clear: left; }
      .page-index-2 .splash.tidal-takeover.bonjovi-10videos-takeover .wrapper-thumbs .wrapper-explore a {
        box-sizing: border-box;
        display: block;
        max-width: 250px;
        padding: 13px;
        border: 1px solid #fff;
        color: #fff;
        text-decoration: none;
        text-align: center;
        letter-spacing: 1px;
        font: 12px/1 "nationale-demibold", sans-serif;
        text-transform: uppercase;
        margin: auto; }
  .page-index-2 .splash.tidal-takeover.chancetherapper-mcdf-takeover {
    background-image: url(/images/index2/promos/chancetherapper/chancetherapper-mcdf-bg.6ec150ef.jpg);
    font: 14px/1.5 "nationale", "nationale-regular", "Helvetica", sans-serif;
    padding: 20px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.chancetherapper-mcdf-takeover {
        font-size: 22px; } }
    .page-index-2 .splash.tidal-takeover.chancetherapper-mcdf-takeover p {
      margin: 20px auto;
      max-width: 100%;
      text-transform: uppercase;
      color: #000;
      font-size: 1em; }
      .page-index-2 .splash.tidal-takeover.chancetherapper-mcdf-takeover p span {
        font-family: "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.chancetherapper-mcdf-takeover p.hashtag, .page-index-2 .splash.tidal-takeover.chancetherapper-mcdf-takeover p.begins {
        font-size: 1.2em;
        margin: 0 auto; }
    .page-index-2 .splash.tidal-takeover.chancetherapper-mcdf-takeover .logo-mcdf {
      display: block;
      margin: 20px auto;
      max-width: 500px; }
    .page-index-2 .splash.tidal-takeover.chancetherapper-mcdf-takeover .wrapper-buttons {
      width: 100%;
      max-width: 240px;
      margin: 40px auto; }
      .page-index-2 .splash.tidal-takeover.chancetherapper-mcdf-takeover .wrapper-buttons a {
        display: block;
        box-sizing: border-box;
        border: 1px solid #000;
        text-transform: uppercase;
        text-decoration: none;
        color: #000;
        letter-spacing: 2px;
        font: 14px/1 "nationale-demibold", sans-serif;
        margin: 0 auto;
        padding: 13px;
        border-radius: 3px; }
        .page-index-2 .splash.tidal-takeover.chancetherapper-mcdf-takeover .wrapper-buttons a.black {
          background-color: #000;
          color: #f9f2da; }
        .page-index-2 .splash.tidal-takeover.chancetherapper-mcdf-takeover .wrapper-buttons a + a {
          margin-top: 10px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.chancetherapper-mcdf-takeover .wrapper-buttons {
          max-width: 600px; }
          .page-index-2 .splash.tidal-takeover.chancetherapper-mcdf-takeover .wrapper-buttons a {
            float: left;
            width: 49%; }
            .page-index-2 .splash.tidal-takeover.chancetherapper-mcdf-takeover .wrapper-buttons a + a {
              margin-left: 2%;
              margin-top: 0; }
            .page-index-2 .splash.tidal-takeover.chancetherapper-mcdf-takeover .wrapper-buttons a:only-child {
              float: none; } }
  .page-index-2 .splash.tidal-takeover.blackball-announcement-takeover {
    background-color: #000;
    padding: 20px; }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.blackball-announcement-takeover {
        background-image: url(/images/index2/promos/blackball/blackball-bg.6875c521.jpg);
        background-size: 100%;
        background-position: center top; } }
    .page-index-2 .splash.tidal-takeover.blackball-announcement-takeover img {
      display: block;
      margin: 20px auto;
      width: 100%;
      max-width: 100%; }
      .page-index-2 .splash.tidal-takeover.blackball-announcement-takeover img.logo-tidalx-blackball {
        max-width: 500px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.blackball-announcement-takeover img.logo-tidalx-blackball {
            margin-top: 20vh; } }
      .page-index-2 .splash.tidal-takeover.blackball-announcement-takeover img.lineup {
        max-width: 550px; }
      .page-index-2 .splash.tidal-takeover.blackball-announcement-takeover img.logos-bottom {
        max-width: 200px; }
    .page-index-2 .splash.tidal-takeover.blackball-announcement-takeover .wrapper-text {
      font-size: 12px;
      letter-spacing: 0;
      text-transform: uppercase;
      margin: 20px auto; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.blackball-announcement-takeover .wrapper-text {
          font-size: 18px; } }
      .page-index-2 .splash.tidal-takeover.blackball-announcement-takeover .wrapper-text p {
        margin: 0 auto;
        font: 1em/1.5 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.blackball-announcement-takeover .wrapper-text p.hashtag {
          margin-top: 20px;
          color: #00ffff;
          font: 1em/1.5 "nationale", "nationale-regular", "Helvetica", sans-serif;
          letter-spacing: 2px; }
    .page-index-2 .splash.tidal-takeover.blackball-announcement-takeover .btn-wrapper {
      max-width: 250px;
      margin: 40px auto 20px; }
      .page-index-2 .splash.tidal-takeover.blackball-announcement-takeover .btn-wrapper a.btn-new {
        letter-spacing: 1px;
        font-size: 11px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.blackball-announcement-takeover .btn-wrapper {
          max-width: 500px; }
          .page-index-2 .splash.tidal-takeover.blackball-announcement-takeover .btn-wrapper a.btn-new {
            float: left;
            max-width: 48%;
            margin: 0; }
            .page-index-2 .splash.tidal-takeover.blackball-announcement-takeover .btn-wrapper a.btn-new + a {
              margin-left: 4%; } }
  .page-index-2 .splash.tidal-takeover.yandel-tidalxlatinos-takeover {
    background-image: url(/images/index2/promos/yandel/yandel-tidalxlatinos-bg.757d0c54.jpg); }
    .page-index-2 .splash.tidal-takeover.yandel-tidalxlatinos-takeover .takeover-right > img {
      max-width: 400px; }
  .page-index-2 .splash.tidal-takeover.tidalxrising-announcement-takeover {
    background-image: url(/images/index2/promos/rising/tidalxrising-announcement-bg.d4c85d1a.jpg);
    background-position-y: bottom;
    box-sizing: border-box;
    padding: 20px;
    min-height: 85vh; }
    .page-index-2 .splash.tidal-takeover.tidalxrising-announcement-takeover .tidalxrising-bug {
      display: block;
      max-width: 40px;
      margin: 40px auto auto; }
      @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
        .page-index-2 .splash.tidal-takeover.tidalxrising-announcement-takeover .tidalxrising-bug {
          margin-top: 15vh; } }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.tidalxrising-announcement-takeover .tidalxrising-bug {
          margin-top: 15vh; } }
    .page-index-2 .splash.tidal-takeover.tidalxrising-announcement-takeover .tidalxrising-logo {
      display: block;
      margin: 20px auto 5px auto;
      max-width: 500px; }
    .page-index-2 .splash.tidal-takeover.tidalxrising-announcement-takeover p.presented {
      margin: 0 auto 50px;
      text-transform: uppercase;
      letter-spacing: 3px;
      font-size: 18px; }
    .page-index-2 .splash.tidal-takeover.tidalxrising-announcement-takeover .tidalxrising-lineup {
      display: block;
      margin: 30px auto 20px auto;
      max-width: 450px; }
    .page-index-2 .splash.tidal-takeover.tidalxrising-announcement-takeover .bottom-logos {
      max-width: 500px;
      display: block;
      margin: 40px auto; }
    .page-index-2 .splash.tidal-takeover.tidalxrising-announcement-takeover .wrapper-description {
      font-size: 12px;
      letter-spacing: 2px;
      text-transform: uppercase; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.tidalxrising-announcement-takeover .wrapper-description {
          font-size: 14px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.tidalxrising-announcement-takeover .wrapper-description p {
        margin: 0 auto 5px;
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.tidalxrising-announcement-takeover .wrapper-description p.when {
          font: 1.6em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.tidalxrising-announcement-takeover .wrapper-description p.hashtag {
          color: #00ffff; }
        .page-index-2 .splash.tidal-takeover.tidalxrising-announcement-takeover .wrapper-description p.begins-info span {
          font-family: "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.tidalxrising-announcement-takeover .wrapper-description .logo-zappos {
        display: block;
        margin: 20px auto;
        max-width: 120px; }
    .page-index-2 .splash.tidal-takeover.tidalxrising-announcement-takeover .wrapper-cta {
      width: 100%;
      max-width: 250px;
      margin: 40px auto; }
      .page-index-2 .splash.tidal-takeover.tidalxrising-announcement-takeover .wrapper-cta a {
        display: block;
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        border: 1px solid #fff;
        border-radius: 3px;
        padding: 15px;
        text-transform: uppercase;
        font: 13px/1 "nationale-demibold", sans-serif;
        letter-spacing: 2px;
        text-transform: uppercase;
        text-decoration: none; }
        .page-index-2 .splash.tidal-takeover.tidalxrising-announcement-takeover .wrapper-cta a + a {
          margin-top: 10px; }
        .page-index-2 .splash.tidal-takeover.tidalxrising-announcement-takeover .wrapper-cta a.white {
          background-color: #fff;
          color: #000; }
  .page-index-2 .splash.tidal-takeover.tidalx1015-announcement-takeover {
    background-image: url(/images/index2/promos/tidalx1015/tidalx1015-bg.d1aed289.jpg);
    box-sizing: border-box;
    min-height: 85vh; }
    .page-index-2 .splash.tidal-takeover.tidalx1015-announcement-takeover img {
      display: block;
      margin: 30px auto;
      max-width: 90%; }
      .page-index-2 .splash.tidal-takeover.tidalx1015-announcement-takeover img.tidalx1015-logo {
        max-width: 250px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.tidalx1015-announcement-takeover img {
          margin: 40px auto; }
          .page-index-2 .splash.tidal-takeover.tidalx1015-announcement-takeover img.tidalx1015-announcement-info {
            max-width: 320px; }
          .page-index-2 .splash.tidal-takeover.tidalx1015-announcement-takeover img.tidalx1015-lineup {
            max-width: 600px; }
          .page-index-2 .splash.tidal-takeover.tidalx1015-announcement-takeover img.tidalx1015-lineup-rising {
            max-width: 500px; } }
    .page-index-2 .splash.tidal-takeover.tidalx1015-announcement-takeover .presale-info {
      font: 12px/1.4 "nationale-bold", sans-serif;
      text-transform: uppercase; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.tidalx1015-announcement-takeover .presale-info {
          letter-spacing: 2px;
          font-size: 18px; } }
    .page-index-2 .splash.tidal-takeover.tidalx1015-announcement-takeover .wrapper-cta {
      width: 100%;
      max-width: 280px;
      margin: 40px auto; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.tidalx1015-announcement-takeover .wrapper-cta {
          max-width: 500px; } }
      .page-index-2 .splash.tidal-takeover.tidalx1015-announcement-takeover .wrapper-cta a {
        display: block;
        box-sizing: border-box;
        width: 100%;
        border: 1px solid #fff;
        border-radius: 3px;
        padding: 15px;
        text-transform: uppercase;
        font: 12px/1 "nationale-demibold", sans-serif;
        letter-spacing: 3px;
        text-decoration: none;
        margin: 0 auto 10px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.tidalx1015-announcement-takeover .wrapper-cta a {
            float: left;
            margin-bottom: 0;
            max-width: 300px;
            font-size: 14px; }
            .page-index-2 .splash.tidal-takeover.tidalx1015-announcement-takeover .wrapper-cta a + a {
              margin-left: 2%; } }
        .page-index-2 .splash.tidal-takeover.tidalx1015-announcement-takeover .wrapper-cta a:only-child {
          float: none;
          margin-top: 0; }
        .page-index-2 .splash.tidal-takeover.tidalx1015-announcement-takeover .wrapper-cta a.white {
          background-color: #fff;
          color: #000; }
    .page-index-2 .splash.tidal-takeover.tidalx1015-announcement-takeover a.signup-link {
      display: block;
      letter-spacing: 2px;
      margin-bottom: 60px; }
  .page-index-2 .splash.tidal-takeover.calvinharris-myway-takeover {
    background-image: url(/images/index2/promos/calvinharris/calvinharris-myway-bg.15216b62.jpg); }
    .page-index-2 .splash.tidal-takeover.calvinharris-myway-takeover .description {
      font-size: 56px;
      letter-spacing: 2px;
      text-transform: uppercase; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.calvinharris-myway-takeover .description {
          font-size: 32px; } }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.calvinharris-myway-takeover .description {
          font-size: 42px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.calvinharris-myway-takeover .description p {
        margin: 0; }
        .page-index-2 .splash.tidal-takeover.calvinharris-myway-takeover .description p.artist {
          font: 1.2em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.calvinharris-myway-takeover .description p.title {
          font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.dorothy-darknights-takeover {
    background-image: url(/images/index2/promos/dorothy/dorothy-darknights-bg.6311b797.jpg); }
    .page-index-2 .splash.tidal-takeover.dorothy-darknights-takeover .description {
      font-size: 38px;
      letter-spacing: 2px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.dorothy-darknights-takeover .description {
          font-size: 48px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.dorothy-darknights-takeover .description p {
        margin: 0;
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.dorothy-darknights-takeover .description p.artist {
          font: 1.5em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.dorothy-darknights-takeover .description p.title {
          font: 1em/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.usher-albumlistening-takeover .btn-wrapper .btn-new.always-white {
    background-color: #fff;
    color: #000; }
  .page-index-2 .splash.tidal-takeover.usher-hard2love-takeover {
    background-image: url(/images/index2/promos/usher/usher-hard2love-bg.da16e23d.jpg); }
    .page-index-2 .splash.tidal-takeover.usher-hard2love-takeover .description {
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 42px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.usher-hard2love-takeover .description {
          font-size: 56px; } }
      .page-index-2 .splash.tidal-takeover.usher-hard2love-takeover .description p {
        margin: 0; }
        .page-index-2 .splash.tidal-takeover.usher-hard2love-takeover .description p.artist {
          font: 2em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.usher-hard2love-takeover .description p.title {
          font: 1em/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.lilwayne-grateful-takeover {
    background-image: url(/images/index2/promos/lilwayne/lilwayne-grateful-bg.15c64430.jpg); }
    .page-index-2 .splash.tidal-takeover.lilwayne-grateful-takeover .description {
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 50px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.lilwayne-grateful-takeover .description {
          font-size: 56px; } }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.lilwayne-grateful-takeover .description {
          font-size: 76px; } }
      .page-index-2 .splash.tidal-takeover.lilwayne-grateful-takeover .description p {
        margin: 0; }
        .page-index-2 .splash.tidal-takeover.lilwayne-grateful-takeover .description p.artist {
          font: 1em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.lilwayne-grateful-takeover .description p.title {
          font: 1em/1 "nationale-demibold", sans-serif;
          letter-spacing: 3px; }
          @media (min-width: 1150px) {
            .page-index-2 .splash.tidal-takeover.lilwayne-grateful-takeover .description p.title {
              letter-spacing: 4px; } }
  .page-index-2 .splash.tidal-takeover.jackwhite-acoustic-takeover {
    background-image: url(/images/index2/promos/jackwhite/jackwhite-acoustic-bg.7ae2221b.jpg); }
    .page-index-2 .splash.tidal-takeover.jackwhite-acoustic-takeover .description {
      text-transform: uppercase;
      font-size: 20px;
      letter-spacing: 2px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.jackwhite-acoustic-takeover .description {
          font-size: 32px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.jackwhite-acoustic-takeover .description p {
        margin: 0; }
        .page-index-2 .splash.tidal-takeover.jackwhite-acoustic-takeover .description p.artist {
          font: 2.8em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.jackwhite-acoustic-takeover .description p.title {
          font: 1em/1 "nationale-demibold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.jackwhite-acoustic-takeover.jackwhite-stereoplaylist-takeover {
      background-image: url(/images/index2/promos/jackwhite/jackwhite-stereoplaylist-bg.f7c3d5ee.jpg); }
      .page-index-2 .splash.tidal-takeover.jackwhite-acoustic-takeover.jackwhite-stereoplaylist-takeover .description {
        font-size: 26px; }
        @media (min-width: 1150px) {
          .page-index-2 .splash.tidal-takeover.jackwhite-acoustic-takeover.jackwhite-stereoplaylist-takeover .description {
            font-size: 32px; } }
  .page-index-2 .splash.tidal-takeover.kanyewest-yeezys4-takeover {
    background-image: none;
    background-color: #fdf9c8;
    min-height: 85vh; }
    .page-index-2 .splash.tidal-takeover.kanyewest-yeezys4-takeover .wrapper-yeezys4 {
      margin-top: 25vh;
      padding-left: 20px;
      padding-right: 20px; }
      .page-index-2 .splash.tidal-takeover.kanyewest-yeezys4-takeover .wrapper-yeezys4 img {
        display: block;
        max-width: 550px;
        margin: 0 auto; }
      .page-index-2 .splash.tidal-takeover.kanyewest-yeezys4-takeover .wrapper-yeezys4 p {
        margin: 0 auto;
        text-transform: uppercase;
        color: #4b626b;
        text-align: center;
        font: 26px/1 "helveticaneue-bold", "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.kanyewest-yeezys4-takeover .wrapper-yeezys4 p.when {
          margin-top: 40px;
          margin-bottom: 40px; }
      .page-index-2 .splash.tidal-takeover.kanyewest-yeezys4-takeover .wrapper-yeezys4 .cta {
        display: block;
        box-sizing: border-box;
        color: #fff;
        font: 13px/1 "helveticaneue-bold", "nationale-demibold", sans-serif;
        background-color: #4b626b;
        color: #fdf9c8;
        padding: 18px;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
        width: 100%;
        max-width: 220px;
        margin: 30px auto; }
  .page-index-2 .splash.tidal-takeover.mana-countdown-takeover {
    text-align: center;
    min-height: 85vh;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    background-image: url(/images/index2/promos/mana/mana-countdown-bg.fcbde5f7.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover; }
    .page-index-2 .splash.tidal-takeover.mana-countdown-takeover img {
      max-width: 300px; }
    .page-index-2 .splash.tidal-takeover.mana-countdown-takeover .description {
      font-size: 14px;
      letter-spacing: 2px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.mana-countdown-takeover .description {
          font-size: 22px; } }
      .page-index-2 .splash.tidal-takeover.mana-countdown-takeover .description p {
        margin: 0 auto;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
        width: 100%;
        max-width: 100%; }
        .page-index-2 .splash.tidal-takeover.mana-countdown-takeover .description p.title {
          margin-top: 50px;
          font: 1.5em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.mana-countdown-takeover .description p.extra {
          margin-top: 20px;
          font: 1em/1 "nationale-demibold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.mana-countdown-takeover .tidal-counter-wrapper .flip-clock-label {
      display: none; }
    .page-index-2 .splash.tidal-takeover.mana-countdown-takeover .tidal-counter-wrapper .flip-clock-dot {
      background: #fff; }
    .page-index-2 .splash.tidal-takeover.mana-countdown-takeover .tidal-counter-wrapper .tidal-counter-units {
      position: relative;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }
      @media (max-width: 767px) {
        .page-index-2 .splash.tidal-takeover.mana-countdown-takeover .tidal-counter-wrapper .tidal-counter-units .unit-days {
          margin-left: 16px; }
        .page-index-2 .splash.tidal-takeover.mana-countdown-takeover .tidal-counter-wrapper .tidal-counter-units .unit-hours {
          margin-left: 35px; } }
    .page-index-2 .splash.tidal-takeover.mana-countdown-takeover .tidal-counter-wrapper .flip-clock-wrapper .flip {
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }
    .page-index-2 .splash.tidal-takeover.mana-countdown-takeover .tidal-counter-wrapper .flip-clock-wrapper ul li a div div.inn {
      background-color: #fff;
      text-shadow: none;
      color: #000; }
  .page-index-2 .splash.tidal-takeover.mana-doc-takeover {
    background-image: url(/images/index2/promos/mana/mana-doc-bg.9df458a6.jpg); }
    .page-index-2 .splash.tidal-takeover.mana-doc-takeover .takeover-right {
      font-size: 15px;
      letter-spacing: 2px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.mana-doc-takeover .takeover-right {
          padding-top: 0; } }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.mana-doc-takeover .takeover-right {
          font-size: 20px; } }
      .page-index-2 .splash.tidal-takeover.mana-doc-takeover .takeover-right p {
        margin: 0;
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.mana-doc-takeover .takeover-right p.exclusive {
          font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.mana-doc-takeover .takeover-right p.title {
          font: 1.5em/1 "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.mana-doc-takeover .takeover-right p.extra {
          margin-top: 5px;
          text-transform: none; }
      .page-index-2 .splash.tidal-takeover.mana-doc-takeover .takeover-right img.logo {
        display: block;
        margin: 10px 0;
        width: 100%;
        max-width: 300px; }
  .page-index-2 .splash.tidal-takeover.ckan-roadtomia-takeover {
    background-image: url(/images/index2/promos/ckan/ckan-roadtomia-bg.09b5a726.jpg); }
    .page-index-2 .splash.tidal-takeover.ckan-roadtomia-takeover .description {
      font-size: 20px;
      letter-spacing: 2px;
      text-transform: uppercase; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.ckan-roadtomia-takeover .description {
          letter-spacing: 3px;
          font-size: 29px; } }
      .page-index-2 .splash.tidal-takeover.ckan-roadtomia-takeover .description p {
        margin: 0; }
        .page-index-2 .splash.tidal-takeover.ckan-roadtomia-takeover .description p.artist {
          font: 3em/1.2 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.ckan-roadtomia-takeover .description p.title {
          font: 1em/1.2 "nationale-demibold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.ckan-roadtomia-takeover .btn-wrapper .btn-new.btn-alt {
      letter-spacing: 0; }
  .page-index-2 .splash.tidal-takeover.showmethebody-dna-video {
    background-image: url(/images/index2/promos/showmethebody/showmethebody-dna-bg.c80a1774.jpg); }
    .page-index-2 .splash.tidal-takeover.showmethebody-dna-video .description {
      text-transform: uppercase;
      font-size: 36px;
      letter-spacing: 2px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.showmethebody-dna-video .description {
          letter-spacing: 3px;
          font-size: 50px; } }
      .page-index-2 .splash.tidal-takeover.showmethebody-dna-video .description p {
        margin: 0; }
        .page-index-2 .splash.tidal-takeover.showmethebody-dna-video .description p.artist {
          font: 1em/1 "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.showmethebody-dna-video .description p.title {
          font: 2.5em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.kovalevward-takeover {
    background: url(/images/index2/promos/kovalevward/kovalevward-bg.273f59d9.jpg) repeat;
    background-size: 25%; }
    @media (min-width: 1400px) {
      .page-index-2 .splash.tidal-takeover.kovalevward-takeover {
        background-size: 10%; } }
    .page-index-2 .splash.tidal-takeover.kovalevward-takeover img {
      display: block;
      margin: -40px auto auto auto;
      max-width: 600px; }
    .page-index-2 .splash.tidal-takeover.kovalevward-takeover .wrapper-cta {
      max-width: 250px;
      margin: 20px auto; }
      .page-index-2 .splash.tidal-takeover.kovalevward-takeover .wrapper-cta .cta {
        display: block;
        box-sizing: border-box;
        border-radius: 3px;
        border: 1px solid #fff;
        padding: 15px;
        text-transform: uppercase;
        color: #fff;
        text-decoration: none;
        letter-spacing: 2px;
        font: 12px/1 "nationale-demibold", sans-serif;
        margin-bottom: 10px; }
        .page-index-2 .splash.tidal-takeover.kovalevward-takeover .wrapper-cta .cta + .cta {
          background-color: #fff;
          color: #000; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.kovalevward-takeover .wrapper-cta {
          max-width: 500px; }
          .page-index-2 .splash.tidal-takeover.kovalevward-takeover .wrapper-cta .cta {
            float: left;
            width: 49%; }
            .page-index-2 .splash.tidal-takeover.kovalevward-takeover .wrapper-cta .cta + .cta {
              margin-left: 2%; } }
    .page-index-2 .splash.tidal-takeover.kovalevward-takeover .promo-code {
      margin-top: 10px; }
  .page-index-2 .splash.tidal-takeover.ti-warzone-takeover {
    background-image: url(/images/index2/promos/tip/ti-warzone-bg.748feed5.jpg); }
    .page-index-2 .splash.tidal-takeover.ti-warzone-takeover .description {
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 52px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.ti-warzone-takeover .description {
          letter-spacing: 3px;
          font-size: 58px; } }
      .page-index-2 .splash.tidal-takeover.ti-warzone-takeover .description p {
        margin: 0; }
        .page-index-2 .splash.tidal-takeover.ti-warzone-takeover .description p.artist {
          font: 2em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.ti-warzone-takeover .description p.title {
          font: 1em/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.colterwall-whereimfrom-takeover {
    background-image: url(/images/index2/promos/colterwall/colterwall-whereimfrom-bg.fd6eccc6.jpg); }
  .page-index-2 .splash.tidal-takeover.colterwall-goodshit-playlist-takeover {
    background-image: url(/images/index2/promos/colterwall/colterwall-goodshit-playlist-bg.78a64783.jpg); }
  .page-index-2 .splash.tidal-takeover.kanyewest-fade-takeover {
    background-image: none;
    background-color: #000; }
    .page-index-2 .splash.tidal-takeover.kanyewest-fade-takeover .btn-wrapper .btn-new {
      font-family: "helveticaneue-bold", "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.yandel-dangerous-presale-announcement-takeover {
    background-image: url(/images/index2/promos/yandel/yandel-dangerous-tour-bg.56af733b.png); }
    .page-index-2 .splash.tidal-takeover.yandel-dangerous-presale-announcement-takeover .wrapper-dangerous {
      max-width: 400px;
      box-sizing: border-box;
      padding: 20px;
      margin: 0 auto; }
      .page-index-2 .splash.tidal-takeover.yandel-dangerous-presale-announcement-takeover .wrapper-dangerous p {
        margin: 0 auto;
        max-width: 100%;
        color: #000;
        text-transform: uppercase; }
      .page-index-2 .splash.tidal-takeover.yandel-dangerous-presale-announcement-takeover .wrapper-dangerous .tidalx {
        font: 24px/1 "nationale-demibold", sans-serif;
        letter-spacing: 5px; }
        .page-index-2 .splash.tidal-takeover.yandel-dangerous-presale-announcement-takeover .wrapper-dangerous .tidalx span {
          font-family: "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.yandel-dangerous-presale-announcement-takeover .wrapper-dangerous .logo-dangerous {
        max-width: 80%;
        margin: 20px auto; }
      .page-index-2 .splash.tidal-takeover.yandel-dangerous-presale-announcement-takeover .wrapper-dangerous .title-specialguests {
        color: #004965;
        font-size: 18px;
        letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.yandel-dangerous-presale-announcement-takeover .wrapper-dangerous .specialguests {
        margin: 20px auto; }
      .page-index-2 .splash.tidal-takeover.yandel-dangerous-presale-announcement-takeover .wrapper-dangerous .presale {
        font: 20px/1.5 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.yandel-dangerous-presale-announcement-takeover .wrapper-dangerous .date,
      .page-index-2 .splash.tidal-takeover.yandel-dangerous-presale-announcement-takeover .wrapper-dangerous .time {
        font: 28px/1.2 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.yandel-dangerous-presale-announcement-takeover .wrapper-dangerous .spanish-note {
        text-transform: uppercase;
        margin-top: 30px;
        letter-spacing: 1px;
        line-height: 1.5; }
      .page-index-2 .splash.tidal-takeover.yandel-dangerous-presale-announcement-takeover .wrapper-dangerous .btn-wrapper {
        max-width: 220px;
        margin: 30px auto; }
        .page-index-2 .splash.tidal-takeover.yandel-dangerous-presale-announcement-takeover .wrapper-dangerous .btn-wrapper .btn-new.black-border {
          border-color: #000;
          color: #000; }
        .page-index-2 .splash.tidal-takeover.yandel-dangerous-presale-announcement-takeover .wrapper-dangerous .btn-wrapper .btn-new.black-border.black-solid {
          background-color: #000;
          color: #fff; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.yandel-dangerous-presale-announcement-takeover .wrapper-dangerous .presale {
          letter-spacing: 2px; }
        .page-index-2 .splash.tidal-takeover.yandel-dangerous-presale-announcement-takeover .wrapper-dangerous .date {
          font-size: 39px;
          letter-spacing: 1px; }
        .page-index-2 .splash.tidal-takeover.yandel-dangerous-presale-announcement-takeover .wrapper-dangerous .time {
          font-size: 25px;
          letter-spacing: 1px; } }
  .page-index-2 .splash.tidal-takeover.marcusandmartinus-lightitup-takeover {
    background-image: url(/images/index2/promos/marcusandmartinus/marcusandmartinus-lightitup-bg.639e04e9.jpg); }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.marcusandmartinus-lightitup-takeover .takeover-right {
        padding-top: 0; } }
    .page-index-2 .splash.tidal-takeover.marcusandmartinus-lightitup-takeover .disclaimers {
      font-size: 16px;
      letter-spacing: 1px; }
      .page-index-2 .splash.tidal-takeover.marcusandmartinus-lightitup-takeover .disclaimers p {
        margin: 0;
        font-size: 1em; }
        .page-index-2 .splash.tidal-takeover.marcusandmartinus-lightitup-takeover .disclaimers p.brand-new {
          text-transform: uppercase;
          font: 1em/1 "nationale-demibold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.marcusandmartinus-lightitup-takeover .description {
      margin-top: 30px;
      font-size: 26px; }
      .page-index-2 .splash.tidal-takeover.marcusandmartinus-lightitup-takeover .description p {
        text-transform: uppercase;
        margin: 0; }
        .page-index-2 .splash.tidal-takeover.marcusandmartinus-lightitup-takeover .description p.artist {
          font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.marcusandmartinus-lightitup-takeover .description p.title {
          font: 1.8em/1 "nationale-bold", sans-serif; }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.marcusandmartinus-lightitup-takeover .disclaimers {
        font-size: 18px; }
      .page-index-2 .splash.tidal-takeover.marcusandmartinus-lightitup-takeover .description {
        font-size: 34px; } }
    @media (min-width: 1150px) {
      .page-index-2 .splash.tidal-takeover.marcusandmartinus-lightitup-takeover .description {
        font-size: 38px; } }
  .page-index-2 .splash.tidal-takeover.levicarter-dna-takeover {
    background-image: url(/images/index2/promos/levicarter/levicarter-dna-bg.92f9c00f.jpg); }
    .page-index-2 .splash.tidal-takeover.levicarter-dna-takeover .description {
      font-size: 58px;
      letter-spacing: 2px;
      text-transform: uppercase; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.levicarter-dna-takeover .description {
          letter-spacing: 3px;
          font-size: 68px; } }
      .page-index-2 .splash.tidal-takeover.levicarter-dna-takeover .description p {
        margin: 0; }
        .page-index-2 .splash.tidal-takeover.levicarter-dna-takeover .description p.artist {
          font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.levicarter-dna-takeover .description p.title {
          margin-top: 10px;
          font: 2em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.levicarter-miaplaylist-takeover {
    background-image: url(/images/index2/promos/levicarter/levicarter-miaplaylist-bg.ec75ef55.jpg); }
    .page-index-2 .splash.tidal-takeover.levicarter-miaplaylist-takeover .description {
      font-size: 21px;
      letter-spacing: 2px;
      text-transform: uppercase; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.levicarter-miaplaylist-takeover .description {
          letter-spacing: 3px;
          font-size: 32px; } }
      .page-index-2 .splash.tidal-takeover.levicarter-miaplaylist-takeover .description p {
        margin: 0; }
        .page-index-2 .splash.tidal-takeover.levicarter-miaplaylist-takeover .description p.artist {
          font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.levicarter-miaplaylist-takeover .description p.title {
          margin-top: 10px;
          font: 1.5em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.manolorose-miavideo-takeover {
    background-image: url("/images/index2/promos/manolorose/manolorose-video-bg.f1b3ae75.jpg"); }
    .page-index-2 .splash.tidal-takeover.manolorose-miavideo-takeover .description {
      font-size: 21px;
      letter-spacing: 2px;
      text-transform: uppercase; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.manolorose-miavideo-takeover .description {
          letter-spacing: 3px;
          font-size: 32px; } }
      .page-index-2 .splash.tidal-takeover.manolorose-miavideo-takeover .description p {
        margin: 0; }
        .page-index-2 .splash.tidal-takeover.manolorose-miavideo-takeover .description p.artist {
          font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.manolorose-miavideo-takeover .description p.title {
          margin-top: 10px;
          font: 1.5em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.manolorose-miaplaylist-takeover {
    background-image: url("/images/index2/promos/manolorose/manolorose-playlist-bg.6eedb03a.jpg"); }
    .page-index-2 .splash.tidal-takeover.manolorose-miaplaylist-takeover .description {
      font-size: 21px;
      letter-spacing: 2px;
      text-transform: uppercase; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.manolorose-miaplaylist-takeover .description {
          letter-spacing: 3px;
          font-size: 32px; } }
      .page-index-2 .splash.tidal-takeover.manolorose-miaplaylist-takeover .description p {
        margin: 0; }
        .page-index-2 .splash.tidal-takeover.manolorose-miaplaylist-takeover .description p.artist {
          font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.manolorose-miaplaylist-takeover .description p.title {
          margin-top: 10px;
          font: 1.5em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.desiigner-mia-video-takeover {
    background-image: url("/images/index2/promos/desiigner/desiigner-mia-video-bg.9c8e3af5.jpg"); }
    .page-index-2 .splash.tidal-takeover.desiigner-mia-video-takeover .description {
      font-size: 21px;
      letter-spacing: 2px;
      text-transform: uppercase; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.desiigner-mia-video-takeover .description {
          letter-spacing: 3px;
          font-size: 32px; } }
      .page-index-2 .splash.tidal-takeover.desiigner-mia-video-takeover .description p {
        margin: 0; }
        .page-index-2 .splash.tidal-takeover.desiigner-mia-video-takeover .description p.artist {
          font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.desiigner-mia-video-takeover .description p.title {
          margin-top: 10px;
          font: 95px/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.desiigner-mia-playlist-takeover {
    background-image: url("/images/index2/promos/desiigner/desiigner-mia-playlist-bg.d1e850e0.jpg"); }
    .page-index-2 .splash.tidal-takeover.desiigner-mia-playlist-takeover .description {
      font-size: 21px;
      letter-spacing: 2px;
      text-transform: uppercase; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.desiigner-mia-playlist-takeover .description {
          letter-spacing: 3px;
          font-size: 32px; } }
      .page-index-2 .splash.tidal-takeover.desiigner-mia-playlist-takeover .description p {
        margin: 0; }
        .page-index-2 .splash.tidal-takeover.desiigner-mia-playlist-takeover .description p.artist {
          font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.desiigner-mia-playlist-takeover .description p.title {
          margin-top: 10px;
          font: 1.5em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.yandel-video-promo-takeover {
    background-image: url("/images/index2/promos/yandel/yandel-video-promo-bg.1402f5c8.jpg"); }
    .page-index-2 .splash.tidal-takeover.yandel-video-promo-takeover img {
      max-width: 370px; }
  .page-index-2 .splash.tidal-takeover.carseatheadrest-dna-takeover {
    background-image: url(/images/index2/promos/carseatheadrest/carseatheadrest-dna-bg.014fd2d6.jpg); }
    .page-index-2 .splash.tidal-takeover.carseatheadrest-dna-takeover .description {
      font-size: 48px;
      letter-spacing: 2px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.carseatheadrest-dna-takeover .description {
          letter-spacing: 3px;
          font-size: 64px; } }
      .page-index-2 .splash.tidal-takeover.carseatheadrest-dna-takeover .description p {
        text-transform: uppercase;
        margin: 0; }
        .page-index-2 .splash.tidal-takeover.carseatheadrest-dna-takeover .description p.artist {
          font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.carseatheadrest-dna-takeover .description p.title {
          font: 2em/1 "nationale-bold", sans-serif;
          margin-top: 10px; }
  .page-index-2 .splash.tidal-takeover.carseatheadrest-goodmusic-takeover {
    background-image: url(/images/index2/promos/carseatheadrest/carseatheadrest-goodmusic-bg.877730d3.jpg); }
    .page-index-2 .splash.tidal-takeover.carseatheadrest-goodmusic-takeover .description {
      font-size: 30px;
      letter-spacing: 2px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.carseatheadrest-goodmusic-takeover .description {
          letter-spacing: 3px;
          font-size: 46px; } }
      .page-index-2 .splash.tidal-takeover.carseatheadrest-goodmusic-takeover .description p {
        text-transform: uppercase;
        margin: 0; }
        .page-index-2 .splash.tidal-takeover.carseatheadrest-goodmusic-takeover .description p.artist {
          font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.carseatheadrest-goodmusic-takeover .description p.title {
          font: 2em/1 "nationale-bold", sans-serif;
          margin-top: 10px; }
  .page-index-2 .splash.tidal-takeover.kevingarret-dna-takeover {
    background-image: url(/images/index2/promos/kevingarrett/kevingarrett-dna-bg.0301545b.jpg); }
    .page-index-2 .splash.tidal-takeover.kevingarret-dna-takeover .description {
      font-size: 32px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.kevingarret-dna-takeover .description {
          font-size: 36px; } }
      .page-index-2 .splash.tidal-takeover.kevingarret-dna-takeover .description p {
        margin: 0;
        text-transform: uppercase;
        letter-spacing: 2px; }
        .page-index-2 .splash.tidal-takeover.kevingarret-dna-takeover .description p.artist {
          font: 1em/1.5 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.kevingarret-dna-takeover .description p.title {
          font: 3.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.kevingarret-miaplaylist-takeover {
    background-image: url(/images/index2/promos/kevingarrett/kevingarrett-miaplaylist-bg.32d06387.jpg); }
    .page-index-2 .splash.tidal-takeover.kevingarret-miaplaylist-takeover .description {
      font-size: 22px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.kevingarret-miaplaylist-takeover .description {
          font-size: 32px; } }
      .page-index-2 .splash.tidal-takeover.kevingarret-miaplaylist-takeover .description p {
        margin: 0;
        text-transform: uppercase;
        letter-spacing: 2px; }
        .page-index-2 .splash.tidal-takeover.kevingarret-miaplaylist-takeover .description p.artist {
          font: 1em/1.8 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.kevingarret-miaplaylist-takeover .description p.title {
          font: 1.5em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.lilweezyana-livestream2017-takeover {
    background-image: url(/images/index2/promos/lilwayne/lilweezyana2017-bg.3fa7b837.jpg);
    background-position: center;
    min-height: 80vh; }
    .page-index-2 .splash.tidal-takeover.lilweezyana-livestream2017-takeover .cta-wrapper {
      max-width: 300px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.lilweezyana-livestream2017-takeover .cta-wrapper {
          max-width: 700px !important; } }
    .page-index-2 .splash.tidal-takeover.lilweezyana-livestream2017-takeover .wrapper-weezyana {
      margin-top: 12vh;
      padding: 20px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.lilweezyana-livestream2017-takeover .wrapper-weezyana {
          font-size: 24px;
          margin-top: 20vh; } }
      .page-index-2 .splash.tidal-takeover.lilweezyana-livestream2017-takeover .wrapper-weezyana p {
        margin: 0 auto;
        letter-spacing: 3px;
        text-transform: uppercase;
        max-width: 980px; }
        .page-index-2 .splash.tidal-takeover.lilweezyana-livestream2017-takeover .wrapper-weezyana p.title {
          color: #00ffff;
          font: 1.7em/1.125 "nationale-bold", sans-serif;
          margin-bottom: 10px; }
        .page-index-2 .splash.tidal-takeover.lilweezyana-livestream2017-takeover .wrapper-weezyana p.info {
          font: 0.8em/1.5 "nationale-demibold", sans-serif;
          margin-top: 10px; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.lilweezyana-livestream2017-takeover .wrapper-weezyana p.info {
              margin-top: 0; } }
        .page-index-2 .splash.tidal-takeover.lilweezyana-livestream2017-takeover .wrapper-weezyana p.hashtag {
          font-size: 0.75em;
          margin-top: 10px; }
  .page-index-2 .splash.tidal-takeover.lilweezyana-livestream-takeover {
    background-image: url(/images/index2/promos/lilwayne/lilweezyana-bg.4032aba4.jpg);
    background-image: center top;
    min-height: 80vh; }
    .page-index-2 .splash.tidal-takeover.lilweezyana-livestream-takeover .wrapper-weezyana {
      margin-top: 12vh;
      padding: 20px; }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.lilweezyana-livestream-takeover .wrapper-weezyana {
          margin-top: 20vh; } }
      .page-index-2 .splash.tidal-takeover.lilweezyana-livestream-takeover .wrapper-weezyana p {
        margin: 0 auto;
        text-transform: uppercase;
        letter-spacing: 3px; }
        .page-index-2 .splash.tidal-takeover.lilweezyana-livestream-takeover .wrapper-weezyana p.tidalx {
          letter-spacing: 7px;
          font-size: 26px;
          margin-bottom: 20px; }
          .page-index-2 .splash.tidal-takeover.lilweezyana-livestream-takeover .wrapper-weezyana p.tidalx span {
            font-family: "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.lilweezyana-livestream-takeover .wrapper-weezyana p.date {
          font: 26px/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.lilweezyana-livestream-takeover .wrapper-weezyana p.livestreambegins {
          font-size: 16px;
          margin: 5px auto; }
        .page-index-2 .splash.tidal-takeover.lilweezyana-livestream-takeover .wrapper-weezyana p.time {
          font: 22px/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.lilweezyana-livestream-takeover .wrapper-weezyana p.hashtag {
          font: 22px/1 "nationale-demibold", sans-serif;
          text-transform: none;
          color: #00ffff;
          margin-top: 10px; }
      .page-index-2 .splash.tidal-takeover.lilweezyana-livestream-takeover .wrapper-weezyana img {
        display: block;
        margin: 0 auto;
        max-width: 400px; }
    .page-index-2 .splash.tidal-takeover.lilweezyana-livestream-takeover .btn-wrapper {
      margin: 10px auto 30px auto; }
      .page-index-2 .splash.tidal-takeover.lilweezyana-livestream-takeover .btn-wrapper .btn-new.solid-white {
        background-color: #fff;
        color: #000;
        letter-spacing: 2px;
        font-size: 11px; }
      .page-index-2 .splash.tidal-takeover.lilweezyana-livestream-takeover .btn-wrapper .btn-new.narrow {
        max-width: 200px; }
    .page-index-2 .splash.tidal-takeover.lilweezyana-livestream-takeover i.fa {
      color: #fff;
      font-size: 40px;
      margin-top: 80px; }
  .page-index-2 .splash.tidal-takeover.lilweezyana-embed-takeover .welcome-mat-wrapper {
    margin: 0 auto; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.lilweezyana-embed-takeover .welcome-mat-wrapper {
        overflow: initial; } }
  .page-index-2 .splash.tidal-takeover.lilweezyana-embed-takeover .wrapper-embed p {
    margin: 0 0 5px 0;
    text-align: center;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    letter-spacing: 2px;
    font-size: 14px; }
    .page-index-2 .splash.tidal-takeover.lilweezyana-embed-takeover .wrapper-embed p.title {
      font-family: "nationale-bold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.lilweezyana-embed-takeover .wrapper-embed p.rewatch {
      margin-bottom: 25px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.lilweezyana-embed-takeover .wrapper-embed p {
        font-size: 18px; }
        .page-index-2 .splash.tidal-takeover.lilweezyana-embed-takeover .wrapper-embed p.title {
          font-size: 24px; } }
  .page-index-2 .splash.tidal-takeover.sophiebeem-adayinthelife-takeover {
    background-image: url(/images/index2/promos/sophiebeem/sophiebeem-adayinthelife-bg.d6a1de0a.jpg); }
    .page-index-2 .splash.tidal-takeover.sophiebeem-adayinthelife-takeover .description {
      font-size: 32px;
      letter-spacing: 2px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.sophiebeem-adayinthelife-takeover .description {
          letter-spacing: 5px;
          font-size: 38px; } }
      .page-index-2 .splash.tidal-takeover.sophiebeem-adayinthelife-takeover .description p {
        margin: 0;
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.sophiebeem-adayinthelife-takeover .description p.artist {
          font: 1em/1.5 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.sophiebeem-adayinthelife-takeover .description p.title {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.sophiebeem-summergotos-takeover {
    background-image: url(/images/index2/promos/sophiebeem/sophiebeem-summergotos-bg.e5fba53a.jpg); }
    .page-index-2 .splash.tidal-takeover.sophiebeem-summergotos-takeover .description {
      font-size: 32px;
      letter-spacing: 2px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.sophiebeem-summergotos-takeover .description {
          letter-spacing: 5px;
          font-size: 38px; } }
      .page-index-2 .splash.tidal-takeover.sophiebeem-summergotos-takeover .description p {
        margin: 0;
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.sophiebeem-summergotos-takeover .description p.artist {
          font: 1em/1.5 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.sophiebeem-summergotos-takeover .description p.title {
          font: 2.1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.daveeast-adayinthelife-takeover {
    background-image: url(/images/index2/promos/daveeast/daveeast-adayinthelife-bg.7d409bf1.jpg); }
    .page-index-2 .splash.tidal-takeover.daveeast-adayinthelife-takeover .description {
      letter-spacing: 2px;
      font-size: 30px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.daveeast-adayinthelife-takeover .description {
          letter-spacing: 5px;
          font-size: 36px; } }
      .page-index-2 .splash.tidal-takeover.daveeast-adayinthelife-takeover .description p {
        text-transform: uppercase;
        margin: 0; }
        .page-index-2 .splash.tidal-takeover.daveeast-adayinthelife-takeover .description p.artist {
          font: 1em/1.6 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.daveeast-adayinthelife-takeover .description p.title {
          font: 2em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.daveeast-thenandnowplaylist-takeover {
    background-image: url(/images/index2/promos/daveeast/daveeast-thenandnowplaylist-bg.dabe0d5d.jpg); }
    .page-index-2 .splash.tidal-takeover.daveeast-thenandnowplaylist-takeover .description {
      letter-spacing: 2px;
      font-size: 17px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.daveeast-thenandnowplaylist-takeover .description {
          letter-spacing: 3px;
          font-size: 22px; } }
      .page-index-2 .splash.tidal-takeover.daveeast-thenandnowplaylist-takeover .description p {
        text-transform: uppercase;
        margin: 0; }
        .page-index-2 .splash.tidal-takeover.daveeast-thenandnowplaylist-takeover .description p.artist {
          font: 2em/1.6 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.daveeast-thenandnowplaylist-takeover .description p.title {
          font: 2.3em/1.2 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.tip-wewillnot-takeover {
    background-image: url(/images/index2/promos/tip/tip-wewillnot-bg.b083039b.jpg); }
    .page-index-2 .splash.tidal-takeover.tip-wewillnot-takeover .description {
      letter-spacing: 2px;
      font-size: 18px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.tip-wewillnot-takeover .description {
          font-size: 26px; } }
      .page-index-2 .splash.tidal-takeover.tip-wewillnot-takeover .description p {
        margin: 0;
        font-family: "nationale-bold", sans-serif;
        text-transform: uppercase;
        line-height: 1; }
        .page-index-2 .splash.tidal-takeover.tip-wewillnot-takeover .description p.artist {
          letter-spacing: 7px;
          font-size: 5em; }
        .page-index-2 .splash.tidal-takeover.tip-wewillnot-takeover .description p.title {
          font-size: 2em; }
  .page-index-2 .splash.tidal-takeover.maxwell-1990x-takeover {
    background-image: url(/images/index2/promos/maxwell/maxwell-1990x-video-bg.9c51e678.jpg); }
    .page-index-2 .splash.tidal-takeover.maxwell-1990x-takeover .description {
      font-size: 52px;
      letter-spacing: 2px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.maxwell-1990x-takeover .description {
          font-size: 72px; } }
      .page-index-2 .splash.tidal-takeover.maxwell-1990x-takeover .description p {
        margin: 0;
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.maxwell-1990x-takeover .description p.artist {
          font: 1em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.maxwell-1990x-takeover .description p.title {
          font: 1.2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.fatjoe-moneyshowers-video-takeover {
    background-image: url(/images/index2/promos/fatjoe/fatjoe-moneyshowers-video-takeover-bg.e7955e95.jpg); }
    .page-index-2 .splash.tidal-takeover.fatjoe-moneyshowers-video-takeover .description {
      font-size: 24px;
      letter-spacing: 2px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.fatjoe-moneyshowers-video-takeover .description {
          letter-spacing: 3px;
          font-size: 34px; } }
      .page-index-2 .splash.tidal-takeover.fatjoe-moneyshowers-video-takeover .description p {
        margin: 0;
        text-transform: uppercase;
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.fatjoe-moneyshowers-video-takeover .description p.artist {
          font: 0.85em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.fatjoe-moneyshowers-video-takeover .description p.title {
          font: 1em/1 "nationale-bold", sans-serif;
          margin-bottom: 5px; }
        .page-index-2 .splash.tidal-takeover.fatjoe-moneyshowers-video-takeover .description p.extra {
          font: 0.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
          margin-top: 10px; }
  .page-index-2 .splash.tidal-takeover.djmustard-forevery12hours-documentary-video-takeover {
    background-image: url(/images/index2/promos/djmustard/djmustard-forevery12hours-documentary-video-takeover-bg.4e2b764c.jpg); }
    .page-index-2 .splash.tidal-takeover.djmustard-forevery12hours-documentary-video-takeover .description {
      font-size: 24px;
      letter-spacing: 2px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.djmustard-forevery12hours-documentary-video-takeover .description {
          letter-spacing: 3px;
          font-size: 34px; } }
      .page-index-2 .splash.tidal-takeover.djmustard-forevery12hours-documentary-video-takeover .description p {
        margin: 0;
        text-transform: uppercase;
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.djmustard-forevery12hours-documentary-video-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.djmustard-forevery12hours-documentary-video-takeover .description p.title {
          font: 1em/1.5 "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.djmustard-forevery12hours-documentary-video-takeover .description p.premiere {
          font: 0.6em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.djmustard-forevery-premiere-takeover {
    background-image: url(/images/index2/promos/djmustard/djmustard-tidalxrecap-bg.ba644096.jpg); }
    .page-index-2 .splash.tidal-takeover.djmustard-forevery-premiere-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.djmustard-forevery-premiere-takeover .description {
          font-size: 25px; } }
      .page-index-2 .splash.tidal-takeover.djmustard-forevery-premiere-takeover .description p {
        margin: 0;
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.djmustard-forevery-premiere-takeover .description p.artist {
          font: 1.4em/1.2 "nationale-bold", sans-serif;
          margin-bottom: 10px; }
          .page-index-2 .splash.tidal-takeover.djmustard-forevery-premiere-takeover .description p.artist span {
            display: block; }
            @media (min-width: 1024px) {
              .page-index-2 .splash.tidal-takeover.djmustard-forevery-premiere-takeover .description p.artist span {
                display: inline; } }
  .page-index-2 .splash.tidal-takeover.djmustard-forevery12hours-video-takeover {
    background-image: url(/images/index2/promos/djmustard/djmustard-forevery12hours-video-takeover-bg.02684a4f.jpg); }
    .page-index-2 .splash.tidal-takeover.djmustard-forevery12hours-video-takeover .description {
      font-size: 24px;
      letter-spacing: 2px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.djmustard-forevery12hours-video-takeover .description {
          letter-spacing: 3px;
          font-size: 34px; } }
      .page-index-2 .splash.tidal-takeover.djmustard-forevery12hours-video-takeover .description p {
        margin: 0;
        text-transform: uppercase;
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.djmustard-forevery12hours-video-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.djmustard-forevery12hours-video-takeover .description p.title {
          font: 1em/1.5 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.djmustard-donthateme-video-takeover {
    background-image: url(/images/index2/promos/djmustard/djmustard-donthurtme-video-bg.5fd1b2ba.jpg); }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.djmustard-donthateme-video-takeover .takeover-right {
        padding-top: 0; } }
    .page-index-2 .splash.tidal-takeover.djmustard-donthateme-video-takeover .description {
      font-size: 28px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.djmustard-donthateme-video-takeover .description {
          letter-spacing: 3px;
          font-size: 34px; } }
      .page-index-2 .splash.tidal-takeover.djmustard-donthateme-video-takeover .description p {
        margin: 0;
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.djmustard-donthateme-video-takeover .description p.artist {
          font: 1em/1.5 "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.djmustard-donthateme-video-takeover .description p.title {
          font: 1.8em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.djmustard-donthateme-video-takeover .description p.extra {
          font: 0.8em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.lilyachty-dna-takeover {
    background-image: url(/images/index2/promos/lilyachty/lilyachty-dna-bg.a23e5cf0.jpg); }
    .page-index-2 .splash.tidal-takeover.lilyachty-dna-takeover .description {
      font-size: 20px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.lilyachty-dna-takeover .description {
          font-size: 23px; } }
      .page-index-2 .splash.tidal-takeover.lilyachty-dna-takeover .description p {
        text-transform: uppercase;
        letter-spacing: 3px;
        margin: 0; }
        .page-index-2 .splash.tidal-takeover.lilyachty-dna-takeover .description p.artist {
          font: 2.2em/1 "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.lilyachty-dna-takeover .description p.title {
          font: 6em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.rickross-portofmiami-takeover {
    background-image: url(/images/index2/promos/rickross/rickross-portofmiami-mob-bg.75a8a34d.jpg);
    background-position: left center; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.rickross-portofmiami-takeover {
        background-image: url(/images/index2/promos/rickross/rickross-portofmiami-bg.e0d8ff00.jpg);
        background-position: center; } }
    .page-index-2 .splash.tidal-takeover.rickross-portofmiami-takeover .takeover-full {
      max-width: 850px;
      margin-left: auto;
      margin-right: auto;
      font-size: 10px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.rickross-portofmiami-takeover .takeover-full {
          font-size: 16px;
          padding-bottom: 50px; } }
      .page-index-2 .splash.tidal-takeover.rickross-portofmiami-takeover .takeover-full img {
        max-width: 220px;
        display: block;
        margin: 30px auto; }
      .page-index-2 .splash.tidal-takeover.rickross-portofmiami-takeover .takeover-full p {
        text-transform: uppercase;
        letter-spacing: 3px;
        margin: 0 auto;
        max-width: 550px; }
        .page-index-2 .splash.tidal-takeover.rickross-portofmiami-takeover .takeover-full p.anniversary {
          font: 1.4em "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.rickross-portofmiami-takeover .takeover-full p.appearances {
          margin-bottom: 20px;
          font-size: 1em; }
        .page-index-2 .splash.tidal-takeover.rickross-portofmiami-takeover .takeover-full p.date {
          font-size: 1.2em; }
        .page-index-2 .splash.tidal-takeover.rickross-portofmiami-takeover .takeover-full p.location {
          font: 1.4em "nationale-bold", sans-serif;
          letter-spacing: 5px;
          margin-bottom: 20px; }
        .page-index-2 .splash.tidal-takeover.rickross-portofmiami-takeover .takeover-full p.hashtag {
          color: #00ffff; }
      .page-index-2 .splash.tidal-takeover.rickross-portofmiami-takeover .takeover-full .btn-wrapper {
        padding: 20px;
        margin-top: 10px; }
        .page-index-2 .splash.tidal-takeover.rickross-portofmiami-takeover .takeover-full .btn-wrapper .btn-new {
          max-width: 220px; }
  .page-index-2 .splash.tidal-takeover.rickross-portofmiami-embed-takeover {
    margin-top: 0;
    height: auto !important; }
    .page-index-2 .splash.tidal-takeover.rickross-portofmiami-embed-takeover .welcome-mat-wrapper {
      margin: 0 auto; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.rickross-portofmiami-embed-takeover .welcome-mat-wrapper {
          overflow: initial; } }
    .page-index-2 .splash.tidal-takeover.rickross-portofmiami-embed-takeover .wrapper-embed {
      max-width: 650px;
      margin: 0 auto;
      transform: translateY(-20px); }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.rickross-portofmiami-embed-takeover .wrapper-embed {
          transform: translateY(-80px); } }
    .page-index-2 .splash.tidal-takeover.rickross-portofmiami-embed-takeover .embed-frame {
      background-color: #232323;
      margin-bottom: 20px; }
      .page-index-2 .splash.tidal-takeover.rickross-portofmiami-embed-takeover .embed-frame p {
        padding: 12px;
        margin: 0;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        font: 16px/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.jamesvincentmcmorrow-risingwater-takeover {
    background-image: url(/images/index2/promos/jamesvincentmcmorrow/jamesvincentmcmorrow-risingwater-bg.7a45539a.jpg); }
    .page-index-2 .splash.tidal-takeover.jamesvincentmcmorrow-risingwater-takeover .description {
      font-size: 14px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.jamesvincentmcmorrow-risingwater-takeover .description {
          font-size: 18px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.jamesvincentmcmorrow-risingwater-takeover .description p {
        margin: 0;
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.jamesvincentmcmorrow-risingwater-takeover .description p.exclusive {
          text-transform: none;
          margin-bottom: 20px;
          font-size: 1em; }
        .page-index-2 .splash.tidal-takeover.jamesvincentmcmorrow-risingwater-takeover .description p.artist {
          font: 2.2em/1.2 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.jamesvincentmcmorrow-risingwater-takeover .description p.title {
          font-size: 2em; }
  .page-index-2 .splash.tidal-takeover.jamesvincentmcmorrow-wemove-takeover {
    background-image: url(/images/index2/promos/jamesvincentmcmorrow/jamesvincentmcmorrow-wemove-bg.8f1912cb.jpg); }
    .page-index-2 .splash.tidal-takeover.jamesvincentmcmorrow-wemove-takeover .description {
      font-size: 14px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.jamesvincentmcmorrow-wemove-takeover .description {
          font-size: 18px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.jamesvincentmcmorrow-wemove-takeover .description p {
        margin: 0;
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.jamesvincentmcmorrow-wemove-takeover .description p.artist {
          font: 2.2em/1.2 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.jamesvincentmcmorrow-wemove-takeover .description p.title {
          font: 1.4em/1.2 "nationale", "nationale-regular", "Helvetica", sans-serif;
          margin-top: 10px; }
        .page-index-2 .splash.tidal-takeover.jamesvincentmcmorrow-wemove-takeover .description p.exclusive-disclaimer.long {
          letter-spacing: 0; }
          @media screen and (max-width: 330px) {
            .page-index-2 .splash.tidal-takeover.jamesvincentmcmorrow-wemove-takeover .description p.exclusive-disclaimer.long {
              font-size: 13px; } }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.jamesvincentmcmorrow-wemove-takeover .description p.exclusive-disclaimer.long {
              letter-spacing: 2px; } }
  .page-index-2 .splash.tidal-takeover.jamesvincentmcmorrow-getlow-takeover {
    background-image: url(/images/index2/promos/jamesvincentmcmorrow/jamesvincentmcmorrow-getlow-bg.2fd908f5.jpg); }
    .page-index-2 .splash.tidal-takeover.jamesvincentmcmorrow-getlow-takeover .description {
      font-size: 14px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.jamesvincentmcmorrow-getlow-takeover .description {
          font-size: 18px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.jamesvincentmcmorrow-getlow-takeover .description p {
        margin: 0;
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.jamesvincentmcmorrow-getlow-takeover .description p.exclusive {
          text-transform: none;
          margin-bottom: 20px;
          font-size: 1em; }
        .page-index-2 .splash.tidal-takeover.jamesvincentmcmorrow-getlow-takeover .description p.artist {
          font: 2.2em/1.2 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.jamesvincentmcmorrow-getlow-takeover .description p.title {
          font-size: 2em; }
  .page-index-2 .splash.tidal-takeover.usher-nolimit-video-takeover {
    background-image: url(/images/index2/promos/usher/usher-nolimit-video-bg.ba3415c0.jpg); }
    .page-index-2 .splash.tidal-takeover.usher-nolimit-video-takeover .description {
      font-size: 14px; }
      .page-index-2 .splash.tidal-takeover.usher-nolimit-video-takeover .description p {
        letter-spacing: 2px;
        margin: 0; }
        .page-index-2 .splash.tidal-takeover.usher-nolimit-video-takeover .description p.exclusive {
          font-size: 1em;
          margin-bottom: 20px; }
        .page-index-2 .splash.tidal-takeover.usher-nolimit-video-takeover .description p.artist {
          font: 5.6em/1 "nationale-bold", sans-serif;
          text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.usher-nolimit-video-takeover .description p.title {
          font: 4.2em/1 "nationale-demibold", sans-serif;
          text-transform: uppercase; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.usher-nolimit-video-takeover .description {
          font-size: 16px; }
          .page-index-2 .splash.tidal-takeover.usher-nolimit-video-takeover .description p {
            letter-spacing: 3px; } }
  .page-index-2 .splash.tidal-takeover.fatjoe-cookin-video-takeover {
    background-image: url(/images/index2/promos/fatjoe/fatjoe-cookin-video-bg.c602e8ec.jpg); }
  .page-index-2 .splash.tidal-takeover.fatjoe-cookin-takeover {
    background-image: url(/images/index2/promos/fatjoe/fatjoe-cookin-bg.964fc129.jpg); }
  .page-index-2 .splash.tidal-takeover.jackwhite-video-takeover {
    background-image: url(/images/index2/promos/jackwhite/jackwhite-video-bg.4dca796b.jpg); }
  .page-index-2 .splash.tidal-takeover.damianmarley-nailponcross-takeover {
    background-image: url(/images/index2/promos/damianmarley/damianmarley-nailponcross-bg.919e16bc.jpg); }
    .page-index-2 .splash.tidal-takeover.damianmarley-nailponcross-takeover.video-takeover {
      background-image: url(/images/index2/promos/damianmarley/damianmarley-nailponcross-video-bg.6288c855.jpg); }
    .page-index-2 .splash.tidal-takeover.damianmarley-nailponcross-takeover .description {
      font-size: 13px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.damianmarley-nailponcross-takeover .description {
          font-size: 16px; } }
      .page-index-2 .splash.tidal-takeover.damianmarley-nailponcross-takeover .description p {
        margin: 0;
        letter-spacing: 3px;
        font-size: 1em; }
        .page-index-2 .splash.tidal-takeover.damianmarley-nailponcross-takeover .description p.artist {
          font: 4.7em/1 "nationale-bold", sans-serif;
          text-transform: uppercase;
          margin-top: 20px; }
        .page-index-2 .splash.tidal-takeover.damianmarley-nailponcross-takeover .description p.title {
          margin-top: 10px;
          text-transform: uppercase;
          font: 2.1em "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.laurynhill-diasporacalling-takeover {
    background-image: url(/images/index2/promos/laurynhill/laurynhill-diasporacalling-bg.6789f723.jpg);
    min-height: 85vh; }
    .page-index-2 .splash.tidal-takeover.laurynhill-diasporacalling-takeover .takeover-full {
      text-align: center; }
      .page-index-2 .splash.tidal-takeover.laurynhill-diasporacalling-takeover .takeover-full .description {
        font-size: 16px;
        margin-top: 10vh; }
        .page-index-2 .splash.tidal-takeover.laurynhill-diasporacalling-takeover .takeover-full .description p {
          text-transform: uppercase;
          font-family: "nationale-bold", sans-serif;
          letter-spacing: 3px;
          margin: 0 auto;
          max-width: 100%; }
          .page-index-2 .splash.tidal-takeover.laurynhill-diasporacalling-takeover .takeover-full .description p.title {
            font-size: 1.6em; }
          .page-index-2 .splash.tidal-takeover.laurynhill-diasporacalling-takeover .takeover-full .description p.artists, .page-index-2 .splash.tidal-takeover.laurynhill-diasporacalling-takeover .takeover-full .description p.event {
            font-size: 1em;
            margin-top: 10px; }
            .page-index-2 .splash.tidal-takeover.laurynhill-diasporacalling-takeover .takeover-full .description p.artists span, .page-index-2 .splash.tidal-takeover.laurynhill-diasporacalling-takeover .takeover-full .description p.event span {
              display: block; }
              @media (min-width: 768px) {
                .page-index-2 .splash.tidal-takeover.laurynhill-diasporacalling-takeover .takeover-full .description p.artists span, .page-index-2 .splash.tidal-takeover.laurynhill-diasporacalling-takeover .takeover-full .description p.event span {
                  display: inline; } }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.laurynhill-diasporacalling-takeover .takeover-full .description {
            font-size: 20px;
            margin-top: 18vh; }
            .page-index-2 .splash.tidal-takeover.laurynhill-diasporacalling-takeover .takeover-full .description p {
              letter-spacing: 5px; } }
      .page-index-2 .splash.tidal-takeover.laurynhill-diasporacalling-takeover .takeover-full .btn-wrapper {
        max-width: 260px;
        margin: 60px auto 20px auto; }
  .page-index-2 .splash.tidal-takeover.handsofstone-takeover {
    background-image: none;
    background-color: #ff3016; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right {
        padding-top: 0; } }
    .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right img {
      max-width: 280px; }
    .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right p {
      color: #000;
      font-size: 11px;
      letter-spacing: 1px;
      margin: 0 0 10px 0; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right p {
          letter-spacing: 0; } }
    .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper {
      max-width: 280px; }
      .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .btn, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .btn-gray, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .btn-disabled, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .btn-white, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .btn-new {
        color: #000;
        border-color: #000; }
      .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .btn + .btn, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .btn-gray + .btn, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .btn-disabled + .btn, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .btn-white + .btn, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .btn-new + .btn, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .forgot-password-wrapper.wimp .btn + .btn, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .forgot-password-wrapper.wimp .btn-gray + .btn, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .forgot-password-wrapper.wimp .btn-disabled + .btn, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .forgot-password-wrapper.wimp .btn-white + .btn, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .forgot-password-wrapper.wimp .btn-new + .btn, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .download.wimp .device .btn + .btn, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .download.wimp .device .btn-gray + .btn, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .download.wimp .device .btn-disabled + .btn, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .download.wimp .device .btn-white + .btn, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .download.wimp .device .btn-new + .btn, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .btn + .btn-gray, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .forgot-password-wrapper.wimp .btn + .btn-gray, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .download.wimp .device .btn + .btn-gray, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .btn-gray + .btn-gray, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .btn-disabled + .btn-gray, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .btn-white + .btn-gray, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .btn-new + .btn-gray, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .btn + .btn-disabled, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .forgot-password-wrapper.wimp .btn + .btn-disabled, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .download.wimp .device .btn + .btn-disabled, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .btn-gray + .btn-disabled, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .btn-disabled + .btn-disabled, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .btn-white + .btn-disabled, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .btn-new + .btn-disabled, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .btn + .btn-white, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .forgot-password-wrapper.wimp .btn + .btn-white, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .download.wimp .device .btn + .btn-white, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .btn-gray + .btn-white, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .btn-disabled + .btn-white, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .btn-white + .btn-white, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .btn-new + .btn-white, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .btn + .btn-new, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .forgot-password-wrapper.wimp .btn + .btn-new, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .download.wimp .device .btn + .btn-new, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .btn-gray + .btn-new, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .btn-disabled + .btn-new, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .btn-white + .btn-new, .page-index-2 .splash.tidal-takeover.handsofstone-takeover .takeover-right .btn-wrapper .btn-new + .btn-new {
        background-color: #000;
        color: #ff3016; }
  .page-index-2 .splash.tidal-takeover.victormanuelle-yandel-imaginar-takeover {
    background-image: url(/images/index2/promos/yandel/victormanuelle-yandel-imaginar-bg.dbe5bea3.jpg); }
    .page-index-2 .splash.tidal-takeover.victormanuelle-yandel-imaginar-takeover .btn-wrapper .btn-new {
      font-size: 9px; }
  .page-index-2 .splash.tidal-takeover.cnco-reggaeton-takeover {
    background-image: url("/images/index2/promos/cnco/cnco-reggaeton-lento.65729573.jpg"); }
  .page-index-2 .splash.tidal-takeover.yandel-liljohn-takeover {
    background-image: url("/images/index2/promos/yandel/yandel-liljohn-bg.1bd86f9b.jpg"); }
  .page-index-2 .splash.tidal-takeover.dec99th-hymn-takeover {
    background-image: url(/images/index2/promos/dec99th/dec99th-hymn-bg.e562d713.jpg); }
    .page-index-2 .splash.tidal-takeover.dec99th-hymn-takeover .description {
      font-size: 20px; }
      .page-index-2 .splash.tidal-takeover.dec99th-hymn-takeover .description p {
        margin: 0;
        letter-spacing: 2px;
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.dec99th-hymn-takeover .description p.exclusively {
          margin-bottom: 20px; }
        .page-index-2 .splash.tidal-takeover.dec99th-hymn-takeover .description p.artist {
          font-size: 1.8em;
          letter-spacing: 8px; }
        .page-index-2 .splash.tidal-takeover.dec99th-hymn-takeover .description p.title {
          font: 3.8em "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.dec99th-hymn-takeover .description p.quote {
          text-transform: none; }
          .page-index-2 .splash.tidal-takeover.dec99th-hymn-takeover .description p.quote span {
            margin: 10px 0 0 10px;
            display: block; }
  .page-index-2 .splash.tidal-takeover.rihanna-goodnight-gotham {
    background-image: url(/images/index2/promos/rihanna/rihanna-goodnightgotham-bg.857e1143.jpg); }
    .page-index-2 .splash.tidal-takeover.rihanna-goodnight-gotham .description {
      font-size: 20px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.rihanna-goodnight-gotham .description {
          font-size: 26px; } }
      .page-index-2 .splash.tidal-takeover.rihanna-goodnight-gotham .description p {
        margin: 0;
        letter-spacing: 3px;
        text-transform: uppercase;
        color: #d8d7d0; }
        .page-index-2 .splash.tidal-takeover.rihanna-goodnight-gotham .description p.artist {
          font-size: 1.5em;
          letter-spacing: 7px; }
        .page-index-2 .splash.tidal-takeover.rihanna-goodnight-gotham .description p.title {
          font: 2em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.thelox-whathappens-letter-takeover {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    .page-index-2 .splash.tidal-takeover.thelox-whathappens-letter-takeover .wrapper-letter {
      max-width: 525px;
      margin: auto; }
      .page-index-2 .splash.tidal-takeover.thelox-whathappens-letter-takeover .wrapper-letter p {
        font-family: "nationale-demibold", sans-serif;
        color: #fafafa;
        text-align: center;
        line-height: 1.6;
        font-size: 18px; }
  .page-index-2 .splash.tidal-takeover.thelox-filthyamerica-takeover {
    background-image: url(/images/index2/promos/thelox/filthy-america/filthy-america-bg.5b95dd51.jpg); }
    .page-index-2 .splash.tidal-takeover.thelox-filthyamerica-takeover .cta-btn {
      min-width: 305px; }
    .page-index-2 .splash.tidal-takeover.thelox-filthyamerica-takeover .small-font {
      font-size: 11px !important; }
    .page-index-2 .splash.tidal-takeover.thelox-filthyamerica-takeover .description {
      font-size: 19px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.thelox-filthyamerica-takeover .description {
          font-size: 22px; } }
      .page-index-2 .splash.tidal-takeover.thelox-filthyamerica-takeover .description p {
        margin: 0;
        text-transform: uppercase;
        letter-spacing: 3px;
        font-size: 1em; }
        .page-index-2 .splash.tidal-takeover.thelox-filthyamerica-takeover .description p.artist {
          font: 2.6em "nationale-bold", sans-serif; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.thelox-filthyamerica-takeover .description p.artist {
              font-size: 4.2em; } }
        .page-index-2 .splash.tidal-takeover.thelox-filthyamerica-takeover .description p.title {
          font: 2rem "nationale", "nationale-regular", "Helvetica", sans-serif;
          font-weight: 100;
          margin-top: 10px; }
          .page-index-2 .splash.tidal-takeover.thelox-filthyamerica-takeover .description p.title.small {
            font-size: 1.7rem; }
            @media (min-width: 1024px) {
              .page-index-2 .splash.tidal-takeover.thelox-filthyamerica-takeover .description p.title.small {
                font-size: 2.7rem; } }
          .page-index-2 .splash.tidal-takeover.thelox-filthyamerica-takeover .description p.title span {
            font-size: 0.65em;
            display: block; }
  .page-index-2 .splash.tidal-takeover.thelox-whatelsedoyouneedtoknow-trailer-takeover {
    background-image: url(/images/index2/promos/thelox/what-else-do/what-else-do-you-need-to-know-trailer.83183941.jpg); }
    .page-index-2 .splash.tidal-takeover.thelox-whatelsedoyouneedtoknow-trailer-takeover .description {
      font-size: 19px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.thelox-whatelsedoyouneedtoknow-trailer-takeover .description {
          font-size: 22px; } }
      .page-index-2 .splash.tidal-takeover.thelox-whatelsedoyouneedtoknow-trailer-takeover .description p {
        margin: 0;
        letter-spacing: 3px;
        font-size: 0.9em; }
        .page-index-2 .splash.tidal-takeover.thelox-whatelsedoyouneedtoknow-trailer-takeover .description p.artist {
          font: 3.2em "nationale-bold", sans-serif;
          text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.thelox-whatelsedoyouneedtoknow-trailer-takeover .description p.exclusive {
          font-size: 20px;
          text-transform: none;
          margin-bottom: 20px; }
        .page-index-2 .splash.tidal-takeover.thelox-whatelsedoyouneedtoknow-trailer-takeover .description p.title {
          font: 0.9em "nationale-bold", sans-serif;
          margin-top: 10px;
          text-transform: uppercase;
          margin-bottom: 5px; }
          .page-index-2 .splash.tidal-takeover.thelox-whatelsedoyouneedtoknow-trailer-takeover .description p.title.small {
            font-size: 1.6rem; }
            @media (min-width: 1024px) {
              .page-index-2 .splash.tidal-takeover.thelox-whatelsedoyouneedtoknow-trailer-takeover .description p.title.small {
                font-size: 1.9rem; } }
          .page-index-2 .splash.tidal-takeover.thelox-whatelsedoyouneedtoknow-trailer-takeover .description p.title span {
            font-size: 0.65em;
            display: block;
            text-transform: uppercase; }
  .page-index-2 .splash.tidal-takeover.thelox-whatelsedoyouneedtoknow-takeover {
    background-image: url(/images/index2/promos/thelox/what-else-do/whatelsedoyouneedtoknow-takeover-bg.209ad5e4.jpg); }
    .page-index-2 .splash.tidal-takeover.thelox-whatelsedoyouneedtoknow-takeover .description {
      font-size: 19px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.thelox-whatelsedoyouneedtoknow-takeover .description {
          font-size: 22px; } }
      .page-index-2 .splash.tidal-takeover.thelox-whatelsedoyouneedtoknow-takeover .description p {
        margin: 0;
        letter-spacing: 3px;
        font-size: 1em; }
        .page-index-2 .splash.tidal-takeover.thelox-whatelsedoyouneedtoknow-takeover .description p.artist {
          font: 3.2em "nationale-bold", sans-serif;
          text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.thelox-whatelsedoyouneedtoknow-takeover .description p.exclusive {
          font-size: 15px;
          text-transform: none;
          margin-bottom: 20px; }
        .page-index-2 .splash.tidal-takeover.thelox-whatelsedoyouneedtoknow-takeover .description p.title {
          font: 0.8em "nationale-bold", sans-serif;
          margin-top: 10px;
          text-transform: uppercase;
          margin-bottom: 40px; }
          .page-index-2 .splash.tidal-takeover.thelox-whatelsedoyouneedtoknow-takeover .description p.title.small {
            font-size: 1.6rem; }
            @media (min-width: 1024px) {
              .page-index-2 .splash.tidal-takeover.thelox-whatelsedoyouneedtoknow-takeover .description p.title.small {
                font-size: 1.9rem; } }
          .page-index-2 .splash.tidal-takeover.thelox-whatelsedoyouneedtoknow-takeover .description p.title span {
            font-size: 0.65em;
            display: block;
            text-transform: uppercase; }
  .page-index-2 .splash.tidal-takeover.thelox-dontyoucrybts-takeover {
    background-image: url(/images/index2/promos/thelox/dont-you-cry-bts/dont-you-cry-bts-takeover-bg.d12153c7.jpg); }
    .page-index-2 .splash.tidal-takeover.thelox-dontyoucrybts-takeover .description {
      font-size: 19px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.thelox-dontyoucrybts-takeover .description {
          font-size: 22px; } }
      .page-index-2 .splash.tidal-takeover.thelox-dontyoucrybts-takeover .description p {
        margin: 0;
        letter-spacing: 3px;
        font-size: 1em; }
        .page-index-2 .splash.tidal-takeover.thelox-dontyoucrybts-takeover .description p.artist {
          font: 3.2em "nationale-bold", sans-serif;
          text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.thelox-dontyoucrybts-takeover .description p.exclusive {
          font-size: 15px;
          text-transform: none; }
        .page-index-2 .splash.tidal-takeover.thelox-dontyoucrybts-takeover .description p.title {
          font: 1.57em "nationale-bold", sans-serif;
          margin-top: 10px;
          text-transform: uppercase; }
          .page-index-2 .splash.tidal-takeover.thelox-dontyoucrybts-takeover .description p.title.small {
            font-size: 1.6rem;
            text-transform: uppercase; }
            @media (min-width: 1024px) {
              .page-index-2 .splash.tidal-takeover.thelox-dontyoucrybts-takeover .description p.title.small {
                font-size: 1.9rem; } }
          .page-index-2 .splash.tidal-takeover.thelox-dontyoucrybts-takeover .description p.title span {
            font-size: 0.65em;
            display: block; }
  .page-index-2 .splash.tidal-takeover.thelox-dontyoucry-takeover {
    background-image: url(/images/index2/promos/thelox/please-dont-cry/please-dont-cry-takeeover-bg.60ca6cc5.jpg); }
    .page-index-2 .splash.tidal-takeover.thelox-dontyoucry-takeover .description {
      font-size: 19px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.thelox-dontyoucry-takeover .description {
          font-size: 22px; } }
      .page-index-2 .splash.tidal-takeover.thelox-dontyoucry-takeover .description p {
        margin: 0;
        text-transform: uppercase;
        letter-spacing: 3px;
        font-size: 1em; }
        .page-index-2 .splash.tidal-takeover.thelox-dontyoucry-takeover .description p.artist {
          font: 3.2em "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.thelox-dontyoucry-takeover .description p.title {
          font: 1.57em "nationale-bold", sans-serif;
          margin-top: 10px; }
          .page-index-2 .splash.tidal-takeover.thelox-dontyoucry-takeover .description p.title.small {
            font-size: 1.6rem; }
            @media (min-width: 1024px) {
              .page-index-2 .splash.tidal-takeover.thelox-dontyoucry-takeover .description p.title.small {
                font-size: 1.9rem; } }
          .page-index-2 .splash.tidal-takeover.thelox-dontyoucry-takeover .description p.title span {
            font-size: 0.65em;
            display: block; }
  .page-index-2 .splash.tidal-takeover.thelox-whathappens-takeover {
    background-image: url(/images/index2/promos/thelox/thelox-whathappens-bg.fc38c205.jpg); }
    .page-index-2 .splash.tidal-takeover.thelox-whathappens-takeover .description {
      font-size: 19px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.thelox-whathappens-takeover .description {
          font-size: 22px; } }
      .page-index-2 .splash.tidal-takeover.thelox-whathappens-takeover .description p {
        margin: 0;
        text-transform: uppercase;
        letter-spacing: 3px;
        font-size: 1em; }
        .page-index-2 .splash.tidal-takeover.thelox-whathappens-takeover .description p.exclusive {
          margin-bottom: 10px;
          color: #ededed; }
        .page-index-2 .splash.tidal-takeover.thelox-whathappens-takeover .description p.artist {
          font: 3.2em "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.thelox-whathappens-takeover .description p.featuring {
          font-size: 2.25em; }
        .page-index-2 .splash.tidal-takeover.thelox-whathappens-takeover .description p.title {
          font: 1.57em "nationale-bold", sans-serif;
          margin-top: 10px; }
          .page-index-2 .splash.tidal-takeover.thelox-whathappens-takeover .description p.title.small {
            font-size: 1.6rem; }
            @media (min-width: 1024px) {
              .page-index-2 .splash.tidal-takeover.thelox-whathappens-takeover .description p.title.small {
                font-size: 1.9rem; } }
          .page-index-2 .splash.tidal-takeover.thelox-whathappens-takeover .description p.title span {
            font-size: 0.65em;
            display: block; }
  .page-index-2 .splash.tidal-takeover.ways23-takeover {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    .page-index-2 .splash.tidal-takeover.ways23-takeover .description p {
      margin: 0;
      text-transform: uppercase;
      letter-spacing: 3px;
      line-height: 1.5;
      color: #d8d7d0; }
      .page-index-2 .splash.tidal-takeover.ways23-takeover .description p.artist {
        font: 22px "nationale-bold", sans-serif;
        margin-bottom: 20px; }
      .page-index-2 .splash.tidal-takeover.ways23-takeover .description p.title {
        font-size: 20px; }
      .page-index-2 .splash.tidal-takeover.ways23-takeover .description p.hashtag {
        margin-top: 20px;
        font: 52px "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.thebirthofanation-takeover .description {
    margin-bottom: 30px; }
    .page-index-2 .splash.tidal-takeover.thebirthofanation-takeover .description p {
      max-width: 100%;
      margin: 0 auto;
      letter-spacing: 3px;
      text-transform: uppercase;
      text-align: center; }
      .page-index-2 .splash.tidal-takeover.thebirthofanation-takeover .description p.title {
        font: 18px "nationale-bold", sans-serif;
        margin-bottom: 15px; }
      .page-index-2 .splash.tidal-takeover.thebirthofanation-takeover .description p.artist {
        font-size: 14px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.thebirthofanation-takeover .description p {
          letter-spacing: 5px; }
          .page-index-2 .splash.tidal-takeover.thebirthofanation-takeover .description p.title {
            font-size: 32px; }
          .page-index-2 .splash.tidal-takeover.thebirthofanation-takeover .description p.artist {
            font-size: 22px; } }
  .page-index-2 .splash.tidal-takeover.thebirthofanation-takeover .info {
    box-sizing: border-box;
    margin: 50px auto;
    max-width: 500px;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px; }
    .page-index-2 .splash.tidal-takeover.thebirthofanation-takeover .info p {
      text-align: center;
      margin: 0;
      width: 100%;
      max-width: 100%;
      line-height: 1.5;
      font: 16px "nationale-demibold", sans-serif; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.thebirthofanation-takeover .info p {
          font-size: 20px;
          line-height: 1.5; } }
  .page-index-2 .splash.tidal-takeover.thebirthofanation-takeover .wrapper-embed {
    width: 100%;
    max-width: 600px;
    margin: auto; }
  .page-index-2 .splash.tidal-takeover.thebirthofanation-takeover .movie-poster {
    width: 100%;
    max-width: 500px;
    border: 1px solid rgba(255, 255, 255, 0.2); }
  .page-index-2 .splash.tidal-takeover.alexisyfido-unaenunmillion-takeover {
    background-image: url(/images/index2/promos/alexisyfido/alexisyfido-unaenunmillion-bg.a785d4dc.jpg); }
    .page-index-2 .splash.tidal-takeover.alexisyfido-unaenunmillion-takeover p {
      margin: 0;
      text-transform: uppercase;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.alexisyfido-unaenunmillion-takeover p.artist {
        font: 28px "nationale-demibold", sans-serif;
        margin-top: 20px; }
      .page-index-2 .splash.tidal-takeover.alexisyfido-unaenunmillion-takeover p.title {
        font: 29px "nationale-bold", sans-serif; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.alexisyfido-unaenunmillion-takeover .description {
        margin-top: 60px; }
      .page-index-2 .splash.tidal-takeover.alexisyfido-unaenunmillion-takeover p {
        letter-spacing: 5px; }
        .page-index-2 .splash.tidal-takeover.alexisyfido-unaenunmillion-takeover p.artist {
          font-size: 32px; }
        .page-index-2 .splash.tidal-takeover.alexisyfido-unaenunmillion-takeover p.title {
          font-size: 32px; } }
    .page-index-2 .splash.tidal-takeover.alexisyfido-unaenunmillion-takeover .btn-wrapper .btn-new {
      letter-spacing: 1px; }
  .page-index-2 .splash.tidal-takeover.yandel-nunca-video-takeover {
    background-image: url(/images/index2/promos/yandel/yandel-nunca-bg.68f3a8b0.jpg); }
    .page-index-2 .splash.tidal-takeover.yandel-nunca-video-takeover .description p {
      margin: 0;
      text-transform: uppercase;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.yandel-nunca-video-takeover .description p.title {
        font: 24px "nationale-demibold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.yandel-nunca-video-takeover .description p.artist {
        font: 68px "nationale-bold", sans-serif; }
        @media (min-width: 1150px) {
          .page-index-2 .splash.tidal-takeover.yandel-nunca-video-takeover .description p.artist {
            font-size: 75px; } }
    .page-index-2 .splash.tidal-takeover.yandel-nunca-video-takeover .btn-wrapper .btn-new {
      font-size: 11px; }
  .page-index-2 .splash.tidal-takeover.bkhiphopfest-takeover {
    background-image: url(/images/index2/promos/bkhiphopfest/bkhiphopfest-bg.88676dc4.jpg);
    min-height: 80vh; }
    .page-index-2 .splash.tidal-takeover.bkhiphopfest-takeover .takeover-full .tidalx {
      font: 26px "nationale-demibold", sans-serif;
      color: #fff;
      letter-spacing: 10px; }
      .page-index-2 .splash.tidal-takeover.bkhiphopfest-takeover .takeover-full .tidalx span {
        font-family: "nationale-bold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.bkhiphopfest-takeover .takeover-full img {
      max-width: 220px;
      margin: 30px auto; }
    .page-index-2 .splash.tidal-takeover.bkhiphopfest-takeover .takeover-full .featuring {
      text-transform: uppercase;
      letter-spacing: 5px;
      font-size: 26px;
      margin: 0 auto 20px auto; }
    .page-index-2 .splash.tidal-takeover.bkhiphopfest-takeover .takeover-full .wrapper-artists {
      color: #fff;
      font-family: "nationale-demibold", sans-serif;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
      margin: auto;
      max-width: 280px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.bkhiphopfest-takeover .takeover-full .wrapper-artists {
          max-width: 380px; } }
      .page-index-2 .splash.tidal-takeover.bkhiphopfest-takeover .takeover-full .wrapper-artists div {
        box-sizing: border-box;
        padding: 10px 5px;
        width: 50%;
        border: 1px solid #00FFFF;
        text-transform: uppercase;
        letter-spacing: 2px;
        flex-grow: 1;
        font-size: 13px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.bkhiphopfest-takeover .takeover-full .wrapper-artists div {
            font-size: 15px; } }
    .page-index-2 .splash.tidal-takeover.bkhiphopfest-takeover .takeover-full .info {
      margin-top: 30px;
      font-size: 14px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.bkhiphopfest-takeover .takeover-full .info {
          font-size: 24px; } }
      .page-index-2 .splash.tidal-takeover.bkhiphopfest-takeover .takeover-full .info p {
        text-transform: uppercase;
        margin: 0 auto 10px auto;
        font: 1em "nationale", "nationale-regular", "Helvetica", sans-serif;
        letter-spacing: 3px; }
        .page-index-2 .splash.tidal-takeover.bkhiphopfest-takeover .takeover-full .info p.date {
          font: 2.1em "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.bkhiphopfest-takeover .takeover-full .info p.time {
          font: 1.4em "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.bkhiphopfest-takeover .takeover-full .info p.hashtag {
          color: #00FFFF;
          text-transform: none; }
    .page-index-2 .splash.tidal-takeover.bkhiphopfest-takeover .takeover-full .btn-wrapper {
      margin: 30px auto;
      padding-left: 20px;
      padding-right: 20px; }
      .page-index-2 .splash.tidal-takeover.bkhiphopfest-takeover .takeover-full .btn-wrapper a {
        max-width: 250px; }
    .page-index-2 .splash.tidal-takeover.bkhiphopfest-takeover .wrapper-embed {
      max-width: 600px;
      margin: 50px auto; }
  .page-index-2 .splash.tidal-takeover.mia2016-lineup-takeover {
    background-image: url(/images/index2/promos/mia2016/mia2016-lineup-bg.9ce2cd00.jpg);
    background-position: center top;
    min-height: 80vh; }
    .page-index-2 .splash.tidal-takeover.mia2016-lineup-takeover .btn-ctas {
      margin-top: 60px; }
      .page-index-2 .splash.tidal-takeover.mia2016-lineup-takeover .btn-ctas a {
        text-decoration: none; }
    .page-index-2 .splash.tidal-takeover.mia2016-lineup-takeover .takeover-full {
      text-align: center;
      max-width: 900px;
      margin: auto; }
      .page-index-2 .splash.tidal-takeover.mia2016-lineup-takeover .takeover-full img {
        display: block;
        margin-left: auto;
        margin-right: auto; }
        .page-index-2 .splash.tidal-takeover.mia2016-lineup-takeover .takeover-full img.artists {
          max-width: 100%;
          margin-top: 25vh; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.mia2016-lineup-takeover .takeover-full img.artists {
              margin-top: 15vh; } }
          @media (min-width: 1400px) {
            .page-index-2 .splash.tidal-takeover.mia2016-lineup-takeover .takeover-full img.artists {
              margin-top: 20vh; } }
        .page-index-2 .splash.tidal-takeover.mia2016-lineup-takeover .takeover-full img.logos {
          margin-top: 50px; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.mia2016-lineup-takeover .takeover-full img.logos {
              max-width: 80%; } }
  .page-index-2 .splash.tidal-takeover.mia2016-playlist-takeover {
    background-image: url(/images/index2/promos/mia2016/mia2016-playlist-bg.60ae1a2f.jpg); }
    .page-index-2 .splash.tidal-takeover.mia2016-playlist-takeover .takeover-right img {
      max-width: 440px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.mia2016-playlist-takeover .takeover-right img {
          margin-top: 60px; } }
    .page-index-2 .splash.tidal-takeover.mia2016-playlist-takeover .takeover-right .btn-new {
      letter-spacing: 1px;
      padding: 12px 8px; }
  .page-index-2 .splash.tidal-takeover.bibibourelly-dna-takeover {
    background-image: url(/images/index2/promos/bibibourelly/bibibourelly-whereimfrom-bg.2918e8ec.jpg); }
    .page-index-2 .splash.tidal-takeover.bibibourelly-dna-takeover .description {
      font-size: 22px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.bibibourelly-dna-takeover .description {
          font-size: 36px; } }
      .page-index-2 .splash.tidal-takeover.bibibourelly-dna-takeover .description p {
        margin: 0;
        text-transform: uppercase;
        letter-spacing: 3px; }
        .page-index-2 .splash.tidal-takeover.bibibourelly-dna-takeover .description p.artist {
          font-size: 1em; }
        .page-index-2 .splash.tidal-takeover.bibibourelly-dna-takeover .description p.title {
          font: 3em "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.bibibourelly-playlist-takeover {
    background-image: url(/images/index2/promos/bibibourelly/bibibourelly-playlist-bg.984ac8d3.jpg); }
    .page-index-2 .splash.tidal-takeover.bibibourelly-playlist-takeover .description p.title {
      font-size: 1.2em; }
  .page-index-2 .splash.tidal-takeover.miya-folick-takeover {
    background-image: url(/images/index2/promos/miyafolick/miyafolick-playlist.23416c52.jpg); }
    .page-index-2 .splash.tidal-takeover.miya-folick-takeover .description {
      font-size: 22px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.miya-folick-takeover .description {
          font-size: 36px; } }
      .page-index-2 .splash.tidal-takeover.miya-folick-takeover .description p {
        margin: 0;
        text-transform: uppercase;
        letter-spacing: 3px; }
        .page-index-2 .splash.tidal-takeover.miya-folick-takeover .description p.artist {
          font-size: 1em; }
        .page-index-2 .splash.tidal-takeover.miya-folick-takeover .description p.title {
          font-size: 1.2em;
          font-family: "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.stb-whereimfrom-takeover {
    background-image: url("/images/index2/promos/sirthebaptist/stb-bg-promo.89a2bea3.jpg"); }
  .page-index-2 .splash.tidal-takeover.stb-risehell-playlist {
    background-image: url("/images/index2/promos/sirthebaptist/risetohell-stb-bg.6d8b225b.jpg"); }
  .page-index-2 .splash.tidal-takeover.zroandmikedean-nojusticenopeace-takeover {
    background-image: url(/images/index2/promos/zroandmikedean/zroandmikedean-nojusticenopeace-bg.6d6111ba.jpg); }
    .page-index-2 .splash.tidal-takeover.zroandmikedean-nojusticenopeace-takeover .takeover-right img {
      max-width: 440px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.zroandmikedean-nojusticenopeace-takeover .takeover-right img {
          margin-top: 80px; } }
  .page-index-2 .splash.tidal-takeover.jayz-spiritual-letter-takeover .takeover-full {
    text-align: center; }
  .page-index-2 .splash.tidal-takeover.jayz-spiritual-letter-takeover .description {
    margin-bottom: 50px; }
    .page-index-2 .splash.tidal-takeover.jayz-spiritual-letter-takeover .description p {
      color: #fff;
      margin: 0 auto;
      text-align: center;
      letter-spacing: 5px; }
    .page-index-2 .splash.tidal-takeover.jayz-spiritual-letter-takeover .description .artist {
      font-family: "nationale-demibold", sans-serif;
      font-size: 51px;
      text-transform: uppercase; }
    .page-index-2 .splash.tidal-takeover.jayz-spiritual-letter-takeover .description .title {
      font-family: "nationale-bold", sans-serif;
      text-transform: lowercase;
      font-size: 51px; }
  .page-index-2 .splash.tidal-takeover.jayz-spiritual-letter-takeover .wrapper-embed {
    max-width: 500px;
    margin: 50px auto; }
  .page-index-2 .splash.tidal-takeover.jayz-spiritual-letter-takeover .btn-wrapper {
    max-width: 250px;
    margin: 50px auto; }
    .page-index-2 .splash.tidal-takeover.jayz-spiritual-letter-takeover .btn-wrapper .btn-new:first-child {
      text-transform: none; }
  .page-index-2 .splash.tidal-takeover.jayz-spiritual-letter-takeover .letter {
    max-width: 650px;
    margin: auto; }
    .page-index-2 .splash.tidal-takeover.jayz-spiritual-letter-takeover .letter p {
      margin: 0 0 30px 0;
      font-family: "nationale-bold", sans-serif;
      max-width: 100%;
      width: 100%; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.jayz-spiritual-letter-takeover .letter p {
          font-size: 28px; } }
  .page-index-2 .splash.tidal-takeover.damianmarley-caution-takeover {
    background-image: url(/images/index2/promos/damianmarley/damianmarley-caution-bg.6dd40bfb.jpg); }
    .page-index-2 .splash.tidal-takeover.damianmarley-caution-takeover p {
      margin: 0;
      text-transform: uppercase;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.damianmarley-caution-takeover p.artist {
        font: 28px "nationale-demibold", sans-serif;
        margin-top: 20px; }
      .page-index-2 .splash.tidal-takeover.damianmarley-caution-takeover p.title {
        font: 56px "nationale-bold", sans-serif; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.damianmarley-caution-takeover .description {
        margin-top: 60px; }
      .page-index-2 .splash.tidal-takeover.damianmarley-caution-takeover p {
        letter-spacing: 5px; }
        .page-index-2 .splash.tidal-takeover.damianmarley-caution-takeover p.artist {
          font-size: 32px; }
        .page-index-2 .splash.tidal-takeover.damianmarley-caution-takeover p.title {
          font-size: 74px; } }
  .page-index-2 .splash.tidal-takeover.victorialamala-vetemucho-takeover {
    background-image: url(/images/index2/promos/victorialamala/victorialamala-vetemucho-bg.a97c9747.jpg); }
    .page-index-2 .splash.tidal-takeover.victorialamala-vetemucho-takeover p {
      margin: 0;
      text-transform: uppercase;
      letter-spacing: 2px; }
      .page-index-2 .splash.tidal-takeover.victorialamala-vetemucho-takeover p.artist {
        font-family: "nationale-demibold", sans-serif;
        font-size: 28px; }
      .page-index-2 .splash.tidal-takeover.victorialamala-vetemucho-takeover p.title {
        font-family: "nationale-bold", sans-serif;
        font-size: 41px; }
    .page-index-2 .splash.tidal-takeover.victorialamala-vetemucho-takeover .btn-wrapper {
      max-width: 300px; }
  .page-index-2 .splash.tidal-takeover.victorialamala-vetemucho-bts-takeover {
    background-image: url(/images/index2/promos/victorialamala/victorialamala-vetemucho-bts-bg.9e297501.jpg); }
  .page-index-2 .splash.tidal-takeover.rihanna-sledgehammer-takeover {
    background-image: url(/images/index2/promos/rihanna/rihanna-sledgehammer-bg.1441ab9e.jpg); }
    .page-index-2 .splash.tidal-takeover.rihanna-sledgehammer-takeover .wrapper-description p {
      margin: 0 0 10px 0;
      letter-spacing: 3px;
      text-transform: uppercase; }
      .page-index-2 .splash.tidal-takeover.rihanna-sledgehammer-takeover .wrapper-description p.artist, .page-index-2 .splash.tidal-takeover.rihanna-sledgehammer-takeover .wrapper-description p.title {
        font: normal 32px "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.rihanna-sledgehammer-takeover .wrapper-description p.artist, .page-index-2 .splash.tidal-takeover.rihanna-sledgehammer-takeover .wrapper-description p.title {
            font-size: 42px; } }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.rihanna-sledgehammer-takeover .wrapper-description p.artist, .page-index-2 .splash.tidal-takeover.rihanna-sledgehammer-takeover .wrapper-description p.title {
            font-size: 52px; } }
  .page-index-2 .splash.tidal-takeover.rihanna-sledgehammer-video-takeover {
    background-image: url("/images/index2/promos/rihanna/rihanna-sledgehammer-video-mobile-bg.f9babd68.jpg"); }
    .page-index-2 .splash.tidal-takeover.rihanna-sledgehammer-video-takeover img {
      max-width: 430px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.rihanna-sledgehammer-video-takeover {
        background-image: url("/images/index2/promos/rihanna/rihanna-slegdehammer-video-bg.e5172922.jpg"); }
        .page-index-2 .splash.tidal-takeover.rihanna-sledgehammer-video-takeover img {
          margin-bottom: 40px; } }
  .page-index-2 .splash.tidal-takeover.rihanna-sledgehammer-bts-takeover .wrapper-description p.title {
    font-size: 28px; }
  .page-index-2 .splash.tidal-takeover.indochine-roadtour-takeover {
    background-image: url("/images/index2/promos/indochine/indochine-roadtour-bg-mobile.687e51d2.jpg"); }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.indochine-roadtour-takeover {
        background-image: url("/images/index2/promos/indochine/indochine-roadtour-bg.94a36b93.jpg"); } }
  .page-index-2 .splash.tidal-takeover.indochine-roadtourfilm-takeover {
    background-image: url(/images/index2/promos/indochine/indochine-roadtourfilm-bg.34330b59.jpg); }
    .page-index-2 .splash.tidal-takeover.indochine-roadtourfilm-takeover .description p {
      margin: 0;
      letter-spacing: 2px;
      text-transform: uppercase; }
      .page-index-2 .splash.tidal-takeover.indochine-roadtourfilm-takeover .description p.minidoc {
        text-transform: none;
        margin-bottom: 20px;
        font-size: 17px; }
      .page-index-2 .splash.tidal-takeover.indochine-roadtourfilm-takeover .description p.title {
        font: 28px "nationale-demibold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.indochine-roadtourfilm-takeover .description p.title {
            font-size: 36px; } }
      .page-index-2 .splash.tidal-takeover.indochine-roadtourfilm-takeover .description p.artist {
        font: 46px "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.indochine-roadtourfilm-takeover .description p.artist {
            font-size: 58px;
            letter-spacing: 4px; } }
  .page-index-2 .splash.tidal-takeover.nickjonas-demilovato-futurenow-livestream-takeover {
    background: #000 url(/images/index2/promos/nickjonas/nickjonas-demilovato-futurenow-livestream-bg.6098944a.jpg) top center no-repeat;
    background-size: cover;
    min-height: 95vh; }
    .page-index-2 .splash.tidal-takeover.nickjonas-demilovato-futurenow-livestream-takeover .takeover-full {
      margin: auto;
      margin-top: 18vh;
      box-sizing: border-box;
      max-width: 320px;
      padding: 20px; }
      .page-index-2 .splash.tidal-takeover.nickjonas-demilovato-futurenow-livestream-takeover .takeover-full img {
        margin-bottom: 20px; }
      .page-index-2 .splash.tidal-takeover.nickjonas-demilovato-futurenow-livestream-takeover .takeover-full p {
        text-transform: uppercase;
        margin: 0 0 5px 0;
        letter-spacing: 2px;
        line-height: 1.2; }
        .page-index-2 .splash.tidal-takeover.nickjonas-demilovato-futurenow-livestream-takeover .takeover-full p.date {
          font-size: 26px; }
        .page-index-2 .splash.tidal-takeover.nickjonas-demilovato-futurenow-livestream-takeover .takeover-full p.time {
          font-size: 16px; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.nickjonas-demilovato-futurenow-livestream-takeover .takeover-full p.time {
              font-size: 18px; } }
      .page-index-2 .splash.tidal-takeover.nickjonas-demilovato-futurenow-livestream-takeover .takeover-full .btn-primary {
        background-color: #fff;
        color: #000; }
      .page-index-2 .splash.tidal-takeover.nickjonas-demilovato-futurenow-livestream-takeover .takeover-full .hashtag + .hashtag {
        text-transform: none; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.nickjonas-demilovato-futurenow-livestream-takeover .takeover-full .btn-wrapper {
          margin-top: 50px; } }
      @media (min-width: 768px) and (max-width: 1023px) {
        .page-index-2 .splash.tidal-takeover.nickjonas-demilovato-futurenow-livestream-takeover .takeover-full {
          margin-top: 25vh; } }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.nickjonas-demilovato-futurenow-livestream-takeover .takeover-full {
          margin-top: 25vh; } }
  .page-index-2 .splash.tidal-takeover.adele-25-takeover {
    background-image: url(/images/index2/promos/adele/adele-25-bg.ab48709f.jpg); }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.adele-25-takeover .takeover-right {
        padding-top: 80px; }
      .page-index-2 .splash.tidal-takeover.adele-25-takeover .btn-wrapper {
        margin-top: 50px; } }
    .page-index-2 .splash.tidal-takeover.adele-25-takeover .takeover-right img {
      max-width: 400px; }
  .page-index-2 .splash.tidal-takeover.lapizconciente-takeover {
    background-image: url(/images/index2/promos/lapizconciente/lapizconciente-bg.c04effc8.jpg); }
  .page-index-2 .splash.tidal-takeover.kanyewest-famouslivestream-takeover {
    background-color: #f98b58;
    box-sizing: border-box;
    min-height: 95vh; }
    .page-index-2 .splash.tidal-takeover.kanyewest-famouslivestream-takeover .livestream-head {
      display: block;
      max-width: 530px;
      margin: auto;
      margin-top: 10vh; }
    .page-index-2 .splash.tidal-takeover.kanyewest-famouslivestream-takeover .btn-wrapper {
      margin-top: 50px; }
    .page-index-2 .splash.tidal-takeover.kanyewest-famouslivestream-takeover .btn-new {
      border: 1px solid #000;
      color: #000;
      max-width: 280px;
      padding: 15px 10px 16px 10px;
      font-family: "helveticaneue-bold", "nationale-demibold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.kanyewest-famouslivestream-takeover .btn-new:hover {
        border: 1px solid #000;
        color: #000; }
      .page-index-2 .splash.tidal-takeover.kanyewest-famouslivestream-takeover .btn-new + .btn-new {
        background-color: #000;
        color: #f98b58; }
  .page-index-2 .splash.tidal-takeover.kanyewest-famousvideo-takeover {
    background: #f98b58; }
    .page-index-2 .splash.tidal-takeover.kanyewest-famousvideo-takeover .btn-new {
      border: 1px solid #000;
      color: #000;
      max-width: 280px;
      padding: 15px 10px 16px 10px;
      font-family: "helveticaneue-bold", "nationale-demibold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.kanyewest-famousvideo-takeover .btn-new:hover {
        border: 1px solid #000;
        color: #000; }
      .page-index-2 .splash.tidal-takeover.kanyewest-famousvideo-takeover .btn-new + .btn-new {
        background-color: #000;
        color: #f98b58; }
  .page-index-2 .splash.tidal-takeover.djkhaled-igotthekeys-takeover {
    background: #000 url(/images/index2/promos/djkhaled/djkhaled-igotthekeys-bg.48aee3bf.jpg) top center no-repeat;
    background-size: cover; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.djkhaled-igotthekeys-takeover .takeover-right {
        padding-top: 0; } }
    .page-index-2 .splash.tidal-takeover.djkhaled-igotthekeys-takeover .takeover-right p:first-child {
      color: #d8d7d0;
      letter-spacing: 2px;
      margin: 0 0 20px 0;
      font-size: 14px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.djkhaled-igotthekeys-takeover .takeover-right p:first-child {
          font-size: 20px; } }
  .page-index-2 .splash.tidal-takeover.desiigner-newenglish-takeover {
    background: #000 url("/images/index2/promos/desiigner/desiigner-newenglish-bg.57a7d128.jpg") top center no-repeat;
    background-size: cover; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.desiigner-newenglish-takeover .takeover-right {
        padding-top: 80px; }
        .page-index-2 .splash.tidal-takeover.desiigner-newenglish-takeover .takeover-right p.promocode-disclaimer {
          margin-top: 40px; } }
    .page-index-2 .splash.tidal-takeover.desiigner-newenglish-takeover .takeover-right p:first-child {
      letter-spacing: 3px;
      margin: 0 0 20px 0;
      font-size: 23px; }
    .page-index-2 .splash.tidal-takeover.desiigner-newenglish-takeover .takeover-right p.promocode-disclaimer {
      margin-left: 0;
      margin-top: 20px; }
    .page-index-2 .splash.tidal-takeover.desiigner-newenglish-takeover .takeover-right img {
      max-width: 450px; }
  .page-index-2 .splash.tidal-takeover.antesdetodo-takeover {
    background: #000 url("/images/index2/promos/ckan/ckan-antesdetodo-bg-mobile.48e095c0.jpg") top center no-repeat;
    background-size: cover; }
    .page-index-2 .splash.tidal-takeover.antesdetodo-takeover .takeover-right img {
      max-width: 500px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.antesdetodo-takeover {
        background: #000 url("/images/index2/promos/ckan/ckan-antesdetodo-bg.524e4664.jpg") top center no-repeat;
        background-size: cover; } }
  .page-index-2 .splash.tidal-takeover.aliciakeys-letmein-takeover {
    background: #000 url(/images/index2/promos/aliciakeys/aliciakeys-letmein-bg.a7ef8269.jpg) top center no-repeat;
    background-size: cover; }
    .page-index-2 .splash.tidal-takeover.aliciakeys-letmein-takeover .takeover-description p {
      margin: 0; }
    .page-index-2 .splash.tidal-takeover.aliciakeys-letmein-takeover .takeover-description .artist {
      text-transform: uppercase;
      font-size: 28px;
      letter-spacing: 3px; }
    .page-index-2 .splash.tidal-takeover.aliciakeys-letmein-takeover .takeover-description .title {
      font-family: 'nationale-bold', sans-serif;
      text-transform: uppercase;
      font-size: 54px;
      margin-bottom: 20px; }
    .page-index-2 .splash.tidal-takeover.aliciakeys-letmein-takeover .takeover-description .information {
      line-height: 2; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.aliciakeys-letmein-takeover .takeover-right {
        padding-top: 0; } }
  .page-index-2 .splash.tidal-takeover.usher-nolimit-takeover {
    background: #000 url("/images/index2/promos/usher/usher-no-limit-bg.a7d9a499.jpg");
    background-size: cover; }
    .page-index-2 .splash.tidal-takeover.usher-nolimit-takeover .takeover-right {
      padding: 20px; }
      .page-index-2 .splash.tidal-takeover.usher-nolimit-takeover .takeover-right p:first-child {
        letter-spacing: 0.05em;
        text-transform: uppercase; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.usher-nolimit-takeover .takeover-right p:first-child {
            letter-spacing: 0.2em;
            margin-top: 60px; } }
      .page-index-2 .splash.tidal-takeover.usher-nolimit-takeover .takeover-right img {
        max-width: 400px; }
  .page-index-2 .splash.tidal-takeover.usher-crash-takeover {
    background: #000 url("/images/index2/promos/usher/usher-no-limit-bg.a7d9a499.jpg");
    background-size: cover;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset; }
    .page-index-2 .splash.tidal-takeover.usher-crash-takeover .takeover-right p:first-child {
      letter-spacing: 3px; }
    .page-index-2 .splash.tidal-takeover.usher-crash-takeover .track-title {
      font-family: 'nationale-bold', sans-serif;
      font-size: 4em;
      letter-spacing: 0.2em; }
  .page-index-2 .splash.tidal-takeover.mia2016-takeover {
    background: #000 url(/images/index2/promos/mia2016/mia2016-bg.5945381d.jpg) top center no-repeat;
    background-size: cover; }
    @media screen and (max-width: 414px) {
      .page-index-2 .splash.tidal-takeover.mia2016-takeover {
        background-position-x: 57%; } }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.mia2016-takeover {
        padding: 80px 0; } }
    .page-index-2 .splash.tidal-takeover.mia2016-takeover .takeover-left {
      text-align: left; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.mia2016-takeover .takeover-left {
          width: 50%;
          max-width: 500px;
          transform: translateX(-320px);
          margin-left: 50%; } }
      .page-index-2 .splash.tidal-takeover.mia2016-takeover .takeover-left .mia-head {
        max-width: 260px; }
        @media screen and (max-width: 414px) {
          .page-index-2 .splash.tidal-takeover.mia2016-takeover .takeover-left .mia-head {
            max-width: 180px; } }
      .page-index-2 .splash.tidal-takeover.mia2016-takeover .takeover-left .presale-info {
        font-size: 20px;
        text-transform: uppercase;
        letter-spacing: 2px; }
      .page-index-2 .splash.tidal-takeover.mia2016-takeover .takeover-left .mia-logo {
        max-width: 120px;
        margin: 40px 0;
        display: block; }
    .page-index-2 .splash.tidal-takeover.mia2016-takeover .btn-wrapper {
      margin-top: 0; }
      .page-index-2 .splash.tidal-takeover.mia2016-takeover .btn-wrapper a {
        display: block;
        text-decoration: none;
        text-align: center;
        font-family: "nationale-demibold", sans-serif;
        border: 2px solid #fff;
        padding: 15px;
        max-width: 260px;
        box-sizing: border-box;
        font-size: 18px;
        letter-spacing: 2px;
        text-transform: uppercase;
        border-radius: 3px; }
    .page-index-2 .splash.tidal-takeover.mia2016-takeover .takeover-left a.btn-new {
      font-size: 14px;
      padding: 15px;
      width: 200px;
      max-width: 320px;
      margin: 50px 0; }
    .page-index-2 .splash.tidal-takeover.mia2016-takeover .mia-livestream-note {
      font-family: "nationale-demibold", sans-serif;
      font-size: 16px;
      letter-spacing: 2px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.mia2016-takeover .mia-livestream-note {
          font-size: 18px;
          letter-spacing: 4px; } }
    @media (min-width: 1480px) {
      .page-index-2 .splash.tidal-takeover.mia2016-takeover {
        padding: 130px 0px; } }
    .page-index-2 .splash.tidal-takeover.mia2016-takeover .wrapper-cta a.btn-new {
      font-size: 14px;
      width: 280px; }
  .page-index-2 .splash.tidal-takeover.usher-rivals-takeover {
    background-image: url("/images/index2/promos/usher/usher-rivals-bg.cd5ab3d0.jpg"); }
    .page-index-2 .splash.tidal-takeover.usher-rivals-takeover .description {
      font-size: 14px; }
      .page-index-2 .splash.tidal-takeover.usher-rivals-takeover .description p {
        letter-spacing: 2px;
        margin: 0; }
        .page-index-2 .splash.tidal-takeover.usher-rivals-takeover .description p.exclusive {
          font-size: 1em;
          margin-bottom: 20px; }
        .page-index-2 .splash.tidal-takeover.usher-rivals-takeover .description p.artist {
          font: 5.6em/1 "nationale-bold", sans-serif;
          text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.usher-rivals-takeover .description p.title {
          font: 4.2em/1 "nationale-demibold", sans-serif;
          text-transform: uppercase; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.usher-rivals-takeover .description {
          font-size: 16px; }
          .page-index-2 .splash.tidal-takeover.usher-rivals-takeover .description p {
            letter-spacing: 3px; } }
  .page-index-2 .splash.tidal-takeover.minaj-donthurtme-takeover {
    background: #000 url("/images/index2/promos/nickiminaj/nickiminaj-donthurtme-bg.b7fedf0a.jpg");
    background-size: cover; }
    .page-index-2 .splash.tidal-takeover.minaj-donthurtme-takeover .takeover-right {
      text-align: left; }
      .page-index-2 .splash.tidal-takeover.minaj-donthurtme-takeover .takeover-right p {
        letter-spacing: 2px; }
      .page-index-2 .splash.tidal-takeover.minaj-donthurtme-takeover .takeover-right .btn-new {
        margin-left: 0;
        margin-right: 0; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.minaj-donthurtme-takeover .takeover-right p {
          font-size: 18px;
          margin: 40px 0 30px 0; }
        .page-index-2 .splash.tidal-takeover.minaj-donthurtme-takeover .takeover-right .btn-wrapper {
          margin-top: 50px; } }
  .page-index-2 .splash.tidal-takeover.aliciakeys-hallelujah-takeover {
    background: #000 url("/images/index2/promos/aliciakeys/aliciakeys-hallelujah-bg.9a9a5b39.jpg");
    background-size: cover; }
    .page-index-2 .splash.tidal-takeover.aliciakeys-hallelujah-takeover .takeover-right p:first-child {
      letter-spacing: 2px; }
    .page-index-2 .splash.tidal-takeover.aliciakeys-hallelujah-takeover .track-title {
      font-size: 40px;
      font-family: 'nationale-bold';
      text-transform: uppercase;
      color: #fff;
      letter-spacing: 4px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.aliciakeys-hallelujah-takeover .track-title {
          margin-bottom: 60px;
          font-size: 60px; } }
  .page-index-2 .splash.tidal-takeover.njonas-last-year-takeover {
    background: #000 url("/images/index2/promos/nickjonas/nickjonas-last-year-was-complicated-bg.baf2c86d.jpg") top center no-repeat;
    background-size: cover; }
    .page-index-2 .splash.tidal-takeover.njonas-last-year-takeover .btn-new {
      font-size: 9px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.njonas-last-year-takeover .takeover-right img:first-child {
        margin-top: 50px; }
      .page-index-2 .splash.tidal-takeover.njonas-last-year-takeover .btn-wrapper {
        margin-top: 100px; } }
  .page-index-2 .splash.tidal-takeover.lesliegrace-aire-takeover {
    background: #000 url(/images/index2/promos/lesliegrace/leslie-grace-aire-bg.d8ae6a09.jpg) top center no-repeat;
    background-size: cover; }
    .page-index-2 .splash.tidal-takeover.lesliegrace-aire-takeover .header-intro {
      text-transform: uppercase;
      text-align: left;
      font-family: 'nationale-demibold';
      letter-spacing: 3px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.lesliegrace-aire-takeover .header-intro {
          margin-top: -30px; } }
    .page-index-2 .splash.tidal-takeover.lesliegrace-aire-takeover .takeover-right {
      text-align: left; }
    .page-index-2 .splash.tidal-takeover.lesliegrace-aire-takeover .header-intro + img {
      max-width: 300px; }
    .page-index-2 .splash.tidal-takeover.lesliegrace-aire-takeover .btn-new {
      margin-left: 0;
      margin-right: 0;
      max-width: 250px; }
  .page-index-2 .splash.tidal-takeover.calvinharris-camefor-takeover {
    background: #000 url(/images/index2/promos/calvinharris/calvinharris-camefor-bg.b72e3bf7.jpg) top center no-repeat;
    background-size: cover; }
    .page-index-2 .splash.tidal-takeover.calvinharris-camefor-takeover .takeover-right {
      text-align: left; }
      .page-index-2 .splash.tidal-takeover.calvinharris-camefor-takeover .takeover-right p:first-child {
        letter-spacing: 2px; }
      .page-index-2 .splash.tidal-takeover.calvinharris-camefor-takeover .takeover-right img {
        max-width: 400px; }
      .page-index-2 .splash.tidal-takeover.calvinharris-camefor-takeover .takeover-right .btn-new {
        margin-left: 0;
        margin-right: 0; }
    .page-index-2 .splash.tidal-takeover.calvinharris-camefor-takeover.calvinharris-video {
      background: #000 url(/images/index2/promos/calvinharris/calvinharris-camefor-video-bg.873314df.jpg) top center no-repeat;
      background-size: cover; }
      .page-index-2 .splash.tidal-takeover.calvinharris-camefor-takeover.calvinharris-video .takeover-right p:first-child {
        margin-top: -20px;
        font-size: 22px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.calvinharris-camefor-takeover:not(.calvinharris-video) .takeover-right img:first-child {
        margin-top: 100px; } }
    .page-index-2 .splash.tidal-takeover.calvinharris-camefor-takeover.calvinharris-camefor-single-takeover {
      background: #000 url(/images/index2/promos/calvinharris/calvrihanna-bg.704aaa3b.jpg) top center no-repeat;
      background-size: cover; }
      .page-index-2 .splash.tidal-takeover.calvinharris-camefor-takeover.calvinharris-camefor-single-takeover .takeover-right p:first-child {
        margin-left: 0; }
  .page-index-2 .splash.tidal-takeover.kanyewest-presale-takeover {
    background-color: #677b7a;
    position: static;
    height: auto !important;
    padding: 0 0 40px 0; }
    .page-index-2 .splash.tidal-takeover.kanyewest-presale-takeover .kanye-artwork:hover {
      opacity: 1; }
    .page-index-2 .splash.tidal-takeover.kanyewest-presale-takeover .kanye-infotext {
      box-sizing: border-box;
      padding-left: 20px;
      padding-right: 20px;
      margin-top: 20px;
      max-width: 700px; }
    .page-index-2 .splash.tidal-takeover.kanyewest-presale-takeover .wrapper-kanye-cta {
      margin-top: 40px; }
      .page-index-2 .splash.tidal-takeover.kanyewest-presale-takeover .wrapper-kanye-cta .kanye-cta {
        display: inline-block;
        margin-bottom: 10px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.kanyewest-presale-takeover .wrapper-kanye-cta .kanye-cta:first-child {
            margin-right: 50px; } }
        .page-index-2 .splash.tidal-takeover.kanyewest-presale-takeover .wrapper-kanye-cta .kanye-cta img {
          display: inline-block;
          width: auto;
          max-width: 100%;
          max-height: 20px; }
    .page-index-2 .splash.tidal-takeover.kanyewest-presale-takeover .welcome-mat-wrapper {
      margin: auto; }
    @media (max-width: 767px) {
      .page-index-2 .splash.tidal-takeover.kanyewest-presale-takeover:first-child {
        margin-top: 40px; } }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.kanyewest-presale-takeover {
        padding: 0px 0 40px 0; }
        .page-index-2 .splash.tidal-takeover.kanyewest-presale-takeover .welcome-mat-wrapper {
          width: 95%;
          max-width: 1100px; } }
    @media (min-width: 1400px) {
      .page-index-2 .splash.tidal-takeover.kanyewest-presale-takeover .welcome-mat-wrapper {
        max-width: 1201px; } }
  .page-index-2 .splash.tidal-takeover.neilyoung-earth-album-takeover {
    background: #000 url("/images/index2/promos/neilyoung/earth-bg.ff179bf5.jpg") top center no-repeat;
    background-size: cover; }
    .page-index-2 .splash.tidal-takeover.neilyoung-earth-album-takeover .takeover-right .head-exclusive {
      color: #fff;
      font-family: 'nationale', sans-serfif;
      letter-spacing: 2px;
      margin-bottom: 20px; }
    .page-index-2 .splash.tidal-takeover.neilyoung-earth-album-takeover .takeover-right .head-title,
    .page-index-2 .splash.tidal-takeover.neilyoung-earth-album-takeover .takeover-right .head-artist {
      font-family: 'nationale-bold', sans-serif;
      color: #fff;
      letter-spacing: 3px;
      text-transform: uppercase;
      font-size: 42px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.neilyoung-earth-album-takeover .takeover-right .head-exclusive {
        font-size: 18px; }
      .page-index-2 .splash.tidal-takeover.neilyoung-earth-album-takeover .takeover-right .head-title,
      .page-index-2 .splash.tidal-takeover.neilyoung-earth-album-takeover .takeover-right .head-artist {
        font-size: 48px; } }
    @media (min-width: 1400px) {
      .page-index-2 .splash.tidal-takeover.neilyoung-earth-album-takeover .takeover-right {
        padding-top: 80px; }
        .page-index-2 .splash.tidal-takeover.neilyoung-earth-album-takeover .takeover-right .head-title,
        .page-index-2 .splash.tidal-takeover.neilyoung-earth-album-takeover .takeover-right .head-artist {
          font-size: 66px; } }
  .page-index-2 .splash.tidal-takeover.dolladay-takeover {
    background-image: url("/images/index2/promos/tydollasign/dolladay-bg.f216f4ad.jpg"); }
    .page-index-2 .splash.tidal-takeover.dolladay-takeover img {
      margin-top: 40px;
      width: 95%;
      max-width: 550px; }
    .page-index-2 .splash.tidal-takeover.dolladay-takeover .btn-new {
      background: #d82d4e; }
  .page-index-2 .splash.tidal-takeover.dolladay-takeover-2 {
    background-image: url("/images/index2/promos/tydollasign/dolladay-bg.f216f4ad.jpg");
    padding-bottom: 0; }
    .page-index-2 .splash.tidal-takeover.dolladay-takeover-2 .welcome-mat-wrapper {
      width: 100%;
      max-width: none; }
    .page-index-2 .splash.tidal-takeover.dolladay-takeover-2 .dolladay-art {
      margin-top: 0;
      width: 80%;
      max-width: 450px; }
    .page-index-2 .splash.tidal-takeover.dolladay-takeover-2 .sponsored-logos {
      display: inline-block;
      width: 170px;
      margin-top: 10px; }
    .page-index-2 .splash.tidal-takeover.dolladay-takeover-2 .btn-new {
      background: #d82d4e;
      padding: 14px 10px 13px 10px;
      font-size: 9px;
      max-width: 220px; }
      .page-index-2 .splash.tidal-takeover.dolladay-takeover-2 .btn-new + .btn-new {
        background: #d82d4e;
        color: #fff; }
    .page-index-2 .splash.tidal-takeover.dolladay-takeover-2 .btn-watch-stream {
      background: rgba(255, 255, 255, 0.4);
      color: #d82d4e;
      border: 1px solid #d82d4e;
      font-family: "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.dolladay-takeover-2 .btn-watch-stream:hover {
        color: #d82d4e;
        border: 1px solid #d82d4e; }
    .page-index-2 .splash.tidal-takeover.dolladay-takeover-2 .contest-rules {
      display: inline-block;
      text-decoration: underline;
      font-size: 10px;
      padding-bottom: 5px;
      letter-spacing: 1px; }
    .page-index-2 .splash.tidal-takeover.dolladay-takeover-2 .bottom-section {
      background: #d82d4e;
      padding: 20px 0;
      margin: 20px auto 0 auto; }
      .page-index-2 .splash.tidal-takeover.dolladay-takeover-2 .bottom-section .bottom-section-wrapper {
        width: 92%;
        max-width: 500px;
        margin: 0 auto; }
      .page-index-2 .splash.tidal-takeover.dolladay-takeover-2 .bottom-section p {
        font-size: 10px;
        margin-top: 5px;
        text-transform: uppercase; }
      .page-index-2 .splash.tidal-takeover.dolladay-takeover-2 .bottom-section h2 {
        font-family: "nationale-demibold", sans-serif;
        line-height: 1.35;
        margin-top: 20px;
        font-size: 12px;
        letter-spacing: 1px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.dolladay-takeover-2 .dolladay-art {
        margin-top: 0; }
      .page-index-2 .splash.tidal-takeover.dolladay-takeover-2 .btn-new {
        padding: 18px;
        max-width: 320px; }
      .page-index-2 .splash.tidal-takeover.dolladay-takeover-2 .bottom-section p {
        font-size: 12px;
        max-width: 460px; }
      .page-index-2 .splash.tidal-takeover.dolladay-takeover-2 .bottom-section h2 {
        font-size: 16px; } }
  .page-index-2 .splash.tidal-takeover.neilyoung-earth-playlist-takeover {
    background: #000 url("/images/index2/promos/neilyoung/earth-playlist-bg.7dc5e0ba.jpg") top center no-repeat;
    background-size: cover; }
    .page-index-2 .splash.tidal-takeover.neilyoung-earth-playlist-takeover .takeover-right .facts-paragraph {
      color: #fff;
      max-width: 450px;
      margin: 20px 0 40px 0;
      font-size: 20px; }
    .page-index-2 .splash.tidal-takeover.neilyoung-earth-playlist-takeover .takeover-right img:first-child {
      max-width: 450px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.neilyoung-earth-playlist-takeover .takeover-right {
        padding-top: 120px; } }
  .page-index-2 .splash.tidal-takeover.prince-extended-takeover {
    background: #000 url("/images/index2/promos/prince/prince-extended-mob-bg.ac73cc04.jpg") top center no-repeat;
    background-size: cover; }
    .page-index-2 .splash.tidal-takeover.prince-extended-takeover a {
      text-decoration: none; }
    .page-index-2 .splash.tidal-takeover.prince-extended-takeover h2 {
      font-size: 12px;
      font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
      letter-spacing: 4px; }
    .page-index-2 .splash.tidal-takeover.prince-extended-takeover .prince-bottom-headline {
      font-family: "nationale-demibold", sans-serif;
      margin-top: 8px; }
    .page-index-2 .splash.tidal-takeover.prince-extended-takeover .btn-formation-download {
      background: none;
      color: #fff;
      border: 1px solid #fff;
      margin-bottom: 0;
      margin-top: 20px;
      left: 2px; }
    .page-index-2 .splash.tidal-takeover.prince-extended-takeover .btn-formation-signup {
      background: #fff;
      color: #000;
      border: 1px solid #fff;
      margin-bottom: 20px; }
    .page-index-2 .splash.tidal-takeover.prince-extended-takeover .prince-header {
      width: 90%;
      margin: 60px auto 40px auto;
      max-width: 380px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.prince-extended-takeover {
        background: #000 url("/images/index2/promos/prince/prince-extended-collect-bg.14cddfd2.jpg") top center no-repeat;
        background-size: cover;
        padding-bottom: 10px; }
        .page-index-2 .splash.tidal-takeover.prince-extended-takeover .prince-header {
          margin-top: 70px;
          max-width: 550px;
          margin-bottom: 20px; }
        .page-index-2 .splash.tidal-takeover.prince-extended-takeover h2 {
          font-size: 15px;
          letter-spacing: 5px; }
        .page-index-2 .splash.tidal-takeover.prince-extended-takeover p {
          margin: 50px auto; } }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.prince-extended-takeover {
        padding-bottom: 30px; }
        .page-index-2 .splash.tidal-takeover.prince-extended-takeover .prince-header {
          max-width: 700px;
          margin-bottom: 30px;
          margin-top: 130px; }
        .page-index-2 .splash.tidal-takeover.prince-extended-takeover h2 {
          font-size: 19px;
          letter-spacing: 6px; } }
  .page-index-2 .splash.tidal-takeover.judithhill-prince {
    background: #000 url("/images/index2/promos/prince/judithhill-to-prince-bg-small.21523a5c.jpg") top center no-repeat;
    background-size: cover; }
    .page-index-2 .splash.tidal-takeover.judithhill-prince .takeover-right p {
      color: #fff;
      font-family: "nationale-demibold", sans-serif;
      font-size: 12px;
      max-width: 400px;
      line-height: 1.6;
      letter-spacing: 1px; }
      .page-index-2 .splash.tidal-takeover.judithhill-prince .takeover-right p span {
        font-family: "nationale", "nationale-regular", "Helvetica", sans-serif; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.judithhill-prince {
        background: #000 url("/images/index2/promos/prince/judithhill-to-prince-bg.0e4a6308.jpg") top center no-repeat;
        background-size: cover; }
        .page-index-2 .splash.tidal-takeover.judithhill-prince .takeover-right {
          float: left; }
        .page-index-2 .splash.tidal-takeover.judithhill-prince .takeover-right p {
          margin-left: 40px;
          letter-spacing: 1px;
          font-size: 21px;
          line-height: 1.64;
          max-width: 360px; } }
  .page-index-2 .splash.tidal-takeover.beyonce-sorry-tidal {
    background: #000 url("/images/index2/promos/beyonce/sorry-video-bg-mobile.01ab8686.jpg") top center no-repeat;
    background-size: cover; }
    .page-index-2 .splash.tidal-takeover.beyonce-sorry-tidal .takeover-right .head-artist {
      font-family: "nationale", "nationale-regular", "Helvetica", sans-serif; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.beyonce-sorry-tidal {
        background: #000 url("/images/index2/promos/beyonce/sorry-video-bg.f33ace00.jpg") top center no-repeat;
        background-size: cover; }
        .page-index-2 .splash.tidal-takeover.beyonce-sorry-tidal .takeover-right {
          padding-top: 50px;
          text-align: left; }
        .page-index-2 .splash.tidal-takeover.beyonce-sorry-tidal .btn-wrapper {
          text-align: left; }
          .page-index-2 .splash.tidal-takeover.beyonce-sorry-tidal .btn-wrapper a {
            margin-left: 0px; }
        .page-index-2 .splash.tidal-takeover.beyonce-sorry-tidal .wrapper-video-heading {
          text-align: left; } }
  .page-index-2 .splash.tidal-takeover.rd20-takeover {
    background: #000 url("/images/index2/promos/jayz/rd20/rd20-bg-mobile.b65a035f.jpg") top center no-repeat;
    background-size: cover; }
    .page-index-2 .splash.tidal-takeover.rd20-takeover .livestream-head {
      width: 90%;
      max-width: 600px;
      margin-top: 40px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.rd20-takeover {
        background: #000 url("/images/index2/promos/jayz/rd20/rd20-bg-big.f1d4fcb3.jpg") top center no-repeat;
        background-size: cover; }
        .page-index-2 .splash.tidal-takeover.rd20-takeover .livestream-head {
          margin-top: 200px; }
        .page-index-2 .splash.tidal-takeover.rd20-takeover .btn-wrapper {
          max-width: 240px;
          margin: 40px auto; } }
  .page-index-2 .splash.tidal-takeover.lapiz-calle-takeover {
    background: #000 url("/images/index2/promos/lapizconciente/calle_bg.fa2879e2.jpg") top center no-repeat;
    background-size: cover; }
  .page-index-2 .splash.tidal-takeover.lapiz-dna-takeover {
    background: #000 url("/images/index2/promos/lapizconciente/dna_bg.71030a99.jpg") top center no-repeat;
    background-size: cover; }
  .page-index-2 .splash.tidal-takeover.belly-takeover {
    background: #322b2e; }
  .page-index-2 .splash.tidal-takeover.massappealbbg-takeover {
    background-image: url("/images/index2/promos/bbq/bbq-bg.cb6d008c.jpg"); }
    .page-index-2 .splash.tidal-takeover.massappealbbg-takeover .max-width-440 {
      max-width: 380px; }
    .page-index-2 .splash.tidal-takeover.massappealbbg-takeover .btn-wrapper {
      margin-top: -40px; }
    .page-index-2 .splash.tidal-takeover.massappealbbg-takeover .welcome-mat-wrapper {
      margin-top: 40px; }
  .page-index-2 .splash.tidal-takeover.oneafrica-takeover {
    background-image: url("/images/index2/promos/oneafrica/oneafrica-bg.5efa5a11.jpg"); }
    .page-index-2 .splash.tidal-takeover.oneafrica-takeover .max-width-440 {
      max-width: 505px; }
  .page-index-2 .splash.tidal-takeover.nojustice-takeover {
    background-image: url("/images/index2/promos/tydollasign/nojustice-bg.f7cbb1f9.jpg"); }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.nojustice-takeover .btn-wrapper a {
        margin-left: 0; } }
  .page-index-2 .splash.tidal-takeover.stephenmarley-takeover {
    background-image: url("/images/index2/promos/stephenmarley/stephenmarley-bg.262d56f3.jpg"); }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.stephenmarley-takeover .btn-wrapper a {
        margin-left: 0; } }
  .page-index-2 .splash.tidal-takeover.honduras-adayinthelife-takeover {
    background-image: url(/images/index2/promos/honduras/honduras-adayinthelife-bg.6cb5aa3c.jpg); }
  .page-index-2 .splash.tidal-takeover.honduras-playlist-takeover {
    background-image: url("/images/index2/promos/honduras/honduras-playlist-bg.a0828ebb.jpg"); }
  .page-index-2 .splash.tidal-takeover.stephenmarley-video-takeover {
    background-image: url("/images/index2/promos/stephenmarley/stephenmarley-video-bg.c3116241.jpg"); }
  .page-index-2 .splash.tidal-takeover.nickjonas-doc-promo {
    background-image: url("/images/index2/promos/nickjonas/nickjonas-all-episodes-bg.f76a4e8c.jpg"); }
    .page-index-2 .splash.tidal-takeover.nickjonas-doc-promo .max-width-440 {
      margin-top: 60px;
      max-width: 600px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.nickjonas-doc-promo .max-width-440 {
        margin-top: 100px;
        margin-bottom: 40px; }
      .page-index-2 .splash.tidal-takeover.nickjonas-doc-promo .btn-wrapper {
        margin-bottom: 40px; } }
  .page-index-2 .splash.tidal-takeover.gentedezona-takeover {
    background-image: url("/images/index2/promos/gentedezona/gentedezona-bg.a4c2ce99.jpg"); }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.gentedezona-takeover {
        padding-top: 141px; } }
  .page-index-2 .splash.tidal-takeover.bangbang-takeover {
    background-image: url("/images/index2/promos/bangbang/bangbang-video-bg.adae2fbc.jpg"); }
  .page-index-2 .splash.tidal-takeover.bangbang-bts-takeover {
    background-image: url("/images/index2/promos/bangbang/bangbang-bts-bg.152070e3.jpg"); }
  .page-index-2 .splash.tidal-takeover.usher-hard2love {
    background-image: url("/images/index2/promos/usher/usher-hard2love-bg.da16e23d.jpg"); }
  .page-index-2 .splash.tidal-takeover.usher-champions {
    background-image: url("/images/index2/promos/usher/usher-champions-bg.95346d24.jpg"); }
    .page-index-2 .splash.tidal-takeover.usher-champions .description .exclusive {
      text-transform: none;
      font-size: 12px;
      margin-bottom: 20px; }
    .page-index-2 .splash.tidal-takeover.usher-champions .description p {
      text-transform: uppercase;
      letter-spacing: 4px;
      font-size: 30px;
      margin: 5px 0; }
      .page-index-2 .splash.tidal-takeover.usher-champions .description p.title {
        font-family: "nationale-bold", sans-serif; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.usher-champions .description p {
        font-size: 42px; }
      .page-index-2 .splash.tidal-takeover.usher-champions .description .exclusive {
        font-size: 14px; } }
    @media (min-width: 1400px) {
      .page-index-2 .splash.tidal-takeover.usher-champions .description p {
        letter-spacing: 6px;
        font-size: 72px; }
      .page-index-2 .splash.tidal-takeover.usher-champions .description .exclusive {
        font-size: 15px; } }
  .page-index-2 .splash.tidal-takeover.ballin-takeover {
    background-image: url("/images/index2/promos/juicyj/ballin-bg.97928dfa.jpg");
    background-position-x: left; }
    .page-index-2 .splash.tidal-takeover.ballin-takeover .ballin-art {
      max-width: 460px;
      margin: 20px auto; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.ballin-takeover .btn-new {
        padding: 17px 0;
        max-width: 280px; } }
    .page-index-2 .splash.tidal-takeover.ballin-takeover .wrapper-text {
      font: 12px/1 "nationale-demibold", sans-serif;
      text-transform: uppercase;
      letter-spacing: 2px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.ballin-takeover .wrapper-text {
          font-size: 20px; } }
      .page-index-2 .splash.tidal-takeover.ballin-takeover .wrapper-text p {
        margin: 0 auto;
        width: 100%;
        max-width: 100%;
        font: 1em/1.5 "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.ballin-takeover .wrapper-text p.cyan {
          color: #00ffff; }
        .page-index-2 .splash.tidal-takeover.ballin-takeover .wrapper-text p.tidalx {
          margin-bottom: 20px; }
          .page-index-2 .splash.tidal-takeover.ballin-takeover .wrapper-text p.tidalx span {
            font-family: "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.ballin-takeover .wrapper-text p.artist {
          font: 2.5em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.ballin-takeover .wrapper-text p.mvideo {
          font: 2.5em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
          margin-bottom: 15vh; }
  .page-index-2 .splash.tidal-takeover.juicyj-ballin-video {
    background-image: url(/images/index2/promos/juicyj/juicyj-ballin-video-bg.36f73a45.jpg); }
    .page-index-2 .splash.tidal-takeover.juicyj-ballin-video .description {
      text-transform: uppercase;
      font-size: 20px;
      letter-spacing: 2px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.juicyj-ballin-video .description {
          font-size: 26px; } }
      .page-index-2 .splash.tidal-takeover.juicyj-ballin-video .description p {
        margin: 0; }
        .page-index-2 .splash.tidal-takeover.juicyj-ballin-video .description p.artist {
          font: 2em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.juicyj-ballin-video .description p.title {
          font-size: 2em; }
    .page-index-2 .splash.tidal-takeover.juicyj-ballin-video.juicyj-ballin-video-bts {
      background-image: url(/images/index2/promos/juicyj/juicyj-ballin-video-bts-bg.f65bb0dd.jpg); }
      .page-index-2 .splash.tidal-takeover.juicyj-ballin-video.juicyj-ballin-video-bts .description p.title {
        letter-spacing: 0;
        font-size: 0.9em; }
  .page-index-2 .splash.tidal-takeover.amyschumer-formation-takeover {
    background-image: url(/images/index2/promos/amyschumer/amyschumer-bg.61a70b70.jpg); }
    .page-index-2 .splash.tidal-takeover.amyschumer-formation-takeover .description {
      text-transform: uppercase;
      font-size: 16px;
      letter-spacing: 3px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.amyschumer-formation-takeover .description {
          font-size: 22px; } }
      .page-index-2 .splash.tidal-takeover.amyschumer-formation-takeover .description p {
        margin: 0;
        letter-spacing: 3px;
        line-height: 1.6; }
        .page-index-2 .splash.tidal-takeover.amyschumer-formation-takeover .description p.artist {
          font: 2em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.amyschumer-formation-takeover .description p.title {
          font-size: 1.4em; }
  .page-index-2 .splash.tidal-takeover.ak-giveaway-takeover {
    background-image: url("/images/index2/promos/aliciakeys/ak-giveaway-bg.026fc21c.jpg"); }
    .page-index-2 .splash.tidal-takeover.ak-giveaway-takeover .ak-giveaway-header {
      width: 92%;
      max-width: 500px;
      margin: 250px auto 20px auto; }
    .page-index-2 .splash.tidal-takeover.ak-giveaway-takeover .ak-giveaway-logos {
      opacity: .6;
      width: 50%;
      margin-top: 20px;
      max-width: 280px; }
    .page-index-2 .splash.tidal-takeover.ak-giveaway-takeover .btn-new {
      display: inline-block; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.ak-giveaway-takeover .ak-giveaway-header {
        max-width: 515px;
        margin-bottom: 30px;
        margin-top: 320px; }
      .page-index-2 .splash.tidal-takeover.ak-giveaway-takeover .ak-giveaway-logos {
        margin-top: 30px; }
      .page-index-2 .splash.tidal-takeover.ak-giveaway-takeover .btn-new {
        padding: 16px 0;
        max-width: 280px; } }
  .page-index-2 .splash.tidal-takeover.vicmensa-16shots-takeover {
    padding: 0; }
    .page-index-2 .splash.tidal-takeover.vicmensa-16shots-takeover .welcome-mat-wrapper {
      background: url("/images/index2/promos/vicmensa/vicmensa-16shots-bg.6eeee7e7.jpg") center no-repeat;
      background-size: cover;
      width: 100%;
      min-height: 500px;
      max-width: none;
      padding: 40px 0; }
    .page-index-2 .splash.tidal-takeover.vicmensa-16shots-takeover .takeover-full {
      width: 95%;
      max-width: 550px;
      margin: 60px auto; }
    .page-index-2 .splash.tidal-takeover.vicmensa-16shots-takeover .vc-16shots-logo {
      width: 70%;
      max-width: 400px; }
    .page-index-2 .splash.tidal-takeover.vicmensa-16shots-takeover .vc-16shots-stamp {
      display: block;
      margin: 60px auto 80px auto;
      width: 85%;
      max-width: 500px; }
    .page-index-2 .splash.tidal-takeover.vicmensa-16shots-takeover .btn-new {
      background: #1a1a1a;
      border-color: #1a1a1a;
      max-width: 230px;
      font-size: 11px;
      padding: 14px;
      margin-top: 40px; }
    .page-index-2 .splash.tidal-takeover.vicmensa-16shots-takeover .vc-section-pledge {
      background: #1a1a1a;
      text-align: center;
      padding: 10px 0; }
      .page-index-2 .splash.tidal-takeover.vicmensa-16shots-takeover .vc-section-pledge .tidal-embed {
        max-width: 700px;
        width: 90%;
        margin: 20px auto; }
      .page-index-2 .splash.tidal-takeover.vicmensa-16shots-takeover .vc-section-pledge p {
        max-width: 450px;
        margin: 20px auto;
        width: 90%;
        font-size: 11px;
        letter-spacing: 1px;
        line-height: 1.55;
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.vicmensa-16shots-takeover .vc-section-pledge p.hashtags {
          font-size: 12px;
          font-family: "nationale-demibold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.vicmensa-16shots-takeover .vc-section-pledge .btn-new {
        border-color: #fafafa;
        margin-top: 0; }
    .page-index-2 .splash.tidal-takeover.vicmensa-16shots-takeover .vc-section-album .tidal-embed {
      max-width: 500px;
      margin: 0 auto; }
    .page-index-2 .splash.tidal-takeover.vicmensa-16shots-takeover .vc-section-social {
      background: #1a1a1a;
      text-align: center;
      padding: 40px 0; }
      .page-index-2 .splash.tidal-takeover.vicmensa-16shots-takeover .vc-section-social .vc-social-wrap {
        width: 90%;
        margin: 0 auto;
        max-width: 600px;
        padding: 40px auto; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.vicmensa-16shots-takeover .welcome-mat-wrapper .btn-new {
        max-width: 280px;
        font-size: 12px;
        padding: 17px; }
      .page-index-2 .splash.tidal-takeover.vicmensa-16shots-takeover .vc-section-album .tidal-embed {
        padding: 40px 0; } }
  .page-index-2 .splash.tidal-takeover.bonjovi-new-years-day-social-takeover .vc-section-social {
    background: #000000; }
  .page-index-2 .splash.tidal-takeover.bonjovi-new-years-day-social-takeover .vc-social-wrap {
    width: 90%;
    margin: 0 auto;
    max-width: 1150px;
    padding: 40px auto; }
  .page-index-2 .splash.tidal-takeover.bonjovi-new-years-day-social-takeover .terms {
    margin: 50px auto;
    text-align: center; }
  .page-index-2 .splash.tidal-takeover.bonjovi-new-years-day-social-takeover .terms a {
    text-decoration: none;
    font-size: 14px; }
  .page-index-2 .splash.tidal-takeover.bonjovi-new-years-day-takeover {
    background-image: url("/images/index2/promos/bonjovi/newyearsday/bonjovi-new-years-day.7f6159a4.jpg"); }
    .page-index-2 .splash.tidal-takeover.bonjovi-new-years-day-takeover .description {
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 20px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.bonjovi-new-years-day-takeover .description {
          letter-spacing: 5px;
          font-size: 27px; } }
      .page-index-2 .splash.tidal-takeover.bonjovi-new-years-day-takeover .description p {
        font: 2.2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin: 5px 0 0 0; }
        .page-index-2 .splash.tidal-takeover.bonjovi-new-years-day-takeover .description p.artist {
          font: 1.9em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.bonjovi-new-years-day-takeover .description p.title {
          font: 0.9em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.vicmensa-16shots-video .description {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 20px; }
    @media (min-width: 1150px) {
      .page-index-2 .splash.tidal-takeover.vicmensa-16shots-video .description {
        letter-spacing: 5px;
        font-size: 27px; } }
    .page-index-2 .splash.tidal-takeover.vicmensa-16shots-video .description p {
      font: 2.2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
      margin: 5px 0 0 0; }
      .page-index-2 .splash.tidal-takeover.vicmensa-16shots-video .description p.artist {
        font: 2.2em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.toohightoriot-tickets-takeover {
    background-image: url("/images/index2/promos/bas/toohightoriot-tickets-bg.a93917bf.jpg");
    padding-bottom: 20px; }
    .page-index-2 .splash.tidal-takeover.toohightoriot-tickets-takeover .thtr-tickets-header {
      width: 80%;
      max-width: 400px;
      margin-bottom: 20px; }
    .page-index-2 .splash.tidal-takeover.toohightoriot-tickets-takeover .thtr-tickets-sponsors {
      width: 50%;
      margin: 40px auto 20px auto;
      display: block;
      max-width: 255px; }
  .page-index-2 .splash.tidal-takeover.toohightoriot-playlist-takeover {
    background-image: url("/images/index2/promos/bas/toohightoriot-playlist-bg.b51992b3.jpg"); }
    .page-index-2 .splash.tidal-takeover.toohightoriot-playlist-takeover .thtr-playlist-header-rising {
      display: block;
      margin: 0 auto 20px auto;
      width: 30%;
      max-width: 200px; }
    .page-index-2 .splash.tidal-takeover.toohightoriot-playlist-takeover .thtr-playlist-header {
      width: 65%;
      max-width: 480px; }
    .page-index-2 .splash.tidal-takeover.toohightoriot-playlist-takeover .tidal-embed {
      width: 60%;
      max-width: 530px;
      margin: 20px auto 40px auto; }
    .page-index-2 .splash.tidal-takeover.toohightoriot-playlist-takeover .btn-new {
      background: #2c2724;
      border-color: #2c2724;
      color: #fafafa; }
  .page-index-2 .splash.tidal-takeover.twonesavage-ticket-takeover {
    background-image: url("/images/index2/promos/21savage/21savage-tickets-bg.971668c4.jpg"); }
    .page-index-2 .splash.tidal-takeover.twonesavage-ticket-takeover .ticket-header {
      display: block;
      margin: 0 auto 20px auto;
      width: 80%;
      max-width: 350px; }
    .page-index-2 .splash.tidal-takeover.twonesavage-ticket-takeover .ticket-hihorsed {
      display: block;
      margin: 40px auto 20px auto;
      width: 50%;
      max-width: 200px; }
    .page-index-2 .splash.tidal-takeover.twonesavage-ticket-takeover .ticket-hashtag {
      display: block;
      margin: 40px auto;
      width: 80%;
      max-width: 300px; }
    .page-index-2 .splash.tidal-takeover.twonesavage-ticket-takeover .twone-tagline {
      letter-spacing: 1px;
      font-family: "nationale-bold", sans-serif;
      font-size: 14px;
      margin: 0 auto; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.twonesavage-ticket-takeover .twone-tagline {
          font-size: 16px;
          letter-spacing: 2px;
          margin-top: 30px; } }
  .page-index-2 .splash.tidal-takeover.twonesavage-playlist-takeover {
    background-image: url("/images/index2/promos/21savage/21s-playlist-bg.581f2fe7.jpg"); }
    .page-index-2 .splash.tidal-takeover.twonesavage-playlist-takeover .description {
      font-size: 20px;
      letter-spacing: 2px;
      text-transform: uppercase; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.twonesavage-playlist-takeover .description {
          font-size: 22px;
          letter-spacing: 3px; } }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.twonesavage-playlist-takeover .description {
          font-size: 38px; } }
      .page-index-2 .splash.tidal-takeover.twonesavage-playlist-takeover .description p {
        margin: 0;
        font: 1em/1.2 "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.twonesavage-playlist-takeover .description p.artist {
          font: 1.97em/1.2 "nationale-bold", sans-serif;
          margin-bottom: 10px;
          margin-left: -2px; }
  .page-index-2 .splash.tidal-takeover.twonesavage-issa-takeover {
    background-image: url(/images/index2/promos/21savage/21s-issa-bg.4a429d26.jpg); }
    .page-index-2 .splash.tidal-takeover.twonesavage-issa-takeover .description {
      font-size: 18px;
      letter-spacing: 2px;
      text-transform: uppercase; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.twonesavage-issa-takeover .description {
          font-size: 22px;
          letter-spacing: 3px; } }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.twonesavage-issa-takeover .description {
          font-size: 38px; } }
      .page-index-2 .splash.tidal-takeover.twonesavage-issa-takeover .description p {
        margin: 0;
        font: 1em/1.2 "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.twonesavage-issa-takeover .description p.artist {
          font: 1.8em/1.2 "nationale-bold", sans-serif;
          margin-bottom: 10px;
          margin-left: -2px; }
  .page-index-2 .splash.tidal-takeover.bas-tourtrailer-takeover {
    background-image: url("/images/index2/promos/bas/toohightoriot-tourtrailer-bg.d5cd8f65.jpg"); }
    .page-index-2 .splash.tidal-takeover.bas-tourtrailer-takeover .description {
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 25px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.bas-tourtrailer-takeover .description {
          letter-spacing: 3px;
          font-size: 34px; } }
      .page-index-2 .splash.tidal-takeover.bas-tourtrailer-takeover .description p {
        margin: 0;
        font: 0.7em/1.3 "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.bas-tourtrailer-takeover .description p.artist {
          font: 2.5em/1.3 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover .playlist {
    width: 90%;
    margin: 50px auto; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover .playlist {
        width: 80%;
        margin: 50px auto; } }
  .page-index-2 .splash.tidal-takeover.bonjovi-house-launch-takeover {
    padding-bottom: 0; }
    .page-index-2 .splash.tidal-takeover.bonjovi-house-launch-takeover .product-cover {
      max-width: 250px;
      margin: 24vh auto 40px auto;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); }
    .page-index-2 .splash.tidal-takeover.bonjovi-house-launch-takeover img.bj-head {
      margin: 40px auto !important; }
    .page-index-2 .splash.tidal-takeover.bonjovi-house-launch-takeover .fadetoblack-bottom {
      width: 100%;
      height: 80px;
      background: -moz-linear-gradient(top, transparent 0%, black 90%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, transparent 0%, black 90%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bot tom, transparent 0%, black 90%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
  .page-index-2 .splash.tidal-takeover.bonjovi-house-launch-stream-takeover {
    padding-top: 0;
    padding-bottom: 60px; }
    .page-index-2 .splash.tidal-takeover.bonjovi-house-launch-stream-takeover .wrapper-bon-embed {
      width: 90%;
      max-width: 500px;
      margin: auto; }
      .page-index-2 .splash.tidal-takeover.bonjovi-house-launch-stream-takeover .wrapper-bon-embed .tidal-embed {
        box-shadow: 0 0 10px rgba(237, 28, 35, 0.2); }
  .page-index-2 .splash.tidal-takeover.floggingmolly-livestreamannouncement-takeover {
    background-image: url(/images/index2/promos/floggingmolly/floggingmolly-lsa-bg.1f7aa8c7.jpg); }
    .page-index-2 .splash.tidal-takeover.floggingmolly-livestreamannouncement-takeover .takeover-full {
      width: 95%;
      max-width: 500px;
      margin-left: auto;
      margin-right: auto; }
    .page-index-2 .splash.tidal-takeover.floggingmolly-livestreamannouncement-takeover img.top {
      margin-bottom: 20px; }
    .page-index-2 .splash.tidal-takeover.floggingmolly-livestreamannouncement-takeover img.art {
      margin-bottom: 20px; }
    .page-index-2 .splash.tidal-takeover.floggingmolly-livestreamannouncement-takeover img.lineup {
      margin: 20px auto; }
    .page-index-2 .splash.tidal-takeover.floggingmolly-livestreamannouncement-takeover img.art {
      max-width: 80%; }
    .page-index-2 .splash.tidal-takeover.floggingmolly-livestreamannouncement-takeover img.lineup {
      max-width: 95%; }
    .page-index-2 .splash.tidal-takeover.floggingmolly-livestreamannouncement-takeover p.stpaddy {
      margin: 0 0 10px;
      color: #323d23;
      font: 1.2em/1 "nationale-demibold", sans-serif;
      letter-spacing: 3px;
      text-transform: uppercase;
      opacity: 0.9; }
    .page-index-2 .splash.tidal-takeover.floggingmolly-livestreamannouncement-takeover .wrapper-text {
      font-size: 16px;
      letter-spacing: 2px;
      margin: 0 auto; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.floggingmolly-livestreamannouncement-takeover .wrapper-text {
          font-size: 24px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.floggingmolly-livestreamannouncement-takeover .wrapper-text p {
        color: #323d23;
        font: 0.9em/1 "nationale-demibold", sans-serif;
        text-transform: uppercase;
        margin: 0 auto;
        opacity: 0.9; }
        .page-index-2 .splash.tidal-takeover.floggingmolly-livestreamannouncement-takeover .wrapper-text p.livestream {
          font: 1.2em/1.25em "nationale-bold", sans-serif; }
          .page-index-2 .splash.tidal-takeover.floggingmolly-livestreamannouncement-takeover .wrapper-text p.livestream span.line-break {
            display: block;
            clear: both; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.floggingmolly-livestreamannouncement-takeover .wrapper-text p.livestream {
              font-size: 0.8em;
              letter-spacing: normal; }
              .page-index-2 .splash.tidal-takeover.floggingmolly-livestreamannouncement-takeover .wrapper-text p.livestream span.line-break {
                display: inline-block; } }
        .page-index-2 .splash.tidal-takeover.floggingmolly-livestreamannouncement-takeover .wrapper-text p.where {
          letter-spacing: 1.5px; }
        .page-index-2 .splash.tidal-takeover.floggingmolly-livestreamannouncement-takeover .wrapper-text p.when {
          font: 2em/1 "nationale-bold", sans-serif;
          margin-top: 10px;
          margin-bottom: 10px; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.floggingmolly-livestreamannouncement-takeover .wrapper-text p.when::before, .page-index-2 .splash.tidal-takeover.floggingmolly-livestreamannouncement-takeover .wrapper-text p.when::after {
              display: inline-block;
              content: '';
              width: 50px;
              height: 30px;
              background-image: url(/images/index2/promos/floggingmolly/floggingmolly-lsa-clovers.0cd5dabb.png);
              background-size: 100%;
              background-repeat: no-repeat;
              background-position: center; }
            .page-index-2 .splash.tidal-takeover.floggingmolly-livestreamannouncement-takeover .wrapper-text p.when::before {
              margin-right: 20px; }
            .page-index-2 .splash.tidal-takeover.floggingmolly-livestreamannouncement-takeover .wrapper-text p.when::after {
              margin-left: 20px; } }
        .page-index-2 .splash.tidal-takeover.floggingmolly-livestreamannouncement-takeover .wrapper-text p.hashtag {
          font-size: 0.85em; }
          .page-index-2 .splash.tidal-takeover.floggingmolly-livestreamannouncement-takeover .wrapper-text p.hashtag::after {
            display: inline-block;
            content: '';
            width: 16px;
            height: 12px;
            background-image: url(/images/index2/promos/floggingmolly/floggingmolly-lsa-tidalbug.7e1a9246.png);
            background-size: 100%;
            background-repeat: no-repeat;
            background-position: center;
            margin-left: 5px; }
            @media (min-width: 768px) {
              .page-index-2 .splash.tidal-takeover.floggingmolly-livestreamannouncement-takeover .wrapper-text p.hashtag::after {
                height: 16px;
                width: 20px; } }
    .page-index-2 .splash.tidal-takeover.floggingmolly-livestreamannouncement-takeover .cta-wrapper {
      margin-top: 60px; }
      .page-index-2 .splash.tidal-takeover.floggingmolly-livestreamannouncement-takeover .cta-wrapper .cta-btn {
        border-color: #323d23;
        color: #323d23;
        letter-spacing: 0; }
        @media screen and (min-width: 540px) and (max-width: 767px) {
          .page-index-2 .splash.tidal-takeover.floggingmolly-livestreamannouncement-takeover .cta-wrapper .cta-btn {
            font-size: 8px; } }
        .page-index-2 .splash.tidal-takeover.floggingmolly-livestreamannouncement-takeover .cta-wrapper .cta-btn.cta-btn--solid {
          color: #fff;
          background-color: #323d23; }
  .page-index-2 .splash.tidal-takeover.jamesvincentmcmorrow-onethousandtimes-takeover {
    background-image: url(/images/index2/promos/jamesvincentmcmorrow/jamesvincentmcmorrow-onethousandtimes-bg.f9c4cd48.jpg); }
    .page-index-2 .splash.tidal-takeover.jamesvincentmcmorrow-onethousandtimes-takeover .description {
      font-size: 18px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.jamesvincentmcmorrow-onethousandtimes-takeover .description {
          font-size: 24px; } }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.jamesvincentmcmorrow-onethousandtimes-takeover .description {
          font-size: 26px; } }
      .page-index-2 .splash.tidal-takeover.jamesvincentmcmorrow-onethousandtimes-takeover .description p {
        margin: 0;
        text-transform: uppercase;
        font: 1em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.jamesvincentmcmorrow-onethousandtimes-takeover .description p.title {
          margin-top: 10px;
          font: 1.2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
          letter-spacing: 1.5px; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.jamesvincentmcmorrow-onethousandtimes-takeover .description p.title {
              letter-spacing: 2px; } }
          @media (min-width: 1150px) {
            .page-index-2 .splash.tidal-takeover.jamesvincentmcmorrow-onethousandtimes-takeover .description p.title {
              letter-spacing: 2.5px; } }
  .page-index-2 .splash.tidal-takeover.delasoul-livefromlondonannouncement-takeover {
    background-color: #eee7ce;
    background-image: url(/images/index2/promos/delasoul/delasoul-livefromlondonannouncement-bg.e9707619.jpg);
    background-position: bottom center;
    min-height: 80vh; }
    .page-index-2 .splash.tidal-takeover.delasoul-livefromlondonannouncement-takeover .takeover-full {
      font-size: 20px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.delasoul-livefromlondonannouncement-takeover .takeover-full {
          font-size: 28px;
          letter-spacing: 3px; } }
      @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
        .page-index-2 .splash.tidal-takeover.delasoul-livefromlondonannouncement-takeover .takeover-full {
          padding-top: 20vh;
          font-size: 26px; } }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.delasoul-livefromlondonannouncement-takeover .takeover-full {
          padding-top: 13vh;
          font-size: 36px; } }
    .page-index-2 .splash.tidal-takeover.delasoul-livefromlondonannouncement-takeover p {
      width: 100%;
      max-width: 95%;
      margin: 0 auto 10px;
      color: #000;
      text-transform: uppercase;
      font-size: 1em/1.2 "nationale", "nationale-regular", "Helvetica", sans-serif; }
      .page-index-2 .splash.tidal-takeover.delasoul-livefromlondonannouncement-takeover p.heading {
        font: 2em/1 "nationale-bold", sans-serif;
        margin-bottom: 20px; }
        .page-index-2 .splash.tidal-takeover.delasoul-livefromlondonannouncement-takeover p.heading span {
          display: block;
          font-size: 1rem;
          margin-bottom: 10px; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.delasoul-livefromlondonannouncement-takeover p.heading span {
              display: inline;
              font-size: inherit;
              margin-bottom: 0; } }
      .page-index-2 .splash.tidal-takeover.delasoul-livefromlondonannouncement-takeover p.livelondon {
        font-size: 0.5em; }
      .page-index-2 .splash.tidal-takeover.delasoul-livefromlondonannouncement-takeover p.date {
        font: 1.07em "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.delasoul-livefromlondonannouncement-takeover p.time {
        font: 0.62em "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.delasoul-livefromlondonannouncement-takeover p.hashtag {
        font: 0.5em "nationale-demibold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.delasoul-livefromlondonannouncement-takeover .cta-wrapper {
      margin-top: 60px; }
      .page-index-2 .splash.tidal-takeover.delasoul-livefromlondonannouncement-takeover .cta-wrapper .cta-btn {
        color: #000;
        border-color: #000;
        background-color: #eee7ce; }
        @media (min-width: 540px) and (max-width: 767px) {
          .page-index-2 .splash.tidal-takeover.delasoul-livefromlondonannouncement-takeover .cta-wrapper .cta-btn {
            letter-spacing: 0.5px; } }
        .page-index-2 .splash.tidal-takeover.delasoul-livefromlondonannouncement-takeover .cta-wrapper .cta-btn:nth-child(2) {
          color: #fff;
          background-color: #000; }
  .page-index-2 .splash.tidal-takeover.frankocean-chanel-takeover {
    background-image: url(/images/index2/promos/frankocean/frankocean-chanel-bg.31b449ab.jpg); }
    .page-index-2 .splash.tidal-takeover.frankocean-chanel-takeover .description {
      font-size: 30px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.frankocean-chanel-takeover .description {
          font-size: 38px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.frankocean-chanel-takeover .description p {
        margin: 0;
        font: 1em/1 "nationale-demibold", sans-serif;
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.frankocean-chanel-takeover .description p.artist {
          font: 1.2em/1 "nationale-bold", sans-serif;
          margin-bottom: 10px; }
    .page-index-2 .splash.tidal-takeover.frankocean-chanel-takeover .btn-wrapper {
      max-width: 250px; }
  .page-index-2 .splash.tidal-takeover.sxsw-1633-takeover {
    background-image: url(/images/index2/promos/sxsw/sxsw-1633-bg-nohouse.9659962e.jpg);
    padding-bottom: 0; }
    .page-index-2 .splash.tidal-takeover.sxsw-1633-takeover .takeover-full {
      font-size: 14px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.sxsw-1633-takeover .takeover-full {
          font-size: 26px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.sxsw-1633-takeover .takeover-full p {
        margin: 0 0 10px;
        max-width: 100%;
        text-transform: uppercase;
        font: 1.1em/1 "nationale-bold", sans-serif;
        color: #000; }
        .page-index-2 .splash.tidal-takeover.sxsw-1633-takeover .takeover-full p.top {
          font-size: 2em;
          margin-bottom: 40px;
          letter-spacing: 5px; }
          .page-index-2 .splash.tidal-takeover.sxsw-1633-takeover .takeover-full p.top span {
            display: block;
            font-size: 1.2rem;
            color: #00FFFF;
            margin-bottom: 10px; }
            @media (min-width: 768px) {
              .page-index-2 .splash.tidal-takeover.sxsw-1633-takeover .takeover-full p.top span {
                margin-bottom: 0;
                display: inline-block;
                font-size: inherit; } }
        .page-index-2 .splash.tidal-takeover.sxsw-1633-takeover .takeover-full p.hashtag {
          font: 0.8em "nationale-demibold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.sxsw-1633-takeover img {
      display: block;
      width: 90%;
      margin: 20px auto; }
      .page-index-2 .splash.tidal-takeover.sxsw-1633-takeover img.logo {
        max-width: 450px; }
      .page-index-2 .splash.tidal-takeover.sxsw-1633-takeover img.lineup {
        max-width: 500px; }
      .page-index-2 .splash.tidal-takeover.sxsw-1633-takeover img.house {
        max-width: 90%;
        margin-bottom: 0; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.sxsw-1633-takeover img.tidal-sprint-logo {
          max-width: 25%; } }
    .page-index-2 .splash.tidal-takeover.sxsw-1633-takeover .cta-wrapper {
      margin-top: 40px;
      margin-bottom: 40px; }
      .page-index-2 .splash.tidal-takeover.sxsw-1633-takeover .cta-wrapper .cta-btn {
        letter-spacing: 0px; }
        @media screen and (min-width: 540px) and (max-width: 767px) {
          .page-index-2 .splash.tidal-takeover.sxsw-1633-takeover .cta-wrapper .cta-btn {
            font-size: 9px; } }
  .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover {
    background-color: #fff; }
    .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.velvetunderground-index-takeover {
      letter-spacing: 0.5px;
      font-size: 10px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.velvetunderground-index-takeover {
          font-size: 19px; } }
      .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.velvetunderground-index-takeover p {
        color: #000;
        margin: auto;
        max-width: 100%;
        font: 1em/1.5 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.velvetunderground-index-takeover p.title {
          font: 1.5em "nationale-bold", sans-serif;
          margin-bottom: 10px;
          text-transform: uppercase; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.velvetunderground-index-takeover p.title {
              letter-spacing: 5px; } }
        .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.velvetunderground-index-takeover p.subtitle {
          font-size: 1.4em;
          text-transform: uppercase; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.velvetunderground-index-takeover p.subtitle {
              letter-spacing: 3px; } }
        .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.velvetunderground-index-takeover p.intro {
          font-size: 1em;
          max-width: 660px; }
      .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.velvetunderground-index-takeover .banana {
        display: block;
        margin: 40px auto;
        width: 90%;
        max-width: 350px; }
      .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.velvetunderground-index-takeover .cta-wrapper {
        margin-top: 40px; }
        .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.velvetunderground-index-takeover .cta-wrapper .cta-btn {
          color: #000;
          border-color: #000; }
          .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.velvetunderground-index-takeover .cta-wrapper .cta-btn.cta-btn--solid {
            background-color: #000;
            color: #fff; }
    .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.birth-of-cool .takeover-left {
      text-transform: uppercase; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.birth-of-cool .takeover-left {
          margin-bottom: 60px; } }
      .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.birth-of-cool .takeover-left p {
        color: #000;
        text-align: left;
        letter-spacing: 3px; }
        .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.birth-of-cool .takeover-left p.title {
          font: 2em/1.25em "nationale-bold", sans-serif; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.birth-of-cool .takeover-left p.title {
              font-size: 3em; } }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.birth-of-cool .takeover-left p.title {
              font-size: 4em; } }
        .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.birth-of-cool .takeover-left p.artist {
          font: 1em/1 "nationale-bold", sans-serif; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.birth-of-cool .takeover-left img.banana {
          width: 90%; } }
    .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.birth-of-cool .takeover-right {
      margin-top: 0;
      margin-bottom: 60px; }
      .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.birth-of-cool .takeover-right p {
        text-align: left;
        color: #000;
        font: 1em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.birth-of-cool .takeover-right p.title {
          font-size: 1.75em; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.birth-of-cool .takeover-right p.title {
              font-size: 1.2em; } }
        .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.birth-of-cool .takeover-right p.copy {
          letter-spacing: 2px; }
    .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.birth-of-cool .cta-wrapper {
      display: block;
      clear: both; }
      .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.birth-of-cool .cta-wrapper .cta-btn {
        border-color: #000;
        color: #000;
        cursor: pointer; }
    .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.bw-background-one {
      background-image: url("/images/index2/promos/velvetunderground/velvetunderground-bw1-bg.489d20db.jpg");
      min-height: 85vh; }
    .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.velvet-warhol-playlist {
      background-image: url("/images/index2/promos/velvetunderground/velvetunderground-warhol-bg.946667e8.jpg"); }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.velvet-warhol-playlist .takeover-full {
          margin: 0 auto;
          max-width: 40%; } }
      .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.velvet-warhol-playlist .takeover-full .product-cover {
        margin-bottom: -4px; }
    .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.bw-background-two {
      background-image: url("/images/index2/promos/velvetunderground/velvetunderground-bw2-bg.5017e0a0.jpg");
      min-height: 85vh; }
    .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.be-your-mirror .welcome-mat-wrapper {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      box-orient: vertical; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.be-your-mirror .welcome-mat-wrapper {
          display: block;
          width: 85%; } }
    .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.be-your-mirror .takeover-left {
      text-align: left;
      -webkit-box-ordinal-group: 2;
      -moz-box-ordinal-group: 2;
      box-ordinal-group: 2; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.be-your-mirror .takeover-left {
          padding-top: 50px; } }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.be-your-mirror .takeover-left {
          width: 45%; } }
      .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.be-your-mirror .takeover-left p {
        color: #000; }
        .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.be-your-mirror .takeover-left p.quote {
          font: 1em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.be-your-mirror .takeover-left p.artist {
          font: 0.8em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
          font-style: italic;
          margin-bottom: 50px; }
    .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.be-your-mirror .takeover-right {
      margin-top: 0;
      padding-top: 0; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.be-your-mirror .takeover-right {
          width: 45%; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.be-your-mirror .takeover-right {
          margin-bottom: 60px; } }
      .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.be-your-mirror .takeover-right img.banana {
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg); }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.be-your-mirror .takeover-right img.banana {
            width: 90%; } }
      .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.be-your-mirror .takeover-right p {
        text-transform: uppercase;
        color: #000;
        text-align: right;
        letter-spacing: 3px; }
        .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.be-your-mirror .takeover-right p.title {
          font: 2.5em/1.25em "nationale-bold", sans-serif; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.be-your-mirror .takeover-right p.title {
              font-size: 2.25em; } }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.be-your-mirror .takeover-right p.title {
              font-size: 3.25em; } }
        .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.be-your-mirror .takeover-right p.subtitle {
          letter-spacing: 2px;
          font: 1.25em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.be-your-mirror .takeover-right p.subtitle {
              font-size: 0.95em; } }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.be-your-mirror .takeover-right p.subtitle {
              font-size: 1.33em; } }
    .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.be-your-mirror .cta-wrapper {
      display: block;
      clear: both;
      -webkit-box-ordinal-group: 3;
      -moz-box-ordinal-group: 3;
      box-ordinal-group: 3; }
      .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.be-your-mirror .cta-wrapper .cta-btn {
        border-color: #000;
        color: #000;
        cursor: pointer; }
    .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.velvet-traces-playlist {
      background-image: url("/images/index2/promos/velvetunderground/velvetunderground-traces-bg.921a6f36.jpg"); }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.velvet-traces-playlist .takeover-full {
          margin: 0 auto;
          max-width: 40%; } }
    .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.velvet-legends-playlist {
      background-image: url("/images/index2/promos/velvetunderground/velvetunderground-legends-bg.ceed1efa.jpg"); }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.velvetunderground-anniversary-takeover.velvet-legends-playlist .takeover-full {
          margin: 0 auto;
          max-width: 40%; } }
  .page-index-2 .splash.tidal-takeover.ti-hustlegangtour-announcement-takeover {
    background-image: url(/images/index2/promos/tip/ti-hustlegangtour-announcement-bg.acb0524d.jpg); }
    .page-index-2 .splash.tidal-takeover.ti-hustlegangtour-announcement-takeover .takeover-full {
      font-size: 14px;
      letter-spacing: 2px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.ti-hustlegangtour-announcement-takeover .takeover-full {
          font-size: 32px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.ti-hustlegangtour-announcement-takeover .takeover-full p {
        margin: 0;
        text-transform: uppercase;
        max-width: 100%;
        font: 1em/1.5 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.ti-hustlegangtour-announcement-takeover .takeover-full p.top {
          font-size: 1.5em; }
        .page-index-2 .splash.tidal-takeover.ti-hustlegangtour-announcement-takeover .takeover-full p.time {
          font: 0.8em/1.5 "nationale", "nationale-regular", "Helvetica", sans-serif;
          margin-bottom: 30px; }
      .page-index-2 .splash.tidal-takeover.ti-hustlegangtour-announcement-takeover .takeover-full .logo {
        display: block;
        max-width: 600px;
        margin: 30px auto; }
  .page-index-2 .splash.tidal-takeover.common-symphony-announcement-takeover {
    background-image: url(/images/index2/promos/common/common-symphony-bg.e1fce7c6.jpg); }
    .page-index-2 .splash.tidal-takeover.common-symphony-announcement-takeover .takeover-full {
      font-size: 18px;
      letter-spacing: 1px;
      position: relative; }
      @media (min-device-width: 768px) and (max-device-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.common-symphony-announcement-takeover .takeover-full {
          font-size: 32px;
          letter-spacing: 3px; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.common-symphony-announcement-takeover .takeover-full {
          font-size: 36px;
          letter-spacing: 3px; } }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.common-symphony-announcement-takeover .takeover-full {
          font-size: 40px; } }
      .page-index-2 .splash.tidal-takeover.common-symphony-announcement-takeover .takeover-full p {
        margin: 0 auto 10px auto;
        text-transform: uppercase;
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        max-width: 95%; }
        .page-index-2 .splash.tidal-takeover.common-symphony-announcement-takeover .takeover-full p.top {
          font: 1.6em/1 "nationale-bold", sans-serif;
          margin-top: -10px; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.common-symphony-announcement-takeover .takeover-full p.top {
              margin-top: 0; } }
          .page-index-2 .splash.tidal-takeover.common-symphony-announcement-takeover .takeover-full p.top .cyan {
            font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
            display: block;
            font-size: 0.8rem;
            margin-bottom: 5px; }
            @media (min-width: 768px) {
              .page-index-2 .splash.tidal-takeover.common-symphony-announcement-takeover .takeover-full p.top .cyan {
                display: inline;
                font-size: inherit;
                margin-bottom: 0; } }
        .page-index-2 .splash.tidal-takeover.common-symphony-announcement-takeover .takeover-full p.featuring {
          font: 0.45em/1.25em "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.common-symphony-announcement-takeover .takeover-full p.livefrom {
          margin-top: 40vh;
          font: 0.75em/1 "nationale-bold", sans-serif; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.common-symphony-announcement-takeover .takeover-full p.livefrom {
              margin-top: 65vh; } }
          @media (min-width: 1400px) {
            .page-index-2 .splash.tidal-takeover.common-symphony-announcement-takeover .takeover-full p.livefrom {
              margin-top: 52vh; } }
        .page-index-2 .splash.tidal-takeover.common-symphony-announcement-takeover .takeover-full p.date {
          font: 0.5em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.common-symphony-announcement-takeover .takeover-full p.live {
          font-size: 0.6em; }
        .page-index-2 .splash.tidal-takeover.common-symphony-announcement-takeover .takeover-full p.time {
          font: 0.6em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.common-symphony-announcement-takeover .takeover-full p.hashtag {
          font-size: 0.5em; }
      .page-index-2 .splash.tidal-takeover.common-symphony-announcement-takeover .takeover-full img.logo-left {
        width: 105px;
        display: inline-block;
        margin-right: 10px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.common-symphony-announcement-takeover .takeover-full img.logo-left {
            position: absolute;
            left: 0;
            bottom: 0; } }
      .page-index-2 .splash.tidal-takeover.common-symphony-announcement-takeover .takeover-full img.logo-right {
        width: 60px;
        display: inline-block;
        margin-left: 10px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.common-symphony-announcement-takeover .takeover-full img.logo-right {
            position: absolute;
            right: 0;
            bottom: 0; } }
      @media screen and (min-width: 540px) and (max-width: 767px) {
        .page-index-2 .splash.tidal-takeover.common-symphony-announcement-takeover .takeover-full .cta-wrapper .cta-btn {
          letter-spacing: 0px; } }
  .page-index-2 .splash.tidal-takeover.thecoolkids-tvdinner-takeover {
    background-image: url(/images/index2/promos/thecoolkids/thecoolkids-tvdinner-bg.5225d4c7.jpg); }
    .page-index-2 .splash.tidal-takeover.thecoolkids-tvdinner-takeover .description {
      font-size: 26px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.thecoolkids-tvdinner-takeover .description {
          font-size: 32px;
          letter-spacing: 3px; } }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.thecoolkids-tvdinner-takeover .description {
          font-size: 38px; } }
      .page-index-2 .splash.tidal-takeover.thecoolkids-tvdinner-takeover .description p {
        margin: 0 0 10px 0;
        text-transform: uppercase;
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.thecoolkids-tvdinner-takeover .description p.artist {
          font: 1.25em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.raekwon-thewild-takeover {
    background-image: url(/images/index2/promos/raekwon/raekwon-thewild-bg.c67fe30f.jpg); }
    .page-index-2 .splash.tidal-takeover.raekwon-thewild-takeover .description {
      font-size: 30px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.raekwon-thewild-takeover .description {
          font-size: 44px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.raekwon-thewild-takeover .description p {
        margin: 0 0 10px;
        text-transform: uppercase;
        font: 1em/1 "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.raekwon-thewild-takeover .description p.artist {
          font: 1.7em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.kevinross-theawakening-takeover {
    background-image: url(/images/index2/promos/kevinross/kevinross-theawakening-bg.c8c4c675.jpg); }
    .page-index-2 .splash.tidal-takeover.kevinross-theawakening-takeover .description {
      font-size: 26px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.kevinross-theawakening-takeover .description {
          font-size: 36px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.kevinross-theawakening-takeover .description p {
        margin: 0 0 10px;
        text-transform: uppercase;
        font: 1em/1 "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.kevinross-theawakening-takeover .description p.artist {
          font: 1.7em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.raekwon-5albums-takeover {
    background-image: url(/images/index2/promos/raekwon/raekwon-5albums-bg.b0d7e5ab.jpg); }
    .page-index-2 .splash.tidal-takeover.raekwon-5albums-takeover .description {
      font-size: 15px;
      letter-spacing: 0.5px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.raekwon-5albums-takeover .description {
          font-size: 18px; } }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.raekwon-5albums-takeover .description {
          font-size: 23px; } }
      .page-index-2 .splash.tidal-takeover.raekwon-5albums-takeover .description p {
        margin: 0;
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.raekwon-5albums-takeover .description p.artist {
          font: 3.31em/1 "nationale-bold", sans-serif;
          margin-left: -2px; }
        @media (min-width: 1150px) {
          .page-index-2 .splash.tidal-takeover.raekwon-5albums-takeover .description p.artist {
            margin-left: -4px;
            letter-spacing: 2.5px; }
          .page-index-2 .splash.tidal-takeover.raekwon-5albums-takeover .description p.title {
            letter-spacing: 1px; } }
  .page-index-2 .splash.tidal-takeover.shakira-commemoi-takeover {
    background-image: url(/images/index2/promos/shakira/shakira-commemoi-bg.e0aca3de.jpg); }
    .page-index-2 .splash.tidal-takeover.shakira-commemoi-takeover .description {
      font-size: 30px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.shakira-commemoi-takeover .description {
          font-size: 38px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.shakira-commemoi-takeover .description p {
        margin: 0 0 10px;
        text-transform: uppercase;
        font: 1em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.shakira-commemoi-takeover .description p.artist {
          font-size: 1.8em; }
        .page-index-2 .splash.tidal-takeover.shakira-commemoi-takeover .description p.title {
          font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
          margin-top: 20px; }
    .page-index-2 .splash.tidal-takeover.shakira-commemoi-takeover .btn-wrapper .btn-new:only-child {
      background-color: #fff;
      color: #000;
      max-width: 220px; }
  .page-index-2 .splash.tidal-takeover.residente-takeover.residente-forthecultura-takeover {
    background-image: url(/images/index2/promos/residente/residente-forthecultura-bg.6a85b808.jpg); }
  .page-index-2 .splash.tidal-takeover.residente-takeover.residente-residente-takeover {
    background-image: url(/images/index2/promos/residente/residente-residente-bg.6aae9959.jpg); }
  .page-index-2 .splash.tidal-takeover.residente-takeover .description {
    font-size: 28px;
    letter-spacing: 2px; }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.residente-takeover .description {
        font-size: 36px;
        letter-spacing: 3px; } }
    .page-index-2 .splash.tidal-takeover.residente-takeover .description p {
      margin: 0 0 10px;
      text-transform: uppercase;
      font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
      .page-index-2 .splash.tidal-takeover.residente-takeover .description p.artist {
        font: 1.7em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.raekwon-ultimateplaylist-takeover {
    background-image: url(/images/index2/promos/raekwon/raekwon-ultimateplaylist-bg.2cfe6fa2.jpg); }
    .page-index-2 .splash.tidal-takeover.raekwon-ultimateplaylist-takeover .description {
      font-size: 24px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.raekwon-ultimateplaylist-takeover .description {
          font-size: 32px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.raekwon-ultimateplaylist-takeover .description p {
        margin: 0 0 10px;
        text-transform: uppercase;
        font: 1em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.raekwon-ultimateplaylist-takeover .description p.artist {
          font: 1.7em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.beyonce-diewithyou-takeover {
    background-image: url(/images/index2/promos/beyonce/beyonce-diewithyou-bg.1b95a1e3.jpg); }
    .page-index-2 .splash.tidal-takeover.beyonce-diewithyou-takeover .description {
      font-size: 32px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.beyonce-diewithyou-takeover .description {
          font-size: 38px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.beyonce-diewithyou-takeover .description p {
        margin: 0 0 10px;
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.beyonce-diewithyou-takeover .description p.artist {
          font: 1.7em/1 "nationale-bold", sans-serif; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.beyonce-diewithyou-takeover .description p.artist {
              margin-left: -2px; } }
    .page-index-2 .splash.tidal-takeover.beyonce-diewithyou-takeover .btn-wrapper .btn-new {
      background-color: rgba(255, 255, 255, 0);
      color: #fff; }
      .page-index-2 .splash.tidal-takeover.beyonce-diewithyou-takeover .btn-wrapper .btn-new:last-of-type {
        background-color: #fff;
        color: #000; }
  .page-index-2 .splash.tidal-takeover.beyonce-iveverever-takeover {
    background-image: url(/images/index2/promos/beyonce/beyonce-iveverever-bg.fb60e17e.jpg); }
    .page-index-2 .splash.tidal-takeover.beyonce-iveverever-takeover .description {
      font-size: 32px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.beyonce-iveverever-takeover .description {
          font-size: 38px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.beyonce-iveverever-takeover .description p {
        margin: 0 0 10px;
        font: 0.9em/1 "nationale-demibold", sans-serif;
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.beyonce-iveverever-takeover .description p.artist {
          font: 1.7em/1 "nationale-bold", sans-serif; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.beyonce-iveverever-takeover .description p.artist {
              margin-left: -2px; } }
  .page-index-2 .splash.tidal-takeover.mozart-whereimfrom-takeover {
    background-image: url(/images/index2/promos/mozartlapara/mozart-whereimfrom-video-bg.ac6f0979.jpg); }
    .page-index-2 .splash.tidal-takeover.mozart-whereimfrom-takeover .description {
      font-size: 30px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.mozart-whereimfrom-takeover .description {
          font-size: 38px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.mozart-whereimfrom-takeover .description p {
        margin: 0 0 10px;
        text-transform: uppercase;
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.mozart-whereimfrom-takeover .description p.artist {
          font: 0.95em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.shakira-meenamore-takeover {
    background-image: url(/images/index2/promos/shakira/shakira-meenamore-bg.785699d0.jpg); }
    .page-index-2 .splash.tidal-takeover.shakira-meenamore-takeover .description {
      font-size: 32px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.shakira-meenamore-takeover .description {
          font-size: 44px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.shakira-meenamore-takeover .description p {
        margin: 0 0 10px;
        text-transform: uppercase;
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.shakira-meenamore-takeover .description p.artist {
          font: 1.55em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.mackwilds-afterhourstrailer-takeover {
    background-image: url(/images/index2/promos/mackwilds/mackwilds-afterhourstrailer-bg.f0e2408a.jpg); }
    .page-index-2 .splash.tidal-takeover.mackwilds-afterhourstrailer-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.mackwilds-afterhourstrailer-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.mackwilds-afterhourstrailer-takeover .description p {
        margin: 0 0 10px;
        text-transform: uppercase;
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.mackwilds-afterhourstrailer-takeover .description p.artist {
          font: 1.7em/1 "nationale-bold", sans-serif; }
    @media screen and (min-width: 768px) and (max-width: 790px) {
      .page-index-2 .splash.tidal-takeover.mackwilds-afterhourstrailer-takeover .btn-wrapper .btn-new {
        letter-spacing: 0; } }
  .page-index-2 .splash.tidal-takeover.enrique-subemelaradio-takeover {
    background-image: url(/images/index2/promos/enriqueiglesias/enrique-subemelaradio-bg.7f3c661b.jpg); }
    .page-index-2 .splash.tidal-takeover.enrique-subemelaradio-takeover .description {
      font-size: 24px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.enrique-subemelaradio-takeover .description {
          font-size: 36px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.enrique-subemelaradio-takeover .description p {
        margin: 0 0 10px;
        text-transform: uppercase;
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.enrique-subemelaradio-takeover .description p.artist {
          font: 1.2em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.enrique-subemelaradio-takeover .description p.copy {
          text-transform: none;
          letter-spacing: normal;
          font: 0.5em/1.5 "nationale", "nationale-regular", "Helvetica", sans-serif; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.enrique-subemelaradio-takeover .description p.copy {
              width: 85%; } }
  .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-rematch-takeover, .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-takeover {
    background-image: url(/images/index2/promos/wardkovalev/ward-vs-kovalev-bg.e3c6a372.jpg);
    background-position: top center;
    padding: 20px; }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-rematch-takeover, .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-takeover {
        background: -moz-linear-gradient(top, transparent 70%, black 90%), url("/images/index2/promos/wardkovalev/ward-vs-kovalev-bg-desktop.0fa28c78.jpg");
        background: -webkit-linear-gradient(top, transparent 70%, black 90%), url("/images/index2/promos/wardkovalev/ward-vs-kovalev-bg-desktop.0fa28c78.jpg");
        background: linear-gradient(top bottom, transparent 70%, black 90%), url("/images/index2/promos/wardkovalev/ward-vs-kovalev-bg-desktop.0fa28c78.jpg");
        background-position: top center;
        background-size: cover; } }
    @media (min-width: 1400px) {
      .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-rematch-takeover, .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-takeover {
        min-height: 95vh; } }
    .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-rematch-takeover img, .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-takeover img {
      display: block;
      margin: 20px auto; }
      .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-rematch-takeover img.intro, .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-takeover img.intro {
        max-width: 787px;
        margin: 0px auto; }
      .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-rematch-takeover img.head, .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-takeover img.head {
        max-width: 826px;
        margin-top: 16vh;
        image-rendering: -webkit-optimize-contrast; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-rematch-takeover img.head, .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-takeover img.head {
            margin-top: 22vh; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-rematch-takeover img.head, .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-takeover img.head {
            margin-top: 10vh; } }
      .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-rematch-takeover img.logos, .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-takeover img.logos {
        max-width: 754px;
        margin: 0px auto; }
    .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-rematch-takeover .float, .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-takeover .float {
      float: left;
      width: 100%; }
      .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-rematch-takeover .float .cta-btn--solid, .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-takeover .float .cta-btn--solid {
        margin-top: 10px !important; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-rematch-takeover .float, .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-takeover .float {
          float: left;
          width: 50%; }
          .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-rematch-takeover .float .cta-btn--solid, .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-takeover .float .cta-btn--solid {
            margin-top: 0 !important; } }
    .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-rematch-takeover .cta-wrapper, .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-takeover .cta-wrapper {
      margin-top: 20px; }
  @media (min-width: 1024px) {
    .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-rematch-takeover {
      background: -moz-linear-gradient(top, transparent 70%, rgba(0, 0, 0, 0.7) 90%), url("/images/index2/promos/wardkovalev/ward-vs-kovalev-rematch-bg.e5fc3f9a.jpg");
      background: -webkit-linear-gradient(top, transparent 70%, rgba(0, 0, 0, 0.7) 90%), url("/images/index2/promos/wardkovalev/ward-vs-kovalev-rematch-bg.e5fc3f9a.jpg");
      background: linear-gradient(top bottom, transparent 70%, rgba(0, 0, 0, 0.7) 90%), url("/images/index2/promos/wardkovalev/ward-vs-kovalev-rematch-bg.e5fc3f9a.jpg");
      background-position: top center;
      background-size: cover; } }
  .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-rematch-takeover img.head {
    max-width: 787px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-rematch-takeover img.head {
        margin-top: 10vh; } }
  .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-rematch-takeover img.logos {
    max-width: 1052px; }
    .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-rematch-takeover img.logos.desktop {
      display: none; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-rematch-takeover img.logos.desktop {
        display: block; }
      .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-rematch-takeover img.logos.mobile {
        display: none; } }
  .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-rematch-trailer-takeover {
    background-image: url(/images/index2/promos/wardkovalev/ward-vs-kovalev-rematch-trailer-bg.2cd46522.jpg); }
    .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-rematch-trailer-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-rematch-trailer-takeover .description p.artist {
        font: 1.8em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-rematch-trailer-takeover .description p.artist {
            font-size: 2.4em; } }
      .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-rematch-trailer-takeover .description p.title {
        font: 1.6em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-rematch-trailer-takeover .description p.title {
            font-size: 2em; } }
  .page-index-2 .splash.tidal-takeover.jovanie-twoseater-takeover {
    background-image: url("/images/index2/promos/jovanie/jovanie-twoseater-bg.2ddac921.jpg"); }
    .page-index-2 .splash.tidal-takeover.jovanie-twoseater-takeover .description {
      font-size: 22px;
      letter-spacing: 2.5px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.jovanie-twoseater-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.jovanie-twoseater-takeover .description p {
        font: 1em/1 "nationale-bold", sans-serif;
        text-transform: uppercase;
        margin: 0 0 5px; }
        .page-index-2 .splash.tidal-takeover.jovanie-twoseater-takeover .description p.artist {
          font-size: 2.5em;
          letter-spacing: 5px; }
        .page-index-2 .splash.tidal-takeover.jovanie-twoseater-takeover .description p.feat {
          font-size: 1.21em;
          margin-bottom: 20px; }
        .page-index-2 .splash.tidal-takeover.jovanie-twoseater-takeover .description p.title {
          font-family: "nationale", "nationale-regular", "Helvetica", sans-serif; }
    .page-index-2 .splash.tidal-takeover.jovanie-twoseater-takeover.jovanie-twoseater-bts-takeover {
      background-image: url(/images/index2/promos/jovanie/jovanie-twoseater-bts-bg.29e71284.jpg); }
      .page-index-2 .splash.tidal-takeover.jovanie-twoseater-takeover.jovanie-twoseater-bts-takeover .description p.title {
        letter-spacing: 0;
        font-size: 0.75em; }
  .page-index-2 .splash.tidal-takeover.prince-remembering-takeover .description {
    font-size: 72px;
    letter-spacing: 3px; }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.prince-remembering-takeover .description {
        letter-spacing: 5px; } }
    .page-index-2 .splash.tidal-takeover.prince-remembering-takeover .description p {
      margin: 0 0 5px;
      text-transform: uppercase;
      font: 1em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.prince-remembering-takeover .description p.title {
        font: 0.5em/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.prince-remembering-takeover.top-tile-takeover {
    background-color: #fff;
    padding-top: 4px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.prince-remembering-takeover.top-tile-takeover {
        padding-top: 0;
        padding-bottom: 0; } }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.prince-remembering-takeover.top-tile-takeover .takeover-full {
        position: relative; } }
    .page-index-2 .splash.tidal-takeover.prince-remembering-takeover.top-tile-takeover .takeover-full a.prince-link:hover p {
      color: #792b7e !important;
      text-decoration: none; }
    .page-index-2 .splash.tidal-takeover.prince-remembering-takeover.top-tile-takeover .prince-copy {
      padding-top: 20px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.prince-remembering-takeover.top-tile-takeover .prince-copy {
          position: absolute;
          top: 150px;
          bottom: 0;
          left: 10%;
          z-index: 3; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.prince-remembering-takeover.top-tile-takeover .prince-copy {
          left: 20%;
          top: 200px; } }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.prince-remembering-takeover.top-tile-takeover .prince-copy {
          top: 225px;
          left: 25%; } }
      .page-index-2 .splash.tidal-takeover.prince-remembering-takeover.top-tile-takeover .prince-copy p {
        text-transform: uppercase;
        color: #000; }
        .page-index-2 .splash.tidal-takeover.prince-remembering-takeover.top-tile-takeover .prince-copy p.title {
          font: 1em/1 "nationale-demibold", sans-serif;
          font-style: italic; }
        .page-index-2 .splash.tidal-takeover.prince-remembering-takeover.top-tile-takeover .prince-copy p.copy {
          font: 1em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif;
          font-style: italic; }
    .page-index-2 .splash.tidal-takeover.prince-remembering-takeover.top-tile-takeover img.headshot {
      margin-left: -145px;
      width: 456px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.prince-remembering-takeover.top-tile-takeover img.headshot {
          margin-left: 0;
          width: 70%;
          float: right;
          z-index: 1; } }
  .page-index-2 .splash.tidal-takeover.prince-remembering-takeover.prince-remembering-legends-takeover {
    background-image: url(/images/index2/promos/prince/prince-remembering-legends.cbe3aab0.jpg); }
    .page-index-2 .splash.tidal-takeover.prince-remembering-takeover.prince-remembering-legends-takeover .description p.title {
      font-size: 0.38em; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.prince-remembering-takeover.prince-remembering-legends-takeover .description p.title {
          font-size: 0.45em; } }
  .page-index-2 .splash.tidal-takeover.prince-remembering-takeover.prince-remembering-always-takeover {
    background-image: url(/images/index2/promos/prince/prince-remembering-always.6d479f33.jpg); }
  .page-index-2 .splash.tidal-takeover.prince-remembering-takeover.prince-remembering-purplepicks-takeover {
    background-image: url(/images/index2/promos/prince/prince-remembering-purplepicks.34d7fbfc.jpg); }
    .page-index-2 .splash.tidal-takeover.prince-remembering-takeover.prince-remembering-purplepicks-takeover .description p.title {
      font-size: 0.25em;
      letter-spacing: 1px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.prince-remembering-takeover.prince-remembering-purplepicks-takeover .description p.title {
          font-size: 0.32em;
          letter-spacing: 2px; } }
    .page-index-2 .splash.tidal-takeover.prince-remembering-takeover.prince-remembering-purplepicks-takeover .btn-wrapper .btn-new {
      letter-spacing: 1px; }
  .page-index-2 .splash.tidal-takeover.prince-remembering-takeover.prince-remembering-sampling-takeover {
    background-image: url(/images/index2/promos/prince/prince-remembering-sampling.f478da93.jpg); }
    .page-index-2 .splash.tidal-takeover.prince-remembering-takeover.prince-remembering-sampling-takeover .description p.title {
      font-size: 0.37em; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.prince-remembering-takeover.prince-remembering-sampling-takeover .description p.title {
          font-size: 0.4em; } }
  .page-index-2 .splash.tidal-takeover.robynhitchcock-aquarium-praydrunk-takeover {
    background-image: url(/images/index2/promos/robynhitchcock/robynhitchcock-aquarium-ipray-bg.0e2e734d.jpg); }
    .page-index-2 .splash.tidal-takeover.robynhitchcock-aquarium-praydrunk-takeover .description {
      font-size: 20px;
      letter-spacing: 2px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.robynhitchcock-aquarium-praydrunk-takeover .description {
          font-size: 26px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.robynhitchcock-aquarium-praydrunk-takeover .description p {
        margin: 0 0 15px;
        text-transform: uppercase;
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.robynhitchcock-aquarium-praydrunk-takeover .description p.artist {
          font: 1.27em/1 "nationale-bold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.robynhitchcock-aquarium-praydrunk-takeover .btn-wrapper .btn-new {
      background-color: rgba(255, 255, 255, 0);
      color: #fff; }
      .page-index-2 .splash.tidal-takeover.robynhitchcock-aquarium-praydrunk-takeover .btn-wrapper .btn-new:last-of-type {
        background-color: #fff;
        color: #000; }
      @media screen and (min-width: 768px) and (max-width: 850px) {
        .page-index-2 .splash.tidal-takeover.robynhitchcock-aquarium-praydrunk-takeover .btn-wrapper .btn-new {
          letter-spacing: 1px; } }
  .page-index-2 .splash.tidal-takeover.joryboy-trapeando-takeover {
    background-image: url(/images/index2/promos/joryboy/joryboy-trapeando-bg.ac21c6b7.jpg); }
    .page-index-2 .splash.tidal-takeover.joryboy-trapeando-takeover .description {
      font-size: 18px;
      letter-spacing: 1px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.joryboy-trapeando-takeover .description {
          font-size: 25px; } }
      .page-index-2 .splash.tidal-takeover.joryboy-trapeando-takeover .description p {
        margin: 0 0 10px;
        text-transform: uppercase;
        font: 1em/1 "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.joryboy-trapeando-takeover .description p.artist {
          font: 1.72em/1 "nationale-bold", sans-serif;
          letter-spacing: 5px; }
    .page-index-2 .splash.tidal-takeover.joryboy-trapeando-takeover .btn-wrapper .btn-new {
      letter-spacing: 1px; }
  .page-index-2 .splash.tidal-takeover.nickiminaj-regrettears-video-takeover {
    background-image: url(/images/index2/promos/nickiminaj/nickiminaj-regrettears-video-bg.352fc75d.jpg); }
    .page-index-2 .splash.tidal-takeover.nickiminaj-regrettears-video-takeover .description {
      font-size: 20px;
      letter-spacing: 2px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.nickiminaj-regrettears-video-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.nickiminaj-regrettears-video-takeover .description p {
        margin: 0 0 10px;
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.nickiminaj-regrettears-video-takeover .description p.artist {
          font: 1.35em/1 "nationale-bold", sans-serif; }
    @media screen and (min-width: 768px) and (max-width: 850px) {
      .page-index-2 .splash.tidal-takeover.nickiminaj-regrettears-video-takeover .btn-wrapper .btn-new {
        letter-spacing: 1px; } }
  .page-index-2 .splash.tidal-takeover.elviscrespo-guayando-takeover {
    background-image: url(/images/index2/promos/elviscrespo/elviscrespo-guayando-bg.7718e7d9.jpg); }
    .page-index-2 .splash.tidal-takeover.elviscrespo-guayando-takeover .description {
      font-size: 18px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.elviscrespo-guayando-takeover .description {
          font-size: 24px; } }
      .page-index-2 .splash.tidal-takeover.elviscrespo-guayando-takeover .description p {
        margin: 0 0 10px;
        text-transform: uppercase;
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.elviscrespo-guayando-takeover .description p.artist {
          font: 1.4em/1 "nationale-bold", sans-serif;
          letter-spacing: 3px; }
    .page-index-2 .splash.tidal-takeover.elviscrespo-guayando-takeover .btn-wrapper .btn-new {
      letter-spacing: 1px; }
  .page-index-2 .splash.tidal-takeover.tip-tidalxtip-takeover {
    background-color: #e2e7d1;
    padding-top: 10px; }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.tip-tidalxtip-takeover {
        background-image: url(/images/index2/promos/tip/tip-tidalxtip-bg.03cb13b5.jpg);
        min-height: 90vh;
        padding-top: 40px; } }
    .page-index-2 .splash.tidal-takeover.tip-tidalxtip-takeover .mobile-only {
      display: block;
      margin: 0 auto 20px;
      max-width: 500px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.tip-tidalxtip-takeover .mobile-only {
          display: none; } }
    .page-index-2 .splash.tidal-takeover.tip-tidalxtip-takeover .wrapper-text {
      font-size: 8px;
      max-width: 600px;
      margin: 0 auto; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.tip-tidalxtip-takeover .wrapper-text {
          font-size: 11px;
          letter-spacing: 1px;
          transform: translateX(200px);
          margin-top: 20vh; } }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.tip-tidalxtip-takeover .wrapper-text {
          margin-top: 35vh; } }
      .page-index-2 .splash.tidal-takeover.tip-tidalxtip-takeover .wrapper-text p {
        margin: 0 auto;
        font: 1em/1.5 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        color: #000; }
        .page-index-2 .splash.tidal-takeover.tip-tidalxtip-takeover .wrapper-text p.title {
          font: 5em/1 "nationale-bold", sans-serif;
          margin-bottom: 20px;
          letter-spacing: 5px; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.tip-tidalxtip-takeover .wrapper-text p.title {
              letter-spacing: 15px; } }
        .page-index-2 .splash.tidal-takeover.tip-tidalxtip-takeover .wrapper-text p.description {
          max-width: 500px; }
        .page-index-2 .splash.tidal-takeover.tip-tidalxtip-takeover .wrapper-text p.hashtag {
          font: 1.6em/1 "nationale-demibold", sans-serif;
          margin: 20px auto;
          letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.tip-tidalxtip-takeover .wrapper-text .logo-tidal {
        display: block;
        margin: 20px auto;
        max-width: 32px; }
    .page-index-2 .splash.tidal-takeover.tip-tidalxtip-takeover .cta-wrapper {
      margin-top: 40px; }
      .page-index-2 .splash.tidal-takeover.tip-tidalxtip-takeover .cta-wrapper .cta-btn {
        border-color: #000;
        color: #000; }
        .page-index-2 .splash.tidal-takeover.tip-tidalxtip-takeover .cta-wrapper .cta-btn.cta-btn--solid {
          background-color: #000;
          color: #fff; }
  .page-index-2 .splash.tidal-takeover.maxwell-tourdocu-takeover {
    background-image: url(/images/index2/promos/maxwell/maxwell-tourdocu-bg.226ea20e.jpg); }
    .page-index-2 .splash.tidal-takeover.maxwell-tourdocu-takeover .description {
      font-size: 18px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.maxwell-tourdocu-takeover .description {
          font-size: 24px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.maxwell-tourdocu-takeover .description p {
        margin: 0 0 10px;
        font: 1em/1.3 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.maxwell-tourdocu-takeover .description p.artist {
          font: 2.25em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.mia2017-takeover {
    padding: 0;
    background-color: #ed2225; }
    .page-index-2 .splash.tidal-takeover.mia2017-takeover .wrapper-mia {
      max-width: 1600px;
      margin: 0 auto; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.mia2017-takeover .wrapper-mia.not-index {
          margin-top: 0px; } }
    .page-index-2 .splash.tidal-takeover.mia2017-takeover .line {
      margin: 0;
      padding: 60px 0 0;
      background-position: top center;
      background-repeat: no-repeat;
      font-size: 13px; }
      .page-index-2 .splash.tidal-takeover.mia2017-takeover .line.line--red {
        background-color: #ec2426; }
        .page-index-2 .splash.tidal-takeover.mia2017-takeover .line.line--red p {
          color: #fff; }
      .page-index-2 .splash.tidal-takeover.mia2017-takeover .line.line--white {
        background-color: #fff; }
        .page-index-2 .splash.tidal-takeover.mia2017-takeover .line.line--white p {
          color: #0060af; }
      .page-index-2 .splash.tidal-takeover.mia2017-takeover .line.line--jayz-jcole {
        background-image: url(/images/index2/promos/mia2017/lp/bg-jayzjcole.58fd5791.jpg); }
      .page-index-2 .splash.tidal-takeover.mia2017-takeover .line.line--chainsmokers {
        background-image: url(/images/index2/promos/mia2017/lp/bg-chainsmokers.4679ea25.jpg); }
      .page-index-2 .splash.tidal-takeover.mia2017-takeover .line.line--lineuplarge {
        background-image: url(/images/index2/promos/mia2017/lp/bg-lineup-large.fde7aa92.jpg); }
      .page-index-2 .splash.tidal-takeover.mia2017-takeover .line.line--lineupmedium {
        background-image: url(/images/index2/promos/mia2017/lp/bg-lineup-medium.4db9091b.jpg); }
      .page-index-2 .splash.tidal-takeover.mia2017-takeover .line.line--lineupsmall {
        background-image: url(/images/index2/promos/mia2017/lp/bg-lineup-small.f5f7a511.jpg); }
      .page-index-2 .splash.tidal-takeover.mia2017-takeover .line.line--whenwhere {
        background-image: url(/images/index2/promos/mia2017/lp/bg-date-place.31c479d2.jpg); }
      .page-index-2 .splash.tidal-takeover.mia2017-takeover .line.line--presale {
        background-image: url(/images/index2/promos/mia2017/lp/bg-presale.452095d4.jpg); }
      .page-index-2 .splash.tidal-takeover.mia2017-takeover .line.line--relive {
        background-image: url(/images/index2/promos/mia2017/lp/bg-relive.b22a6f03.jpg); }
      .page-index-2 .splash.tidal-takeover.mia2017-takeover .line img {
        display: block;
        margin: 0 auto;
        max-width: 400px;
        width: 90%; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.mia2017-takeover .line {
          font-size: 24px;
          letter-spacing: 1px; } }
      .page-index-2 .splash.tidal-takeover.mia2017-takeover .line p {
        text-align: center;
        text-transform: uppercase;
        margin: 0 auto;
        max-width: 100%;
        font: 1em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.mia2017-takeover .line p.exclusive {
          font-size: 1.25em; }
      .page-index-2 .splash.tidal-takeover.mia2017-takeover .line .cta-wrapper .cta-btn {
        border-color: #0060af;
        color: #0060af; }
        .page-index-2 .splash.tidal-takeover.mia2017-takeover .line .cta-wrapper .cta-btn.cta-btn--solid {
          background-color: #0060af;
          color: #fff; }
      .page-index-2 .splash.tidal-takeover.mia2017-takeover .line.line--logo {
        padding-top: 20px; }
      .page-index-2 .splash.tidal-takeover.mia2017-takeover .line.line--jayz-jcole img {
        max-width: 350px; }
      .page-index-2 .splash.tidal-takeover.mia2017-takeover .line.line--chainsmokers {
        padding-top: 70px;
        margin-top: -20px; }
        .page-index-2 .splash.tidal-takeover.mia2017-takeover .line.line--chainsmokers img {
          max-width: 450px; }
      .page-index-2 .splash.tidal-takeover.mia2017-takeover .line.line--lineuplarge img {
        max-width: 450px; }
      .page-index-2 .splash.tidal-takeover.mia2017-takeover .line.line--lineupmedium img {
        max-width: 550px; }
      .page-index-2 .splash.tidal-takeover.mia2017-takeover .line.line--lineupsmall img {
        max-width: 500px; }
      .page-index-2 .splash.tidal-takeover.mia2017-takeover .line.line--presale {
        padding-top: 100px;
        margin-top: -30px; }
      .page-index-2 .splash.tidal-takeover.mia2017-takeover .line.line--relive {
        padding-top: 100px;
        padding-bottom: 20px; }
        .page-index-2 .splash.tidal-takeover.mia2017-takeover .line.line--relive a {
          text-align: center;
          text-transform: uppercase;
          font: 14px/1 "nationale-demibold", sans-serif;
          display: block; }
        .page-index-2 .splash.tidal-takeover.mia2017-takeover .line.line--relive p.hashtag {
          margin-top: 30px;
          font: 26px/1 "nationale-demibold", sans-serif;
          letter-spacing: 3px; }
        .page-index-2 .splash.tidal-takeover.mia2017-takeover .line.line--relive.index {
          padding-bottom: 50px; }
      .page-index-2 .splash.tidal-takeover.mia2017-takeover .line.line--footer {
        background-image: url(/images/index2/promos/mia2017/lp/bg-footer.a2b22337.jpg);
        padding: 100px 0 60px; }
        .page-index-2 .splash.tidal-takeover.mia2017-takeover .line.line--footer img {
          margin: 20px auto;
          width: 40px; }
        .page-index-2 .splash.tidal-takeover.mia2017-takeover .line.line--footer p {
          font: 16px/1 "nationale-demibold", sans-serif;
          letter-spacing: 5px; }
  .page-index-2 .splash.tidal-takeover.jbalvin-sigoremix-takeover {
    background-image: url(/images/index2/promos/jbalvin/jbalvin-sigoremix-bg.4accafd4.jpg); }
    .page-index-2 .splash.tidal-takeover.jbalvin-sigoremix-takeover .description {
      font-size: 15px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.jbalvin-sigoremix-takeover .description {
          font-size: 22px; } }
      .page-index-2 .splash.tidal-takeover.jbalvin-sigoremix-takeover .description p {
        margin: 0 0 10px;
        text-transform: uppercase;
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.jbalvin-sigoremix-takeover .description p.artist {
          font: 3em/1 "nationale-bold", sans-serif;
          letter-spacing: 4px; }
  .page-index-2 .splash.tidal-takeover.yogotti-birthday-takeover {
    background-color: #000;
    padding-top: 0; }
    .page-index-2 .splash.tidal-takeover.yogotti-birthday-takeover img.top {
      display: block;
      max-width: 500px;
      margin: 0 auto; }
    .page-index-2 .splash.tidal-takeover.yogotti-birthday-takeover .wrapper-text {
      position: relative;
      z-index: 2;
      margin-bottom: 30px;
      margin-top: -20px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.yogotti-birthday-takeover .wrapper-text {
          margin-top: -40px; } }
      .page-index-2 .splash.tidal-takeover.yogotti-birthday-takeover .wrapper-text p {
        background-color: #ff9d29;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        padding: 5px 20px;
        margin: 0 auto;
        display: inline-block;
        font: 12px/1 "nationale-bold", sans-serif;
        letter-spacing: 1px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.yogotti-birthday-takeover .wrapper-text p {
            font-size: 18px;
            letter-spacing: 3px; } }
        .page-index-2 .splash.tidal-takeover.yogotti-birthday-takeover .wrapper-text p:last-child {
          margin-top: 10px; }
    .page-index-2 .splash.tidal-takeover.yogotti-birthday-takeover + .yo-gotti-announcement-takeover {
      border-top: 1px solid rgba(255, 255, 255, 0.1); }
  .page-index-2 .splash.tidal-takeover.themeadows-ticket-pre-sale {
    background-color: #131b28;
    padding-bottom: 0; }
    .page-index-2 .splash.tidal-takeover.themeadows-ticket-pre-sale .takeover-full {
      font-size: 14px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.themeadows-ticket-pre-sale .takeover-full {
          font-size: 26px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.themeadows-ticket-pre-sale .takeover-full p {
        margin: 0 0 20px;
        max-width: 100%;
        text-transform: uppercase;
        font: 1.1em/1 "nationale-bold", sans-serif;
        line-height: 1.4;
        color: #000; }
        .page-index-2 .splash.tidal-takeover.themeadows-ticket-pre-sale .takeover-full p.headliners {
          margin-bottom: 10px;
          color: #da785f; }
        .page-index-2 .splash.tidal-takeover.themeadows-ticket-pre-sale .takeover-full p.date {
          color: #da785f;
          font: 1em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.themeadows-ticket-pre-sale .takeover-full p.starts {
          color: #FFF;
          font: 0.9em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.themeadows-ticket-pre-sale .takeover-full p.hashtag {
          color: cyan;
          font: 0.8em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.themeadows-ticket-pre-sale .takeover-full p.top {
          font-size: 2em;
          margin-bottom: 40px;
          letter-spacing: 5px; }
          .page-index-2 .splash.tidal-takeover.themeadows-ticket-pre-sale .takeover-full p.top span {
            display: block;
            font-size: 1.2rem;
            color: #00FFFF;
            margin-bottom: 10px; }
            @media (min-width: 768px) {
              .page-index-2 .splash.tidal-takeover.themeadows-ticket-pre-sale .takeover-full p.top span {
                margin-bottom: 0;
                display: inline-block;
                font-size: inherit; } }
    .page-index-2 .splash.tidal-takeover.themeadows-ticket-pre-sale img {
      display: block;
      width: 90%;
      margin: 20px auto; }
      .page-index-2 .splash.tidal-takeover.themeadows-ticket-pre-sale img.logo {
        max-width: 260px;
        margin-bottom: 30px; }
      .page-index-2 .splash.tidal-takeover.themeadows-ticket-pre-sale img.headliners {
        max-width: 500px; }
      .page-index-2 .splash.tidal-takeover.themeadows-ticket-pre-sale img.lineup {
        max-width: 600px; }
      .page-index-2 .splash.tidal-takeover.themeadows-ticket-pre-sale img.house {
        max-width: 90%;
        margin-bottom: 0; }
      .page-index-2 .splash.tidal-takeover.themeadows-ticket-pre-sale img.stage {
        max-width: 600px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.themeadows-ticket-pre-sale img.tidal-sprint-logo {
          max-width: 25%; } }
    .page-index-2 .splash.tidal-takeover.themeadows-ticket-pre-sale .cta-wrapper {
      margin-top: 40px;
      margin-bottom: 40px; }
      .page-index-2 .splash.tidal-takeover.themeadows-ticket-pre-sale .cta-wrapper .cta-btn {
        letter-spacing: 0px; }
        @media screen and (min-width: 540px) and (max-width: 767px) {
          .page-index-2 .splash.tidal-takeover.themeadows-ticket-pre-sale .cta-wrapper .cta-btn {
            font-size: 9px; } }
  .page-index-2 .splash.tidal-takeover.themeadows-playlist-takeover {
    background-image: url(/images/index2/promos/themeadows/themeadows-bg.e90abc8b.jpg); }
    .page-index-2 .splash.tidal-takeover.themeadows-playlist-takeover .description img {
      display: block;
      width: 95%;
      max-width: 500px;
      margin: 40px auto; }
    .page-index-2 .splash.tidal-takeover.themeadows-playlist-takeover .takeover-right .cta-wrapper {
      margin-left: auto;
      margin-right: auto; }
      @media screen and (min-width: 768px) and (max-width: 900px) {
        .page-index-2 .splash.tidal-takeover.themeadows-playlist-takeover .takeover-right .cta-wrapper .cta-btn {
          font-size: 10px; } }
    .page-index-2 .splash.tidal-takeover.themeadows-playlist-takeover .takeover-right p {
      margin-left: auto;
      margin-right: auto;
      max-width: 450px;
      text-align: center; }
      .page-index-2 .splash.tidal-takeover.themeadows-playlist-takeover .takeover-right p.info {
        margin-top: 40px; }
        .page-index-2 .splash.tidal-takeover.themeadows-playlist-takeover .takeover-right p.info a {
          text-decoration: none; }
  .page-index-2 .splash.tidal-takeover.bigsean-jump-takeover {
    background-image: url(/images/index2/promos/bigsean/bigsean-jump-bg.50bed950.jpg); }
    .page-index-2 .splash.tidal-takeover.bigsean-jump-takeover .description {
      font-size: 20px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.bigsean-jump-takeover .description {
          font-size: 26px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.bigsean-jump-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.bigsean-jump-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.bigsean-jump-takeover .btn-wrapper .btn-new {
      letter-spacing: 2px; }
  .page-index-2 .splash.tidal-takeover.paravenezuela-takeover {
    background-color: #000; }
    .page-index-2 .splash.tidal-takeover.paravenezuela-takeover .description {
      font-size: 28px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.paravenezuela-takeover .description {
          font-size: 34px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.paravenezuela-takeover .description p {
        font: 1em/1 "nationale-bold", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
  .page-index-2 .splash.tidal-takeover.yandel-bendecido-takeover {
    background-image: url(/images/index2/promos/yandel/yandel-bendecido-bg.af5c2f92.jpg); }
    .page-index-2 .splash.tidal-takeover.yandel-bendecido-takeover .description {
      font-size: 20px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.yandel-bendecido-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.yandel-bendecido-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.yandel-bendecido-takeover .description p.artist {
          font: 2.8em/1 "nationale-bold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.yandel-bendecido-takeover .btn-wrapper .btn-new {
      letter-spacing: 2px; }
  .page-index-2 .splash.tidal-takeover.kaskade-springfling-takeover {
    background-color: #fff;
    background-image: url(/images/index2/promos/kaskade/kaskade-springfling-bg.120629d1.jpg);
    background-position: bottom center;
    min-height: 85vh; }
    .page-index-2 .splash.tidal-takeover.kaskade-springfling-takeover .takeover-full {
      font-size: 14px;
      letter-spacing: 1px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.kaskade-springfling-takeover .takeover-full {
          font-size: 22px;
          letter-spacing: 3px; } }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.kaskade-springfling-takeover .takeover-full {
          padding-top: 15vh; } }
      .page-index-2 .splash.tidal-takeover.kaskade-springfling-takeover .takeover-full p {
        color: #000;
        text-transform: uppercase;
        font: 1em/1.2 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin: 0 auto;
        max-width: 100%; }
        .page-index-2 .splash.tidal-takeover.kaskade-springfling-takeover .takeover-full p.top {
          font: 3.3em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-index-2 .splash.tidal-takeover.kaskade-springfling-takeover .takeover-full p.enter {
          font-family: "nationale-demibold", sans-serif;
          margin-top: 40px;
          margin-bottom: 20px; }
    .page-index-2 .splash.tidal-takeover.kaskade-springfling-takeover .cta-wrapper {
      margin-top: 40px; }
      .page-index-2 .splash.tidal-takeover.kaskade-springfling-takeover .cta-wrapper .cta-btn {
        border-color: #000;
        color: #000;
        background-color: #fff; }
        .page-index-2 .splash.tidal-takeover.kaskade-springfling-takeover .cta-wrapper .cta-btn.cta-btn--solid {
          background-color: #000;
          color: #fff; }
  .page-index-2 .splash.tidal-takeover.rascalflatts-iknowyouwont-takeover {
    background-image: url(/images/index2/promos/rascalflatts/rascalflatts-youwont-bg.3b2fb863.jpg); }
    .page-index-2 .splash.tidal-takeover.rascalflatts-iknowyouwont-takeover .description {
      font-size: 26px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.rascalflatts-iknowyouwont-takeover .description {
          font-size: 36px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.rascalflatts-iknowyouwont-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.rascalflatts-iknowyouwont-takeover .description p.artist {
          font: 1.28em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.clmd-neverwanna-video-takeover, .page-index-2 .splash.tidal-takeover.clmd-neverwanna-takeover {
    background-image: url(/images/index2/promos/clmd/clmd-neverwanna-bg.12b3240d.jpg); }
    .page-index-2 .splash.tidal-takeover.clmd-neverwanna-video-takeover .description, .page-index-2 .splash.tidal-takeover.clmd-neverwanna-takeover .description {
      font-size: 13px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.clmd-neverwanna-video-takeover .description, .page-index-2 .splash.tidal-takeover.clmd-neverwanna-takeover .description {
          font-size: 20px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.clmd-neverwanna-video-takeover .description p, .page-index-2 .splash.tidal-takeover.clmd-neverwanna-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.clmd-neverwanna-video-takeover .description p.artist, .page-index-2 .splash.tidal-takeover.clmd-neverwanna-takeover .description p.artist {
          font: 3.23em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.clmd-neverwanna-video-takeover .description p.title, .page-index-2 .splash.tidal-takeover.clmd-neverwanna-takeover .description p.title {
          font: 1.27em/1 "nationale-demibold", sans-serif;
          margin-top: 20px; }
    .page-index-2 .splash.tidal-takeover.clmd-neverwanna-video-takeover .btn-wrapper .btn-new, .page-index-2 .splash.tidal-takeover.clmd-neverwanna-takeover .btn-wrapper .btn-new {
      letter-spacing: 0; }
  .page-index-2 .splash.tidal-takeover.clmd-neverwanna-video-takeover {
    background-image: url(/images/index2/promos/clmd/clmd-neverwanna-video-bg.8f54d03d.jpg); }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.clmd-neverwanna-video-takeover .description {
        font-size: 16px; } }
  .page-index-2 .splash.tidal-takeover.cnco-quiz-takeover {
    background: white;
    background: -moz-linear-gradient(top, white 0%, #4a0d67 100%);
    background: -webkit-linear-gradient(top, white 0%, #4a0d67 100%);
    background: linear-gradient(to bottom, white 0%, #4a0d67 100%);
    min-height: 85vh; }
    .page-index-2 .splash.tidal-takeover.cnco-quiz-takeover .cnco-logo {
      display: block;
      width: 90%;
      max-width: 450px;
      margin: 40px auto; }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.cnco-quiz-takeover .cnco-logo {
          margin-top: 20vh; } }
    .page-index-2 .splash.tidal-takeover.cnco-quiz-takeover .somethingsomething {
      font: 12px/1.5 "nationale-demibold", sans-serif;
      letter-spacing: 1px;
      margin-bottom: 10vh;
      max-width: 90%; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.cnco-quiz-takeover .somethingsomething {
          font-size: 16px; } }
  .page-index-2 .splash.tidal-takeover.fannylu-micolombia-takeover {
    background-image: url(/images/index2/promos/fannylu/fannylu-micolombia-bg.d9a61209.jpg); }
    .page-index-2 .splash.tidal-takeover.fannylu-micolombia-takeover .description {
      font-size: 40px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.fannylu-micolombia-takeover .description {
          font-size: 42px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.fannylu-micolombia-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.fannylu-micolombia-takeover .description p.artist {
          font: 1.4em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.abquintanilla-losmaeastros-takeover {
    background-image: url(/images/index2/promos/abquintanilla/abquintanilla-losmaestros-bg.830a96fc.jpg); }
    .page-index-2 .splash.tidal-takeover.abquintanilla-losmaeastros-takeover .description {
      font-size: 24px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.abquintanilla-losmaeastros-takeover .description {
          font-size: 30px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.abquintanilla-losmaeastros-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.abquintanilla-losmaeastros-takeover .description p.title {
          font: 1.2em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.mia2017-playlist-takeover {
    background-image: url(/images/index2/promos/mia2017/mia2017-playlist-bg.fbda1ebc.jpg); }
    .page-index-2 .splash.tidal-takeover.mia2017-playlist-takeover .description {
      font-size: 26px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.mia2017-playlist-takeover .description {
          font-size: 23px; } }
      .page-index-2 .splash.tidal-takeover.mia2017-playlist-takeover .description p {
        font: 1em/1.2 "nationale-bold", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.mia2017-playlist-takeover .description p span {
          display: block; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.mia2017-playlist-takeover .description p span {
              display: inline; } }
  .page-index-2 .splash.tidal-takeover.faithandbiggie-thekingandi-takeover {
    background-image: url(/images/index2/promos/notoriousbig/faithandbiggie-thekingandi-bg.8ff7b77e.jpg); }
    .page-index-2 .splash.tidal-takeover.faithandbiggie-thekingandi-takeover .description {
      font-size: 28px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.faithandbiggie-thekingandi-takeover .description {
          font-size: 42px; } }
      .page-index-2 .splash.tidal-takeover.faithandbiggie-thekingandi-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.faithandbiggie-thekingandi-takeover .description p.artist {
          font: 0.76em/1.2 "nationale-bold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.faithandbiggie-thekingandi-takeover.faithandbiggie-thekingandi-playlist-takeover {
      background-image: url(/images/index2/promos/notoriousbig/faithandbiggie-thekingandi-playlist-bg.c39b8f38.jpg); }
      .page-index-2 .splash.tidal-takeover.faithandbiggie-thekingandi-takeover.faithandbiggie-thekingandi-playlist-takeover p.artist {
        font: 1.4em/1.2 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.faithandbiggie-whenweparty-takeover {
    background-image: url(/images/index2/promos/notoriousbig/faithandbiggie-whenweparty-bg.4df58749.jpg); }
    .page-index-2 .splash.tidal-takeover.faithandbiggie-whenweparty-takeover .description {
      font-size: 24px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.faithandbiggie-whenweparty-takeover .description {
          font-size: 34px; } }
      .page-index-2 .splash.tidal-takeover.faithandbiggie-whenweparty-takeover .description p {
        font: 1em/1 "nationale-bold", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.faithandbiggie-whenweparty-takeover .description p.artist {
          font-size: 0.76em;
          line-height: 1.2;
          margin-bottom: 20px; }
          .page-index-2 .splash.tidal-takeover.faithandbiggie-whenweparty-takeover .description p.artist .first {
            font-size: 2em;
            line-height: 1; }
          .page-index-2 .splash.tidal-takeover.faithandbiggie-whenweparty-takeover .description p.artist .second {
            line-height: 1.6; }
          .page-index-2 .splash.tidal-takeover.faithandbiggie-whenweparty-takeover .description p.artist .featuring {
            font-family: "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.shakira-nada-takeover {
    background-image: url(/images/index2/promos/shakira/shakira-nada-bg.2efdf70d.jpg); }
    .page-index-2 .splash.tidal-takeover.shakira-nada-takeover .description {
      font-size: 38px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.shakira-nada-takeover .description {
          font-size: 48px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.shakira-nada-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.shakira-nada-takeover .description p.artist {
          font: 1.48em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.norwegian-offer-takeover {
    background-image: url(/images/campaigns/theresasongforthat/05_offer_img.0c99b447.jpg); }
    @media screen and (min-width: 1025px) {
      .page-index-2 .splash.tidal-takeover.norwegian-offer-takeover {
        background-attachment: fixed; } }
    .page-index-2 .splash.tidal-takeover.norwegian-offer-takeover .takeover-description {
      padding: 6% 0; }
      @media screen and (min-width: 1025px) {
        .page-index-2 .splash.tidal-takeover.norwegian-offer-takeover .takeover-description {
          padding: 10% 0;
          background-attachment: fixed; } }
      .page-index-2 .splash.tidal-takeover.norwegian-offer-takeover .takeover-description p {
        max-width: none; }
        .page-index-2 .splash.tidal-takeover.norwegian-offer-takeover .takeover-description p.title {
          font-size: 2.25em;
          font-family: "nationale-bold", sans-serif;
          line-height: 1.1275em;
          margin: 0; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.norwegian-offer-takeover .takeover-description p.title {
              font-size: 3em; } }
        .page-index-2 .splash.tidal-takeover.norwegian-offer-takeover .takeover-description p.text {
          margin-bottom: 0;
          line-height: 1.5em; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.norwegian-offer-takeover .takeover-description p.text {
              font-size: 1.1275em; } }
    .page-index-2 .splash.tidal-takeover.norwegian-offer-takeover .cta-wrapper .cta-btn {
      letter-spacing: 0; }
  .page-index-2 .splash.tidal-takeover.hiphopimprov-fatjoe-takeover {
    background-image: url(/images/index2/promos/hiphopimprov/hiphopimprov-fatjoe-bg.e38f2953.jpg); }
    .page-index-2 .splash.tidal-takeover.hiphopimprov-fatjoe-takeover .description {
      font-size: 28px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.hiphopimprov-fatjoe-takeover .description {
          font-size: 34px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.hiphopimprov-fatjoe-takeover .description p {
        font: 1em/1 "nationale-demibold", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.hiphopimprov-fatjoe-takeover .description p.artist {
          font-family: "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.hiphopimprov-donnellrawlings-takeover {
    background-image: url(/images/index2/promos/hiphopimprov/hiphopimprov-donnellrawlings-bg.cff2ed70.jpg); }
    .page-index-2 .splash.tidal-takeover.hiphopimprov-donnellrawlings-takeover .description {
      font-size: 24px;
      letter-spacing: 2px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.hiphopimprov-donnellrawlings-takeover .description {
          font-size: 34px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.hiphopimprov-donnellrawlings-takeover .description p {
        font: 1em/1 "nationale-demibold", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.hiphopimprov-donnellrawlings-takeover .description p.artist {
          font-family: "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.beachhouse-essentials-takeover {
    background-image: url(/images/index2/promos/beachhouse/beachhouse-essentials-bg.a594ffd8.jpg); }
    .page-index-2 .splash.tidal-takeover.beachhouse-essentials-takeover .description {
      font-size: 34px;
      letter-spacing: 2px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.beachhouse-essentials-takeover .description {
          font-size: 22px; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.beachhouse-essentials-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.beachhouse-essentials-takeover .description p {
        font: 1em/1 "nationale-bold", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
  .page-index-2 .splash.tidal-takeover.romans-happylove-takeover {
    background-image: url(/images/index2/promos/romans/romans-happylove-bg.a377b60c.jpg); }
    .page-index-2 .splash.tidal-takeover.romans-happylove-takeover .description {
      font-size: 42px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.romans-happylove-takeover .description {
          font-size: 48px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.romans-happylove-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.romans-happylove-takeover .description p.artist {
          font: 1.4em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.mlh-nas-tour-announce-takeover {
    background-image: url(/images/index2/promos/laurynhill/mlh-nas-tour-announce-bg.60a140b3.jpg);
    min-height: 85vh; }
    .page-index-2 .splash.tidal-takeover.mlh-nas-tour-announce-takeover img {
      display: block;
      margin-left: auto;
      margin-right: auto; }
      .page-index-2 .splash.tidal-takeover.mlh-nas-tour-announce-takeover img.img-h1 {
        width: 90%;
        max-width: 600px; }
        @media (min-width: 1400px) {
          .page-index-2 .splash.tidal-takeover.mlh-nas-tour-announce-takeover img.img-h1 {
            margin-top: 20vh; } }
        @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
          .page-index-2 .splash.tidal-takeover.mlh-nas-tour-announce-takeover img.img-h1 {
            margin-top: 15vh; } }
        @media (max-width: 767px) {
          .page-index-2 .splash.tidal-takeover.mlh-nas-tour-announce-takeover img.img-h1 {
            margin-top: 15vh; } }
      .page-index-2 .splash.tidal-takeover.mlh-nas-tour-announce-takeover img.img-h2 {
        margin-top: 10vh;
        margin-bottom: 10vh;
        max-width: 90%; }
    .page-index-2 .splash.tidal-takeover.mlh-nas-tour-announce-takeover .cta-wrapper .cta-btn {
      background-color: transparent;
      color: #000;
      border-color: #000; }
      .page-index-2 .splash.tidal-takeover.mlh-nas-tour-announce-takeover .cta-wrapper .cta-btn.cta-btn--solid {
        background-color: #000;
        color: #fff; }
  .page-index-2 .splash.tidal-takeover.meekmill-whateveryouneed-takeover {
    background-image: url(/images/index2/promos/meekmill/meekmill-whateveryouneed-bg.44ef87b1.jpg); }
    .page-index-2 .splash.tidal-takeover.meekmill-whateveryouneed-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.meekmill-whateveryouneed-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.meekmill-whateveryouneed-takeover .description p {
        font: 1em/1 "nationale-bold", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.meekmill-whateveryouneed-takeover .description p.artist {
          font: 2em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.meekmill-whateveryouneed-takeover .description p.featuring {
          font-family: "nationale-demibold", sans-serif;
          margin-bottom: 20px; }
  .page-index-2 .splash.tidal-takeover.yandel-mireligion-bts-takeover {
    background-image: url(/images/index2/promos/yandel/yandel-mireligion-bts-bg.c007a9f2.jpg); }
    .page-index-2 .splash.tidal-takeover.yandel-mireligion-bts-takeover .description {
      font-size: 28px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.yandel-mireligion-bts-takeover .description {
          font-size: 34px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.yandel-mireligion-bts-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.yandel-mireligion-bts-takeover .description p.artist {
          font: 1.5em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.yandel-mireligion-bts-takeover .description p.bts {
          font-size: 0.8em; }
  .page-index-2 .splash.tidal-takeover.damianmarley-medication-video-takeover {
    background-image: url(/images/index2/promos/damianmarley/damianmarley-medication-video-bg.21b1d433.jpg); }
    .page-index-2 .splash.tidal-takeover.damianmarley-medication-video-takeover .description {
      font-size: 20px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.damianmarley-medication-video-takeover .description {
          font-size: 26px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.damianmarley-medication-video-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.damianmarley-medication-video-takeover .description p.artist {
          font: 1.43em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.damianmarley-medication-video-takeover .description p.title {
          font: 1.38em/1 "nationale-demibold", sans-serif;
          margin-top: 20px; }
  .page-index-2 .splash.tidal-takeover.embed-matrix {
    padding-left: 10px;
    padding-right: 10px;
    background-color: #232323; }
    .page-index-2 .splash.tidal-takeover.embed-matrix .header p {
      text-transform: uppercase;
      color: #00bf00;
      font-size: 22px;
      letter-spacing: 3px;
      margin-bottom: 10px; }
    .page-index-2 .splash.tidal-takeover.embed-matrix .header img {
      width: 90%;
      max-width: 400px;
      display: block;
      margin: 0 auto 40px; }
    .page-index-2 .splash.tidal-takeover.embed-matrix .main-wrapper {
      max-width: 800px;
      margin: auto; }
      .page-index-2 .splash.tidal-takeover.embed-matrix .main-wrapper .title {
        display: block;
        width: 100%;
        margin-bottom: 40px; }
      .page-index-2 .splash.tidal-takeover.embed-matrix .main-wrapper .tidal-embed {
        width: 100%; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.embed-matrix .main-wrapper .title,
        .page-index-2 .splash.tidal-takeover.embed-matrix .main-wrapper .tidal-embed {
          width: 99%; } }
    .page-index-2 .splash.tidal-takeover.embed-matrix .wrapper-thumbs {
      margin-top: 10px; }
      .page-index-2 .splash.tidal-takeover.embed-matrix .wrapper-thumbs img {
        display: block;
        box-sizing: border-box;
        float: left;
        width: 50%;
        position: relative;
        z-index: 1;
        border: 1px solid #232323;
        transition: all 0.3s ease-in;
        outline: none; }
        .page-index-2 .splash.tidal-takeover.embed-matrix .wrapper-thumbs img.active, .page-index-2 .splash.tidal-takeover.embed-matrix .wrapper-thumbs img.active:hover {
          border: 1px solid rgba(255, 255, 255, 0.4);
          cursor: default; }
        .page-index-2 .splash.tidal-takeover.embed-matrix .wrapper-thumbs img:hover:not(.not-available):not(.active) {
          cursor: pointer;
          border: 1px dashed rgba(255, 255, 255, 0.4); }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.embed-matrix .wrapper-thumbs img {
            width: 33%; } }
    .page-index-2 .splash.tidal-takeover.embed-matrix.embed-matrix-damian-marley {
      background: #232323;
      background: -moz-linear-gradient(top, black 0%, #232323 20%);
      background: -webkit-linear-gradient(top, black 0%, #232323 20%);
      background: linear-gradient(to bottom, black 0%, #232323 20%); }
      .page-index-2 .splash.tidal-takeover.embed-matrix.embed-matrix-damian-marley .tidal-embed {
        box-shadow: 0 0 50px rgba(0, 191, 0, 0.1); }
  .page-index-2 .splash.tidal-takeover.delasoul-drawn-takeover {
    background-image: url(/images/index2/promos/delasoul/delasoul-drawn-bg.7dd0e148.jpg); }
    .page-index-2 .splash.tidal-takeover.delasoul-drawn-takeover .description {
      font-size: 26px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.delasoul-drawn-takeover .description {
          font-size: 38px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.delasoul-drawn-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.delasoul-drawn-takeover .description p.artist {
          font: 1.28em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.arianagrande-somewhere-takeover {
    background-image: url(/images/index2/promos/arianagrande/arianagrande-somewhere-bg.ea46dbe6.jpg); }
    .page-index-2 .splash.tidal-takeover.arianagrande-somewhere-takeover .description {
      font-size: 14px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.arianagrande-somewhere-takeover .description {
          font-size: 22px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.arianagrande-somewhere-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.arianagrande-somewhere-takeover .description p.artist {
          font: 2.2em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.arianagrande-somewhere-takeover .description p.title {
          font-family: "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.arianagrande-somewhere-takeover .description p.info {
          margin-top: 20px;
          line-height: 1.3;
          text-transform: none;
          letter-spacing: 0.5px; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.arianagrande-somewhere-takeover .description p.info {
              font-size: 0.77em; } }
  .page-index-2 .splash.tidal-takeover.djkhaled-tothemax-takeover {
    background-image: url(/images/index2/promos/djkhaled/djkhaled-tothemax-bg.6f9bae60.jpg); }
    .page-index-2 .splash.tidal-takeover.djkhaled-tothemax-takeover .description {
      font-size: 32px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.djkhaled-tothemax-takeover .description {
          font-size: 42px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.djkhaled-tothemax-takeover .description p {
        font: 1em/1 "nationale-demibold", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.djkhaled-tothemax-takeover .description p.artist {
          font: 1.36em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.djkhaled-tothemax-takeover .description p.feat {
          font: 1.2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
          margin-bottom: 20px; }
  .page-index-2 .splash.tidal-takeover.themeadows-dayone-takeover {
    background-image: url(/images/index2/promos/themeadows/themeadows-dayone-bg.350b0e5d.jpg); }
    .page-index-2 .splash.tidal-takeover.themeadows-dayone-takeover .description {
      font-size: 26px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.themeadows-dayone-takeover .description {
          font-size: 38px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.themeadows-dayone-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.themeadows-dayone-takeover .description p.artist {
          font: 1.3em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.songhoyblues-bamako-takeover {
    background-image: url(/images/index2/promos/songhoyblues/songhoyblues-bamako-bg.aed0041d.jpg); }
    .page-index-2 .splash.tidal-takeover.songhoyblues-bamako-takeover .description {
      font-size: 24px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.songhoyblues-bamako-takeover .description {
          font-size: 30px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.songhoyblues-bamako-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.songhoyblues-bamako-takeover .description p.artist {
          font: 1.2em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.meek-gotti-aaotour-ticket-takeover {
    background-image: url(/images/index2/promos/meekmill/meekmill-yogotti-aaotour-bg.a362f2ab.jpg); }
    .page-index-2 .splash.tidal-takeover.meek-gotti-aaotour-ticket-takeover img.top {
      display: block;
      max-width: 280px;
      margin: 0 auto; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.meek-gotti-aaotour-ticket-takeover img.top {
          max-width: 380px; } }
    .page-index-2 .splash.tidal-takeover.meek-gotti-aaotour-ticket-takeover .wrap-text {
      max-width: 800px;
      margin: auto;
      font-size: 12px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.meek-gotti-aaotour-ticket-takeover .wrap-text {
          font-size: 18px; } }
      .page-index-2 .splash.tidal-takeover.meek-gotti-aaotour-ticket-takeover .wrap-text p {
        font: 1em/1.3 "nationale-demibold", sans-serif;
        text-transform: uppercase;
        margin: 0 auto 20px;
        max-width: 100%;
        width: 100%; }
        .page-index-2 .splash.tidal-takeover.meek-gotti-aaotour-ticket-takeover .wrap-text p.top {
          font-family: "nationale-bold", sans-serif;
          font-size: 2em;
          margin-top: 20px;
          letter-spacing: 3px; }
          .page-index-2 .splash.tidal-takeover.meek-gotti-aaotour-ticket-takeover .wrap-text p.top .light {
            font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
            display: block;
            font-size: 0.7em; }
            @media (min-width: 768px) {
              .page-index-2 .splash.tidal-takeover.meek-gotti-aaotour-ticket-takeover .wrap-text p.top .light {
                display: inline;
                font-size: inherit; } }
        .page-index-2 .splash.tidal-takeover.meek-gotti-aaotour-ticket-takeover .wrap-text p.enter {
          font-size: 1em;
          max-width: 300px; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.meek-gotti-aaotour-ticket-takeover .wrap-text p.enter {
              max-width: 60%; } }
        .page-index-2 .splash.tidal-takeover.meek-gotti-aaotour-ticket-takeover .wrap-text p.hashtag {
          letter-spacing: 2px; }
  .page-index-2 .splash.tidal-takeover.imaginedragons-believer-takeover {
    background-image: url(/images/index2/promos/kaskade/imaginedragons-believer-bg.be037961.jpg); }
    .page-index-2 .splash.tidal-takeover.imaginedragons-believer-takeover .description {
      font-size: 18px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.imaginedragons-believer-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.imaginedragons-believer-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.imaginedragons-believer-takeover .description p.artist {
          font: 1.45em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.christiannodal-probablemente-takeover {
    background-image: url(/images/index2/promos/christiannodal/christiannodal-probablemente-bg.eb7527ec.jpg); }
    .page-index-2 .splash.tidal-takeover.christiannodal-probablemente-takeover .description {
      font-size: 26px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.christiannodal-probablemente-takeover .description {
          font-size: 36px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.christiannodal-probablemente-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.christiannodal-probablemente-takeover .description p.artist {
          font: 1.05em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.christiannodal-probablemente-takeover .description p.title {
          font: 0.89em/1 "nationale-demibold", sans-serif;
          margin-top: 20px; }
  .page-index-2 .splash.tidal-takeover.rihanna-desperadoremixes-takeover {
    background-image: url(/images/index2/promos/rihanna/rihanna-posedance-bg.39b937cd.jpg); }
    .page-index-2 .splash.tidal-takeover.rihanna-desperadoremixes-takeover .description {
      font-size: 16px;
      letter-spacing: 2px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.rihanna-desperadoremixes-takeover .description {
          font-size: 18px; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.rihanna-desperadoremixes-takeover .description {
          font-size: 24px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.rihanna-desperadoremixes-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.rihanna-desperadoremixes-takeover .description p.artist {
          font: 1.6em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.indochine-lavieestbelle-takeover {
    background-image: url(/images/index2/promos/indochine/indochine-lavieestbelle-bg.77f63ff3.jpg); }
    .page-index-2 .splash.tidal-takeover.indochine-lavieestbelle-takeover .description {
      font-size: 30px;
      letter-spacing: 3px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.indochine-lavieestbelle-takeover .description {
          font-size: 34px; } }
      .page-index-2 .splash.tidal-takeover.indochine-lavieestbelle-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.indochine-lavieestbelle-takeover .description p.artist {
          font: 1.51em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.sebastianyatra-devuelveme-takeover {
    background-image: url(/images/index2/promos/sebastianyatra/sebastianyatra-devuelveme-bg.fadafbe9.jpg); }
    .page-index-2 .splash.tidal-takeover.sebastianyatra-devuelveme-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.sebastianyatra-devuelveme-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.sebastianyatra-devuelveme-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.sebastianyatra-devuelveme-takeover .description p.artist {
          font: 1.49em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.neishaneshae-imagocrazy-takeover {
    background-image: url(/images/index2/promos/neishaneshae/neishaneshae-imagocrazy-bg.60780e66.jpg); }
    .page-index-2 .splash.tidal-takeover.neishaneshae-imagocrazy-takeover .description {
      font-size: 26px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.neishaneshae-imagocrazy-takeover .description {
          font-size: 32px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.neishaneshae-imagocrazy-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.neishaneshae-imagocrazy-takeover .description p.artist {
          font: 1.2em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.gerardoortiz-recordando-takeover {
    background-image: url(/images/index2/promos/gerardoortiz/gerardoortiz-recordando-bg.6bfd71f9.jpg); }
    .page-index-2 .splash.tidal-takeover.gerardoortiz-recordando-takeover .description {
      font-size: 20px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.gerardoortiz-recordando-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.gerardoortiz-recordando-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.gerardoortiz-recordando-takeover .description p.artist {
          font: 1.58em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.jaxjones-instruction-takeover {
    background-image: url(/images/index2/promos/jaxjones/jaxjones-instruction-bg.d5c91bd9.jpg); }
    .page-index-2 .splash.tidal-takeover.jaxjones-instruction-takeover .description {
      font-size: 20px;
      letter-spacing: 2px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.jaxjones-instruction-takeover .description {
          font-size: 24px; } }
      .page-index-2 .splash.tidal-takeover.jaxjones-instruction-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.jaxjones-instruction-takeover .description p.artist {
          font: 2.15em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.jaxjones-instruction-takeover .description p.title {
          font: 1.77em/1 "nationale-demibold", sans-serif;
          margin-top: 20px; }
  .page-index-2 .splash.tidal-takeover.bigboi-boomiverse-takeover {
    background-image: url(/images/index2/promos/bigboi/bigboi-boomiverse-bg.526dd7c2.jpg); }
    .page-index-2 .splash.tidal-takeover.bigboi-boomiverse-takeover .description {
      font-size: 38px;
      letter-spacing: 3px; }
      .page-index-2 .splash.tidal-takeover.bigboi-boomiverse-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.bigboi-boomiverse-takeover .description p.artist {
          font: 1.78em/1 "nationale-bold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.bigboi-boomiverse-takeover .btn-wrapper {
      max-width: 280px; }
  .page-index-2 .splash.tidal-takeover.twochainz-prettygirls-takeover {
    background-image: url(/images/index2/promos/2chains/2chainz-prettgirls-bg.9dfa5b91.jpg); }
    .page-index-2 .splash.tidal-takeover.twochainz-prettygirls-takeover .description {
      font-size: 16px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.twochainz-prettygirls-takeover .description {
          font-size: 22px; } }
      .page-index-2 .splash.tidal-takeover.twochainz-prettygirls-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.twochainz-prettygirls-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.victorialamala-siva-takeover {
    background-image: url(/images/index2/promos/victorialamala/victorialamala-siva-bg.be87688a.jpg); }
    .page-index-2 .splash.tidal-takeover.victorialamala-siva-takeover .description {
      font-size: 11px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.victorialamala-siva-takeover .description {
          font-size: 18px; } }
      .page-index-2 .splash.tidal-takeover.victorialamala-siva-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.victorialamala-siva-takeover .description p.artist {
          font: 2.4em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.haim-littleofyourlove-takeover {
    background-image: url(/images/index2/promos/haim/haim-rightnow-track-bg.07bb048b.jpg); }
    .page-index-2 .splash.tidal-takeover.haim-littleofyourlove-takeover .description {
      font-size: 18px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.haim-littleofyourlove-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.haim-littleofyourlove-takeover .description p {
        font: 1.25em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.haim-littleofyourlove-takeover .description p.artist {
          font: 3em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.nickjonas-remember-acoustic-takeover {
    background-image: url(/images/index2/promos/nickjonas/nickjonas-remember-acoustic-bg.a8c0f65d.jpg); }
    .page-index-2 .splash.tidal-takeover.nickjonas-remember-acoustic-takeover .description {
      font-size: 14px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.nickjonas-remember-acoustic-takeover .description {
          font-size: 22px; } }
      .page-index-2 .splash.tidal-takeover.nickjonas-remember-acoustic-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.nickjonas-remember-acoustic-takeover .description p.artist {
          font: 3.05em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.nickjonas-remember-acoustic-takeover .description p.title {
          font: 0.96em/1 "nationale-demibold", sans-serif;
          margin-top: 20px; }
  .page-index-2 .splash.tidal-takeover.arcadefire-creaturecomfort-takeover {
    background-image: url(/images/index2/promos/arcadefire/arcadefire-creaturecomfort-bg.eb702cdc.jpg); }
    .page-index-2 .splash.tidal-takeover.arcadefire-creaturecomfort-takeover .description {
      font-size: 24px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.arcadefire-creaturecomfort-takeover .description {
          font-size: 32px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.arcadefire-creaturecomfort-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.arcadefire-creaturecomfort-takeover .description p.artist {
          font: 1.64em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.damianmarley-roar-video-takeover {
    background-image: url(/images/index2/promos/damianmarley/damianmarley-roar-video-bg.98430513.jpg); }
    .page-index-2 .splash.tidal-takeover.damianmarley-roar-video-takeover .description {
      font-size: 30px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.damianmarley-roar-video-takeover .description {
          font-size: 40px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.damianmarley-roar-video-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.damianmarley-roar-video-takeover .description p.artist {
          font: 0.93em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.arcadefire-creaturecomfort-video-takeover {
    background-image: url(/images/index2/promos/arcadefire/arcadefire-creaturecomfort-video-bg.a5b6f228.jpg); }
    .page-index-2 .splash.tidal-takeover.arcadefire-creaturecomfort-video-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.arcadefire-creaturecomfort-video-takeover .description {
          font-size: 30px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.arcadefire-creaturecomfort-video-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.arcadefire-creaturecomfort-video-takeover .description p.artist {
          font: 1.64em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover-tile {
    padding: 0px 0px;
    background-color: #f1f1f1; }
    @media (max-width: 767px) {
      .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover-tile {
        padding-bottom: 20px; } }
    .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover-tile .description {
      text-align: center;
      padding-top: 20px;
      color: #000000;
      font-size: 18px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover-tile .description {
          font-size: 20px;
          padding-top: 120px; } }
      .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover-tile .description p.artist {
        color: #000000;
        font: 2.25em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover-tile .description p.title {
        color: #000000;
        font-family: "nationale", "nationale-regular", "Helvetica", sans-serif; }
      .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover-tile .description p.bold {
        color: #000000;
        font-family: "nationale-bold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover-tile .cta-wrapper {
      padding-top: 20px;
      max-width: 300px;
      margin: 0px auto !important; }
      .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover-tile .cta-wrapper .cta-btn {
        text-align: center;
        border-color: #000;
        color: #000; }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.rip-prodigy-takeover-tile .artist {
        margin-bottom: -5px; } }
  .page-index-2 .splash.tidal-takeover.haim-wantyouback-video-takeover {
    background-image: url(/images/index2/promos/haim/haim-wantyouback-video-bg.b366027b.jpg); }
    .page-index-2 .splash.tidal-takeover.haim-wantyouback-video-takeover .description {
      font-size: 30px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.haim-wantyouback-video-takeover .description {
          font-size: 34px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.haim-wantyouback-video-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.haim-wantyouback-video-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.luisfonsi-mipuertorico-takeover {
    background-image: url(/images/index2/promos/luisfonsi/luisfonsi-mipuertorico-bg.4c91d697.jpg); }
    .page-index-2 .splash.tidal-takeover.luisfonsi-mipuertorico-takeover .description {
      font-size: 32px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.luisfonsi-mipuertorico-takeover .description {
          font-size: 38px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.luisfonsi-mipuertorico-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.luisfonsi-mipuertorico-takeover .description p.artist {
          font: 1.51em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.kevingarrett-pullingmeunder-takeover {
    background-image: url(/images/index2/promos/kevingarrett/kevingarrett-pullingmeunder-bg.a5fa8560.jpg); }
    .page-index-2 .splash.tidal-takeover.kevingarrett-pullingmeunder-takeover .description {
      font-size: 20px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.kevingarrett-pullingmeunder-takeover .description {
          font-size: 26px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.kevingarrett-pullingmeunder-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.kevingarrett-pullingmeunder-takeover .description p.artist {
          font: 1.6em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.fruitxflowers-drugtax-takeover {
    background-image: url(/images/index2/promos/fruitxflowers/fruitxflowers-drugtax-bg.f477bb39.jpg); }
    .page-index-2 .splash.tidal-takeover.fruitxflowers-drugtax-takeover .description {
      font-size: 24px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.fruitxflowers-drugtax-takeover .description {
          font-size: 32px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.fruitxflowers-drugtax-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.fruitxflowers-drugtax-takeover .description p.artist {
          font: 1.2em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.elfantasma-micorridos-takeover {
    background-image: url(/images/index2/promos/elfantasma/elfantasma-micorridos-bg.372b143c.jpg); }
    .page-index-2 .splash.tidal-takeover.elfantasma-micorridos-takeover .description {
      font-size: 18px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.elfantasma-micorridos-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.elfantasma-micorridos-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.elfantasma-micorridos-takeover .description p.artist {
          font: 2em/1 "nationale-bold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.elfantasma-micorridos-takeover .btn-wrapper .btn-new {
      letter-spacing: 0.5px; }
  .page-index-2 .splash.tidal-takeover.hiphopimprov-maino-takeover {
    background-image: url(/images/index2/promos/hiphopimprov/hiphopimprov-maino-bg.ac21b2ad.jpg); }
  .page-index-2 .splash.tidal-takeover.gloriatrevi-respeto-takeover {
    background-image: url(/images/index2/promos/gloriatrevi/gloriatrevi-respeto-bg.15254553.jpg); }
    .page-index-2 .splash.tidal-takeover.gloriatrevi-respeto-takeover .description {
      font-size: 20px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.gloriatrevi-respeto-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.gloriatrevi-respeto-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.gloriatrevi-respeto-takeover .description p.artist {
          font: 1.82em/1 "nationale-bold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.gloriatrevi-respeto-takeover .btn-wrapper .btn-new {
      letter-spacing: 0.5px; }
  .page-index-2 .splash.tidal-takeover.hustlegang-game7-takeover {
    background-image: url(/images/index2/promos/hustlegang/hustlegang-game7-bg.303eb9f1.jpg); }
    .page-index-2 .splash.tidal-takeover.hustlegang-game7-takeover .description {
      font-size: 28px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.hustlegang-game7-takeover .description {
          font-size: 42px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.hustlegang-game7-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.hustlegang-game7-takeover .description p.artist {
          font: 1.2em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.hustlegang-game7-single-takeover {
    background-image: url(/images/index2/promos/hustlegang/hustlegang-game7-single-bg.cae4e570.jpg); }
    .page-index-2 .splash.tidal-takeover.hustlegang-game7-single-takeover .description p.artist {
      font-size: 1em; }
    .page-index-2 .splash.tidal-takeover.hustlegang-game7-single-takeover .description p.feat {
      font: 0.6em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
      letter-spacing: 0.5px;
      margin-bottom: 20px; }
  .page-index-2 .splash.tidal-takeover.sammus-qualified-video-takeover {
    background-image: url(/images/index2/promos/sammus/sammus-qualified-video-bg.97265ef4.jpg); }
    .page-index-2 .splash.tidal-takeover.sammus-qualified-video-takeover .description {
      font-size: 50px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.sammus-qualified-video-takeover .description {
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.sammus-qualified-video-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.sammus-qualified-video-takeover .description p.artist {
          font: 1.17em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.rombai-laprevia-takeover {
    background-image: url(/images/index2/promos/rombai/rombai-laprevia-bg.5824f195.jpg); }
    .page-index-2 .splash.tidal-takeover.rombai-laprevia-takeover .description {
      font-size: 28px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.rombai-laprevia-takeover .description {
          font-size: 38px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.rombai-laprevia-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.rombai-laprevia-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.bhf17-vod2017-takeover {
    background-image: url(/images/index2/promos/bhf17/bhf17-vod2017-bg.28e6d449.jpg); }
  .page-index-2 .splash.tidal-takeover.smino-netflixdusse-video-takeover {
    background-image: url(/images/index2/promos/smino/smino-netflixdusse-video-bg.dc335bf9.jpg); }
    .page-index-2 .splash.tidal-takeover.smino-netflixdusse-video-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.smino-netflixdusse-video-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.smino-netflixdusse-video-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.smino-netflixdusse-video-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.passionpit-tremendousseaoflove-takeover {
    background-image: url(/images/index2/promos/passionpit/passionpit-tremendousseaoflove-bg.930240c6.jpg); }
    .page-index-2 .splash.tidal-takeover.passionpit-tremendousseaoflove-takeover .description {
      font-size: 18px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.passionpit-tremendousseaoflove-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.passionpit-tremendousseaoflove-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.passionpit-tremendousseaoflove-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.passionpit-tremendousseaoflove-takeover .description p.title {
          font: 1em/1 "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.passionpit-tremendousseaoflove-takeover .description p.extra {
          font: 0.55em/1.5 "nationale", "nationale-regular", "Helvetica", sans-serif;
          margin-top: 20px;
          letter-spacing: 0.5px;
          text-transform: none;
          max-width: 450px; }
  .page-index-2 .splash.tidal-takeover.vicmensa-theautobiography-takeover {
    background-image: url(/images/index2/promos/vicmensa/vicmensa-autobiography-bg.a4e93fe5.jpg); }
    .page-index-2 .splash.tidal-takeover.vicmensa-theautobiography-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.vicmensa-theautobiography-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.vicmensa-theautobiography-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.vicmensa-theautobiography-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.jadensmith-watchme-video-takeover {
    background-image: url(/images/index2/promos/jadensmith/jadensmith-watchme-video-bg.68effa41.jpg); }
    .page-index-2 .splash.tidal-takeover.jadensmith-watchme-video-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.jadensmith-watchme-video-takeover .description {
          font-size: 30px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.jadensmith-watchme-video-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.jadensmith-watchme-video-takeover .description p.artist {
          font: 1.6em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.hustlegang-donowrong-takeover {
    background-image: url(/images/index2/promos/hustlegang/hustlegang-donowrong-bg.0a000f72.jpg); }
    .page-index-2 .splash.tidal-takeover.hustlegang-donowrong-takeover .description {
      font-size: 16px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.hustlegang-donowrong-takeover .description {
          font-size: 26px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.hustlegang-donowrong-takeover .description p {
        font: 1em/1 "nationale-demibold", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.hustlegang-donowrong-takeover .description p.feat {
          font: 0.9em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
          letter-spacing: 0.5px;
          margin-bottom: 20px; }
        .page-index-2 .splash.tidal-takeover.hustlegang-donowrong-takeover .description p.artist {
          font: 2.2em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.mozartlapara-elorden-video-takeover {
    background-image: url(/images/index2/promos/mozartlapara/mozartlapara-elorden-video-bg.c1c8788b.jpg); }
    .page-index-2 .splash.tidal-takeover.mozartlapara-elorden-video-takeover .description {
      font-size: 28px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.mozartlapara-elorden-video-takeover .description {
          font-size: 36px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.mozartlapara-elorden-video-takeover .description p {
        font: 1.2em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.mozartlapara-elorden-video-takeover .description p.artist {
          font: 1em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.iansweet-dna-takeover {
    background-image: url(/images/index2/promos/iansweet/iansweet-dna-bg.0c821480.jpg); }
    .page-index-2 .splash.tidal-takeover.iansweet-dna-takeover .description {
      font-size: 32px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.iansweet-dna-takeover .description {
          font-size: 38px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.iansweet-dna-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.iansweet-dna-takeover .description p.artist {
          font: 1.4em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.carlosvives-robarte-takeover {
    background-image: url(/images/index2/promos/carlosvives/carlosvives-robarte-bg.065fb380.jpg); }
    .page-index-2 .splash.tidal-takeover.carlosvives-robarte-takeover .description {
      font-size: 20px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.carlosvives-robarte-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.carlosvives-robarte-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.carlosvives-robarte-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.carlosvives-robarte-takeover .description p.feat {
          font: 1em/1 "nationale-demibold", sans-serif;
          margin-bottom: 20px; }
  .page-index-2 .splash.tidal-takeover.carlosvives-pescaito-takeover {
    background-image: url(/images/index2/promos/carlosvives/carlosvives-pescaito-bg.15dd7f9f.jpg); }
    .page-index-2 .splash.tidal-takeover.carlosvives-pescaito-takeover .description .title {
      margin-top: 20px; }
  .page-index-2 .splash.tidal-takeover.carlosvives-orgullo-latinx-takeover {
    background-image: url(/images/index2/promos/carlosvives/carlosvives-orgullo-latinx-bg.1aa3f6e7.jpg); }
    .page-index-2 .splash.tidal-takeover.carlosvives-orgullo-latinx-takeover .description p.artist {
      font-size: 1.5em; }
    .page-index-2 .splash.tidal-takeover.carlosvives-orgullo-latinx-takeover .description .title {
      margin-top: 20px; }
  .page-index-2 .splash.tidal-takeover.jencarlos-duredure-takeover {
    background-image: url(/images/index2/promos/jencarlos/jencarlos-duredure-bg.3f32192a.jpg); }
    .page-index-2 .splash.tidal-takeover.jencarlos-duredure-takeover .description {
      font-size: 26px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.jencarlos-duredure-takeover .description {
          font-size: 34px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.jencarlos-duredure-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.jencarlos-duredure-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.jencarlos-duredure-takeover .description p.feat {
          font: 1.16em/1 "nationale-demibold", sans-serif;
          margin-bottom: 15px; }
  .page-index-2 .splash.tidal-takeover.casanova-theold50video-takeover {
    background-image: url(/images/index2/promos/casanova/casanova-theold50video-bg.2047c06d.jpg); }
    .page-index-2 .splash.tidal-takeover.casanova-theold50video-takeover .description {
      font-size: 26px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.casanova-theold50video-takeover .description {
          font-size: 32px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.casanova-theold50video-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.casanova-theold50video-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.sneaks-dna-takeover {
    background-image: url(/images/index2/promos/sneaks/sneaks-dna-bg.8ba64dee.jpg); }
    .page-index-2 .splash.tidal-takeover.sneaks-dna-takeover .description {
      font-size: 28px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.sneaks-dna-takeover .description {
          font-size: 36px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.sneaks-dna-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.sneaks-dna-takeover .description p.artist {
          font: 1.6em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.manolorose-pinkfur-takeover {
    background-image: url(/images/index2/promos/manolorose/manolorose-pinkfur-bg.46b1aaf3.jpg); }
    .page-index-2 .splash.tidal-takeover.manolorose-pinkfur-takeover .description {
      font-size: 26px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.manolorose-pinkfur-takeover .description {
          font-size: 36px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.manolorose-pinkfur-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.manolorose-pinkfur-takeover .description p.artist {
          font: 1.4em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.dnce-kissingstrangers-remix-takeover {
    background-image: url(/images/index2/promos/dnce/dnce-kissingstrangers-remix-bg.de922bb4.jpg); }
    .page-index-2 .splash.tidal-takeover.dnce-kissingstrangers-remix-takeover .description {
      font-size: 16px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.dnce-kissingstrangers-remix-takeover .description {
          font-size: 26px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.dnce-kissingstrangers-remix-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.dnce-kissingstrangers-remix-takeover .description p.artist {
          font: 1.6em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.dnce-kissingstrangers-remix-takeover .description p.feat {
          font: 1.66em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.farina-elproblema-takeover {
    background-image: url(/images/index2/promos/farina/farina-elproblema-bg.4c261ed5.jpg); }
    .page-index-2 .splash.tidal-takeover.farina-elproblema-takeover .description {
      font-size: 36px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.farina-elproblema-takeover .description {
          font-size: 48px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.farina-elproblema-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.farina-elproblema-takeover .description p.artist {
          font: 1.7em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.meekmill-winsandlosses-album-takeover {
    background-image: url(/images/index2/promos/meekmill/meekmill-winsandlosses-album-bg.f439cd21.jpg); }
    .page-index-2 .splash.tidal-takeover.meekmill-winsandlosses-album-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.meekmill-winsandlosses-album-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.meekmill-winsandlosses-album-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.meekmill-winsandlosses-album-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.karenrodriguez-theprocess-takeover.ep1 {
    background-image: url(/images/index2/promos/karenrodriguez/karenrodriguez-theprocess-ep01-bg.de741ea2.jpg); }
  .page-index-2 .splash.tidal-takeover.karenrodriguez-theprocess-takeover.ep2 {
    background-image: url(/images/index2/promos/karenrodriguez/karenrodriguez-theprocess-ep02-bg.66d2696c.jpg); }
  .page-index-2 .splash.tidal-takeover.karenrodriguez-theprocess-takeover.ep3 {
    background-image: url(/images/index2/promos/karenrodriguez/karenrodriguez-theprocess-ep03-bg.78ff9c16.jpg); }
  .page-index-2 .splash.tidal-takeover.karenrodriguez-theprocess-takeover.ep4 {
    background-image: url(/images/index2/promos/karenrodriguez/karenrodriguez-theprocess-ep04-bg.749b2c58.jpg); }
  .page-index-2 .splash.tidal-takeover.karenrodriguez-theprocess-takeover.ep5 {
    background-image: url(/images/index2/promos/karenrodriguez/karenrodriguez-theprocess-ep05-bg.41817a1e.jpg); }
  .page-index-2 .splash.tidal-takeover.karenrodriguez-theprocess-takeover.ep6 {
    background-image: url(/images/index2/promos/karenrodriguez/karenrodriguez-theprocess-ep06-bg.062a0657.jpg); }
  .page-index-2 .splash.tidal-takeover.karenrodriguez-theprocess-takeover .description {
    font-size: 18px;
    letter-spacing: 2px; }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.karenrodriguez-theprocess-takeover .description {
        font-size: 24px;
        letter-spacing: 3px; } }
    .page-index-2 .splash.tidal-takeover.karenrodriguez-theprocess-takeover .description p {
      font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
      text-transform: uppercase;
      margin: 0 0 10px; }
      .page-index-2 .splash.tidal-takeover.karenrodriguez-theprocess-takeover .description p.artist {
        font: 1.4em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.karenrodriguez-theprocess-takeover .description p.extra {
        font: 0.8em/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.samcoffey-judy-takeover {
    background-image: url(/images/index2/promos/samcoffey/samcoffey-judy-bg.9ae7465d.jpg); }
    .page-index-2 .splash.tidal-takeover.samcoffey-judy-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.samcoffey-judy-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.samcoffey-judy-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.samcoffey-judy-takeover .description p.artist {
          font: 1.2em/1.1em "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.samcoffey-judy-takeover .description p.title {
          font: 1.2em; }
  .page-index-2 .splash.tidal-takeover.faithevans-nyc-takeover {
    background-image: url(/images/index2/promos/faithevans/faithevans-nyc-bg.fdac92d7.jpg); }
    .page-index-2 .splash.tidal-takeover.faithevans-nyc-takeover .description {
      font-size: 14px;
      letter-spacing: 1px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.faithevans-nyc-takeover .description {
          font-size: 16px;
          letter-spacing: 2px; } }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.faithevans-nyc-takeover .description {
          font-size: 18px; } }
      .page-index-2 .splash.tidal-takeover.faithevans-nyc-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.faithevans-nyc-takeover .description p.artist {
          font: 2.85em/1 "nationale-bold", sans-serif;
          margin-bottom: 5px; }
        .page-index-2 .splash.tidal-takeover.faithevans-nyc-takeover .description p.biggie {
          font: 1.5em/1 "nationale-bold", sans-serif;
          margin: 5px auto; }
        .page-index-2 .splash.tidal-takeover.faithevans-nyc-takeover .description p.feat {
          font: 1.75em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
          margin-top: 5px; }
        .page-index-2 .splash.tidal-takeover.faithevans-nyc-takeover .description p.title {
          font: 3em/1 "nationale-demibold", sans-serif;
          margin-top: 20px; }
  .page-index-2 .splash.tidal-takeover.heartlights-youresocuteithurts-takeover {
    background-image: url(/images/index2/promos/heartlights/heartlights-youresocuteithurts-bg.4023c6c4.jpg); }
    .page-index-2 .splash.tidal-takeover.heartlights-youresocuteithurts-takeover .description {
      font-size: 14px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.heartlights-youresocuteithurts-takeover .description {
          font-size: 18px;
          letter-spacing: 3px; } }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.heartlights-youresocuteithurts-takeover .description {
          font-size: 22px; } }
      .page-index-2 .splash.tidal-takeover.heartlights-youresocuteithurts-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.heartlights-youresocuteithurts-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.lydialoveless-heavenremix-takeover {
    background-image: url(/images/index2/promos/lydialoveless/lydialoveless-heavenremixes-bg.7c6224f3.jpg); }
    .page-index-2 .splash.tidal-takeover.lydialoveless-heavenremix-takeover .description {
      font-size: 16px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.lydialoveless-heavenremix-takeover .description {
          font-size: 26px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.lydialoveless-heavenremix-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.lydialoveless-heavenremix-takeover .description p.artist {
          font: 1.91em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.todossomos-takeover.todossomos-feid-takeover {
    background-image: url(/images/index2/promos/todossomos/todossomos-feid-bg.195af8ca.jpg); }
  .page-index-2 .splash.tidal-takeover.todossomos-takeover.todossomos-beckyg-takeover {
    background-image: url(/images/index2/promos/todossomos/todossomos-beckyg-bg.a1dc198d.jpg); }
  .page-index-2 .splash.tidal-takeover.todossomos-takeover.todossomos-nacho-takeover {
    background-image: url(/images/index2/promos/todossomos/todossomos-nacho-bg.02a4985e.jpg); }
  .page-index-2 .splash.tidal-takeover.todossomos-takeover .description {
    font-size: 26px;
    letter-spacing: 2px; }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.todossomos-takeover .description {
        font-size: 36px;
        letter-spacing: 3px; } }
    .page-index-2 .splash.tidal-takeover.todossomos-takeover .description p {
      font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
      text-transform: uppercase;
      margin: 0 0 10px; }
      .page-index-2 .splash.tidal-takeover.todossomos-takeover .description p.title {
        font: 1.1em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.ckan-pipoli-diasdesol-takeover {
    background-image: url("/images/index2/promos/ckanpipo/ckanpipo-tidalxdias-bg.88c5e498.jpg");
    padding-top: 0;
    padding-bottom: 30px; }
    @media (min-width: 1400px) {
      .page-index-2 .splash.tidal-takeover.ckan-pipoli-diasdesol-takeover {
        background-size: 100% 100%; } }
    .page-index-2 .splash.tidal-takeover.ckan-pipoli-diasdesol-takeover .takeover-full p {
      text-transform: uppercase; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.ckan-pipoli-diasdesol-takeover .takeover-full p {
          max-width: 600px; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.ckan-pipoli-diasdesol-takeover .takeover-full p {
          max-width: 700px; } }
      .page-index-2 .splash.tidal-takeover.ckan-pipoli-diasdesol-takeover .takeover-full p.tidalx {
        font: 1.7em/1 "nationale-bold", sans-serif;
        margin: 5px auto; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.ckan-pipoli-diasdesol-takeover .takeover-full p.tidalx {
            font-size: 3em; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.ckan-pipoli-diasdesol-takeover .takeover-full p.tidalx {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.ckan-pipoli-diasdesol-takeover .takeover-full p.artist {
        font: 1.75em/1 "nationale-demibold", sans-serif;
        margin: 5px auto; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.ckan-pipoli-diasdesol-takeover .takeover-full p.artist {
            font-size: 2.5em; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.ckan-pipoli-diasdesol-takeover .takeover-full p.artist {
            font-size: 3em; } }
      .page-index-2 .splash.tidal-takeover.ckan-pipoli-diasdesol-takeover .takeover-full p.where, .page-index-2 .splash.tidal-takeover.ckan-pipoli-diasdesol-takeover .takeover-full p.livestream {
        font: 1.1em/1.5em "nationale-demibold", sans-serif;
        margin: 5px auto; }
        .page-index-2 .splash.tidal-takeover.ckan-pipoli-diasdesol-takeover .takeover-full p.where span.line-break, .page-index-2 .splash.tidal-takeover.ckan-pipoli-diasdesol-takeover .takeover-full p.livestream span.line-break {
          display: block; }
          @media (min-width: 768px) {
            .page-index-2 .splash.tidal-takeover.ckan-pipoli-diasdesol-takeover .takeover-full p.where span.line-break, .page-index-2 .splash.tidal-takeover.ckan-pipoli-diasdesol-takeover .takeover-full p.livestream span.line-break {
              display: inline; }
              .page-index-2 .splash.tidal-takeover.ckan-pipoli-diasdesol-takeover .takeover-full p.where span.line-break::before, .page-index-2 .splash.tidal-takeover.ckan-pipoli-diasdesol-takeover .takeover-full p.livestream span.line-break::before {
                content: "\00a0 \007C \00a0"; } }
        .page-index-2 .splash.tidal-takeover.ckan-pipoli-diasdesol-takeover .takeover-full p.where.spanish, .page-index-2 .splash.tidal-takeover.ckan-pipoli-diasdesol-takeover .takeover-full p.livestream.spanish {
          font-size: 0.9em; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.ckan-pipoli-diasdesol-takeover .takeover-full p.where, .page-index-2 .splash.tidal-takeover.ckan-pipoli-diasdesol-takeover .takeover-full p.livestream {
            font-size: 1.5em; }
            .page-index-2 .splash.tidal-takeover.ckan-pipoli-diasdesol-takeover .takeover-full p.where.spanish, .page-index-2 .splash.tidal-takeover.ckan-pipoli-diasdesol-takeover .takeover-full p.livestream.spanish {
              font-size: 1.5em; } }
      .page-index-2 .splash.tidal-takeover.ckan-pipoli-diasdesol-takeover .takeover-full p.where {
        padding-top: 30px; }
      .page-index-2 .splash.tidal-takeover.ckan-pipoli-diasdesol-takeover .takeover-full p.hashtag {
        font: 1.5em/1 "nationale-demibold", sans-serif;
        letter-spacing: 2px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.ckan-pipoli-diasdesol-takeover .takeover-full p.hashtag {
            margin: 30px auto; } }
    .page-index-2 .splash.tidal-takeover.ckan-pipoli-diasdesol-takeover hr.small-line {
      border: 0;
      height: 1px;
      background: #fff; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.ckan-pipoli-diasdesol-takeover hr.small-line:last-child {
          margin-bottom: 30px; } }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.ckan-pipoli-diasdesol-takeover hr.small-line {
          max-width: 600px; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.ckan-pipoli-diasdesol-takeover hr.small-line {
          max-width: 700px; } }
    .page-index-2 .splash.tidal-takeover.ckan-pipoli-diasdesol-takeover img.heading {
      display: block;
      margin: 0 auto;
      max-width: 100%;
      image-rendering: -webkit-optimize-contrast; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.ckan-pipoli-diasdesol-takeover img.heading {
          max-width: 500px; } }
  .page-index-2 .splash.tidal-takeover.cabas-forthecultura-takeover {
    background-image: url("/images/index2/promos/cabas/cabas-ftc-bg.2b84944a.jpg"); }
    .page-index-2 .splash.tidal-takeover.cabas-forthecultura-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.cabas-forthecultura-takeover .description p.artist {
        font: 4em/1 "nationale-bold", sans-serif;
        letter-spacing: 3px; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.cabas-forthecultura-takeover .description p.artist {
            font-size: 5.5em; } }
      .page-index-2 .splash.tidal-takeover.cabas-forthecultura-takeover .description p.title {
        font: 1.95em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.cabas-forthecultura-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.beckyg-forthecultura-takeover {
    background-image: url("/images/index2/promos/beckyg/beckyg-ftc-bg.0e53c19d.jpg"); }
    .page-index-2 .splash.tidal-takeover.beckyg-forthecultura-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.beckyg-forthecultura-takeover .description p.artist {
        font: 3.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.beckyg-forthecultura-takeover .description p.artist {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.beckyg-forthecultura-takeover .description p.title {
        font: 1.95em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.beckyg-forthecultura-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.ckan-forthecultura-takeover {
    background-image: url("/images/index2/promos/ckan/ckan-ftc-bg.3477cf8b.jpg"); }
    .page-index-2 .splash.tidal-takeover.ckan-forthecultura-takeover .description p {
      text-transform: uppercase;
      margin-left: 0; }
      .page-index-2 .splash.tidal-takeover.ckan-forthecultura-takeover .description p.artist {
        font: 3.5em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.ckan-forthecultura-takeover .description p.artist {
            font-size: 4em; } }
      .page-index-2 .splash.tidal-takeover.ckan-forthecultura-takeover .description p.title {
        font: 1.95em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.ckan-forthecultura-takeover .description p.title {
            font-size: 2.5em; } }
  .page-index-2 .splash.tidal-takeover.jencarlos-fiestadeverano-takeover {
    background-image: url(/images/index2/promos/jencarlos/jencarlos-fiestadeverano-bg.b8389774.jpg); }
    .page-index-2 .splash.tidal-takeover.jencarlos-fiestadeverano-takeover .description {
      font-size: 26px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.jencarlos-fiestadeverano-takeover .description {
          font-size: 34px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.jencarlos-fiestadeverano-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.jencarlos-fiestadeverano-takeover .description p.artist {
          font: 1.4em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.djselector-takeover {
    background-image: url(/images/djselector/djselector-welcomemat-bg.e3a2ee5b.jpg); }
    .page-index-2 .splash.tidal-takeover.djselector-takeover .djselector-header {
      display: block;
      margin: 0 auto;
      width: 90%;
      max-width: 700px; }
    .page-index-2 .splash.tidal-takeover.djselector-takeover .wrapper-names {
      width: 100%;
      margin: 40px auto 60px;
      letter-spacing: 1px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.djselector-takeover .wrapper-names {
          font-size: 22px; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.djselector-takeover .wrapper-names {
          font-size: 28px; } }
      .page-index-2 .splash.tidal-takeover.djselector-takeover .wrapper-names p {
        text-transform: uppercase;
        font: 1em/1 "nationale-bold", sans-serif; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.djselector-takeover .wrapper-names p {
            margin: 15px auto;
            display: block; } }
  .page-index-2 .splash.tidal-takeover.soulection-soundoftomorrow-takeover {
    background-image: url(/images/index2/promos/soulection/soulection-soundoftomorrow-bg.5c0fb0bf.jpg); }
    .page-index-2 .splash.tidal-takeover.soulection-soundoftomorrow-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.soulection-soundoftomorrow-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.soulection-soundoftomorrow-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.soulection-soundoftomorrow-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.abrahammateo-enrotacion-takeover {
    background-image: url(/images/index2/promos/abrahammateo/abrahammateo-enrotacion-bg.759ad8df.jpg); }
    .page-index-2 .splash.tidal-takeover.abrahammateo-enrotacion-takeover .description {
      font-size: 16px;
      letter-spacing: 1px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.abrahammateo-enrotacion-takeover .description {
          font-size: 22px;
          letter-spacing: 3px; } }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.abrahammateo-enrotacion-takeover .description {
          font-size: 28px; } }
      .page-index-2 .splash.tidal-takeover.abrahammateo-enrotacion-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.abrahammateo-enrotacion-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.nadiasirota-tessellatum-takeover {
    background-image: url(/images/index2/promos/nadiasirota/nadiasirota-tessellatum-bg.d594bc6a.jpg);
    background-position: center; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.nadiasirota-tessellatum-takeover {
        background-size: 75%; } }
    .page-index-2 .splash.tidal-takeover.nadiasirota-tessellatum-takeover .description {
      font-size: 20px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.nadiasirota-tessellatum-takeover .description {
          font-size: 28px;
          letter-spacing: 1px; } }
      .page-index-2 .splash.tidal-takeover.nadiasirota-tessellatum-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.nadiasirota-tessellatum-takeover .description p.artist {
          font: 0.8em/1.25em "nationale-bold", sans-serif; }
          @media (min-width: 1024px) {
            .page-index-2 .splash.tidal-takeover.nadiasirota-tessellatum-takeover .description p.artist {
              font-size: 0.85em; } }
          .page-index-2 .splash.tidal-takeover.nadiasirota-tessellatum-takeover .description p.artist span.line-break {
            display: block; }
            @media (min-width: 1024px) {
              .page-index-2 .splash.tidal-takeover.nadiasirota-tessellatum-takeover .description p.artist span.line-break {
                display: inline-block; }
                .page-index-2 .splash.tidal-takeover.nadiasirota-tessellatum-takeover .description p.artist span.line-break:first-child {
                  clear: left; }
                .page-index-2 .splash.tidal-takeover.nadiasirota-tessellatum-takeover .description p.artist span.line-break::after {
                  content: "\00a0"; } }
  .page-index-2 .splash.tidal-takeover.calibre50-corridodejuanito-takeover {
    background-image: url(/images/index2/promos/calibre50/calibre50-corridodejuanito-bg.5499a46b.jpg); }
    .page-index-2 .splash.tidal-takeover.calibre50-corridodejuanito-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.calibre50-corridodejuanito-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.calibre50-corridodejuanito-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.calibre50-corridodejuanito-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.yandel-explicale-takeover {
    background-image: url(/images/index2/promos/yandel/yandel-explicale-bg.a04c69e7.jpg); }
    .page-index-2 .splash.tidal-takeover.yandel-explicale-takeover .description {
      font-size: 28px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.yandel-explicale-takeover .description {
          font-size: 36px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.yandel-explicale-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.yandel-explicale-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.yandel-explicale-takeover .description p.title {
          margin-top: 20px;
          font: 1.4em/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.maluma-feliceslos4-takeover {
    background-image: url(/images/index2/promos/maluma/maluma-feliceslos4-bg.15a17343.jpg); }
    .page-index-2 .splash.tidal-takeover.maluma-feliceslos4-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.maluma-feliceslos4-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.maluma-feliceslos4-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.maluma-feliceslos4-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.maluma-feliceslos4-takeover .description p.title {
          margin-top: 20px;
          font: 1.4em/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.sneaks-future-takeover {
    background-image: url(/images/index2/promos/sneaks/sneaks-future-bg.301c777a.jpg); }
    .page-index-2 .splash.tidal-takeover.sneaks-future-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.sneaks-future-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.sneaks-future-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.sneaks-future-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.haim-littleofyourlove-remix-takeover {
    background-image: url(/images/index2/promos/haim/haim-littleofyourlove-remix-bg.6e6038f7.jpg); }
    .page-index-2 .splash.tidal-takeover.haim-littleofyourlove-remix-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.haim-littleofyourlove-remix-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.haim-littleofyourlove-remix-takeover .description p {
        font: 1em/1.3 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.haim-littleofyourlove-remix-takeover .description p.artist {
          font: 3em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.joeybadass-listen-takeover.joeybadass-allamerikkkanbadass-takeover {
    background-image: url(/images/index2/promos/joeybadass/joeybadass-allamerikkkan-bg.f30f34a9.jpg); }
  .page-index-2 .splash.tidal-takeover.joeybadass-listen-takeover.joeybadass-essentialsplaylist-takeover {
    background-image: url(/images/index2/promos/joeybadass/joeybadass-essentialsplaylist-bg.208f773f.jpg); }
  .page-index-2 .splash.tidal-takeover.joeybadass-listen-takeover .description {
    font-size: 14px;
    letter-spacing: 2px; }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.joeybadass-listen-takeover .description {
        font-size: 20px;
        letter-spacing: 3px; } }
    @media (min-width: 1400px) {
      .page-index-2 .splash.tidal-takeover.joeybadass-listen-takeover .description {
        font-size: 26px; } }
    .page-index-2 .splash.tidal-takeover.joeybadass-listen-takeover .description p {
      font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
      text-transform: uppercase;
      margin: 0 0 10px; }
      .page-index-2 .splash.tidal-takeover.joeybadass-listen-takeover .description p.artist {
        font: 1.8em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.joeybadass-listen-takeover .description p.title {
        letter-spacing: 0.5px; }
  .page-index-2 .splash.tidal-takeover.joeybadass-watch-takeover.joeybadass-temptation-takeover {
    background-image: url(/images/index2/promos/joeybadass/joeybadass-temptation-bg.6114aa3a.jpg); }
  .page-index-2 .splash.tidal-takeover.joeybadass-watch-takeover.joeybadass-temptation-bts-takeover {
    background-image: url(/images/index2/promos/joeybadass/joeybadass-temptation-bts-bg.23499ddd.jpg); }
  .page-index-2 .splash.tidal-takeover.joeybadass-watch-takeover .description {
    font-size: 14px;
    letter-spacing: 1px; }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.joeybadass-watch-takeover .description {
        font-size: 20px;
        letter-spacing: 3px; } }
    @media (min-width: 1400px) {
      .page-index-2 .splash.tidal-takeover.joeybadass-watch-takeover .description {
        font-size: 26px; } }
    .page-index-2 .splash.tidal-takeover.joeybadass-watch-takeover .description p {
      font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
      text-transform: uppercase;
      margin: 0 0 10px; }
      .page-index-2 .splash.tidal-takeover.joeybadass-watch-takeover .description p.artist {
        font: 1.8em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.joeybadass-watch-takeover .description p.title {
        letter-spacing: 0.5px; }
  .page-index-2 .splash.tidal-takeover.songhoyblues-yersiyadda-takeover {
    background-image: url(/images/index2/promos/songhoyblues/songhoyblues-yersiyadda-bg.58705334.jpg); }
    .page-index-2 .splash.tidal-takeover.songhoyblues-yersiyadda-takeover .description {
      font-size: 24px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.songhoyblues-yersiyadda-takeover .description {
          font-size: 30px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.songhoyblues-yersiyadda-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.songhoyblues-yersiyadda-takeover .description p.artist {
          font: 1.2em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.earlyriser-findmeforthewaltz-takeover {
    background-image: url(/images/index2/promos/earlyriser/earlyriser-findmeforthewaltz-bg.333bd75e.jpg); }
    .page-index-2 .splash.tidal-takeover.earlyriser-findmeforthewaltz-takeover .description {
      font-size: 18px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.earlyriser-findmeforthewaltz-takeover .description {
          font-size: 26px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.earlyriser-findmeforthewaltz-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.earlyriser-findmeforthewaltz-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.marama-despuesdelafiesta-takeover {
    background-image: url(/images/index2/promos/marama/marama-despuesdelafiesta-bg.1ff114b6.jpg); }
    .page-index-2 .splash.tidal-takeover.marama-despuesdelafiesta-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.marama-despuesdelafiesta-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.marama-despuesdelafiesta-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.marama-despuesdelafiesta-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.martinalapeligrosa-forthecultura-takeover {
    background-image: url(/images/index2/promos/martinalapeligrosa/martinalapeligrosa-forthecultura-bg.9fd74118.jpg); }
    .page-index-2 .splash.tidal-takeover.martinalapeligrosa-forthecultura-takeover .description {
      font-size: 18px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.martinalapeligrosa-forthecultura-takeover .description {
          font-size: 25px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.martinalapeligrosa-forthecultura-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.martinalapeligrosa-forthecultura-takeover .description p.artist {
          font: 1em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.jid-dvision-takeover {
    background-image: url(/images/index2/promos/jid/jid-dvision-bg.965af755.jpg); }
    .page-index-2 .splash.tidal-takeover.jid-dvision-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.jid-dvision-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.jid-dvision-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.jid-dvision-takeover .description p.artist {
          font: 1.2em/1.2 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.jid-theneverstory-takeover {
    background-image: url(/images/index2/promos/jid/jid-theneverstory-bg.7d580bbe.jpg); }
    .page-index-2 .splash.tidal-takeover.jid-theneverstory-takeover .description {
      font-size: 28px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.jid-theneverstory-takeover .description {
          font-size: 38px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.jid-theneverstory-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.jid-theneverstory-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.jid-neverseenshit-takeover {
    background-image: url(/images/index2/promos/jid/jid-neverseenshit-bg.be3bed42.jpg); }
    .page-index-2 .splash.tidal-takeover.jid-neverseenshit-takeover .wrapper-top {
      font-size: 16px;
      letter-spacing: 1px;
      margin-bottom: 40px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.jid-neverseenshit-takeover .wrapper-top {
          font-size: 26px;
          letter-spacing: 2px;
          margin-bottom: 60px; } }
      .page-index-2 .splash.tidal-takeover.jid-neverseenshit-takeover .wrapper-top p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        margin: 0 auto 20px;
        text-transform: uppercase; }
        .page-index-2 .splash.tidal-takeover.jid-neverseenshit-takeover .wrapper-top p.artist {
          font: 2em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.jid-neverseenshit-takeover .wrapper-top p.title {
          font: 1.6em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.jid-neverseenshit-takeover .wrapper-top p:last-child {
          margin-bottom: 0; }
    .page-index-2 .splash.tidal-takeover.jid-neverseenshit-takeover .wrapper-episodes {
      margin-bottom: 30px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.jid-neverseenshit-takeover .wrapper-episodes {
          margin-bottom: 40px; } }
      .page-index-2 .splash.tidal-takeover.jid-neverseenshit-takeover .wrapper-episodes > div {
        box-sizing: border-box;
        margin-bottom: 30px; }
        @media (min-width: 768px) {
          .page-index-2 .splash.tidal-takeover.jid-neverseenshit-takeover .wrapper-episodes > div {
            float: left;
            width: 32%;
            margin-left: 2%;
            margin-bottom: 0; }
            .page-index-2 .splash.tidal-takeover.jid-neverseenshit-takeover .wrapper-episodes > div:first-child {
              margin-left: 0; } }
        .page-index-2 .splash.tidal-takeover.jid-neverseenshit-takeover .wrapper-episodes > div p {
          text-align: center;
          font: 14px/1 "nationale-demibold", sans-serif;
          text-transform: uppercase; }
  .page-index-2 .splash.tidal-takeover.gametheory-nolove-takeover {
    background-image: url(/images/index2/promos/gametheory/gametheory-nolove-bg.39d83f93.jpg); }
    .page-index-2 .splash.tidal-takeover.gametheory-nolove-takeover .description {
      font-size: 20px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.gametheory-nolove-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.gametheory-nolove-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.gametheory-nolove-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.gametheory-nolove-takeover .description p.feat {
          font: 1.3em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.yandel-solomia-takeover {
    background-image: url(/images/index2/promos/yandel/yandel-explicale-bg.a04c69e7.jpg); }
    .page-index-2 .splash.tidal-takeover.yandel-solomia-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.yandel-solomia-takeover .description {
          font-size: 36px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.yandel-solomia-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.yandel-solomia-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.yandel-solomia-takeover .description p.feat {
          font: 1.2em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.albert06mozart-porti-takeover {
    background-image: url(/images/index2/promos/mozartlapara/mozart-porti-bg.0e612902.jpg); }
    .page-index-2 .splash.tidal-takeover.albert06mozart-porti-takeover .description {
      font-size: 24px;
      letter-spacing: 1px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.albert06mozart-porti-takeover .description {
          font-size: 28px; } }
      .page-index-2 .splash.tidal-takeover.albert06mozart-porti-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.albert06mozart-porti-takeover .description p.artist {
          font: 1em/1.2 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.asapferg-wherestarsareborn-takeover {
    background-image: url(/images/index2/promos/asapferg/asapferg-wherestarsareborn-bg.73240253.jpg); }
    .page-index-2 .splash.tidal-takeover.asapferg-wherestarsareborn-takeover .description {
      font-size: 18px;
      letter-spacing: 1px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.asapferg-wherestarsareborn-takeover .description {
          font-size: 24px;
          letter-spacing: 2px; } }
      .page-index-2 .splash.tidal-takeover.asapferg-wherestarsareborn-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.asapferg-wherestarsareborn-takeover .description p.artist {
          font: 1.2em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.yogotti-rakeitup-video-takeover {
    background-image: url(/images/index2/promos/yogotti/yogotti-rakeitup-video-bg.6a897241.jpg); }
    .page-index-2 .splash.tidal-takeover.yogotti-rakeitup-video-takeover .description {
      font-size: 22px;
      letter-spacing: 1px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.yogotti-rakeitup-video-takeover .description {
          font-size: 27px; } }
      .page-index-2 .splash.tidal-takeover.yogotti-rakeitup-video-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.yogotti-rakeitup-video-takeover .description p.artist {
          font: 1.2em/1.2 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.paperhaus-nanana-takeover {
    background-image: url(/images/index2/promos/paperhaus/paperhaus-nanana-bg.116fce15.jpg); }
    .page-index-2 .splash.tidal-takeover.paperhaus-nanana-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.paperhaus-nanana-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.paperhaus-nanana-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.paperhaus-nanana-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.ramondahammer-destroyers-takeover {
    background-image: url(/images/index2/promos/ramondahammer/ramondahammer-destroyers-bg.cba08faf.jpg); }
    .page-index-2 .splash.tidal-takeover.ramondahammer-destroyers-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.ramondahammer-destroyers-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.ramondahammer-destroyers-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.ramondahammer-destroyers-takeover .description p.artist {
          font: 1.1em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.demilovato-tellmeyouloveme-takeover {
    background-image: url(/images/index2/promos/demilovato/demilovato-tellmeyouloveme-bg.eb32433e.jpg); }
    .page-index-2 .splash.tidal-takeover.demilovato-tellmeyouloveme-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.demilovato-tellmeyouloveme-takeover .description {
          font-size: 30px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.demilovato-tellmeyouloveme-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.demilovato-tellmeyouloveme-takeover .description p.artist {
          font: 1.6em/1 "nationale-bold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.demilovato-tellmeyouloveme-takeover.dont-do-it p.title {
      font-size: 0.65em; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.demilovato-tellmeyouloveme-takeover.dont-do-it p.title {
          font-size: 0.695em; } }
  .page-index-2 .splash.tidal-takeover.belly-manlisten-takeover {
    background-image: url(/images/index2/promos/belly/belly-manlisten-bg.adddcd8b.jpg); }
    .page-index-2 .splash.tidal-takeover.belly-manlisten-takeover .description {
      font-size: 40px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.belly-manlisten-takeover .description {
          font-size: 46px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.belly-manlisten-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.belly-manlisten-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.pup-dna-takeover {
    background-image: url(/images/index2/promos/pup/pup-dna-bg.4aed3288.jpg); }
    .page-index-2 .splash.tidal-takeover.pup-dna-takeover .description {
      font-size: 32px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.pup-dna-takeover .description {
          font-size: 38px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.pup-dna-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.pup-dna-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.madonna-rebelhearttour-takeover {
    background-image: url(/images/index2/promos/madonna/madonna-livingforlove-bg.9f9f5c48.jpg); }
    .page-index-2 .splash.tidal-takeover.madonna-rebelhearttour-takeover .description {
      font-size: 28px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.madonna-rebelhearttour-takeover .description {
          font-size: 32px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.madonna-rebelhearttour-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.madonna-rebelhearttour-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.madonna-livingforlove-takeover {
    background-image: url(/images/index2/promos/madonna/madonna-livingforlove-bg.9f9f5c48.jpg); }
    .page-index-2 .splash.tidal-takeover.madonna-livingforlove-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.madonna-livingforlove-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.madonna-livingforlove-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.madonna-livingforlove-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.christiannodal-medejellevar-takeover {
    background-image: url(/images/index2/promos/christiannodal/christiannodal-medejellevar-bg.9a5961bf.jpg); }
    .page-index-2 .splash.tidal-takeover.christiannodal-medejellevar-takeover .description {
      font-size: 16px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.christiannodal-medejellevar-takeover .description {
          font-size: 24px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.christiannodal-medejellevar-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.christiannodal-medejellevar-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.udm-wastedland-takeover {
    background-image: url(/images/index2/promos/udm/udm-wastedland-bg.4228159d.jpg); }
    .page-index-2 .splash.tidal-takeover.udm-wastedland-takeover .description {
      font-size: 14px;
      letter-spacing: 1px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.udm-wastedland-takeover .description {
          font-size: 20px; } }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.udm-wastedland-takeover .description {
          font-size: 26px; } }
      .page-index-2 .splash.tidal-takeover.udm-wastedland-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.udm-wastedland-takeover .description p.artist {
          font: 1em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.tydollasign-soami-takeover {
    background-image: url(/images/index2/promos/tydollasign/tydollasign-soami-bg.baf61db4.jpg); }
    .page-index-2 .splash.tidal-takeover.tydollasign-soami-takeover .description {
      font-size: 18px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.tydollasign-soami-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.tydollasign-soami-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.tydollasign-soami-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.tydollasign-soami-takeover .description p.feat {
          font: 0.9em/1 "nationale-demibold", sans-serif;
          margin-bottom: 20px;
          letter-spacing: 0.5px; }
  .page-index-2 .splash.tidal-takeover.teegrizzley-beef-takeover {
    background-image: url(/images/index2/promos/teegrizzley/teegrizzley-beef-bg.77d392d9.jpg); }
    .page-index-2 .splash.tidal-takeover.teegrizzley-beef-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.teegrizzley-beef-takeover .description {
          font-size: 32px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.teegrizzley-beef-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.teegrizzley-beef-takeover .description p.artist {
          font: 1.4em/1.2 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.rapsody-youshouldknow-takeover {
    background-image: url(/images/index2/promos/rapsody/rapsody-youshouldknow-bg.6a7a2bb2.jpg); }
    .page-index-2 .splash.tidal-takeover.rapsody-youshouldknow-takeover .description {
      font-size: 18px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.rapsody-youshouldknow-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.rapsody-youshouldknow-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.rapsody-youshouldknow-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.rapsody-youshouldknow-takeover .description p.feat {
          font: 1.4em/1 "nationale-bold", sans-serif;
          letter-spacing: 1px; }
  .page-index-2 .splash.tidal-takeover.kaskade-redux002-takeover {
    background-image: url(/images/index2/promos/kaskade/kaskade-redux002-bg.67e5848c.jpg); }
    .page-index-2 .splash.tidal-takeover.kaskade-redux002-takeover .description {
      font-size: 28px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.kaskade-redux002-takeover .description {
          font-size: 34px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.kaskade-redux002-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.kaskade-redux002-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.haim-littleofyourlove-remixes-takeover {
    background-image: url(/images/index2/promos/haim/haim-littleofyourlove-remixes-bg.ce7e8d49.jpg); }
    .page-index-2 .splash.tidal-takeover.haim-littleofyourlove-remixes-takeover .description {
      font-size: 16px;
      letter-spacing: 1px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.haim-littleofyourlove-remixes-takeover .description {
          font-size: 26px; } }
      .page-index-2 .splash.tidal-takeover.haim-littleofyourlove-remixes-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.haim-littleofyourlove-remixes-takeover .description p.artist {
          font: 3em/1 "nationale-bold", sans-serif;
          letter-spacing: 3px; }
  .page-index-2 .splash.tidal-takeover.farruko-oscuridad-takeover {
    background-image: url(/images/index2/promos/farruko/farruko-oscuridad-bg.4709c7eb.jpg); }
    .page-index-2 .splash.tidal-takeover.farruko-oscuridad-takeover .description {
      font-size: 32px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.farruko-oscuridad-takeover .description {
          font-size: 48px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.farruko-oscuridad-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.farruko-oscuridad-takeover .description p.artist {
          font: 1.2em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.farruko-oscuridad-takeover .description p.title {
          font: 0.9em/1 "nationale-demibold", sans-serif;
          margin-top: 20px; }
  .page-index-2 .splash.tidal-takeover.fabolous-flipmode-remix-takeover {
    background-image: url(/images/index2/promos/fabolous/fabolous-flipmode-remix-bg.564d7783.jpg); }
    .page-index-2 .splash.tidal-takeover.fabolous-flipmode-remix-takeover .description {
      font-size: 22px;
      letter-spacing: 1px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.fabolous-flipmode-remix-takeover .description {
          font-size: 34px; } }
      .page-index-2 .splash.tidal-takeover.fabolous-flipmode-remix-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.fabolous-flipmode-remix-takeover .description p.artist {
          font: 0.66em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.mia2017-recaps-takeover .takeover-right > img {
    display: block;
    margin: 0 0 10px;
    max-width: 280px; }
  .page-index-2 .splash.tidal-takeover.mia2017-recaps-takeover .description {
    font-size: 22px;
    letter-spacing: 2px; }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.mia2017-recaps-takeover .description {
        font-size: 28px;
        letter-spacing: 3px; } }
    .page-index-2 .splash.tidal-takeover.mia2017-recaps-takeover .description p {
      font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
      text-transform: uppercase;
      margin: 0 0 10px; }
      .page-index-2 .splash.tidal-takeover.mia2017-recaps-takeover .description p.artist {
        font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.mia2017-recaps-takeover.mia2017-recaps-takeover-karenrodriguez .description p.artist {
    font-size: 1.15em; }
  .page-index-2 .splash.tidal-takeover.mia2017-recaps-takeover.mia2017-recaps-takeover-kodieshane .description p.artist {
    font-size: 1.6em; }
  .page-index-2 .splash.tidal-takeover.mia2017-recaps-takeover.mia2017-recaps-takeover-dirtysouth .description p.artist {
    font-size: 1.65em; }
  .page-index-2 .splash.tidal-takeover.mia2017-recaps-takeover.mia2017-recaps-takeover-carterwinter .description p.artist {
    font-size: 1.3em; }
  .page-index-2 .splash.tidal-takeover.mia2017-recaps-takeover.mia2017-recaps-takeover-tiwasavage .description p.artist {
    font-size: 1.6em; }
  .page-index-2 .splash.tidal-takeover.mia2017-recaps-takeover.mia2017-recaps-takeover-mozartlapara .description p.artist {
    font-size: 1.28em; }
  .page-index-2 .splash.tidal-takeover.mia2017-recaps-takeover.mia2017-recaps-takeover-downtownboys .description p.artist {
    font-size: 1.2em; }
  .page-index-2 .splash.tidal-takeover.mia2017-recaps-takeover.mia2017-recaps-takeover-jorjasmith .description p.artist {
    font-size: 1.7em; }
  .page-index-2 .splash.tidal-takeover.mia2017-recaps-takeover.mia2017-recaps-takeover-littledragon .description p.artist {
    font-size: 1.4em; }
  .page-index-2 .splash.tidal-takeover.mia2017-recaps-takeover.mia2017-recaps-takeover-runthejewels .description p.artist {
    font-size: 1.35em; }
  .page-index-2 .splash.tidal-takeover.mia2017-recaps-takeover.mia2017-recaps-takeover-thechainsmokers .description p.artist {
    font-size: 1em; }
  .page-index-2 .splash.tidal-takeover.mia2017-recaps-takeover.mia2017-recaps-takeover-maleekberry .description p.artist {
    font-size: 1.5em; }
  .page-index-2 .splash.tidal-takeover.mia2017-recaps-takeover.mia2017-recaps-takeover-greenvelvet .description p.artist {
    font-size: 1.55em; }
  .page-index-2 .splash.tidal-takeover.mia2017-recaps-takeover.mia2017-recaps-takeover-marshmello .description p.artist {
    font-size: 1.6em; }
  .page-index-2 .splash.tidal-takeover.mia2017-recaps-takeover.mia2017-recaps-takeover-londonondatrack .description p.artist {
    font-size: 1em;
    letter-spacing: 1px; }
  .page-index-2 .splash.tidal-takeover.mia2017-recaps-takeover.mia2017-recaps-takeover-aboogiewitdahoodie .description {
    font-size: 18px; }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.mia2017-recaps-takeover.mia2017-recaps-takeover-aboogiewitdahoodie .description {
        font-size: 26px; } }
    .page-index-2 .splash.tidal-takeover.mia2017-recaps-takeover.mia2017-recaps-takeover-aboogiewitdahoodie .description p.artist {
      font-size: 1em;
      letter-spacing: 1px; }
  .page-index-2 .splash.tidal-takeover.mia2017-recaps-takeover.mia2017-recaps-takeover-francisandthelights .description {
    font-size: 20px; }
    .page-index-2 .splash.tidal-takeover.mia2017-recaps-takeover.mia2017-recaps-takeover-francisandthelights .description p.artist {
      font-size: 1em;
      letter-spacing: 1px; }
  .page-index-2 .splash.tidal-takeover.mia2017-recaps-takeover.mia2017-recaps-takeover-recapday1 .description {
    font-size: 26px; }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.mia2017-recaps-takeover.mia2017-recaps-takeover-recapday1 .description {
        font-size: 34px; } }
  @media screen and (min-width: 500px) and (max-width: 1023px) {
    .page-index-2 .splash.tidal-takeover.mia2017-recaps-takeover.mia2017-recaps-takeover-recapday1 .takeover-right .btn-wrapper .btn-new {
      letter-spacing: 1px; } }
  .page-index-2 .splash.tidal-takeover.mia2017-recaps-takeover.mia2017-recaps-takeover-freedomstage1 .description {
    font-size: 20px; }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.mia2017-recaps-takeover.mia2017-recaps-takeover-freedomstage1 .description {
        font-size: 28px; } }
    .page-index-2 .splash.tidal-takeover.mia2017-recaps-takeover.mia2017-recaps-takeover-freedomstage1 .description p.artist {
      font-size: 1.34em; }
  .page-index-2 .splash.tidal-takeover.mia2017-recaps-takeover.mia2017-recaps-takeover-rocklibstage1 .description {
    font-size: 20px; }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.mia2017-recaps-takeover.mia2017-recaps-takeover-rocklibstage1 .description {
        font-size: 28px; } }
    .page-index-2 .splash.tidal-takeover.mia2017-recaps-takeover.mia2017-recaps-takeover-rocklibstage1 .description p.artist {
      font-size: 1.34em; }
    .page-index-2 .splash.tidal-takeover.mia2017-recaps-takeover.mia2017-recaps-takeover-rocklibstage1 .description p.title {
      font-size: 0.675em; }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.mia2017-recaps-takeover.mia2017-recaps-takeover-rocklibstage1 .description p.title {
          font-size: 0.85em; } }
  .page-index-2 .splash.tidal-takeover.pushat-dda-takeover {
    background-image: url(/images/index2/promos/pushat/dda-bg.e546bb1e.jpg); }
    .page-index-2 .splash.tidal-takeover.pushat-dda-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.pushat-dda-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.pushat-dda-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.pushat-dda-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.indochine-13-takeover {
    background-image: url(/images/index2/promos/indochine/indochine-13-bg.0bf6f9c1.jpg); }
    .page-index-2 .splash.tidal-takeover.indochine-13-takeover .description {
      font-size: 28px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.indochine-13-takeover .description {
          font-size: 36px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.indochine-13-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.indochine-13-takeover .description p.artist {
          font: 1.6em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.hustlegang-friends-takeover {
    background-image: url(/images/index2/promos/hustlegang/hustlegang-friends-bg.7cf66ff7.jpg); }
    .page-index-2 .splash.tidal-takeover.hustlegang-friends-takeover .description {
      font-size: 16px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.hustlegang-friends-takeover .description {
          letter-spacing: 1px; } }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.hustlegang-friends-takeover .description {
          font-size: 20px; } }
      .page-index-2 .splash.tidal-takeover.hustlegang-friends-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.hustlegang-friends-takeover .description p.artist {
          font: 1.4em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.hustlegang-friends-takeover .description p.feat {
          font: 1em/1.2 "nationale-demibold", sans-serif;
          margin-bottom: 20px;
          max-width: 420px; }
  .page-index-2 .splash.tidal-takeover.they-docu-takeover {
    background-image: url(/images/index2/promos/they/they-docu-bg.1d0e178f.jpg);
    background-position: center center; }
    .page-index-2 .splash.tidal-takeover.they-docu-takeover .description {
      font-size: 20px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.they-docu-takeover .description {
          font-size: 26px;
          letter-spacing: 3px; } }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.they-docu-takeover .description {
          font-size: 30px; } }
      .page-index-2 .splash.tidal-takeover.they-docu-takeover .description p {
        font: 1em/1.2 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.they-docu-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.they-docu-takeover.ep-two {
      background-image: url(/images/index2/promos/they/they-docu-bg-ep2.7c3521eb.jpg); }
    .page-index-2 .splash.tidal-takeover.they-docu-takeover.ep-three {
      background-image: url(/images/index2/promos/they/they-docu-bg-ep3.8b2dd57c.jpg); }
    .page-index-2 .splash.tidal-takeover.they-docu-takeover.ep-four {
      background-image: url(/images/index2/promos/they/they-docu-bg-ep4.548476a3.jpg); }
  .page-index-2 .splash.tidal-takeover.goldlink-asiatour-takeover {
    background-image: url(/images/index2/promos/goldlink/goldlink-asiatour-bg.cc8a66fd.jpg); }
    .page-index-2 .splash.tidal-takeover.goldlink-asiatour-takeover .description {
      font-size: 16px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.goldlink-asiatour-takeover .description {
          font-size: 20px;
          letter-spacing: 3px; } }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.goldlink-asiatour-takeover .description {
          font-size: 26px; } }
      .page-index-2 .splash.tidal-takeover.goldlink-asiatour-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.goldlink-asiatour-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.denm-blessyourheart-takeover {
    background-image: url(/images/index2/promos/denm/denm-blessyourheart-bg.79c59718.jpg); }
    .page-index-2 .splash.tidal-takeover.denm-blessyourheart-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.denm-blessyourheart-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.denm-blessyourheart-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.denm-blessyourheart-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.donflamingo-racetopower-takeover {
    background-image: url(/images/index2/promos/donflamingo/donflamingo-racetopower-bg.f54f317d.jpg); }
    .page-index-2 .splash.tidal-takeover.donflamingo-racetopower-takeover .description {
      font-size: 18px;
      letter-spacing: 2px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.donflamingo-racetopower-takeover .description {
          font-size: 20px; } }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.donflamingo-racetopower-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.donflamingo-racetopower-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.donflamingo-racetopower-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.justineskye-goodlove-takeover {
    background-image: url(/images/index2/promos/justineskye/justineskye-goodlove-bg.0ba2e036.jpg); }
    .page-index-2 .splash.tidal-takeover.justineskye-goodlove-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.justineskye-goodlove-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.justineskye-goodlove-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.justineskye-goodlove-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.sharkmuffin-dna-takeover {
    background-image: url(/images/index2/promos/sharkmuffin/sharkmuffin-dna-bg.8abe2f4d.jpg); }
    .page-index-2 .splash.tidal-takeover.sharkmuffin-dna-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.sharkmuffin-dna-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.sharkmuffin-dna-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.sharkmuffin-dna-takeover .description p.artist {
          font: 1.6em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.tobyrandall-landslide-takeover {
    background-image: url(/images/index2/promos/tobyrandall/tobyrandall-landslide-bg.d55ba14b.jpg); }
    .page-index-2 .splash.tidal-takeover.tobyrandall-landslide-takeover .description {
      font-size: 30px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.tobyrandall-landslide-takeover .description {
          font-size: 38px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.tobyrandall-landslide-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.tobyrandall-landslide-takeover .description p.artist {
          font: 1.1em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.tobyrandall-landslide-takeover .description p.title {
          font: 1.2em/1 "nationale-demibold", sans-serif;
          margin-top: 20px; }
  .page-index-2 .splash.tidal-takeover.incnoworld-living-takeover {
    background-image: url(/images/index2/promos/incnoworld/incnoworld-living-bg.00ae41ea.jpg); }
    .page-index-2 .splash.tidal-takeover.incnoworld-living-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.incnoworld-living-takeover .description {
          font-size: 30px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.incnoworld-living-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.incnoworld-living-takeover .description p.artist {
          font: 1.4em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.victory-believeinlove-takeover {
    background-image: url(/images/index2/promos/victory/victory-believeinlove-bg.d0df69d3.jpg); }
    .page-index-2 .splash.tidal-takeover.victory-believeinlove-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.victory-believeinlove-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.victory-believeinlove-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.victory-believeinlove-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.vicmensa-tidalx-takeover {
    background-image: url(/images/index2/promos/vicmensa/vicmensa-tidalx-bg.7d08c178.jpg); }
    .page-index-2 .splash.tidal-takeover.vicmensa-tidalx-takeover .logo {
      display: block;
      width: 90%;
      max-width: 500px;
      margin: 0 auto 40px; }
  .page-index-2 .splash.tidal-takeover.vicmensa-donation-banner {
    padding: 40px 20px;
    background-color: #1a1a1a; }
    .page-index-2 .splash.tidal-takeover.vicmensa-donation-banner .wrapper-banner {
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 12px;
      text-align: center;
      color: #fff; }
      .page-index-2 .splash.tidal-takeover.vicmensa-donation-banner .wrapper-banner .left p {
        margin: 0 auto 20px;
        max-width: 100%; }
        .page-index-2 .splash.tidal-takeover.vicmensa-donation-banner .wrapper-banner .left p.top {
          color: #ff0028;
          font: 1.5em/1.25 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.vicmensa-donation-banner .wrapper-banner .left p.bottom {
          font: 1em/1.4 "nationale-demibold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.vicmensa-donation-banner .wrapper-banner .right .donate {
        background-color: #ff0028;
        display: block;
        box-sizing: border-box;
        padding: 20px;
        text-decoration: none;
        text-transform: uppercase;
        font: 1em/1 "nationale-demibold", sans-serif;
        letter-spacing: 1px;
        border-radius: 5px;
        width: 100%;
        max-width: 220px;
        margin: auto; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.vicmensa-donation-banner .wrapper-banner {
          text-align: left;
          font-size: 18px; }
          .page-index-2 .splash.tidal-takeover.vicmensa-donation-banner .wrapper-banner .left {
            float: left;
            width: 73%; }
            .page-index-2 .splash.tidal-takeover.vicmensa-donation-banner .wrapper-banner .left p {
              margin: 0; }
              .page-index-2 .splash.tidal-takeover.vicmensa-donation-banner .wrapper-banner .left p.bottom {
                margin-top: 10px; }
          .page-index-2 .splash.tidal-takeover.vicmensa-donation-banner .wrapper-banner .right {
            float: right;
            width: 25%;
            margin-left: 2%;
            text-align: center; } }
  .page-index-2 .splash.tidal-takeover.marama-viveydisfruta-takeover {
    background-image: url(/images/index2/promos/marama/marama-viveydisfruta-bg.b01dfeb6.jpg); }
    .page-index-2 .splash.tidal-takeover.marama-viveydisfruta-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.marama-viveydisfruta-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.marama-viveydisfruta-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.marama-viveydisfruta-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.chayanne-mitierra-puertorico-takeover {
    background-image: url(/images/index2/promos/chayanne/chayanne-mitierra-puertorico-bg.a3ce8d6a.jpg); }
    .page-index-2 .splash.tidal-takeover.chayanne-mitierra-puertorico-takeover .description {
      font-size: 20px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.chayanne-mitierra-puertorico-takeover .description {
          font-size: 32px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.chayanne-mitierra-puertorico-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.chayanne-mitierra-puertorico-takeover .description p.artist {
          font: 2em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.nickjonas-findyou-takeover {
    background-image: url(/images/index2/promos/nickjonas/nickjonas-findyou-bg.0700c230.jpg); }
    .page-index-2 .splash.tidal-takeover.nickjonas-findyou-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.nickjonas-findyou-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.nickjonas-findyou-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.nickjonas-findyou-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.nickjonas-findyouacoustic-takeover {
    background-image: url(/images/index2/promos/nickjonas/nickjonas-findyouacoustic-bg.21e8faa0.jpg); }
  .page-index-2 .splash.tidal-takeover.lilwayne-happybirthday .happybirthday {
    display: block;
    max-width: 600px;
    margin: auto; }
  .page-index-2 .splash.tidal-takeover.lilwayne-happybirthday .wayneday {
    text-transform: uppercase;
    letter-spacing: 3px;
    font: 22px/1 "nationale-bold", sans-serif; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.lilwayne-happybirthday .wayneday {
        font-size: 32px; } }
  .page-index-2 .splash.tidal-takeover.lilwayne-happybirthday.lilwayne-happybirthday--videoembed .tidal-embed {
    max-width: 800px;
    margin: 0 auto; }
  .page-index-2 .splash.tidal-takeover.lilwayne-happybirthday.lilwayne-happybirthday--playlist .description {
    font-size: 16px;
    letter-spacing: 2px; }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.lilwayne-happybirthday.lilwayne-happybirthday--playlist .description {
        font-size: 26px;
        letter-spacing: 3px; } }
    .page-index-2 .splash.tidal-takeover.lilwayne-happybirthday.lilwayne-happybirthday--playlist .description p {
      font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
      text-transform: uppercase;
      margin: 0 0 10px; }
      .page-index-2 .splash.tidal-takeover.lilwayne-happybirthday.lilwayne-happybirthday--playlist .description p.subheader {
        margin-bottom: 15px; }
      .page-index-2 .splash.tidal-takeover.lilwayne-happybirthday.lilwayne-happybirthday--playlist .description p.title {
        font: 1.8em/1 "nationale-bold", sans-serif; }
      .page-index-2 .splash.tidal-takeover.lilwayne-happybirthday.lilwayne-happybirthday--playlist .description p.artist {
        font: 1.4em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-index-2 .splash.tidal-takeover.lilwayne-happybirthday.lilwayne-happybirthday--playlist .btn-wrapper {
    max-width: 260px; }
  .page-index-2 .splash.tidal-takeover.jbalvin-energia-takeover {
    background-image: url(/images/index2/promos/jbalvin/jbalvin-energia-bg.92c9642e.jpg); }
    .page-index-2 .splash.tidal-takeover.jbalvin-energia-takeover .description {
      font-size: 30px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.jbalvin-energia-takeover .description {
          font-size: 38px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.jbalvin-energia-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.jbalvin-energia-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.luiscoronel-sietepalabras-takeover {
    background-image: url(/images/index2/promos/luiscoronel/luiscoronel-sietepalabras-bg.92e9c9ae.jpg); }
    .page-index-2 .splash.tidal-takeover.luiscoronel-sietepalabras-takeover .description {
      font-size: 26px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.luiscoronel-sietepalabras-takeover .description {
          font-size: 32px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.luiscoronel-sietepalabras-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.luiscoronel-sietepalabras-takeover .description p.artist {
          font: 1.4em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.tidalxbrooyklyn-recap-takeover {
    background-color: #000; }
    .page-index-2 .splash.tidal-takeover.tidalxbrooyklyn-recap-takeover .event-logo {
      display: block;
      max-width: 280px;
      margin-bottom: 20px; }
    .page-index-2 .splash.tidal-takeover.tidalxbrooyklyn-recap-takeover .description {
      font-size: 18px;
      letter-spacing: 2px; }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.tidalxbrooyklyn-recap-takeover .description {
          font-size: 26px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.tidalxbrooyklyn-recap-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.tidalxbrooyklyn-recap-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.tidalxbrooyklyn-recap-takeover .btn-wrapper {
      max-width: 280px; }
    .page-index-2 .splash.tidal-takeover.tidalxbrooyklyn-recap-takeover.tidalxbrooyklyn-recap-takeover--mediumname .description p.artist {
      font-size: 1.6em; }
    .page-index-2 .splash.tidal-takeover.tidalxbrooyklyn-recap-takeover.tidalxbrooyklyn-recap-takeover--longname .description p.artist {
      font-size: 1.4em; }
    .page-index-2 .splash.tidal-takeover.tidalxbrooyklyn-recap-takeover.tidalxbrooyklyn-recap-takeover--xtralongname .description p.artist {
      font-size: 1em;
      letter-spacing: 0.5px; }
  .page-index-2 .splash.tidal-takeover.usher-bday-legends-takeover {
    background-image: url(/images/index2/promos/usher/usher-legends-bg.642843be.jpg); }
    .page-index-2 .splash.tidal-takeover.usher-bday-legends-takeover .description {
      font-size: 18px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.usher-bday-legends-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.usher-bday-legends-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.usher-bday-legends-takeover .description p.subhead {
          letter-spacing: 5px;
          font-size: 0.7em;
          margin-bottom: 20px; }
        .page-index-2 .splash.tidal-takeover.usher-bday-legends-takeover .description p.title {
          font: 1.6em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.usher-bday-takeover .description {
    font-size: 18px;
    letter-spacing: 2px; }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.usher-bday-takeover .description {
        font-size: 28px;
        letter-spacing: 3px; } }
    .page-index-2 .splash.tidal-takeover.usher-bday-takeover .description p {
      font: 1em/1 "nationale-demibold", sans-serif;
      text-transform: uppercase;
      margin: 0 0 10px; }
      .page-index-2 .splash.tidal-takeover.usher-bday-takeover .description p.artist {
        font: 1.2em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.usher-bday-takeover.usher-bday-takeover--breakthechains {
    background-image: url(/images/index2/promos/usher/usher-breakthechains-bg.cfe3cead.jpg); }
  .page-index-2 .splash.tidal-takeover.usher-bday-takeover.usher-bday-takeover--ridedrivefly {
    background-image: url(/images/index2/promos/usher/usher-ridedrivefly-bg.349cc925.jpg); }
  .page-index-2 .splash.tidal-takeover.usher-bday-takeover.usher-bday-takeover--inspiration {
    background-image: url(/images/index2/promos/usher/usher-inspiration-bg.27c4700f.jpg); }
  .page-index-2 .splash.tidal-takeover.lesliegrace-dulce-takeover {
    background-image: url(/images/index2/promos/lesliegrace/lesliegrace-dulce-bg.e481e2e9.jpg); }
    .page-index-2 .splash.tidal-takeover.lesliegrace-dulce-takeover .description {
      font-size: 24px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.lesliegrace-dulce-takeover .description {
          font-size: 30px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.lesliegrace-dulce-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.lesliegrace-dulce-takeover .description p.artist {
          font: 1.6em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.nickjonas-home-takeover {
    background-image: url(/images/index2/promos/nickjonas/nickjonas-home-bg.b683c61d.jpg); }
    .page-index-2 .splash.tidal-takeover.nickjonas-home-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.nickjonas-home-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.nickjonas-home-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.nickjonas-home-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.g4shi-nonono-takeover {
    background-image: url(/images/index2/promos/g4shi/g4shi-nonono-bg.7e6b3c6e.jpg); }
    .page-index-2 .splash.tidal-takeover.g4shi-nonono-takeover .description {
      font-size: 42px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.g4shi-nonono-takeover .description {
          font-size: 48px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.g4shi-nonono-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.g4shi-nonono-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.snohaalegra-feels-takeover {
    background-image: url(/images/index2/promos/snohaalegra/snohaalegra-feels-bg.f9b12ac9.jpg); }
    .page-index-2 .splash.tidal-takeover.snohaalegra-feels-takeover .description {
      font-size: 28px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.snohaalegra-feels-takeover .description {
          font-size: 38px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.snohaalegra-feels-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.snohaalegra-feels-takeover .description p.artist {
          font: 1.2em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.chicklethf-iloveyoub-takeover {
    background-image: url(/images/index2/promos/chicklethf/chicklethf-iloveyoub-bg.fd2d9922.jpg); }
    .page-index-2 .splash.tidal-takeover.chicklethf-iloveyoub-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.chicklethf-iloveyoub-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.chicklethf-iloveyoub-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.chicklethf-iloveyoub-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.chicklethf-iloveyoub-takeover .description p.episode {
          font: 0.66em/1.25 "nationale-demibold", sans-serif;
          letter-spacing: 0.5px; }
  .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-playlistrecaps-takeover .event-logo {
    display: block;
    margin: 0 auto;
    max-width: 600px;
    width: 90%; }
  .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-playlistrecaps-takeover .watch {
    font: 20px/1.25 "nationale-demibold", sans-serif;
    max-width: 100%;
    margin: 40px auto;
    text-align: center;
    letter-spacing: 3px;
    text-transform: uppercase; }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-playlistrecaps-takeover .watch {
        margin: 60px auto; } }
  .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-playlistrecaps-takeover .cta-wrapper .cta-btn {
    border-color: #00ffff;
    color: #00ffff;
    letter-spacing: 0; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.tidalxbrooklyn-playlistrecaps-takeover .cta-wrapper .cta-btn {
        letter-spacing: 2px; } }
  .page-index-2 .splash.tidal-takeover.karolg-unstoppable-takeover {
    background-image: url(/images/index2/promos/karolg/karolg-unstoppable-bg.00cedc47.jpg); }
    .page-index-2 .splash.tidal-takeover.karolg-unstoppable-takeover .description {
      font-size: 38px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.karolg-unstoppable-takeover .description {
          font-size: 44px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.karolg-unstoppable-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.karolg-unstoppable-takeover .description p.artist {
          font: 1.5em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.luismiguel-lafiestadelmariachi-takeover {
    background-image: url(/images/index2/promos/luismiguel/luismiguel-lafiestadelmariachi-bg.fc31f5dd.jpg); }
    .page-index-2 .splash.tidal-takeover.luismiguel-lafiestadelmariachi-takeover .description {
      font-size: 20px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.luismiguel-lafiestadelmariachi-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.luismiguel-lafiestadelmariachi-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.luismiguel-lafiestadelmariachi-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.chrisbrown-heartbreakonafullmoon-takeover {
    background-image: url(/images/index2/promos/chrisbrown/chrisbrown-heartbreakonafullmoon-bg.368f74e9.jpg); }
    .page-index-2 .splash.tidal-takeover.chrisbrown-heartbreakonafullmoon-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.chrisbrown-heartbreakonafullmoon-takeover .description {
          font-size: 32px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.chrisbrown-heartbreakonafullmoon-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.chrisbrown-heartbreakonafullmoon-takeover .description p.artist {
          font: 1.6em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.elpotroalvarez-secreto-takeover {
    background-image: url(/images/index2/promos/elpotroalvarez/elpotroalvarez-secreto-bg.d198c6a8.jpg); }
    .page-index-2 .splash.tidal-takeover.elpotroalvarez-secreto-takeover .description {
      font-size: 18px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.elpotroalvarez-secreto-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.elpotroalvarez-secreto-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.elpotroalvarez-secreto-takeover .description p.artist {
          font: 1.4em/1.2 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.migos-motorsport-takeover {
    background-image: url(/images/index2/promos/migos/migos-motorsport-bg.4ee95b97.jpg); }
    .page-index-2 .splash.tidal-takeover.migos-motorsport-takeover .description {
      font-size: 22px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.migos-motorsport-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.migos-motorsport-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.migos-motorsport-takeover .description p.artist {
          font: 1em/1.2 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.onair-banner-takeover {
    padding: 20px 0;
    background-color: #1c1c1c; }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.onair-banner-takeover .left {
        width: 60%;
        float: left; } }
    .page-index-2 .splash.tidal-takeover.onair-banner-takeover .left img {
      display: block;
      width: 100%;
      max-width: 600px;
      margin: 0 auto; }
    .page-index-2 .splash.tidal-takeover.onair-banner-takeover .right {
      text-align: center;
      padding-top: 20px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.onair-banner-takeover .right {
          width: 40%;
          float: right;
          padding-top: 40px; } }
      .page-index-2 .splash.tidal-takeover.onair-banner-takeover .right p {
        font: 16px/1 "nationale-demibold", sans-serif;
        margin: 0 auto 30px;
        text-transform: uppercase; }
        @media (min-width: 1150px) {
          .page-index-2 .splash.tidal-takeover.onair-banner-takeover .right p {
            font-size: 24px; } }
      .page-index-2 .splash.tidal-takeover.onair-banner-takeover .right a.link {
        display: block;
        margin: 0 auto;
        border: 1px solid #fff;
        border-radius: 3px;
        text-transform: uppercase;
        text-decoration: none;
        width: 100%;
        max-width: 250px;
        color: #fff;
        padding: 15px;
        letter-spacing: 1px; }
    .page-index-2 .splash.tidal-takeover.onair-banner-takeover.spanish .right p {
      font: 20px/1.25em "nationale-demibold", sans-serif; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.onair-banner-takeover.spanish .right p {
          font-size: 16px; } }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.onair-banner-takeover.spanish .right p {
          font-size: 20px; } }
      .page-index-2 .splash.tidal-takeover.onair-banner-takeover.spanish .right p span.line-break {
        display: block; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.onair-banner-takeover.spanish .right p span.line-break {
            display: inline; } }
  .page-index-2 .splash.tidal-takeover.enlamira-takeover {
    background-image: url(/images/podcasts/bg-enlamira.89102d5e.jpg); }
    .page-index-2 .splash.tidal-takeover.enlamira-takeover .description {
      font-size: 18px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.enlamira-takeover .description {
          font-size: 20px; } }
      .page-index-2 .splash.tidal-takeover.enlamira-takeover .description p.artist {
        font: 2.25em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.inreallife-takeover {
    background-image: url(/images/podcasts/bg-inreallife.8cf223df.jpg); }
    .page-index-2 .splash.tidal-takeover.inreallife-takeover .description {
      font-size: 18px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.inreallife-takeover .description {
          font-size: 20px; } }
      .page-index-2 .splash.tidal-takeover.inreallife-takeover .description p.artist {
        font: 2.25em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.rapradar-takeover {
    background-image: url(/images/podcasts/bg-rapradar.7428f74e.jpg); }
    .page-index-2 .splash.tidal-takeover.rapradar-takeover .description {
      font-size: 18px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.rapradar-takeover .description {
          font-size: 22px; } }
      .page-index-2 .splash.tidal-takeover.rapradar-takeover .description p.artist {
        font: 2em/1 "nationale-bold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.rapradar-takeover.jayz {
      background-image: url(/images/podcasts/bg-rapradar--jayz.c5ba792a.jpg); }
  .page-index-2 .splash.tidal-takeover.imintheband-takeover {
    background-image: url(/images/podcasts/bg-imintheband.42a5760f.jpg); }
    .page-index-2 .splash.tidal-takeover.imintheband-takeover .description {
      font-size: 18px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.imintheband-takeover .description {
          font-size: 20px; } }
      .page-index-2 .splash.tidal-takeover.imintheband-takeover .description p.artist {
        font: 2.25em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.luisjimenez-takeover {
    background-image: url(/images/podcasts/bg-luisjimenez.3616f238.jpg); }
    .page-index-2 .splash.tidal-takeover.luisjimenez-takeover .description {
      font-size: 18px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.luisjimenez-takeover .description {
          font-size: 20px; } }
      .page-index-2 .splash.tidal-takeover.luisjimenez-takeover .description p.artist {
        font: 1.5em/1.25em "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.luisjimenez-takeover .description p.artist {
            font-size: 1.75em; } }
    .page-index-2 .splash.tidal-takeover.luisjimenez-takeover.ep4 {
      background-image: url(/images/podcasts/bg-luisjimenez-ep4.0d371aa0.jpg); }
  .page-index-2 .splash.tidal-takeover.theguestspot-takeover {
    background-image: url(/images/podcasts/bg-theguestspot.19228723.jpg); }
    .page-index-2 .splash.tidal-takeover.theguestspot-takeover .description {
      font-size: 18px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.theguestspot-takeover .description {
          font-size: 20px; } }
      .page-index-2 .splash.tidal-takeover.theguestspot-takeover .description p.artist {
        font: 1.8em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.theguestspot-takeover .description p.artist {
            font-size: 1.9em; } }
      .page-index-2 .splash.tidal-takeover.theguestspot-takeover .description p.title {
        font: 1em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif; }
      .page-index-2 .splash.tidal-takeover.theguestspot-takeover .description p.ep-num {
        font: 1.5em/1 "nationale-demibold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.songexploder-takeover {
    background-image: url(/images/podcasts/bg-songexploder.4ec5649b.jpg); }
    .page-index-2 .splash.tidal-takeover.songexploder-takeover .description {
      font-size: 18px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.songexploder-takeover .description {
          font-size: 20px; } }
      .page-index-2 .splash.tidal-takeover.songexploder-takeover .description p.artist {
        font: 1.6em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.malutrevejo-tidalqa-takeover {
    background-image: url(/images/index2/promos/malutrevejo/malutrevejo-tidalqa-bg.a350aef4.jpg); }
    .page-index-2 .splash.tidal-takeover.malutrevejo-tidalqa-takeover .description {
      font-size: 18px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.malutrevejo-tidalqa-takeover .description {
          font-size: 24px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.malutrevejo-tidalqa-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.malutrevejo-tidalqa-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }
  .page-index-2 .splash.tidal-takeover.luiscoronel-ahorasoyyo-takeover {
    background-image: url(/images/index2/promos/luiscoronel/luiscoronel-sietepalabras-bg.92e9c9ae.jpg); }
    .page-index-2 .splash.tidal-takeover.luiscoronel-ahorasoyyo-takeover .description {
      font-size: 20px;
      letter-spacing: 2px; }
      @media (min-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.luiscoronel-ahorasoyyo-takeover .description {
          font-size: 28px;
          letter-spacing: 3px; } }
      .page-index-2 .splash.tidal-takeover.luiscoronel-ahorasoyyo-takeover .description p {
        font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px; }
        .page-index-2 .splash.tidal-takeover.luiscoronel-ahorasoyyo-takeover .description p.artist {
          font: 1.8em/1 "nationale-bold", sans-serif; }

.page-podcasts-prep .content .podcast-takeover:nth-child(n+12) {
  display: none; }

@media (min-width: 768px) {
  .container.page-solid-menu.page-index-2 .splash.tidal-takeover.podcast-takeover:first-child, .container.page-solid-menu.page-index-2 .splash.tidal-takeover.video-takeover:first-child, .container.page-solid-menu.page-index-2 .splash.tidal-takeover.album-track-takeover:first-child, .container.page-solid-menu.page-index-2 .splash.tidal-takeover.full-takeover:first-child {
    margin-top: 60px; } }

.wrapper-countries .splash.tidal-takeover:nth-child(n+21) {
  display: none; }

.wrapper-countries .splash.tidal-takeover.always-visible {
  display: block; }

.page-presale {
  background-color: #000;
  font-size: 14px; }
  .page-presale .presale-subheader {
    text-align: center;
    padding: 40px 0; }
    .page-presale .presale-subheader img {
      width: 60%;
      max-width: 280px; }
  .page-presale .wrapper-presale {
    width: 100%;
    max-width: 900px;
    margin: 0 auto; }
    @media (min-width: 1024px) {
      .page-presale .wrapper-presale {
        margin-top: 60px; } }
    @media (min-device-width: 768px) and (max-device-width: 1024px) {
      .page-presale .wrapper-presale {
        margin-top: 0; } }
    .page-presale .wrapper-presale .header img {
      width: 100%; }
    .page-presale .wrapper-presale h1, .page-presale .wrapper-presale h2 {
      font: 1.2em "nationale-demibold", sans-serif;
      text-transform: uppercase;
      letter-spacing: 2px;
      padding: 20px;
      background-color: #1a1a1a;
      margin: 0;
      text-align: center; }
    .page-presale .wrapper-presale .venues li {
      padding: 20px;
      background-color: #1a1a1a;
      clear: both;
      overflow: hidden;
      margin-top: 2px;
      transition: 0.2s ease-in; }
      .page-presale .wrapper-presale .venues li.warning, .page-presale .wrapper-presale .venues li.info {
        display: none;
        color: #000;
        text-align: center;
        line-height: 1.3;
        background-color: #00ffff; }
        .page-presale .wrapper-presale .venues li.warning:hover, .page-presale .wrapper-presale .venues li.info:hover {
          background-color: #00ffff; }
      .page-presale .wrapper-presale .venues li.info {
        display: block;
        font-family: "nationale-demibold", sans-serif; }
        .page-presale .wrapper-presale .venues li.info span {
          font-family: "nationale-bold", sans-serif; }
      .page-presale .wrapper-presale .venues li:hover {
        background-color: #1e1e1e; }
      .page-presale .wrapper-presale .venues li p {
        float: left;
        margin: 0;
        line-height: 1.3;
        width: 60%; }
        .page-presale .wrapper-presale .venues li p span {
          color: #aaa;
          display: block;
          text-transform: uppercase; }
          .page-presale .wrapper-presale .venues li p span span.new {
            display: inline;
            color: #00ffff;
            font-family: "nationale-demibold", sans-serif; }
      .page-presale .wrapper-presale .venues li a {
        box-sizing: border-box;
        display: block;
        padding: 10px;
        width: 35%;
        max-width: 100px;
        margin-left: 5%;
        border: 1px solid #00ffff;
        color: #00ffff;
        text-decoration: none;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 1px;
        float: right;
        font: 0.8em "nationale-demibold", sans-serif; }
      @media (min-width: 768px) {
        .page-presale .wrapper-presale .venues li .presale-cta-wrapper {
          float: right;
          width: 215px;
          overflow: hidden; }
          .page-presale .wrapper-presale .venues li .presale-cta-wrapper a {
            box-sizing: border-box;
            display: block;
            padding: 10px;
            width: 47.5%;
            margin: 0;
            border: 1px solid #00ffff;
            color: #00ffff;
            text-decoration: none;
            text-align: center;
            text-transform: uppercase;
            letter-spacing: 1px;
            float: left;
            font: 0.8em "nationale-demibold", sans-serif; }
          .page-presale .wrapper-presale .venues li .presale-cta-wrapper a.btn-vip {
            margin: 0;
            float: right; } }
    .page-presale .wrapper-presale .venues.disable-links li.warning {
      display: block; }
    .page-presale .wrapper-presale .venues.disable-links li a {
      display: none; }
    .page-presale .wrapper-presale .venues.disable-links li p {
      width: 100%; }
  .page-presale.page-presale-jayz .wrapper-presale .header {
    text-align: center; }
    .page-presale.page-presale-jayz .wrapper-presale .header img {
      display: inline-block;
      margin: 20px 0; }
  .page-presale.page-presale-jayz .wrapper-presale .venues li {
    background-color: rgba(26, 26, 26, 0.7); }
    .page-presale.page-presale-jayz .wrapper-presale .venues li .right a {
      width: 100%; }
  .page-presale.page-presale-kanye h1, .page-presale.page-presale-kanye h2 {
    text-transform: none;
    letter-spacing: 0;
    font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
    line-height: 1.5; }
    .page-presale.page-presale-kanye h1 span, .page-presale.page-presale-kanye h2 span {
      font-family: "nationale-bold", sans-serif; }
    @media (max-width: 767px) {
      .page-presale.page-presale-kanye h1, .page-presale.page-presale-kanye h2 {
        font-size: 0.9em; } }
  .page-presale.page-presale-bonjovi .wrapper-presale .venues a,
  .page-presale.page-presale-bonjovi .wrapper-presale .venues p {
    float: none;
    margin: 0;
    width: 100%; }
    @media (min-width: 768px) {
      .page-presale.page-presale-bonjovi .wrapper-presale .venues a,
      .page-presale.page-presale-bonjovi .wrapper-presale .venues p {
        float: none;
        margin: 0; } }
  .page-presale.page-presale-bonjovi .wrapper-presale .venues .left {
    float: left;
    box-sizing: border-box;
    width: calc(100% - 100px); }
  .page-presale.page-presale-bonjovi .wrapper-presale .venues .right {
    float: right;
    box-sizing: border-box;
    width: 100px; }
  .page-presale.page-presale-bonjovi .wrapper-presale .venues li:nth-child(even) {
    background-color: rgba(26, 26, 26, 0.7); }
  .page-presale.page-presale-bonjovi .wrapper-presale .venues li:hover {
    background-color: #2a2a2a; }
  .page-presale.page-presale-bonjovi .wrapper-presale .venues li::after {
    content: "";
    display: table;
    clear: both; }
  .page-presale.page-presale-bonjovi .wrapper-presale .venues p {
    line-height: 1.7; }
    @media (min-width: 768px) {
      .page-presale.page-presale-bonjovi .wrapper-presale .venues p {
        line-height: 1.4; } }
    .page-presale.page-presale-bonjovi .wrapper-presale .venues p span.location {
      color: #fff;
      display: block;
      text-transform: none;
      font-family: "nationale-demibold", sans-serif; }
      @media (min-width: 768px) {
        .page-presale.page-presale-bonjovi .wrapper-presale .venues p span.location {
          display: inline;
          font-family: "nationale", "nationale-regular", "Helvetica", sans-serif; }
          .page-presale.page-presale-bonjovi .wrapper-presale .venues p span.location::before {
            display: inline;
            content: "- "; } }
  .page-presale.page-presale-bonjovi .wrapper-presale .venues .right a {
    font: 10px "nationale-demibold", sans-serif; }
  .page-presale.page-presale-bonjovi .wrapper-presale .venues .right a + a {
    margin-top: 5px; }
  @media (min-width: 768px) {
    .page-presale.page-presale-bonjovi .wrapper-presale .venues .left {
      width: calc(100% - 250px); }
    .page-presale.page-presale-bonjovi .wrapper-presale .venues .right {
      width: 250px; }
      .page-presale.page-presale-bonjovi .wrapper-presale .venues .right a {
        width: 48%;
        float: left;
        max-width: none; }
        .page-presale.page-presale-bonjovi .wrapper-presale .venues .right a + a {
          margin: 0 0 0 4%; } }
  .page-presale.page-presale-tip .info {
    background-color: rgba(26, 26, 26, 0.7);
    padding: 20px;
    font-size: 12px;
    letter-spacing: 1px; }
    @media (min-width: 768px) {
      .page-presale.page-presale-tip .info {
        font-size: 16px;
        letter-spacing: 3px; } }
    .page-presale.page-presale-tip .info p {
      margin: 0;
      text-transform: uppercase;
      text-align: center;
      font: 1em/1.5 "nationale-demibold", sans-serif; }
      .page-presale.page-presale-tip .info p.bold {
        font: 1.1em/1.5 "nationale-bold", sans-serif; }
  .page-presale.page-presale-tip .wrapper-presale .venues p {
    letter-spacing: 0.5px; }
  @media (min-width: 768px) {
    .page-presale.page-presale-tip .wrapper-presale .venues .right {
      width: 125px;
      padding-top: 3px; }
      .page-presale.page-presale-tip .wrapper-presale .venues .right a {
        float: none;
        width: 100%;
        margin: 0; } }
  .page-presale.page-presale-maxwell-summerstour .info .cyan .line-break {
    display: block;
    clear: both; }
    @media (min-width: 768px) {
      .page-presale.page-presale-maxwell-summerstour .info .cyan .line-break {
        display: inline; }
        .page-presale.page-presale-maxwell-summerstour .info .cyan .line-break::after {
          content: "\00a0 \007C \00a0"; } }
  .page-presale.page-presale-meek-yogotti .laptop {
    display: none; }
  @media (min-width: 768px) {
    .page-presale.page-presale-meek-yogotti .mobile {
      display: none; }
    .page-presale.page-presale-meek-yogotti .laptop {
      display: block; } }
  .page-presale.page-presale-meek-yogotti .info {
    font-size: 10px;
    letter-spacing: 0; }
    @media (min-width: 768px) {
      .page-presale.page-presale-meek-yogotti .info {
        font-size: 12px;
        letter-spacing: 2px; } }
    .page-presale.page-presale-meek-yogotti .info p {
      margin: 0 0 5px;
      font: 1em/1 "nationale-bold", sans-serif; }
      .page-presale.page-presale-meek-yogotti .info p.hashtag {
        color: #00FFFF;
        font: 1em/1 "nationale-demibold", sans-serif;
        margin-top: 10px; }
      .page-presale.page-presale-meek-yogotti .info p.artist {
        font-size: 1.3em; }
      .page-presale.page-presale-meek-yogotti .info p.information {
        font-size: 1.25em; }
      .page-presale.page-presale-meek-yogotti .info p.date {
        font-size: 2.25em; }
  .page-presale footer,
  .page-presale header-nav {
    display: none; }
    @media (min-width: 1024px) {
      .page-presale footer,
      .page-presale header-nav {
        display: block; } }
    @media (min-device-width: 768px) and (max-device-width: 1024px) {
      .page-presale footer,
      .page-presale header-nav {
        display: none; } }

.page-index-2 .djselector-wrapper {
  margin: auto;
  margin-top: 40px;
  width: 95%;
  max-width: 1200px;
  background-color: #000; }
  @media (min-width: 768px) {
    .page-index-2 .djselector-wrapper {
      margin-top: 60px; } }
  .page-index-2 .djselector-wrapper p, .page-index-2 .djselector-wrapper li, .page-index-2 .djselector-wrapper a {
    color: #fff; }
  .page-index-2 .djselector-wrapper img.dj-selector-logo {
    width: 100%;
    margin-top: 40px; }
    @media (min-width: 768px) {
      .page-index-2 .djselector-wrapper img.dj-selector-logo {
        width: 350px;
        position: absolute;
        margin-top: 0;
        top: 20px;
        left: 3%;
        z-index: 5; } }
    @media (min-width: 1024px) {
      .page-index-2 .djselector-wrapper img.dj-selector-logo {
        width: 550px;
        top: -25px; } }
    @media (min-width: 1400px) {
      .page-index-2 .djselector-wrapper img.dj-selector-logo {
        left: 10%; } }
  .page-index-2 .djselector-wrapper .fixed-nav-wrapper {
    margin-top: 20px;
    position: relative; }
    @media (min-width: 768px) {
      .page-index-2 .djselector-wrapper .fixed-nav-wrapper {
        position: fixed;
        margin-top: 0;
        top: 25px;
        left: 3%;
        width: 325px;
        z-index: 5; } }
    @media (min-width: 1400px) {
      .page-index-2 .djselector-wrapper .fixed-nav-wrapper {
        left: 10%; } }
    .page-index-2 .djselector-wrapper .fixed-nav-wrapper.bottomed-out {
      position: absolute;
      bottom: 754px;
      top: inherit; }
    .page-index-2 .djselector-wrapper .fixed-nav-wrapper.topped-out {
      position: absolute;
      top: 150px; }
    .page-index-2 .djselector-wrapper .fixed-nav-wrapper p.title {
      font: 1em/1 "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
      border-bottom: 2px solid #fff;
      padding-top: 30px;
      padding-bottom: 5px;
      margin-bottom: 25px;
      width: 60px; }
    .page-index-2 .djselector-wrapper .fixed-nav-wrapper ul.playlist-nav {
      width: 100%;
      border: 2px solid #fff; }
      @media (min-width: 768px) {
        .page-index-2 .djselector-wrapper .fixed-nav-wrapper ul.playlist-nav {
          width: 325px; } }
      .page-index-2 .djselector-wrapper .fixed-nav-wrapper ul.playlist-nav li {
        border-top: 2px solid #fff;
        list-style-type: none;
        padding: 15px 10px;
        background-color: #000; }
        .page-index-2 .djselector-wrapper .fixed-nav-wrapper ul.playlist-nav li.header {
          border-top: none;
          text-align: center;
          text-transform: uppercase;
          font: 1em/1.5em "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
          padding: 20px 0 40px 0; }
          .page-index-2 .djselector-wrapper .fixed-nav-wrapper ul.playlist-nav li.header span.day {
            font-size: 3em;
            display: block;
            padding-top: 15px; }
        .page-index-2 .djselector-wrapper .fixed-nav-wrapper ul.playlist-nav li a.playlist-link {
          text-decoration: none;
          font: 1em/1.25em "nationale", "nationale-regular", "Helvetica", sans-serif;
          cursor: pointer; }
  .page-index-2 .djselector-wrapper .mobile-header {
    font: 1em/1 "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
    text-transform: uppercase;
    border-bottom: 2px solid #fff;
    padding-top: 30px;
    padding-bottom: 5px;
    margin-bottom: 25px;
    width: 232px; }
    @media (min-width: 768px) {
      .page-index-2 .djselector-wrapper .mobile-header {
        display: none; } }
  .page-index-2 .djselector-wrapper .dj-list-wrapper {
    margin: 60px auto;
    width: 100%; }
    @media (min-width: 768px) {
      .page-index-2 .djselector-wrapper .dj-list-wrapper {
        width: 60%;
        margin-left: 40%; } }
    .page-index-2 .djselector-wrapper .dj-list-wrapper .artist-row {
      display: flex;
      flex-flow: column nowrap;
      margin: 50px auto;
      text-decoration: none;
      outline: 0;
      cursor: default; }
      .page-index-2 .djselector-wrapper .dj-list-wrapper .artist-row.active {
        cursor: pointer; }
        .page-index-2 .djselector-wrapper .dj-list-wrapper .artist-row.active img.headshot, .page-index-2 .djselector-wrapper .dj-list-wrapper .artist-row.active p.artist {
          opacity: 1; }
        .page-index-2 .djselector-wrapper .dj-list-wrapper .artist-row.active:hover img.headshot {
          -webkit-filter: grayscale(0%);
          filter: grayscale(0%); }
        .page-index-2 .djselector-wrapper .dj-list-wrapper .artist-row.active:hover p.artist {
          border-bottom: 2px solid #fff; }
      .page-index-2 .djselector-wrapper .dj-list-wrapper .artist-row:hover {
        opacity: 1; }
      @media (min-width: 768px) {
        .page-index-2 .djselector-wrapper .dj-list-wrapper .artist-row {
          flex-flow: row nowrap;
          align-items: center;
          margin: 100px auto; }
          .page-index-2 .djselector-wrapper .dj-list-wrapper .artist-row:nth-child(even) img.headshot {
            order: 2; }
          .page-index-2 .djselector-wrapper .dj-list-wrapper .artist-row:nth-child(even) p.artist {
            order: 1; } }
      .page-index-2 .djselector-wrapper .dj-list-wrapper .artist-row img.headshot {
        display: none;
        order: 1;
        width: 100%;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        opacity: 0.35;
        -webkit-transition: -webkit-filter 0.5s;
        transition: filter 0.5s;
        z-index: 1; }
        @media (min-width: 768px) {
          .page-index-2 .djselector-wrapper .dj-list-wrapper .artist-row img.headshot {
            width: 50%;
            display: block; } }
      .page-index-2 .djselector-wrapper .dj-list-wrapper .artist-row p.artist {
        order: 2;
        margin: auto;
        opacity: 0.35;
        font: 2em/1 "nationale-bold", sans-serif;
        text-transform: uppercase;
        border-bottom: 2px solid #000;
        padding-bottom: 5px;
        text-align: center; }
        @media (min-width: 768px) {
          .page-index-2 .djselector-wrapper .dj-list-wrapper .artist-row p.artist {
            margin-top: auto;
            font-size: 1.25em; } }

.page-index-2.dj-selector-artist-page .djselector-wrapper {
  width: 95%;
  max-width: 350px; }
  @media (min-width: 768px) {
    .page-index-2.dj-selector-artist-page .djselector-wrapper {
      max-width: 1200px; } }
  .page-index-2.dj-selector-artist-page .djselector-wrapper img.djselector-logo {
    width: 100%;
    max-width: 350px;
    padding-top: 20px;
    margin: 0 auto;
    display: block; }
    @media (min-width: 768px) {
      .page-index-2.dj-selector-artist-page .djselector-wrapper img.djselector-logo {
        padding-top: 0;
        margin: 0;
        width: 350px;
        position: absolute;
        margin-top: 0;
        top: 80px;
        z-index: 5; } }
    @media (min-width: 1400px) {
      .page-index-2.dj-selector-artist-page .djselector-wrapper img.djselector-logo {
        left: 10%; } }
  .page-index-2.dj-selector-artist-page .djselector-wrapper .fixed-nav-wrapper.topped-out {
    top: 200px; }
  .page-index-2.dj-selector-artist-page .djselector-wrapper .fixed-nav-wrapper.bottomed-out {
    bottom: 720px; }
  .page-index-2.dj-selector-artist-page .djselector-wrapper .fixed-nav-wrapper .dj-name {
    font: 3em/1 "nationale-bold", sans-serif;
    text-transform: uppercase;
    margin: 40px 0;
    text-align: center; }
    @media (min-width: 768px) {
      .page-index-2.dj-selector-artist-page .djselector-wrapper .fixed-nav-wrapper .dj-name {
        text-align: left; } }
  .page-index-2.dj-selector-artist-page .djselector-wrapper .fixed-nav-wrapper ul.playlist-nav {
    display: none; }
    @media (min-width: 768px) {
      .page-index-2.dj-selector-artist-page .djselector-wrapper .fixed-nav-wrapper ul.playlist-nav {
        display: block; } }
    .page-index-2.dj-selector-artist-page .djselector-wrapper .fixed-nav-wrapper ul.playlist-nav .header {
      line-height: 1;
      padding: 20px 10px;
      letter-spacing: 1px; }
      .page-index-2.dj-selector-artist-page .djselector-wrapper .fixed-nav-wrapper ul.playlist-nav .header:after {
        display: block;
        content: '';
        border-bottom: 2px solid white;
        width: 92px;
        margin: 5px auto 0; }
  .page-index-2.dj-selector-artist-page .djselector-wrapper .playlist-wrapper {
    width: 85%; }
    @media (min-width: 768px) {
      .page-index-2.dj-selector-artist-page .djselector-wrapper .playlist-wrapper {
        padding-top: 100px;
        width: 60%;
        margin-left: 40%; } }
    .page-index-2.dj-selector-artist-page .djselector-wrapper .playlist-wrapper .playlist {
      margin: 40px auto 0;
      transform: translateX(6px);
      max-width: 400px; }
      @media (min-width: 768px) {
        .page-index-2.dj-selector-artist-page .djselector-wrapper .playlist-wrapper .playlist {
          margin-left: 0;
          margin-right: 0; } }
      @media (min-width: 1400px) {
        .page-index-2.dj-selector-artist-page .djselector-wrapper .playlist-wrapper .playlist {
          margin-left: 10%; } }
    .page-index-2.dj-selector-artist-page .djselector-wrapper .playlist-wrapper .playlist, .page-index-2.dj-selector-artist-page .djselector-wrapper .playlist-wrapper .extra-outline {
      background-color: #232425;
      border: 1px solid cyan; }
    .page-index-2.dj-selector-artist-page .djselector-wrapper .playlist-wrapper .tidal-embed, .page-index-2.dj-selector-artist-page .djselector-wrapper .playlist-wrapper .extra-outline {
      margin-top: -6px;
      margin-left: -6px;
      margin-bottom: 6px;
      margin-right: 6px; }
    .page-index-2.dj-selector-artist-page .djselector-wrapper .playlist-wrapper .tidal-embed {
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
      background-color: #1c1c1c; }

.page-index-2.dj-selector-artist-page .wrapper-bio {
  box-sizing: border-box;
  padding: 20px; }
  .page-index-2.dj-selector-artist-page .wrapper-bio .headshot-circle {
    display: block;
    width: 100%;
    max-width: 280px;
    margin: 0 auto; }
  .page-index-2.dj-selector-artist-page .wrapper-bio .logo-dj {
    display: none; }
  .page-index-2.dj-selector-artist-page .wrapper-bio .wrapper-some-icons {
    width: 100%;
    max-width: 200px;
    margin: 40px auto;
    text-align: center; }
    .page-index-2.dj-selector-artist-page .wrapper-bio .wrapper-some-icons a {
      text-decoration: none;
      font-size: 18px;
      margin-left: 15px;
      padding: 10px;
      border: 2px solid #fff;
      border-radius: 100%;
      width: 20px;
      height: 20px; }
      .page-index-2.dj-selector-artist-page .wrapper-bio .wrapper-some-icons a:first-child {
        margin-left: 0; }
  .page-index-2.dj-selector-artist-page .wrapper-bio .bio {
    font: 16px/1.5 "nationale", "nationale-regular", "Helvetica", sans-serif;
    margin: 0 0 15px; }
  .page-index-2.dj-selector-artist-page .wrapper-bio a.artist-page {
    display: block;
    max-width: 160px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 3px;
    margin: 40px auto;
    box-sizing: border-box;
    padding: 13px;
    border: 1px solid #fff;
    text-align: center;
    text-decoration: none;
    font: 12px/1 "nationale-demibold", sans-serif; }
  .page-index-2.dj-selector-artist-page .wrapper-bio span.toggle {
    display: none; }
  .page-index-2.dj-selector-artist-page .wrapper-bio .clickable-tab {
    display: none; }
  @media (min-width: 768px) {
    .page-index-2.dj-selector-artist-page .wrapper-bio {
      background-color: #fff;
      position: fixed;
      z-index: 100;
      top: 10vh;
      right: 0;
      box-sizing: border-box;
      max-width: 400px;
      padding: 40px;
      padding-left: 90px;
      transform: translateX(310px);
      transition: transform 0.5s ease-out;
      max-height: 90vh;
      overflow-y: hidden; }
      .page-index-2.dj-selector-artist-page .wrapper-bio.drawer-visible {
        overflow-y: scroll;
        transform: translateX(0); }
      .page-index-2.dj-selector-artist-page .wrapper-bio span.toggle {
        font: 1em/1 "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
        display: block;
        box-sizing: border-box;
        width: 30px;
        position: absolute;
        top: 30px;
        left: 30px;
        text-align: center;
        padding-bottom: 5px;
        border-bottom: 2px solid #000;
        cursor: pointer;
        z-index: 1; }
      .page-index-2.dj-selector-artist-page .wrapper-bio .clickable-tab {
        width: 90px;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer;
        outline: 0;
        z-index: 5; }
      .page-index-2.dj-selector-artist-page .wrapper-bio p, .page-index-2.dj-selector-artist-page .wrapper-bio a.artist-page, .page-index-2.dj-selector-artist-page .wrapper-bio .wrapper-some-icons a {
        color: #000;
        border-color: #000; }
      .page-index-2.dj-selector-artist-page .wrapper-bio .logo-dj {
        display: block;
        width: 100%;
        max-width: 200px;
        margin: 20px auto; } }

.track-list-header {
  height: 40px;
  float: left;
  margin-top: 40px;
  margin-bottom: 10px;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 4px;
  font-family: "nationale-demibold",sans-serif;
  font-size: 12px;
  color: #FFFFFF; }

.track-list-header > .track-order {
  padding-top: 13px;
  border-right: 0px solid #101010; }

.track-list-header > .track-play {
  padding-top: 6px;
  border-right: 0px solid #101010; }

.track-list-header > .purchase-track-name {
  padding-top: 12px; }

.track-list-header > .track-time {
  padding-top: 6px; }

.track-list-header > .track-purchase {
  padding-top: 12px;
  text-align: center; }

.track-list-row {
  background-color: #1a1a1a;
  height: 60px;
  margin-top: 2px;
  margin-bottom: 1px;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 4px; }

.clear-both {
  clear: both; }

.purchase-track-item {
  height: 60px; }

.track-purchase-options {
  width: calc(100% - 80px);
  float: left;
  height: 0px;
  background-color: #1a1a1a;
  margin-top: 1px;
  border-bottom: 2px solid #101010;
  display: none;
  -webkit-transition: height 0.3s ease-out;
  -moz-transition: height 0.3s ease-out;
  -o-transition: height 0.3s ease-out;
  transition: height 0.3s ease-out; }

.track-purchase-active {
  padding: 40px;
  min-height: 170px;
  display: block; }

.track-purchase-header {
  width: 50%;
  float: left;
  display: inline-block; }

.track-purchase-price {
  width: 50%;
  float: left;
  text-align: right;
  display: inline-block; }

.track-quality-selection {
  margin-top: 20px; }

.select-quality {
  display: inline-block;
  height: 11px;
  font-size: 11px;
  font-family: "nationale-demibold",sans-serif;
  background-color: #242424;
  padding: 13px 2px 13px 2px;
  cursor: pointer; }

.select-quality:nth-child(1).active-quality {
  background: #FF0000; }

.quality-btn {
  padding: 10px 20px 10px 20px;
  outline: none;
  cursor: pointer; }

.active-quality {
  color: cyan;
  border-radius: 7px;
  height: 25px;
  background-color: #1a1a1a;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1a1a1a), to(#191919));
  background-image: -webkit-linear-gradient(top, #1a1a1a, #191919);
  background-image: -moz-linear-gradient(top, #1a1a1a, #191919);
  background-image: -o-linear-gradient(top, #1a1a1a, #191919);
  background-image: -ms-linear-gradient(top, #1a1a1a, #191919);
  background-image: linear-gradient(top, #1a1a1a, #191919);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#1a1a1a', EndColorStr='#191919');
  -moz-box-shadow: inset -1px -1px 1px #111111;
  -webkit-box-shadow: inset -1px -1px 1px #111111;
  box-shadow: inset -1px -1px 1px #111111; }

.select-quality:nth-child(1) {
  color: #636263;
  border-top: 2px solid #0f0f0f;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  -moz-box-shadow: inset 1px 1px 1px #000000;
  -webkit-box-shadow: inset 1px 1px 1px #000000;
  box-shadow: inset 1px 0px 1px #000000; }

.select-quality:nth-child(2) {
  margin-left: -4px;
  color: #636263;
  border-top: 2px solid #0f0f0f;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  -moz-box-shadow: inset -1px 0px 1px #000000;
  -webkit-box-shadow: inset -1px 0px 1px #000000;
  box-shadow: inset -1px 0px 1px #000000; }

.track-checkout-links {
  width: 100%;
  float: left; }

.track-purchase-header > h1, .track-purchase-header > h2 {
  color: cyan;
  font-size: 22px; }

.track-purchase-price > h1, .track-purchase-price > h2 {
  color: cyan;
  text-align: right;
  font-size: 22px; }

.track-order {
  height: 23px;
  padding: 12px;
  padding-top: 25px;
  text-align: center;
  width: 4%;
  float: left;
  border-right: 2px solid #101010;
  font-family: "nationale-demibold",sans-serif;
  font-size: 12px;
  color: #FFFFFF; }

.track-play {
  height: 27px;
  padding: 13px 13px 13px 15px;
  padding-top: 20px;
  text-align: center;
  width: 4%;
  float: left;
  border-right: 2px solid #101010;
  font-family: "nationale-demibold",sans-serif;
  font-size: 12px;
  color: #FFFFFF; }

.purchase-track-name {
  padding: 25px;
  padding-bottom: 0px;
  float: left;
  white-space: nowrap;
  width: 46%;
  min-width: 233px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #FFFFFF; }

.track-time {
  padding: 27px 10px 23px 0px;
  float: left;
  text-align: center;
  font-family: "nationale-demibold",sans-serif;
  font-size: 12px;
  color: #FFFFFF; }

.track-purchase {
  padding: 0px 0px 0px 10px;
  text-align: center; }

.album-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 4px; }

.track > tr, .track > td {
  border-bottom: 2px solid #101010; }

.track > td:nth-child(1) {
  border-right: 2px solid #101010; }

tr.active {
  background-color: orange; }

.album-table thead td {
  padding: 20px; }

.album-table thead td i {
  color: #FFFFFF; }

.album-table tbody td {
  background-color: #1a1a1a;
  font-family: "nationale-demibold",sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  padding-bottom: 0; }

/*
.play-pause:hover{
  background: #FF0000;
}*/
.play-pause:hover .track-item-number {
  display: none; }

.play, .pause {
  color: cyan; }

.play > i {
  color: cyan; }

.pause > i {
  color: cyan; }

.play-pause:hover .play {
  display: block; }

.play-pause:hover .pause {
  display: block; }

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

.track-link {
  font-size: 12px;
  text-decoration: none;
  font-family: "nationale-demibold",sans-serif; }

.product-actions {
  margin-left: 240px;
  max-width: none;
  margin-top: -55px;
  z-index: 1000;
  position: absolute;
  z-index: 2; }

.product-options {
  width: 235px;
  margin-left: 241px;
  border: 1px solid cyan;
  background-color: rgba(15, 15, 15, 0.8);
  position: absolute;
  margin-top: -10px;
  display: none; }

.product-alternatives {
  height: 24px;
  width: calc(100% - 57px);
  text-align: center;
  border-bottom: 1px solid cyan;
  padding: 11px 45px 11px 12px;
  vertical-align: middle;
  display: inline-block;
  line-height: 24px;
  color: cyan;
  font-family: "nationale-demibold",sans-serif;
  cursor: pointer; }

.product-alternatives:hover {
  color: #000000;
  background: cyan; }

.product-name > {
  margin-right: 20px; }

.product-price {
  float: right; }

.download-options-expanded {
  display: block; }

.cart-login {
  margin: 0px 20px;
  min-height: 225px;
  position: relative;
  background: #161616;
  width: calc(100% - 40px);
  display: none; }

.cart-login-expanded {
  display: block; }

.cart-login-content {
  width: 91%;
  border: 0px solid #FFFFFF;
  margin: 0px auto;
  padding: 30px 30px 40px 30px; }

.table-content p {
  font-size: 16px;
  font-family: "nationale-demibold",sans-serif; }

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

.table-total {
  border-bottom: 1px solid #FFFFFF; }

p.table-content-header {
  font-size: 22px;
  font-family: "nationale-demibold",sans-serif; }

.cart-login-content > h2 {
  font-size: 22px;
  color: cyan;
  font-family: "nationale-demibold",sans-serif;
  line-height: 1.5;
  display: inline-block; }

.cart-login-price {
  float: right; }

.cart-login-content > h4 {
  font-size: 13px;
  color: #FFFFFF;
  font-family: "nationale-demibold",sans-serif;
  margin-bottom: 70px; }

.cart-login-content > p {
  font-size: 12px;
  color: #FFFFFF;
  font-family: "nationale-demibold",sans-serif; }

p.purchase-small-print {
  font-size: 11px;
  text-align: center;
  color: #525252; }

.info-faq {
  text-decoration: none;
  outline: none; }

/* AUDIO PREVIEW */
.audio-preview-progress-bg {
  height: 5px;
  bottom: 0px;
  margin-top: 13px;
  margin-left: -20px;
  position: relative;
  width: 100%;
  display: block; }

.audio-preview-progress {
  width: 0%;
  background-color: cyan;
  display: block;
  height: 5px; }

audio {
  display: none; }

.buy {
  height: 24px;
  min-width: 145px;
  text-align: center;
  border: 1px solid cyan;
  margin-bottom: 10px;
  padding: 11px 45px 11px 45px;
  vertical-align: middle;
  display: inline-block;
  line-height: 24px;
  color: cyan;
  font-family: "nationale-demibold",sans-serif;
  cursor: pointer;
  text-decoration: none; }

.buy-small {
  height: 24px;
  min-width: 85px;
  text-align: center;
  border: 1px solid cyan;
  margin-bottom: 10px;
  margin-top: 15px;
  padding: 5px;
  vertical-align: middle;
  display: inline-block;
  line-height: 24px;
  color: cyan;
  font-family: "nationale-demibold",sans-serif;
  cursor: pointer;
  text-decoration: none; }

.buy > i {
  text-align: right;
  position: relative;
  display: inline-block;
  color: cyan;
  margin-left: 20px; }

.social-share-container {
  display: none; }

.social-share .fa {
  cursor: pointer;
  font-size: 30px;
  padding: 10px;
  color: #FFFFFF; }

@media (max-width: 767px) {
  .product-actions {
    margin-left: 10px;
    max-width: none;
    margin-top: 20px;
    z-index: 2;
    position: absolute;
    min-width: 329px; }
  .buy {
    height: 24px;
    min-width: 80px;
    text-align: center;
    border: 1px solid cyan;
    padding: 11px 11px 11px 11px;
    vertical-align: middle;
    display: inline-block;
    line-height: 24px;
    color: cyan;
    font-family: "nationale-demibold",sans-serif;
    cursor: pointer;
    text-decoration: none; }
  .product-options {
    width: 162px;
    margin-left: 137px;
    border: 1px solid cyan;
    background-color: rgba(15, 15, 15, 0.8);
    position: absolute;
    margin-top: -11px; }
  .cart-login {
    width: 98.9%;
    margin: 0px 0px;
    height: 180px;
    position: relative;
    background: #161616; }
  .cart-login-content {
    width: 89%;
    margin: 0px auto;
    padding: 20px 20px 40px 20px; }
  h2.cart-login-price {
    font-size: 22px;
    color: cyan;
    font-family: "nationale-demibold",sans-serif;
    line-height: 1.5;
    display: block;
    margin-left: 0px;
    position: absolute; }
  .purchase-small-print {
    text-align: left; }
  .track-list-row {
    height: 38px; }
  .track-order {
    /*height: 25px;
    text-align: center;
    padding: 7px;
    padding-top: 8px;
    width: 22px;
    float: left;
    border-right: 2px solid #101010;
    font-family: "nationale-demibold",sans-serif;
    font-size: 12px;
    color: #FFFFFF;*/
    display: none; }
  .track-play {
    height: 17px;
    padding: 13px 13px 13px 15px;
    padding-top: 8px;
    text-align: center;
    width: 5%;
    float: left;
    border-right: 2px solid #101010;
    font-family: "nationale-demibold",sans-serif;
    font-size: 12px;
    color: #FFFFFF; }
  .purchase-track-item {
    height: 38px; }
  .purchase-track-name {
    padding: 10px;
    height: 20px;
    min-width: 150px; }
  .play {
    color: #FFFFFF;
    display: block; }
  .play > i {
    color: #FFFFFF; }
  .pause {
    color: cyan; }
  .pause.current {
    display: block; }
  .track-item-number {
    display: none; }
  .audio-preview-progress-bg {
    margin-top: 6px;
    margin-left: -7px; }
  .track-list-header > .track-purchase {
    margin-right: 39px; }
  .track-purchase {
    padding: 5px;
    float: right;
    margin-right: 15px; }
  .buy-small {
    height: 14px;
    margin-top: 0px;
    min-width: 70px;
    text-align: center;
    border: 1px solid cyan;
    margin-bottom: 10px;
    padding: 2px;
    vertical-align: middle;
    display: inline-block;
    line-height: 14px;
    color: cyan;
    font-size: 12px;
    font-family: "nationale-demibold",sans-serif;
    cursor: pointer;
    text-decoration: none; }
  .quality-description {
    display: none; }
  /*.buy {
    height: 24px;
    min-width: 80px;
    text-align: center;
    border: 1px solid cyan;
    padding: 11px 22px 11px 22px;
    vertical-align: middle;
    display: inline-block;
    line-height: 24px;
    color: cyan;
    font-family: "nationale-demibold",sans-serif;
    cursor: pointer;
    text-decoration:  none;
  }*/
  .product-options {
    width: 162px;
    margin-left: 137px;
    border: 1px solid cyan;
    background-color: rgba(15, 15, 15, 0.8);
    position: absolute;
    margin-top: -11px; } }

@media (min-width: 768px) and (max-width: 880px) {
  .buy {
    height: 24px;
    min-width: 80px;
    text-align: center;
    border: 1px solid cyan;
    padding: 11px 25px 11px 25px;
    vertical-align: middle;
    display: inline-block;
    line-height: 24px;
    color: cyan;
    font-family: "nationale-demibold",sans-serif;
    cursor: pointer;
    text-decoration: none; }
  .product-options {
    width: 190px;
    margin-left: 173px;
    border: 1px solid cyan;
    background-color: rgba(15, 15, 15, 0.8);
    position: absolute;
    margin-top: -11px; } }

@media (max-width: 370px) {
  /*.product-options{
    width: 184px;
    margin-left: 0px;
    border: 1px solid cyan;
    background-color: rgba(15,15,15,0.8);
    position: absolute;
    margin-top: -11px;
  }*/ }

@media (max-width: 500px) {
  .track-purchase-active {
    height: 200px; }
  .track-quality-selection {
    margin-bottom: 15px; }
  /*
  .buy {
    height: 24px;
    min-width: 80px;
    text-align: center;
    border: 1px solid cyan;
    padding: 11px 22px 11px 22px;
    vertical-align: middle;
    display: inline-block;
    line-height: 24px;
    color: cyan;
    font-family: "nationale-demibold",sans-serif;
    cursor: pointer;
    text-decoration:  none;
  }
  */
  .track-purchase-header {
    width: 100%; }
  .track-purchase-price {
    width: 100%;
    text-align: left; }
  .track-purchase-price > h1, .track-purchase-price > h2 {
    text-align: left; } }

@media (min-width: 768px) {
  .buy > i {
    text-align: right;
    position: relative;
    display: inline-block;
    color: cyan;
    margin-left: 20px; }
  .social-share-container {
    display: block;
    position: absolute;
    bottom: 0px;
    right: 80px; } }

@media (max-width: 886px) {
  .track-purchase-options {
    padding: 20px;
    width: calc(100% - 40px); }
  .track-time {
    display: none; } }

.message {
  top: -140px;
  min-height: 35px;
  padding: 20px;
  width: 100%;
  position: fixed;
  background: #212121;
  z-index: 10000;
  text-align: center;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  .message p {
    line-height: 1.5;
    margin-right: 30px; }
  .message .btn-new {
    padding: 4px 8px 4px 8px;
    margin-top: 0px;
    margin-bottom: 0px; }

.message-visible {
  top: 0; }

/*
   * Forms
   */
input {
  border: 1px solid #2b2b2b;
  font-family: "nationale","nationale-regular","Helvetica",sans-serif;
  background: #000000;
  width: 100%;
  color: #818181;
  -webkit-transition: border-color 1s ease;
  -moz-transition: border-color 1s ease;
  -o-transition: border-color 1s ease;
  -ms-transition: border-color 1s ease;
  transition: border-color 1s ease; }

input[type="text"] {
  box-sizing: border-box;
  display: inline-block;
  max-width: 400px;
  margin: 5px 10px 5px 0px;
  height: 46px;
  padding-left: 10px;
  box-shadow: none;
  font-weight: 400;
  font-size: 14px; }

input[type="email"] {
  box-sizing: border-box;
  display: inline-block;
  max-width: 400px;
  margin: 5px 10px 5px 0px;
  height: 46px;
  padding-left: 10px;
  box-shadow: none;
  font-weight: 400;
  font-size: 14px; }

input[type="password"] {
  box-sizing: border-box;
  display: inline-block;
  max-width: 400px;
  margin: 5px 10px 5px 0px;
  height: 46px;
  padding-left: 10px;
  box-shadow: none;
  font-weight: 400;
  font-size: 14px; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus {
  border: 1px solid cyan; }

input.ng-valid {
  border: 1px solid #818181;
  color: #FFFFFF; }

input.ng-invalid {
  border: 1px solid #ff000c; }

input.ng-touched.ng-invalid {
  border: 1px solid #ff000c; }

input.ng-pristine {
  border: 1px solid #2b2b2b; }

.checkout-button {
  max-width: 303px; }

/*
    * Form control
    *
    */
.form-error {
  height: 18px;
  -webkit-transition: all 3s ease;
  -moz-transition: all 3s ease;
  -ms-transition: all 3s ease;
  -o-transition: all 3s ease;
  transition: all 3s ease; }

.form-error-message {
  padding-left: 10px;
  font-family: "nationale","nationale-regular","Helvetica",sans-serif;
  font-size: 10px;
  color: #FFFFFF; }

@media (min-width: 768px) {
  .store {
    background: #000000;
    height: 100%;
    position: relative;
    padding-bottom: 200px;
    margin-top: -10px; }
    .store a {
      text-decoration: none; }
    .store h1, .store h2, .store h2, .store h3, .store h4 {
      font-family: "nationale-regular",sans-serif;
      text-transform: uppercase;
      z-index: 2; }
    .store h1, .store h2 {
      text-align: left;
      font-size: 22px; }
    .store h2 {
      color: #727272;
      text-align: left;
      font-size: 18px;
      font-weight: 400; }
    .store h3 {
      color: #FFFFFF;
      text-align: left;
      font-size: 16px;
      font-weight: 800;
      margin-bottom: 10px; }
    .store h4 {
      text-align: left;
      font-size: 16px;
      font-weight: 400; }
    .store .btn-new {
      border-radius: 5px; }
  .productSearch {
    display: inline-block;
    margin-right: 15px; }
    .productSearch input[type="text"] {
      width: 200px;
      background: rgba(0, 0, 0, 0.2) url("/images/icons/search-icon.c7f88ca2.png") top 6px right 6px no-repeat;
      background-size: 18px;
      color: #fafafa;
      border-color: #ABABAB;
      margin: 0;
      height: 28px;
      font-size: 10px;
      letter-spacing: 1px;
      padding-right: 30px;
      right: 50px;
      top: 10px; }
  .valid {
    color: #3c763d; }
  .container-full {
    width: calc(100% - 40px);
    padding: 20px; }
  .container-header {
    width: 100%; }
  .search-header {
    width: 100%;
    margin-bottom: 30px; }
    .search-header li {
      display: inline-block;
      font-family: "nationale-demibold", sans-serif;
      letter-spacing: 2px;
      font-size: 18px;
      color: #818181;
      width: 49%;
      padding-top: 5px;
      padding-bottom: 5px; }
    .search-header li:last-child {
      text-align: right;
      font-size: 15px;
      cursor: pointer; }
    .search-header .search-result-header {
      float: left;
      margin-bottom: 20px;
      font-family: "nationale","nationale-regular","Helvetica",sans-serif;
      font-size: 18px;
      color: #818181; }
    .search-header .show-more-link {
      float: right;
      margin-bottom: 20px;
      font-family: "nationale","nationale-regular","Helvetica",sans-serif;
      font-size: 14px;
      color: #818181; }
  .container-header h2 {
    padding-top: 20px;
    margin-bottom: 20px;
    font-family: "nationale","nationale-regular","Helvetica",sans-serif;
    font-size: 18px;
    color: #818181; }
  .module-header {
    padding-top: 20px;
    margin-bottom: 10px;
    font-family: "nationale","nationale-regular","Helvetica",sans-serif;
    font-size: 14px;
    color: #FFFFFF; }
  .search-result-header {
    float: left;
    margin-bottom: 20px;
    font-family: "nationale","nationale-regular","Helvetica",sans-serif;
    font-size: 18px;
    color: #818181; }
  .show-more-link {
    float: right;
    margin-bottom: 20px;
    font-family: "nationale","nationale-regular","Helvetica",sans-serif;
    font-size: 18px;
    color: #818181; }
  .container-narrow {
    max-width: 1118px;
    margin: 0px auto;
    padding-left: 80px;
    padding-right: 80px; }
    .container-narrow.search {
      min-height: 1000px;
      padding-bottom: 40px; }
  .col-6 {
    width: 49.79999999%;
    float: left; }
  .col-9 {
    width: 66.888889%;
    float: left; }
  .clear {
    clear: both; }
  .feature-section {
    margin-top: -10px;
    margin-bottom: 100px;
    height: 400px;
    background: #101010; }
  .track-content {
    margin-top: 20px;
    margin-left: 20px;
    width: calc(100% - 40px);
    z-index: 2;
    top: 0px;
    left: 0px;
    position: absolute; }
  .featured-release {
    margin-bottom: 100px; }
  .track-cover-art {
    width: calc(100%-40px);
    padding: 20px;
    background: #101010;
    min-height: 60px;
    box-shadow: inset 0 -26px 20px -20px #000000;
    overflow: hidden;
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1; }
  .cover-image {
    top: 0px;
    left: 0px;
    position: absolute;
    z-index: 1; }
  .buy-small-price {
    padding: 3px 10px;
    border: 2px solid cyan;
    font-size: 14px;
    color: cyan;
    text-decoration: none;
    font-family: "nationale-regular",sans-serif;
    position: relative;
    z-index: 2; }
  .top-right {
    top: 20px;
    right: 20px;
    position: absolute; }
  /* Checkout */
  .store-page-title {
    margin-top: -10px;
    padding-top: 30px;
    height: 130px;
    border-bottom: 2px solid #1b1b1b; }
  .store-page-title h1, .store-page-title h2 {
    font-family: "nationale-bold","nationale-bold","Helvetica",sans-serif;
    font-size: 35px; }
  .checkout-sub-total {
    background: #1b1b1b; }
  .sub-total-text {
    display: inline-block;
    font-family: "nationale","nationale-bold","Helvetica",sans-serif;
    font-size: 22px;
    color: #FFFFFF;
    margin-top: 10px;
    margin-bottom: 10px; }
  .sub-total-price {
    display: inline-block;
    font-family: "nationale","nationale-bold","Helvetica",sans-serif;
    font-size: 22px;
    color: cyan;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px; }
  .cart-action-empty {
    float: right;
    display: inline-block;
    font-family: "nationale","nationale-bold","Helvetica",sans-serif;
    font-size: 14px;
    color: #FFFFFF;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    cursor: pointer; }
  .payment-types {
    width: 100%;
    padding: 5px;
    max-width: 400px;
    display: block;
    background: #FFFFFF;
    height: 36px;
    text-align: center; }
  /* Cart */
  .cart-list {
    margin-bottom: 50px;
    min-height: 200px; }
  .cart-list-grid {
    margin-bottom: 35px; }
  .nav-large-wrapper a.cart-qty {
    font-size: 13px;
    margin-right: 20px; }
  .cart-item-album-art {
    width: 25%;
    height: 150px;
    min-width: 120px;
    float: left;
    border: 0px solid #FFFFFF; }
  .cart-item-album-art img {
    width: 100%; }
  .cart-item-description {
    width: calc(65% - 50px);
    min-width: 145px;
    height: 75px;
    padding-left: 30px;
    float: left;
    border: 0px solid #FFFFFF; }
  .cart-item-description h2 {
    color: #FFFFFF;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400; }
  .cart-item-description h3 {
    color: #818181;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 15px;
    font-size: 13px;
    font-weight: 400; }
  .quality-selector {
    font-family: "nationale","nationale-bold","Helvetica",sans-serif;
    color: #818181;
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 12px;
    font-weight: 800;
    display: inline-block;
    cursor: pointer; }
  .cart-price {
    font-family: "nationale","nationale-bold","Helvetica",sans-serif;
    color: cyan;
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 800;
    display: block; }
  .selected-quality {
    font-family: "nationale","nationale-bold","Helvetica",sans-serif;
    color: #FFFFFF; }
  .separator {
    font-family: "nationale","nationale-bold","Helvetica",sans-serif;
    color: #FFFFFF;
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 12px;
    font-weight: 800;
    display: inline-block; }
  .cart-remove a {
    font-family: "Arial",sans-serif;
    display: block;
    color: #818181;
    margin-top: 30px;
    text-decoration: none; }
  .cart-remove i {
    font-size: 16px; }
  /* Search */
  .search {
    padding-top: 80px; }
  .search-content-types {
    margin-bottom: 100px; }
  .search-result-grid {
    margin-bottom: 20px; }
  .search-artist-item-description {
    /*padding-top: 50px;
    height: 85px;
    padding-left: 30px;
    float: left;
    border: 0px solid #FFFFFF;*/
    width: calc(65% - 50px);
    min-width: 145px;
    padding-top: 60px;
    height: 75px;
    padding-left: 20px;
    float: left;
    border: 0px solid #FFFFFF; }
  .search-item-description {
    width: calc(65% - 50px);
    min-width: 145px;
    padding-top: 10px;
    height: 75px;
    padding-left: 30px;
    float: left;
    border: 0px solid #FFFFFF; }
  .list-buy-button {
    padding-left: 30px;
    float: left; }
  .list-buy-button .btn-new {
    padding: 3px 8px; }
  .search-item-text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    /* max-width: 100px; */
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 49px; }
  .search-item-description h2, .search-artist-item-description h2 {
    color: #FFFFFF;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: normal; }
    .search-item-description h2 a, .search-artist-item-description h2 a {
      letter-spacing: 2px;
      white-space: nowrap;
      overflow: hidden;
      max-width: 100%;
      text-overflow: ellipsis;
      display: block; }
  .search-item-description h3 {
    color: #818181;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 30px;
    font-size: 13px;
    font-weight: 400; }
  .rotate-180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  /* Account */
  .list-item {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 60px;
    border-bottom: 1px solid #818181; }
  .list-item:first-child {
    border-top: 1px solid #818181; }
  .list-column {
    float: left; }
  .list-number, .list-track-length, .list-download {
    padding: 16px; }
  .list-description {
    width: 71%;
    padding-top: 3px; }
  .list-number p, .list-track-length p {
    color: #818181; }
  .list-download {
    padding-top: 3px;
    padding-bottom: 3px; }
  .btn-zip-small {
    font-size: 12px;
    display: block;
    max-width: 200px; }
  .small {
    font-size: 12px; }
  .download-bundle-actions {
    float: right; }
  .table-row.row-header.download-multiple {
    min-height: 55px; } }

@media (max-width: 767px) {
  .store {
    background: #000000;
    height: 100%;
    position: relative;
    padding-bottom: 200px;
    padding-top: 50px; }
    .store h1, .store h2, .store h2, .store h3, .store h4 {
      font-family: "nationale-regular",sans-serif;
      text-transform: uppercase;
      z-index: 2; }
    .store h1, .store h2 {
      text-align: left;
      font-size: 22px; }
    .store h2 {
      color: #727272;
      text-align: left;
      font-size: 18px;
      font-weight: 400; }
    .store h3 {
      color: #FFFFFF;
      text-align: left;
      font-size: 16px;
      font-weight: 800;
      margin-bottom: 10px; }
    .store h4 {
      text-align: left;
      font-size: 16px;
      font-weight: 400; }
    .store .btn-new {
      border-radius: 5px; }
    .store .table-row.row-header.download-multiple {
      padding: 10px;
      margin-top: 5px;
      box-sizing: border-box;
      min-height: 110px; }
    .store .download-bundle-actions {
      clear: both; }
    .store .table-cell.ownload-manager-quality-select {
      clear: both; }
  .store-purchase-history {
    max-width: 1000px;
    padding: 20px;
    margin: 0px auto;
    min-height: 200px;
    position: relative; }
  .productSearch {
    display: inline-block;
    margin-right: 15px; }
    .productSearch input[type="text"] {
      width: 200px;
      background: rgba(0, 0, 0, 0.2) url("/images/icons/search-icon.c7f88ca2.png") top 6px right 6px no-repeat;
      background-size: 18px;
      color: #fafafa;
      border-color: #ABABAB;
      margin: 0;
      height: 28px;
      font-size: 10px;
      letter-spacing: 1px;
      padding-right: 30px;
      right: 50px;
      top: 10px; }
  .valid {
    color: #3c763d; }
  .container-full {
    width: calc(100% - 40px);
    padding: 20px; }
  .container-header {
    width: 100%; }
  .search-header {
    width: 100%;
    margin-bottom: 20px; }
    .search-header li {
      display: inline-block;
      font-family: "nationale-demibold", sans-serif;
      letter-spacing: 2px;
      font-size: 16px;
      color: #818181;
      width: 49%;
      padding-top: 5px;
      padding-bottom: 5px; }
    .search-header li:last-child {
      text-align: right;
      font-size: 15px;
      cursor: pointer; }
    .search-header .search-result-header {
      float: left;
      margin-bottom: 20px;
      font-family: "nationale","nationale-regular","Helvetica",sans-serif;
      font-size: 16px;
      color: #818181; }
    .search-header .show-more-link {
      float: right;
      margin-bottom: 20px;
      font-family: "nationale","nationale-regular","Helvetica",sans-serif;
      font-size: 14px;
      color: #818181; }
  .container-header h2 {
    padding-top: 20px;
    margin-bottom: 20px;
    font-family: "nationale","nationale-regular","Helvetica",sans-serif;
    font-size: 18px;
    color: #818181; }
  .module-header {
    padding-top: 20px;
    margin-bottom: 10px;
    font-family: "nationale","nationale-regular","Helvetica",sans-serif;
    font-size: 14px;
    color: #FFFFFF; }
  .search-result-header {
    float: left;
    margin-bottom: 20px;
    font-family: "nationale","nationale-regular","Helvetica",sans-serif;
    font-size: 18px;
    color: #818181; }
  .show-more-link {
    float: right;
    margin-bottom: 20px;
    font-family: "nationale","nationale-regular","Helvetica",sans-serif;
    font-size: 18px;
    color: #818181; }
  .container-narrow {
    max-width: 1118px;
    margin: 0px auto;
    padding-left: 40px;
    padding-right: 40px; }
  .col-6 {
    width: 100%;
    float: left; }
  .col-9 {
    width: 100%;
    float: left; }
  .clear {
    clear: both; }
  .feature-section {
    margin-top: -10px;
    margin-bottom: 100px;
    height: 400px;
    background: #101010; }
  .track-content {
    margin-top: 20px;
    margin-left: 20px;
    width: calc(100% - 40px);
    z-index: 2;
    top: 0px;
    left: 0px;
    position: absolute; }
  .featured-release {
    margin-bottom: 100px; }
  .track-cover-art {
    width: calc(100% - 40px);
    padding: 20px;
    background: #101010;
    min-height: 60px;
    box-shadow: inset 0 -26px 20px -20px #000000;
    overflow: hidden;
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1; }
  .cover-image {
    top: 0px;
    left: 0px;
    position: absolute;
    z-index: 1; }
  .buy-small-price {
    padding: 3px 10px;
    border: 2px solid cyan;
    font-size: 14px;
    color: cyan;
    text-decoration: none;
    font-family: "nationale-regular",sans-serif;
    position: relative;
    z-index: 2; }
  .top-right {
    top: 20px;
    right: 20px;
    position: absolute; }
  /* Checkout */
  .store-page-title {
    margin-top: -10px;
    padding-top: 30px;
    height: 130px;
    border-bottom: 2px solid #1b1b1b; }
  .store-page-title h1, .store-page-title h2 {
    font-family: "nationale-bold","nationale-bold","Helvetica",sans-serif;
    font-size: 35px; }
  .checkout-sub-total {
    background: #1b1b1b; }
  .sub-total-text {
    display: inline-block;
    font-family: "nationale","nationale-bold","Helvetica",sans-serif;
    font-size: 22px;
    color: #FFFFFF;
    margin-top: 10px;
    margin-bottom: 10px; }
  .sub-total-price {
    display: inline-block;
    font-family: "nationale","nationale-bold","Helvetica",sans-serif;
    font-size: 22px;
    color: cyan;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px; }
  .cart-action-empty {
    float: right;
    display: inline-block;
    font-family: "nationale","nationale-bold","Helvetica",sans-serif;
    font-size: 14px;
    color: #FFFFFF;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    cursor: pointer; }
  .payment-types {
    width: 100%;
    padding: 5px;
    max-width: 400px;
    display: block;
    background: #FFFFFF;
    height: 36px;
    text-align: center; }
  /* Cart */
  .cart-list {
    margin-bottom: 50px;
    min-height: 200px; }
  .cart-list-grid {
    margin-bottom: 35px; }
  .nav-large-wrapper a.cart-qty {
    font-size: 13px;
    margin-right: 20px; }
  .cart-item-album-art {
    width: 10%;
    min-width: 60px;
    float: left;
    border: 0px solid #FFFFFF; }
  .cart-item-album-art img {
    width: 100%; }
  .cart-item-description {
    width: calc(74% - 50px);
    height: 150px;
    padding-left: 50px;
    float: left;
    border: 0px solid #FFFFFF; }
  .cart-item-description h2 {
    color: #FFFFFF;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400; }
  .cart-item-description h3 {
    color: #818181;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 15px;
    font-size: 13px;
    font-weight: 400; }
  .quality-selector {
    font-family: "nationale","nationale-bold","Helvetica",sans-serif;
    color: #818181;
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 12px;
    font-weight: 800;
    display: inline-block;
    cursor: pointer; }
  .cart-price {
    font-family: "nationale","nationale-bold","Helvetica",sans-serif;
    color: cyan;
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 800;
    display: block; }
  .selected-quality {
    font-family: "nationale","nationale-bold","Helvetica",sans-serif;
    color: #FFFFFF; }
  .separator {
    font-family: "nationale","nationale-bold","Helvetica",sans-serif;
    color: #FFFFFF;
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 12px;
    font-weight: 800;
    display: inline-block; }
  .cart-remove a {
    font-family: "Arial",sans-serif;
    display: block;
    color: #818181;
    margin-top: 30px;
    text-decoration: none; }
  /* Search */
  .search {
    padding-top: 30px; }
  .search-content-types {
    margin-bottom: 75px; }
  .search-result-grid {
    margin-bottom: 20px; }
  .search-artist-item-description {
    padding-top: 20px;
    float: left;
    width: 65%;
    margin-left: 5%;
    border: 0px solid #FFFFFF; }
  .search-item-description {
    width: calc(60% - 30px);
    padding-top: 10px;
    height: 70px;
    padding-left: 30px;
    float: left;
    border: 0px solid #FFFFFF; }
  .list-buy-button {
    text-align: right;
    padding-top: 13px; }
  .search-item-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
    .search-item-text h2 {
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 100%; }
  .search-item-description h2, .search-artist-item-description h2 {
    color: #FFFFFF;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 2px; }
    .search-item-description h2 a, .search-artist-item-description h2 a {
      text-decoration: none;
      white-space: nowrap;
      overflow: hidden;
      max-width: 100%;
      text-overflow: ellipsis;
      display: block; }
  .search-item-description h3 {
    color: #818181;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 30px;
    font-size: 13px;
    font-weight: 400; }
  .rotate-180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  /* Account */
  .list-item {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 60px;
    border-bottom: 1px solid #818181; }
  .list-item:first-child {
    border-top: 1px solid #818181; }
  .list-item.selected {
    background-color: #222; }
  .list-column {
    float: left; }
  .list-number {
    width: 2%; }
  .list-number, .list-track-length, .list-download {
    padding: 16px; }
  .list-description {
    width: 70%;
    padding-top: 3px; }
  .list-number p, .list-track-length p {
    color: #818181; }
  .list-download {
    padding-top: 3px;
    padding-bottom: 3px; }
  .small {
    font-size: 12px; } }

@media (max-width: 470px) {
  .table-row.row-header.download-multiple {
    min-height: 180px !important; }
  .btn-download-multiple-quality:first-child {
    width: 85%;
    text-align: center; }
  .btn-download-multiple-quality {
    width: 85%;
    text-align: center; } }

.store-checkout-items {
  width: 95%;
  margin: 0 auto;
  max-width: 380px; }
  .store-checkout-items .checkout-headline {
    color: #fff;
    font-family: "nationale-bold", sans-serif;
    font-size: 18px;
    letter-spacing: 2px; }
  .store-checkout-items .cart-item-album-art {
    width: 100%;
    margin: 0 auto;
    float: none;
    border: none; }
  .store-checkout-items .cart-item-description {
    float: none;
    border: none;
    padding: 0;
    width: 100%;
    margin: 20px auto;
    height: auto; }
    .store-checkout-items .cart-item-description h2, .store-checkout-items .cart-item-description h3 {
      margin-bottom: 0;
      line-height: 1.4;
      font-size: 14px;
      letter-spacing: 2px; }
  .store-checkout-items .cart-list {
    margin-bottom: 0; }
  .store-checkout-items .quality-selector-wrap {
    float: left;
    margin-top: 20px; }
  .store-checkout-items .quality-selector {
    margin: 0 2px; }
    .store-checkout-items .quality-selector.quality-selector-first {
      margin-left: 0; }
  .store-checkout-items .cart-price {
    float: right;
    margin-top: 20px; }
  .store-checkout-items .selected-quality {
    font-family: "nationale-demibold", sans-serif; }
  .store-checkout-items .cart-list-grid {
    margin-bottom: 30px;
    overflow: hidden;
    float: none; }

.store-sub-total {
  background: #252424;
  text-align: center; }
  .store-sub-total .sub-total-text {
    width: 95%;
    text-align: center;
    letter-spacing: 2px;
    font-family: "nationale-demibold", sans-serif;
    margin: 25px auto;
    color: #fff;
    font-size: 18px; }
  .store-sub-total .sub-total-text .total-price {
    color: cyan;
    margin-left: 3px; }

.store-checkout-method {
  width: 95%;
  margin: 40px auto;
  max-width: 306px; }
  .store-checkout-method .store-checkout-headline {
    font-family: "nationale-bold", sans-serif;
    color: #fff;
    font-size: 18px;
    letter-spacing: 1px; }
  .store-checkout-method input[type="text"], .store-checkout-method input[type="email"] {
    width: 91%;
    margin: 5px 5px 5px 0;
    max-width: 303px; }
  .store-checkout-method .icon-exclamation-mark {
    color: #fff; }
  .store-checkout-method .btn-new {
    width: 99%;
    padding-left: 0px;
    padding-right: 0;
    margin-top: 10px; }
  .store-checkout-method .download-manager-quality-select {
    width: 100%; }
  .store-checkout-method .store-checkout-method-headline {
    font-weight: normal;
    font-family: "nationale-demibold", sans-serif;
    font-size: 14px;
    letter-spacing: 1px; }
  .store-checkout-method .store-checkout-card {
    margin-top: 20px; }
  .store-checkout-method .payment-option-logos {
    font-size: 40px;
    color: #FFFFFF;
    padding: 5px; }
  .store-checkout-method .payment-types {
    padding: 5px 0; }

.store h3 {
  font-weight: normal; }

.store .store-top {
  width: 100vw;
  height: 30vh;
  min-height: 200px;
  margin-top: 70px;
  background: #000 url(/images/store/store-prod-hero-bg.5bc14902.jpg) center top no-repeat;
  background-size: 130%;
  overflow: hidden; }

.store .store-top-exlusive {
  min-height: 360px; }

@media (max-width: 767px) {
  .store .store-top {
    width: 100vw;
    min-height: 200px;
    background: #000 url(/images/store/store-prod-hero-bg.5bc14902.jpg) center top no-repeat;
    background-size: 130%;
    overflow: hidden;
    margin-top: 10px; }
  .store .store-top-exlusive {
    height: auto; }
  .store .email-delivery {
    font-size: 15px;
    line-height: 1.3;
    margin-bottom: 30px; }
  .store .store-exclusive-album-art {
    float: left;
    padding-bottom: 20px;
    box-sizing: border-box; }
    .store .store-exclusive-album-art img {
      width: 100%;
      text-align: center; }
  .store .store-exclusive-album-info {
    width: 100%;
    float: left;
    box-sizing: border-box; }
    .store .store-exclusive-album-info h1, .store .store-exclusive-album-info h2 {
      font-family: "nationale-bold", sans-serif;
      text-transform: capitalize;
      letter-spacing: 2px;
      position: relative !important; }
    .store .store-exclusive-album-info h3 {
      font-family: "nationale-demibold", sans-serif;
      text-transform: capitalize;
      letter-spacing: 1px; }
  .store .download-zip {
    display: none; } }

.store .account-featured {
  max-width: 1000px;
  box-sizing: border-box;
  padding: 20px;
  margin: 0px auto;
  height: 30vh;
  min-height: 200px;
  position: relative; }

.store .account-featured h1, .store .account-featured h2 {
  position: absolute;
  bottom: 0px;
  font-size: 32px; }

@media (min-width: 768px) {
  .store .store-exclusive {
    width: 100%;
    height: 28vh; }
  .store .store-exclusive-album-art {
    width: 30%;
    float: left;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    box-sizing: border-box; }
    .store .store-exclusive-album-art img {
      width: 100%;
      text-align: center; }
  .store .account-featured {
    padding-left: 40px; }
  .store .store-exclusive-album-info {
    width: 54%;
    float: left;
    box-sizing: border-box; }
    .store .store-exclusive-album-info h1, .store .store-exclusive-album-info h2 {
      font-family: "nationale-bold", sans-serif;
      text-transform: capitalize;
      letter-spacing: 2px;
      position: relative; }
    .store .store-exclusive-album-info h3 {
      font-family: "nationale-demibold", sans-serif;
      text-transform: capitalize;
      letter-spacing: 1px; }
  .store .download-zip {
    display: inline; } }

.store .store-account-headline {
  width: 90%;
  text-align: left;
  font-family: "nationale-bold", sans-serif;
  letter-spacing: 3px;
  font-size: 20px;
  margin: 0 auto 60px auto; }

.store .store-account-purchased {
  margin-left: auto; }

.store .store-account-purchased h2 {
  font-family: "nationale-bold", sans-serif;
  font-size: 16px;
  letter-spacing: 3px; }

.store .store-account-purchased-listing {
  width: 100%; }

.store .store-account-paging {
  width: 70%;
  min-height: 40px;
  padding: 15px;
  padding-bottom: 30px;
  margin-left: 30px; }

.store .store-account-page {
  padding: 10px 12px;
  float: left;
  border: 1px solid #484848;
  margin-right: 5px;
  margin-bottom: 5px;
  width: 15px;
  text-align: center;
  cursor: pointer; }
  .store .store-account-page a {
    font-family: "nationale-bold", sans-serif;
    font-size: 10px;
    color: #FFFFFF; }

.store .active {
  border: 1px solid #FFFFFF; }

.store .no-border {
  border: 0px solid #000000; }

.store .store-account-purchased-item {
  display: table-row; }
  .store .store-account-purchased-item:first-child .store-account-purchased-cell {
    border-top: 1px solid #484848; }

.store .store-account-purchased-item-header {
  display: table-row;
  margin-bottom: 20px; }

.store .progress-bar {
  width: 0%;
  height: 3px;
  bottom: 0px;
  left: 0;
  background: cyan;
  display: block; }

.store .store-account-purchased-cell {
  display: table-cell;
  border-bottom: 1px solid #484848;
  vertical-align: middle;
  height: 55px; }

.store .table-row {
  border-bottom: 1px solid #484848;
  vertical-align: middle;
  height: 55px;
  margin-bottom: 20px; }

.store .item-list {
  padding: 15px; }

.store .not-compatible {
  background-color: #1A1919;
  border: 1px solid #2E2E2E;
  padding: 25px; }

.store .unsupported-list-header {
  border-bottom: 1px solid #484848;
  vertical-align: middle;
  height: 25px;
  margin-bottom: 20px; }

.store .unsupported-list-disclaimer {
  border-bottom: 0px solid #484848;
  vertical-align: middle;
  min-height: 60px;
  margin-bottom: 25px; }
  .store .unsupported-list-disclaimer p {
    font-family: "nationale","nationale-regular","Helvetica",sans-serif;
    font-size: 10px;
    letter-spacing: 1px;
    margin: 0;
    line-height: 1.5;
    text-transform: uppercase; }

.store .unsupported-list {
  border-bottom: 0px solid #484848;
  vertical-align: middle;
  height: 70px;
  margin-bottom: 25px; }
  .store .unsupported-list .unsupported-list-device {
    width: 15%;
    min-width: 50px;
    padding: 0px;
    text-align: center; }
    .store .unsupported-list .unsupported-list-device img {
      width: 100%;
      max-width: 80px; }
  .store .unsupported-list .unsupported-list-description {
    padding-left: 15px; }
  .store .unsupported-list .download-not-supported-btn {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    color: #fefefe;
    background-color: #000;
    font-family: "nationale","nationale-regular","Helvetica",sans-serif;
    font-weight: normal;
    font-size: 14px;
    border: none;
    min-width: 0;
    width: auto;
    padding: 6px 16px 6px 16px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-appearance: none;
    line-height: 1.3;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 5px;
    -webkit-transition: background-color 90ms ease-in-out;
    -moz-transition: background-color 90ms ease-in-out;
    -ms-transition: background-color 90ms ease-in-out;
    -o-transition: background-color 90ms ease-in-out;
    transition: background-color 90ms ease-in-out; }
  .store .unsupported-list p {
    font-family: "nationale","nationale-regular","Helvetica",sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    margin: 0;
    line-height: 1.5;
    text-transform: uppercase; }

.store .track-list .store-account-purchased-prod {
  width: 48%; }

.store .table-cell {
  vertical-align: middle;
  float: left;
  height: 52px; }

.store .table-download-icon {
  width: 20%; }
  .store .table-download-icon div {
    cursor: pointer;
    width: 26px;
    float: left;
    text-align: center;
    margin: 0 4px; }
    .store .table-download-icon div:hover {
      opacity: .85; }
    .store .table-download-icon div i {
      color: #FFFFFF; }
    .store .table-download-icon div .processing-download {
      color: #727272; }
    .store .table-download-icon div .album-download-intiate {
      height: 15px; }
    .store .table-download-icon div .hidden {
      display: none; }
  .store .table-download-icon div.inactive {
    cursor: default; }
    .store .table-download-icon div.inactive i, .store .table-download-icon div.inactive span {
      color: #666; }
  .store .table-download-icon .download-icon {
    width: 50%; }
  .store .table-download-icon span {
    color: #A7A7A7;
    font-family: "nationale-bold", sans-serif;
    font-size: 9px; }

.store .album-progress-container {
  float: left;
  width: 100%; }

.store .store-account-item-type {
  width: 3%;
  text-align: center;
  box-sizing: border-box; }
  .store .store-account-item-type p {
    font-size: 12px;
    color: #818181; }
  .store .store-account-item-type i {
    font-size: 22px;
    color: #818181;
    display: inline-block;
    margin-top: 5px; }

.store .store-account-purchased-nr {
  width: 7%;
  text-align: center;
  box-sizing: border-box; }
  .store .store-account-purchased-nr p {
    font-size: 12px;
    color: #818181; }
  .store .store-account-purchased-nr i {
    font-size: 22px;
    color: #818181;
    display: inline-block;
    margin-top: 5px; }

.store .album-download-intiate {
  vertical-align: middle;
  height: 12px;
  width: 14px; }

.store .btn-download-multiple-quality {
  border: 1px solid #6a6a6a;
  padding: 8px 15px 7px 15px;
  color: #FFFFFF;
  font-size: 10px;
  font-family: "nationale-bold","nationale-bold","Helvetica",sans-serif;
  margin: 0px 5px 5px 5px;
  float: left;
  cursor: pointer;
  outline: 0;
  text-decoration: none; }

.store .btn-download-multiple-quality i {
  color: #FFFFFF;
  font-size: 14px;
  vertical-align: middle;
  width: 15px; }

.store .btn-download-multiple-quality span {
  vertical-align: middle; }

.store .btn-deactivated {
  border: 1px solid #2b2b2b;
  color: #2b2b2b;
  pointer-events: none;
  cursor: default; }

.store .btn-deactivated i {
  color: #2b2b2b; }

.store .row-header {
  margin-top: 20px;
  height: 35px;
  width: 100%; }
  .store .row-header h3 {
    font-family: "nationale-bold", sans-serif;
    color: #727272;
    font-size: 12px;
    letter-spacing: 1px;
    margin: 0;
    line-height: 1.5; }
  .store .row-header .store-account-purchased-artist {
    font-family: "nationale", "nationale-regular", "Helvetica", sans-serif; }

.store .row-header.download-multiple {
  height: 55px; }

.store .store-account-purchased-prod {
  width: 55%; }
  .store .store-account-purchased-prod h3 {
    font-family: "nationale-bold", sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    margin: 0;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    white-space: nowrap; }
  .store .store-account-purchased-prod .store-account-purchased-artist {
    font-family: "nationale", "nationale-regular", "Helvetica", sans-serif; }

.store .table-downloads-remaining {
  width: 20%;
  text-align: center; }
  .store .table-downloads-remaining span {
    color: #A7A7A7;
    font-family: "nationale-bold", sans-serif;
    font-size: 7px;
    display: block;
    line-height: 1.5;
    text-transform: uppercase; }
  .store .table-downloads-remaining span:first-child {
    font-size: 12px;
    color: #FFFFFF;
    line-height: 2; }

.store .store-account-purchased-download {
  width: 75px; }
  .store .store-account-purchased-download div {
    cursor: pointer;
    width: 26px;
    float: left;
    text-align: center;
    margin: 0 4px; }
    .store .store-account-purchased-download div:hover {
      opacity: .85; }
  .store .store-account-purchased-download .download-icon {
    width: 50%; }
  .store .store-account-purchased-download span {
    color: #A7A7A7;
    font-family: "nationale-bold", sans-serif;
    font-size: 9px; }

.store .campaign-promotion-download-trial {
  width: 90%;
  margin: 40px auto;
  max-width: 450px;
  text-align: center; }

.store .campaign-promotion-download-trial h3 {
  text-align: center; }

.processing-download-backdrop {
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px; }
  .processing-download-backdrop .processing-download-container {
    width: 320px;
    height: 260px;
    background-color: black;
    position: absolute;
    top: 50%;
    bottom: 50%;
    left: 50%;
    right: 50%;
    margin-top: -130px;
    margin-left: -160px;
    border: 1px solid #484848; }
  .processing-download-backdrop .processing-download-header {
    width: 300px;
    height: 20px;
    padding: 10px;
    text-align: right; }
    .processing-download-backdrop .processing-download-header i {
      color: #FFFFFF;
      font-size: 26px; }
  .processing-download-backdrop .processing-download-content {
    margin-left: 20px;
    width: 280px;
    height: 200px;
    text-align: center; }
    .processing-download-backdrop .processing-download-content h3 {
      font-family: "nationale-bold", sans-serif;
      font-size: 12px;
      letter-spacing: 1px;
      margin: 0;
      line-height: 1.5;
      color: #FFFFFF;
      margin-bottom: 40px; }
    .processing-download-backdrop .processing-download-content h4 {
      font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
      font-size: 12px;
      letter-spacing: 1px;
      margin: 0;
      line-height: 1.5;
      color: #FFFFFF; }
    .processing-download-backdrop .processing-download-content h5 {
      font-family: "nationale-bold", sans-serif;
      margin-top: 10px;
      font-size: 16px;
      letter-spacing: 1px;
      line-height: 1.5;
      color: #FFFFFF; }

.container-narrow.search {
  padding: 0 15px; }

.search-item-description {
  padding-left: 20px;
  width: calc(46% - 20px); }
  .search-item-description .search-item-text a {
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 1px;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    display: block; }
  .search-item-description h3 a {
    text-decoration: none;
    letter-spacing: 1px;
    font-size: 12px;
    line-height: 1.4;
    color: #818181; }

.list-buy-button {
  padding: 0;
  width: 70px;
  float: left;
  margin-left: 20px;
  margin-right: 0; }
  @media (min-width: 375px) {
    .list-buy-button {
      width: 90px; } }
  .list-buy-button .btn-new {
    border: 2px solid cyan;
    border-radius: 0;
    padding: 7px 8px;
    margin: 10px 0 0 0;
    font-size: 10px !important;
    width: auto;
    font-family: "nationale-demibold", sans-serif; }

@media (min-width: 768px) {
  .store-checkout-items {
    padding-top: 90px;
    max-width: 800px;
    margin: 0 auto; }
    .store-checkout-items .checkout-headline {
      margin-top: 0;
      font-size: 45px;
      letter-spacing: 4px;
      margin-bottom: 40px; }
    .store-checkout-items .cart-list-grid {
      width: 100%;
      max-width: 700px; }
    .store-checkout-items .cart-price {
      float: left;
      margin-top: 22px;
      margin-left: 20px;
      text-transform: uppercase; }
    .store-checkout-items .cart-item-album-art {
      float: left;
      width: 40%;
      height: auto; }
    .store-checkout-items .cart-item-description {
      float: right;
      width: 55%;
      margin-top: 0; }
      .store-checkout-items .cart-item-description h2, .store-checkout-items .cart-item-description h3 {
        font-size: 20px; }
  .store-sub-total .sub-total-text {
    max-width: 800px;
    text-align: left;
    font-size: 22px;
    letter-spacing: 3px; }
  .store-checkout-method {
    overflow: hidden;
    max-width: 800px;
    margin-top: 20px; }
    .store-checkout-method .store-checkout-headline {
      font-size: 24px;
      letter-spacing: 2px;
      margin-bottom: 40px; }
    .store-checkout-method .store-checkout-voucher {
      width: 45%;
      float: left; }
    .store-checkout-method .store-checkout-card {
      width: 45%;
      float: right;
      margin-top: 0;
      padding: 5px; }
    .store-checkout-method .payment-option-logos {
      font-size: 40px;
      color: #FFFFFF; }
  .store-account {
    padding-top: 0px;
    width: 100vw; }
    .store-account .store-purchase-history {
      max-width: 1000px;
      padding: 20px;
      margin: 0px auto;
      min-height: 200px;
      position: relative; }
    .store-account .store-account-headline {
      font-size: 32px;
      margin-bottom: 80px;
      letter-spacing: 4px; }
    .store-account .store-account-purchased-cell {
      height: 65px; }
    .store-account .store-account-purchased h2 {
      font-family: "nationale-demibold", sans-serif;
      margin-bottom: 30px; }
    .store-account .store-account-purchased h4 {
      font-family: "nationale-demibold", sans-serif;
      margin-top: 10px;
      margin-bottom: 20px;
      color: #FFFFFF;
      font-size: 14px; }
  .container-narrow.search {
    padding-top: 120px; }
    .container-narrow.search .search-item-description {
      width: calc(50% - 20px); }
    .container-narrow.search .list-buy-button {
      width: 120px; }
      .container-narrow.search .list-buy-button .btn-new {
        font-size: 12px; }
    .container-narrow.search .search-result-grid {
      width: 48%; }
      .container-narrow.search .search-result-grid:nth-child(2n+2) {
        margin-right: 4%; }
    .container-narrow.search .search-item-description .search-item-text a {
      font-size: 14px; }
    .container-narrow.search .search-item-description h3 a {
      font-size: 14px; } }

.competition-iframe {
  background: #2a2a2a;
  margin-top: 50px;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  position: absolute;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 50px;
  overflow-y: none; }

@media (max-width: 767px) {
  .competition-iframe iframe {
    min-height: 1800px; } }

@media (min-width: 768px) {
  .competition-iframe iframe {
    min-height: 1500px; } }

.demo-iframe-holder {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll; }

.demo-iframe-holder iframe {
  height: 100%;
  width: 100%; }

.competition-iframe iframe {
  /* nada! */ }

prod-listing-title:focus {
  outline: none;
  opacity: .98; }

.page-store-home footer {
  background: #000;
  z-index: 1000000;
  position: relative; }

.page-index-2 .nav-close.header-shop header {
  background: rgba(0, 0, 0, 0.75) !important; }

.page-store-exp {
  padding-bottom: 0px; }
  .page-store-exp .store-exp-featured, .page-store-exp .store-exp-featured-two, .page-store-exp .store-prod-related-release-wrap .store-prod-related-release {
    top: 45px; }
    .page-store-exp .store-exp-featured img, .page-store-exp .store-exp-featured-two img, .page-store-exp .store-prod-related-release-wrap .store-prod-related-release img {
      width: 100%; }
  .page-store-exp .featured-loader {
    width: 27px !important;
    display: block !important;
    margin: 0 auto 200px auto !important;
    padding-top: 250px !important; }
  .page-store-exp .store-featured-flick {
    display: none; }
  .page-store-exp .exp {
    position: relative;
    top: 150px;
    width: 90%;
    height: 300px;
    margin: 0 auto; }
  .page-store-exp .store-exp-flow-item {
    position: absolute;
    height: 400px;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-transition: 500ms transform ease-out;
    -ms-transition: 500ms transform ease-out;
    -moz-transition: 500ms transform ease-out;
    -o-transition: 500ms transform ease-out;
    transition: 500ms transform ease-out; }
    .page-store-exp .store-exp-flow-item.store-exp-flow-item-1 {
      background: cyan;
      z-index: 5; }
    .page-store-exp .store-exp-flow-item.store-exp-flow-item-2 {
      background: #ff0000;
      z-index: 4;
      left: 50px; }
    .page-store-exp .store-exp-flow-item.store-exp-flow-item-3 {
      background: green;
      z-index: 3;
      left: 85px; }
    .page-store-exp .store-exp-flow-item.store-exp-flow-item-4 {
      background: blue;
      z-index: 2;
      left: 110px; }
    .page-store-exp .store-exp-flow-item.store-exp-flow-item-5 {
      background: yellow;
      z-index: 1;
      left: 130px; }
  .page-store-exp .store-exp-featured .slick-prev, .page-store-exp .store-exp-featured-two .slick-prev, .page-store-exp .store-prod-related-release-wrap .store-prod-related-release .slick-prev {
    left: 0;
    top: 40%;
    opacity: .5;
    z-index: 2; }
  .page-store-exp .store-exp-featured .slick-next, .page-store-exp .store-exp-featured-two .slick-next, .page-store-exp .store-prod-related-release-wrap .store-prod-related-release .slick-next {
    right: 0;
    top: 40%;
    opacity: .5;
    z-index: 2; }
  .page-store-exp .store-exp-featured .slick-dots, .page-store-exp .store-exp-featured-two .slick-dots, .page-store-exp .store-prod-related-release-wrap .store-prod-related-release .slick-dots {
    width: 50%;
    bottom: -5px;
    text-align: left;
    margin-left: 15px; }
  .page-store-exp .store-exp-featured .slick-dots li, .page-store-exp .store-exp-featured-two .slick-dots li, .page-store-exp .store-prod-related-release-wrap .store-prod-related-release .slick-dots li {
    margin: 0;
    width: 10px; }
  .page-store-exp .store-exp-featured .slick-dots li button:before, .page-store-exp .store-exp-featured-two .slick-dots li button:before, .page-store-exp .store-prod-related-release-wrap .store-prod-related-release .slick-dots li button:before {
    color: #fff; }
  .page-store-exp .store-exp-featured .slick-dots li.slick-active button:before, .page-store-exp .store-exp-featured-two .slick-dots li.slick-active button:before, .page-store-exp .store-prod-related-release-wrap .store-prod-related-release .slick-dots li.slick-active button:before {
    color: #fff; }
  .page-store-exp .store-exp-featured .featured-item, .page-store-exp .store-exp-featured-two .featured-item, .page-store-exp .store-prod-related-release-wrap .store-prod-related-release .featured-item {
    position: relative;
    outline: none !important; }
  .page-store-exp .store-exp-featured .featured-item-info, .page-store-exp .store-exp-featured-two .featured-item-info, .page-store-exp .store-prod-related-release-wrap .store-prod-related-release .featured-item-info {
    cursor: pointer;
    outline: none !important;
    padding: 20px 20px 0px 20px; }
  .page-store-exp .store-exp-featured .featured-buy-btn, .page-store-exp .store-exp-featured-two .featured-buy-btn, .page-store-exp .store-prod-related-release-wrap .store-prod-related-release .featured-buy-btn {
    outline: none !important;
    text-align: right;
    display: block; }
    .page-store-exp .store-exp-featured .featured-buy-btn .btn-new, .page-store-exp .store-exp-featured-two .featured-buy-btn .btn-new, .page-store-exp .store-prod-related-release-wrap .store-prod-related-release .featured-buy-btn .btn-new {
      font-size: 10px;
      margin: 0;
      padding: 5px 10px;
      font-family: "nationale-demibold", sans-serif;
      margin-top: 20px; }
  .page-store-exp .store-exp-featured .featured-exclusive-header, .page-store-exp .store-exp-featured-two .featured-exclusive-header, .page-store-exp .store-prod-related-release-wrap .store-prod-related-release .featured-exclusive-header {
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
    margin-bottom: 10px; }
  .page-store-exp .store-exp-featured .featured-artist-header, .page-store-exp .store-exp-featured-two .featured-artist-header, .page-store-exp .store-prod-related-release-wrap .store-prod-related-release .featured-artist-header {
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
    font-family: "nationale-bold", sans-serif; }
  .page-store-exp .store-exp-featured .featured-artist-header > a, .page-store-exp .store-exp-featured-two .featured-artist-header > a, .page-store-exp .store-prod-related-release-wrap .store-prod-related-release .featured-artist-header > a {
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
    font-family: "nationale-bold", sans-serif; }
  .page-store-exp .store-exp-featured .featured-title-header, .page-store-exp .store-exp-featured-two .featured-title-header, .page-store-exp .store-prod-related-release-wrap .store-prod-related-release .featured-title-header {
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 0;
    font-family: "nationale-bold", sans-serif; }
  .page-store-exp .store-exp-featured .featured-title-header > a, .page-store-exp .store-exp-featured-two .featured-title-header > a, .page-store-exp .store-prod-related-release-wrap .store-prod-related-release .featured-title-header > a {
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 0;
    font-family: "nationale-bold", sans-serif;
    text-decoration: none; }
  .page-store-exp .shift .store-exp-flow-item {
    -webkit-transform: translateX(-3%);
    -ms-transform: translateX(-3%);
    -moz-transform: translateX(-3%);
    -o-transform: translateX(-3%);
    transform: translateX(-3%); }
  .page-store-exp .shift .store-exp-flow-item:nth-child(1) {
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    -moz-transform: translateX(-200%);
    -o-transform: translateX(-200%);
    transform: translateX(-200%); }
  .page-store-exp .store-exp-top {
    background: #212121;
    margin-top: 20px;
    -webkit-transition: transform 400ms ease-out;
    -ms-transition: transform 400ms ease-out;
    -moz-transition: transform 400ms ease-out;
    -o-transition: transform 400ms ease-out;
    transition: transform 400ms ease-out; }
    @media (max-width: 767px) {
      .page-store-exp .store-exp-top.active-shelf-top {
        -webkit-transform: translate3d(0, -40px, 0);
        -ms-transform: translate3d(0, -40px, 0);
        -moz-transform: translate3d(0, -40px, 0);
        -o-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0); } }
  .page-store-exp .store-exp-top-item {
    position: relative;
    background: #212121;
    top: 0px;
    -webkit-box-shadow: inset 0px -13px 17px -5px #000;
    -ms-box-shadow: inset 0px -13px 17px -5px #000;
    -moz-box-shadow: inset 0px -13px 17px -5px #000;
    -o-box-shadow: inset 0px -13px 17px -5px #000;
    box-shadow: inset 0px -13px 17px -5px #000;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 20px;
    max-height: 154px;
    overflow: hidden; }
    @media (max-width: 767px) {
      .page-store-exp .store-exp-top-item {
        cursor: pointer;
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition: all 450ms ease-out;
        -ms-transition: all 450ms ease-out;
        -moz-transition: all 450ms ease-out;
        -o-transition: all 450ms ease-out;
        transition: all 450ms ease-out; }
        .page-store-exp .store-exp-top-item a {
          pointer-events: none; }
        .page-store-exp .store-exp-top-item.store-exp-top-item-active {
          max-height: 820px;
          -webkit-transform: translate3d(0, -90px, 0);
          -ms-transform: translate3d(0, -90px, 0);
          -moz-transform: translate3d(0, -90px, 0);
          -o-transform: translate3d(0, -90px, 0);
          transform: translate3d(0, -90px, 0);
          cursor: default; }
          .page-store-exp .store-exp-top-item.store-exp-top-item-active a {
            pointer-events: auto; }
        .page-store-exp .store-exp-top-item.store-exp-top-item-last {
          height: 100px;
          box-shadow: none; } }
  .page-store-exp .store-exp-top-info {
    width: 60%;
    margin-left: 5%;
    float: left; }
  .page-store-exp .prod-related-headline-top-front {
    color: #A2A2A2;
    margin-left: 5%;
    font-size: 18px;
    letter-spacing: 2px;
    font-family: "nationale-bold", sans-serif;
    margin-top: 80px;
    margin-bottom: 0; }
  .page-store-exp .store-exp-top-cta {
    float: right;
    margin-right: 5%; }
    .page-store-exp .store-exp-top-cta .btn-new {
      font-size: 10px;
      margin: 0;
      padding: 5px 10px;
      min-width: 40px;
      font-family: "nationale-demibold", sans-serif; }
  .page-store-exp .store-top-title {
    font-family: "nationale-demibold", sans-serif;
    letter-spacing: 1px;
    font-size: 13px;
    margin-bottom: 5px;
    line-height: 1.6;
    text-transform: uppercase; }
    .page-store-exp .store-top-title a {
      font-size: inherit;
      text-decoration: none;
      font-family: inherit;
      color: inherit; }
  .page-store-exp .store-top-artist {
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 1.4;
    text-transform: uppercase; }
    .page-store-exp .store-top-artist a {
      font-size: inherit;
      text-decoration: none;
      font-family: inherit;
      color: inherit; }
  .page-store-exp .store-exp-top-cover {
    position: relative;
    width: 100%;
    margin: 0px auto;
    text-align: center;
    overflow: hidden;
    clear: left; }
    .page-store-exp .store-exp-top-cover a {
      display: block; }
    .page-store-exp .store-exp-top-cover a:after {
      position: absolute;
      left: 5%;
      right: 5%;
      bottom: 0px;
      top: 0;
      display: block;
      content: "";
      -webkit-box-shadow: 0px 0 2px rgba(255,255,255,0.12) inset, 0px 1px 0px rgba(255,255,255,.1) inset;
      -ms-box-shadow: 0px 0 2px rgba(255,255,255,0.12) inset, 0px 1px 0px rgba(255,255,255,.1) inset;
      -moz-box-shadow: 0px 0 2px rgba(255,255,255,0.12) inset, 0px 1px 0px rgba(255,255,255,.1) inset;
      -o-box-shadow: 0px 0 2px rgba(255,255,255,0.12) inset, 0px 1px 0px rgba(255,255,255,.1) inset;
      box-shadow: 0px 0 2px rgba(255,255,255,0.12) inset, 0px 1px 0px rgba(255,255,255,.1) inset; }
    .page-store-exp .store-exp-top-cover img {
      width: 90%; }
  .page-store-exp .store-prod-hero {
    margin-top: 45px; }
    .page-store-exp .store-prod-hero h2 {
      width: 90%;
      margin: 0px auto;
      line-height: 1.5;
      letter-spacing: 3px;
      font-family: "nationale-bold", sans-serif;
      text-transform: uppercase; }
    .page-store-exp .store-prod-hero .hero-artist {
      margin-top: 20px;
      outline: none !important;
      cursor: pointer; }
    .page-store-exp .store-prod-hero .hero-title {
      margin-top: 3px; }
    .page-store-exp .store-prod-hero img {
      width: 100%; }
  .page-store-exp .store-prod-listing-pre {
    overflow: hidden; }
    .page-store-exp .store-prod-listing-pre .store-prod-cta-quality {
      float: left;
      margin-left: 5%;
      margin-top: 20px; }
      .page-store-exp .store-prod-listing-pre .store-prod-cta-quality span {
        color: #fff;
        margin: 0 6px; }
      .page-store-exp .store-prod-listing-pre .store-prod-cta-quality a {
        text-decoration: none;
        outline: none !important;
        font-family: "nationale-demibold", sans-serif;
        color: #818181; }
      .page-store-exp .store-prod-listing-pre .store-prod-cta-quality a.active-choice {
        color: #fff; }
    .page-store-exp .store-prod-listing-pre .store-prod-cta-purchase {
      float: right;
      margin-right: 5%;
      margin-top: 15px; }
      .page-store-exp .store-prod-listing-pre .store-prod-cta-purchase .btn-new {
        font-size: 10px;
        margin: 0;
        padding: 5px 10px;
        font-family: "nationale-demibold", sans-serif; }
  .page-store-exp .store-prod-listing {
    width: 95%;
    margin-left: auto;
    margin-top: 35px; }
  .page-store-exp .prod-listing-header {
    border-top: 0px solid #3A3939; }
  .page-store-exp .prod-listing-header {
    position: relative;
    overflow: hidden;
    height: 55px;
    border-bottom: 1px solid #3A3939; }
    .page-store-exp .prod-listing-header .prod-listing-cell {
      width: 100%;
      padding-top: 19px; }
      .page-store-exp .prod-listing-header .prod-listing-cell span {
        font-size: 15px;
        color: #6F6F6F;
        font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
        text-transform: uppercase; }
  .page-store-exp .prod-listing-item:first-child {
    border-top: 1px solid #3A3939; }
  .page-store-exp .prod-listing-item {
    position: relative;
    overflow: hidden;
    height: 55px;
    border-bottom: 1px solid #3A3939; }
    .page-store-exp .prod-listing-item .progress-bar {
      width: 0%;
      height: 1px;
      position: absolute;
      bottom: 0px;
      left: 0;
      background: cyan;
      transition: 0.5s linear; }
  .page-store-exp .track-inactive {
    opacity: 0.3; }
  .page-store-exp .prod-listing-item.playing .progress-bar {
    display: block; }
  .page-store-exp .prod-listing-item.playing .prod-listing-title p, .page-store-exp .prod-listing-item.playing .prod-listing-control i {
    color: cyan; }
  .page-store-exp .prod-listing-cell {
    float: left; }
    .page-store-exp .prod-listing-cell p {
      font-size: 13px; }
  .page-store-exp .prod-listing-number {
    width: 20px;
    padding-top: 19px; }
    .page-store-exp .prod-listing-number span {
      font-size: 13px;
      color: #6F6F6F;
      font-family: "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .page-store-exp .prod-listing-control {
    width: 35px;
    padding-top: 17px; }
    .page-store-exp .prod-listing-control i {
      font-size: 21px;
      color: #fff; }
  .page-store-exp .prod-listing-title {
    position: relative;
    width: 67%; }
    .page-store-exp .prod-listing-title:before {
      content: ' ';
      visibility: hidden; }
    .page-store-exp .prod-listing-title p {
      text-transform: uppercase;
      letter-spacing: 2px;
      position: absolute;
      left: 0;
      right: 0;
      top: 21px;
      line-height: normal;
      margin: 0;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .page-store-exp .version {
    color: #858585; }
  .page-store-exp .prod-listing-length {
    width: 50px;
    float: right; }
    .page-store-exp .prod-listing-length p {
      color: #6F6F6F;
      padding-right: 5px;
      padding-left: 5px;
      padding-top: 21px;
      margin: 0; }
  .page-store-exp .store-prod-description {
    width: 90%;
    margin: 40px auto 0 auto; }
    .page-store-exp .store-prod-description img {
      width: 100%; }
    .page-store-exp .store-prod-description h2 {
      color: #A2A2A2;
      letter-spacing: 2px;
      margin-bottom: 10px;
      font-family: "nationale-bold", sans-serif; }
    .page-store-exp .store-prod-description .description-headline-desktop {
      display: none; }
    .page-store-exp .store-prod-description p {
      color: #A2A2A2;
      line-height: 1.5;
      letter-spacing: 1px;
      font-size: 12px; }
      .page-store-exp .store-prod-description p a {
        font-size: inherit; }
    .page-store-exp .store-prod-description .read-more-bio {
      font-size: 12px;
      letter-spacing: 1px;
      font-family: "nationale-demibold", sans-serif;
      display: inline-block;
      margin-top: 20px; }
  .page-store-exp .store-prod-related-release-wrap {
    margin-top: 100px;
    width: 100%;
    margin-left: auto; }
    .page-store-exp .store-prod-related-release-wrap .store-prod-related-release {
      top: 8px; }
      .page-store-exp .store-prod-related-release-wrap .store-prod-related-release img {
        width: 95%; }
      .page-store-exp .store-prod-related-release-wrap .store-prod-related-release .featured-item-info {
        position: relative;
        padding: 20px 0 0 0; }
      .page-store-exp .store-prod-related-release-wrap .store-prod-related-release .featured-artist-header {
        font-size: 14px;
        width: 72%; }
      .page-store-exp .store-prod-related-release-wrap .store-prod-related-release .featured-artist-header > a {
        font-size: 14px;
        width: 72%;
        text-decoration: none; }
      .page-store-exp .store-prod-related-release-wrap .store-prod-related-release .featured-buy-btn {
        position: absolute;
        bottom: 10px;
        right: 5%;
        top: 0px; }
      .page-store-exp .store-prod-related-release-wrap .store-prod-related-release .featured-title-header {
        font-size: 14px;
        width: 72%;
        font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
        color: #818181; }
      .page-store-exp .store-prod-related-release-wrap .store-prod-related-release .featured-title-header > a {
        font-size: 14px;
        width: 72%;
        font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
        color: #818181; }
    .page-store-exp .store-prod-related-release-wrap .prod-related-headline {
      color: #A2A2A2;
      margin-left: 5%;
      font-size: 18px;
      letter-spacing: 2px;
      margin-bottom: 10px;
      font-family: "nationale-bold", sans-serif; }
  .page-store-exp .store-prod-artist-hero .store-prod-hero-img img {
    width: 100%; }
  .page-store-exp .store-prod-artist-hero .store-prod-hero-info h2 {
    font-size: 30px; }
  .page-store-exp .store-prod-artist-hero .hero-artist {
    margin-top: 5px; }
  .page-store-exp .store-prod-related-release-wrap-artist {
    margin: 60px auto 80px auto; }
    .page-store-exp .store-prod-related-release-wrap-artist .prod-related-headline {
      font-size: 18px;
      font-family: "nationale-demibold", sans-serif; }
  .page-store-exp .store-front-new-releases {
    width: 90%;
    margin: 0px auto 105px auto;
    max-width: 900px; }
    @media (min-width: 768px) {
      .page-store-exp .store-front-new-releases {
        width: 80%; } }
    .page-store-exp .store-front-new-releases h2 {
      margin-top: 100px;
      font-size: 16px;
      font-family: "nationale-demibold", sans-serif;
      letter-spacing: 2px;
      text-align: left;
      color: #A2A2A2; }
    .page-store-exp .store-front-new-releases .featured-buy-btn {
      position: absolute;
      top: 0;
      right: 0;
      outline: none !important;
      text-align: right;
      display: block; }
      .page-store-exp .store-front-new-releases .featured-buy-btn .btn-new {
        font-size: 10px;
        margin: 0;
        padding: 5px 10px;
        font-family: "nationale-demibold", sans-serif; }
      @media (max-width: 767px) {
        .page-store-exp .store-front-new-releases .featured-buy-btn {
          position: absolute;
          bottom: -40px;
          left: 0;
          outline: none !important;
          text-align: right;
          display: block;
          top: auto;
          right: auto; } }
    .page-store-exp .store-front-new-releases .store-front-new-releases-content-info {
      position: relative;
      width: 55%;
      min-width: 150px;
      max-width: 450px; }
    .page-store-exp .store-front-new-releases .featured-artist-header {
      max-width: 300px;
      width: 100%;
      text-transform: uppercase;
      letter-spacing: 2px;
      margin-bottom: 10px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      line-height: normal;
      margin-top: 15px;
      font-size: 9px;
      font-family: "nationale-bold", sans-serif;
      color: #D8D8D8; }
    .page-store-exp .store-front-new-releases .featured-artist-header > a {
      text-transform: uppercase;
      text-decoration: none;
      letter-spacing: 2px;
      font-size: inherit;
      margin-bottom: 7px;
      font-family: "nationale-bold", sans-serif; }
    .page-store-exp .store-front-new-releases .featured-title-header {
      max-width: 300px;
      width: 100%;
      text-transform: uppercase;
      letter-spacing: 2px;
      margin-bottom: 0px;
      line-height: normal;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      font-size: 9px;
      margin-top: 0;
      font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
      color: #D8D8D8; }
    .page-store-exp .store-front-new-releases .featured-title-header > a {
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: inherit;
      margin-bottom: 0;
      font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
      text-decoration: none; }
    @media (min-width: 375px) {
      .page-store-exp .store-front-new-releases .featured-title-header, .page-store-exp .store-front-new-releases .featured-artist-header {
        font-size: 11px; } }
    @media (min-width: 768px) {
      .page-store-exp .store-front-new-releases .featured-title-header, .page-store-exp .store-front-new-releases .featured-artist-header {
        width: 70%;
        font-size: 13px; } }
    .page-store-exp .store-front-new-releases .store-front-new-releases-content {
      width: 100%;
      overflow: hidden;
      position: relative;
      height: auto;
      margin: 0 auto; }
    .page-store-exp .store-front-new-releases .store-front-new-releases-nav {
      position: relative;
      display: none; }
      .page-store-exp .store-front-new-releases .store-front-new-releases-nav .slick-prev {
        color: #fff;
        cursor: pointer;
        left: -80px !important;
        bottom: 150px;
        top: auto !important; }
        .page-store-exp .store-front-new-releases .store-front-new-releases-nav .slick-prev:before {
          font-size: 48px; }
        .page-store-exp .store-front-new-releases .store-front-new-releases-nav .slick-prev.inactive, .page-store-exp .store-front-new-releases .store-front-new-releases-nav .slick-prev.inactive:before {
          pointer-events: none;
          cursor: default;
          color: #403F3F; }
      .page-store-exp .store-front-new-releases .store-front-new-releases-nav .slick-next {
        color: #fff;
        cursor: pointer;
        left: auto !important;
        right: -70px !important;
        bottom: 150px;
        top: auto !important; }
        .page-store-exp .store-front-new-releases .store-front-new-releases-nav .slick-next:before {
          font-size: 48px; }
        .page-store-exp .store-front-new-releases .store-front-new-releases-nav .slick-next.inactive, .page-store-exp .store-front-new-releases .store-front-new-releases-nav .slick-next.inactive:before {
          pointer-events: none;
          cursor: default;
          color: #403F3F; }
      @media (min-width: 768px) {
        .page-store-exp .store-front-new-releases .store-front-new-releases-nav {
          display: block; } }
      @media (min-width: 1024px) {
        .page-store-exp .store-front-new-releases .store-front-new-releases-nav .slick-prev {
          bottom: 170px; }
        .page-store-exp .store-front-new-releases .store-front-new-releases-nav .slick-next {
          bottom: 170px;
          right: -5px !important; } }
    .page-store-exp .store-front-new-releases .store-front-new-releases-content img {
      position: absolute;
      outline: none !important;
      cursor: pointer;
      width: 55%;
      min-width: 150px;
      max-width: 450px;
      left: 0;
      z-index: 0;
      -webkit-box-shadow: 3px 0px 6px -1px rgba(0,0,0,0.6);
      -ms-box-shadow: 3px 0px 6px -1px rgba(0,0,0,0.6);
      -moz-box-shadow: 3px 0px 6px -1px rgba(0,0,0,0.6);
      -o-box-shadow: 3px 0px 6px -1px rgba(0,0,0,0.6);
      box-shadow: 3px 0px 6px -1px rgba(0,0,0,0.6);
      -webkit-transition: transform 300ms ease-out;
      -ms-transition: transform 300ms ease-out;
      -moz-transition: transform 300ms ease-out;
      -o-transition: transform 300ms ease-out;
      transition: transform 300ms ease-out;
      -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      -webkit-user-select: none;
      -ms-user-select: none;
      -moz-user-select: none;
      -o-user-select: none;
      user-select: none; }
      .page-store-exp .store-front-new-releases .store-front-new-releases-content img.out-of-view-right-placeholder {
        position: relative;
        z-index: -1;
        visibility: hidden;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        -moz-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
        -webkit-transition: none;
        -ms-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none; }
      .page-store-exp .store-front-new-releases .store-front-new-releases-content img.out-of-view-right {
        -webkit-transition: transform 100ms ease-out, left 300ms ease-out;
        -ms-transition: transform 100ms ease-out, left 300ms ease-out;
        -moz-transition: transform 100ms ease-out, left 300ms ease-out;
        -o-transition: transform 100ms ease-out, left 300ms ease-out;
        transition: transform 100ms ease-out, left 300ms ease-out;
        -webkit-transition: -webkit-transform 100ms ease-out, left 300ms ease-out;
        -ms-transition: transform 100ms ease-out, left 300ms ease-out;
        -moz-transition: transform 100ms ease-out, left 300ms ease-out;
        -o-transition: transform 100ms ease-out, left 300ms ease-out;
        transition: transform 100ms ease-out, left 300ms ease-out; }
      .page-store-exp .store-front-new-releases .store-front-new-releases-content img.out-of-view-left {
        z-index: 11;
        -webkit-transform: translate3d(-120%, 0, 0) !important;
        -ms-transform: translate3d(-120%, 0, 0) !important;
        -moz-transform: translate3d(-120%, 0, 0) !important;
        -o-transform: translate3d(-120%, 0, 0) !important;
        transform: translate3d(-120%, 0, 0) !important; }
      .page-store-exp .store-front-new-releases .store-front-new-releases-content img.front-new-cov-1 {
        z-index: 10;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }
        .page-store-exp .store-front-new-releases .store-front-new-releases-content img.front-new-cov-1:hover {
          left: 0; }
      .page-store-exp .store-front-new-releases .store-front-new-releases-content img.front-new-cov-2 {
        z-index: 9;
        -webkit-transform: translate3d(18%, 0, 0);
        -ms-transform: translate3d(18%, 0, 0);
        -moz-transform: translate3d(18%, 0, 0);
        -o-transform: translate3d(18%, 0, 0);
        transform: translate3d(18%, 0, 0); }
      .page-store-exp .store-front-new-releases .store-front-new-releases-content img.front-new-cov-3 {
        z-index: 8;
        -webkit-transform: translate3d(32.5%, 0, 0);
        -ms-transform: translate3d(32.5%, 0, 0);
        -moz-transform: translate3d(32.5%, 0, 0);
        -o-transform: translate3d(32.5%, 0, 0);
        transform: translate3d(32.5%, 0, 0); }
      .page-store-exp .store-front-new-releases .store-front-new-releases-content img.front-new-cov-4 {
        z-index: 7;
        -webkit-transform: translate3d(45%, 0, 0);
        -ms-transform: translate3d(45%, 0, 0);
        -moz-transform: translate3d(45%, 0, 0);
        -o-transform: translate3d(45%, 0, 0);
        transform: translate3d(45%, 0, 0); }
      .page-store-exp .store-front-new-releases .store-front-new-releases-content img.front-new-cov-5 {
        z-index: 6;
        -webkit-transform: translate3d(55%, 0, 0);
        -ms-transform: translate3d(55%, 0, 0);
        -moz-transform: translate3d(55%, 0, 0);
        -o-transform: translate3d(55%, 0, 0);
        transform: translate3d(55%, 0, 0); }
      .page-store-exp .store-front-new-releases .store-front-new-releases-content img.front-new-cov-6 {
        z-index: 5;
        -webkit-transform: translate3d(64%, 0, 0);
        -ms-transform: translate3d(64%, 0, 0);
        -moz-transform: translate3d(64%, 0, 0);
        -o-transform: translate3d(64%, 0, 0);
        transform: translate3d(64%, 0, 0); }
      .page-store-exp .store-front-new-releases .store-front-new-releases-content img.front-new-cov-7 {
        z-index: 4;
        -webkit-transform: translate3d(71%, 0, 0);
        -ms-transform: translate3d(71%, 0, 0);
        -moz-transform: translate3d(71%, 0, 0);
        -o-transform: translate3d(71%, 0, 0);
        transform: translate3d(71%, 0, 0); }
      .page-store-exp .store-front-new-releases .store-front-new-releases-content img.front-new-cov-8 {
        z-index: 3;
        -webkit-transform: translate3d(76.5%, 0, 0);
        -ms-transform: translate3d(76.5%, 0, 0);
        -moz-transform: translate3d(76.5%, 0, 0);
        -o-transform: translate3d(76.5%, 0, 0);
        transform: translate3d(76.5%, 0, 0); }
      .page-store-exp .store-front-new-releases .store-front-new-releases-content img.front-new-cov-9 {
        z-index: 2;
        -webkit-transform: translate3d(80%, 0, 0);
        -ms-transform: translate3d(80%, 0, 0);
        -moz-transform: translate3d(80%, 0, 0);
        -o-transform: translate3d(80%, 0, 0);
        transform: translate3d(80%, 0, 0); }
      .page-store-exp .store-front-new-releases .store-front-new-releases-content img.front-new-cov-10 {
        z-index: 1;
        -webkit-transition: transform 150ms ease-out, left 300ms ease-out;
        -ms-transition: transform 150ms ease-out, left 300ms ease-out;
        -moz-transition: transform 150ms ease-out, left 300ms ease-out;
        -o-transition: transform 150ms ease-out, left 300ms ease-out;
        transition: transform 150ms ease-out, left 300ms ease-out;
        -webkit-transform: translate3d(83%, 0, 0);
        -ms-transform: translate3d(83%, 0, 0);
        -moz-transform: translate3d(83%, 0, 0);
        -o-transform: translate3d(83%, 0, 0);
        transform: translate3d(83%, 0, 0); }
      @media (min-width: 768px) {
        .page-store-exp .store-front-new-releases .store-front-new-releases-content img {
          -webkit-transition: transform 500ms ease-out, left 300ms ease-out;
          -ms-transition: transform 500ms ease-out, left 300ms ease-out;
          -moz-transition: transform 500ms ease-out, left 300ms ease-out;
          -o-transition: transform 500ms ease-out, left 300ms ease-out;
          transition: transform 500ms ease-out, left 300ms ease-out;
          -webkit-transition: -webkit-transform 500ms ease-out, left 300ms ease-out;
          -ms-transition: transform 500ms ease-out, left 300ms ease-out;
          -moz-transition: transform 500ms ease-out, left 300ms ease-out;
          -o-transition: transform 500ms ease-out, left 300ms ease-out;
          transition: transform 500ms ease-out, left 300ms ease-out; }
          .page-store-exp .store-front-new-releases .store-front-new-releases-content img:hover {
            left: 40px; }
          .page-store-exp .store-front-new-releases .store-front-new-releases-content img.front-new-cov-10:hover {
            left: 30px; } }
  @media (min-width: 768px) {
    .page-store-exp {
      background: #000; }
      .page-store-exp .store-exp-featured-disabled-desktop {
        display: none; }
      .page-store-exp .store-featured-flick {
        display: block; }
        .page-store-exp .store-featured-flick img {
          width: 100%;
          max-width: 1800px;
          margin: 20px auto 0px auto; }
      .page-store-exp .slick-next, .page-store-exp .slick-prev {
        font-family: 'Navigation_icons', sans-serif;
        width: 50px;
        height: 70px; }
        .page-store-exp .slick-next:before, .page-store-exp .slick-prev:before {
          font-family: 'Navigation_icons', sans-serif;
          font-size: 65px;
          content: "\e661"; }
      .page-store-exp .slick-prev {
        left: -60px !important; }
      .page-store-exp .slick-next {
        -webkit-transform: scale(-1, 1);
        -ms-transform: scale(-1, 1);
        -moz-transform: scale(-1, 1);
        -o-transform: scale(-1, 1);
        transform: scale(-1, 1);
        right: -50px !important; }
      .page-store-exp .store-featured-flick {
        background: #000 url("/images/store/store-prod-hero-bg.5bc14902.jpg") center top no-repeat;
        background-size: 130%;
        overflow: hidden; }
        .page-store-exp .store-featured-flick .store-featured-flick-content {
          overflow: visible;
          cursor: pointer;
          outline: none !important;
          height: 550px;
          width: 95%;
          max-width: 900px;
          margin: 0 auto; }
        .page-store-exp .store-featured-flick .featured-flick-info {
          float: left;
          opacity: 1;
          width: 43%;
          margin-top: 200px;
          -webkit-transition: 325ms opacity ease-out;
          -ms-transition: 325ms opacity ease-out;
          -moz-transition: 325ms opacity ease-out;
          -o-transition: 325ms opacity ease-out;
          transition: 325ms opacity ease-out; }
          .page-store-exp .store-featured-flick .featured-flick-info.hide-info {
            opacity: 0; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .page-store-exp .store-featured-flick .featured-flick-info {
          width: 41%;
          margin-top: 180px; } }
  @media (min-width: 768px) {
        .page-store-exp .store-featured-flick .featured-flick-info h2 {
          text-align: left;
          font-size: 35px;
          text-transform: uppercase;
          margin: 0;
          letter-spacing: 3px;
          font-family: "nationale-demibold", sans-serif;
          line-height: 1.2;
          outline: none !important; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .page-store-exp .store-featured-flick .featured-flick-info h2 {
          font-size: 24px; } }
  @media (min-width: 768px) {
        .page-store-exp .store-featured-flick .flick-info-cta {
          margin-top: 50px;
          display: inline-block; }
          .page-store-exp .store-featured-flick .flick-info-cta .btn-new {
            font-size: 12px;
            margin: 0;
            padding: 4px 10px;
            font-family: "nationale-demibold", sans-serif; }
        .page-store-exp .store-featured-flick .featured-flick-info .flick-info-title {
          color: #818181;
          font-family: "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .page-store-exp .store-featured-flick .flick-info-desc {
          letter-spacing: 1px;
          line-height: 1.6;
          font-size: 11px;
          color: #777676;
          padding-right: 10px;
          margin-top: 20px;
          text-transform: uppercase; }
        .page-store-exp .store-featured-flick .featured-flick-stack {
          position: relative;
          float: right;
          margin-bottom: -40px;
          width: 480px;
          height: 477px;
          margin-top: 80px;
          background: url("/images/store/store-featured-stack.f3a85f6b.jpg") center center no-repeat;
          background-size: 100% auto;
          text-align: center;
          -webkit-perspective: 1100px;
          -ms-perspective: 1100px;
          -moz-perspective: 1100px;
          -o-perspective: 1100px;
          perspective: 1100px;
          -webkit-transform: translateZ(10px);
          -ms-transform: translateZ(10px);
          -moz-transform: translateZ(10px);
          -o-transform: translateZ(10px);
          transform: translateZ(10px);
          -moz-perspective: 150px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .page-store-exp .store-featured-flick .featured-flick-stack {
          width: 425px;
          height: 430px; } }
  @media (min-width: 768px) {
        .page-store-exp .store-featured-flick .featured-flick-cover {
          position: absolute;
          width: 97%;
          bottom: 0;
          z-index: 2;
          left: 1.75%;
          right: 1.75%;
          border-radius: 2px;
          -webkit-backface-visibility: hidden;
          -ms-backface-visibility: hidden;
          -moz-backface-visibility: hidden;
          -o-backface-visibility: hidden;
          backface-visibility: hidden;
          -webkit-transform-style: preserve-3d;
          -ms-transform-style: preserve-3d;
          -moz-transform-style: preserve-3d;
          -o-transform-style: preserve-3d;
          transform-style: preserve-3d;
          -webkit-transition: all 1.1s linear;
          -ms-transition: all 1.1s linear;
          -moz-transition: all 1.1s linear;
          -o-transition: all 1.1s linear;
          transition: all 1.1s linear;
          -webkit-transform-origin: left bottom;
          -ms-transform-origin: left bottom;
          -moz-transform-origin: left bottom;
          -o-transform-origin: left bottom;
          transform-origin: left bottom; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .page-store-exp .store-featured-flick .featured-flick-cover {
          -webkit-transition: transform 1.1s linear;
          -ms-transition: transform 1.1s linear;
          -moz-transition: transform 1.1s linear;
          -o-transition: transform 1.1s linear;
          transition: transform 1.1s linear; } }
  @media (min-width: 768px) {
        .page-store-exp .store-featured-flick .featured-flick-cover-prev {
          -webkit-transform: none;
          -ms-transform: none;
          -moz-transform: none;
          -o-transform: none;
          transform: none;
          z-index: 1; }
        .page-store-exp .store-featured-flick .featured-flick-stack.flick .featured-flick-cover-active {
          -webkit-transform: rotateX(-179deg);
          -ms-transform: rotateX(-179deg);
          -moz-transform: rotateX(-179deg);
          -o-transform: rotateX(-179deg);
          transform: rotateX(-179deg); }
      .page-store-exp .store-new-releases {
        width: 100%;
        max-width: 830px;
        margin: 20px auto 60px auto; }
      .page-store-exp .store-exp-top-header {
        max-width: 900px;
        margin: 0 auto; }
      .page-store-exp .prod-related-headline-top-front {
        font-size: 16px;
        text-align: left;
        margin-left: 0;
        font-family: "nationale-demibold", sans-serif; }
      .page-store-exp .store-exp-top .store-exp-top-item-content {
        width: 100%;
        max-width: 960px;
        margin: 0 auto; }
      .page-store-exp .store-exp-top .store-exp-top-item {
        overflow: visible;
        max-height: 70px;
        -webkit-box-shadow: inset 0 -13px 17px -5px #1B1B1B;
        -ms-box-shadow: inset 0 -13px 17px -5px #1B1B1B;
        -moz-box-shadow: inset 0 -13px 17px -5px #1B1B1B;
        -o-box-shadow: inset 0 -13px 17px -5px #1B1B1B;
        box-shadow: inset 0 -13px 17px -5px #1B1B1B; }
        .page-store-exp .store-exp-top .store-exp-top-item.store-exp-top-item-last {
          overflow: hidden;
          height: 180px;
          max-height: none; }
      .page-store-exp .store-exp-top .store-exp-top-cover {
        position: static;
        float: none;
        height: auto;
        max-height: none;
        width: 41%;
        margin-left: 0px;
        clear: none;
        -webkit-transition: transform 500ms ease-out;
        -ms-transition: transform 500ms ease-out;
        -moz-transition: transform 500ms ease-out;
        -o-transition: transform 500ms ease-out;
        transition: transform 500ms ease-out;
        pointer-events: none;
        -webkit-transition: -webkit-transform 500ms ease-out;
        -ms-transition: transform 500ms ease-out;
        -moz-transition: transform 500ms ease-out;
        -o-transition: transform 500ms ease-out;
        transition: transform 500ms ease-out; }
        .page-store-exp .store-exp-top .store-exp-top-cover img {
          width: 100%; }
        .page-store-exp .store-exp-top .store-exp-top-cover a {
          pointer-events: none; }
        .page-store-exp .store-exp-top .store-exp-top-cover a:hover {
          opacity: 1; }
        .page-store-exp .store-exp-top .store-exp-top-cover a:after {
          left: 0;
          right: 0; }
      .page-store-exp .store-exp-top .store-exp-top-item:hover .store-exp-top-cover {
        -webkit-transform: translate3d(0, -230px, 0);
        -ms-transform: translate3d(0, -230px, 0);
        -moz-transform: translate3d(0, -230px, 0);
        -o-transform: translate3d(0, -230px, 0);
        transform: translate3d(0, -230px, 0);
        pointer-events: auto; }
        .page-store-exp .store-exp-top .store-exp-top-item:hover .store-exp-top-cover a {
          pointer-events: auto; }
        .page-store-exp .store-exp-top .store-exp-top-item:hover .store-exp-top-cover a:after {
          -webkit-box-shadow: none;
          -ms-box-shadow: none;
          -moz-box-shadow: none;
          -o-box-shadow: none;
          box-shadow: none; }
      .page-store-exp .store-exp-top .store-exp-top-item:focus .store-exp-top-cover {
        pointer-events: auto; }
        .page-store-exp .store-exp-top .store-exp-top-item:focus .store-exp-top-cover a {
          pointer-events: auto; }
      .page-store-exp .store-exp-top .store-exp-top-info {
        float: right;
        width: 45%;
        margin: 0px; }
      .page-store-exp .store-exp-top .store-exp-top-cta {
        float: right;
        width: 10%;
        margin: 0; }
      .page-store-exp .store-exp-top .store-exp-top-info h2 {
        text-align: left;
        margin-top: 0; }
      .page-store-exp .store-prod-hero {
        background: #000 url("/images/store/store-prod-hero-bg.5bc14902.jpg") center center no-repeat;
        background-size: cover;
        margin-top: 0;
        text-align: center; }
        .page-store-exp .store-prod-hero .store-prod-hero-img {
          width: 750px;
          margin: 0 auto;
          text-align: center;
          background: url("/images/store/store-prod-hero-shadow.a3424597.png") bottom 36px center no-repeat;
          background-size: 830px auto; }
        .page-store-exp .store-prod-hero img {
          width: 400px;
          margin-top: 80px;
          margin-bottom: 40px; }
      .page-store-exp .store-prod-desk-stacking {
        position: relative;
        top: -20px;
        overflow: hidden;
        width: 95%;
        max-width: 900px;
        margin: 0 auto; }
      .page-store-exp .store-prod-listing {
        width: 65%;
        float: left; }
      .page-store-exp .prod-listing-length {
        width: 60px; }
      .page-store-exp .store-prod-description-right {
        width: 30%;
        float: right; }
        .page-store-exp .store-prod-description-right .store-prod-description {
          width: 100%;
          margin-top: 30px; }
        .page-store-exp .store-prod-description-right h2 {
          display: none; }
        .page-store-exp .store-prod-description-right p {
          margin-top: 0;
          font-size: 11px; }
      .page-store-exp .store-prod-description-credits {
        clear: both; }
        .page-store-exp .store-prod-description-credits h2 {
          display: block;
          font-family: "nationale-demibold", sans-serif;
          font-size: 16px;
          text-align: left;
          margin-top: 0;
          margin-bottom: 18px; }
      .page-store-exp .store-prod-listing-pre .store-prod-cta-purchase {
        float: left;
        margin-right: 0;
        margin-top: 15px;
        margin-left: 40px; }
      .page-store-exp .store-prod-cta-quality a, .page-store-exp .store-prod-cta-quality span {
        font-size: 12px; }
      .page-store-exp .store-prod-hero-info {
        position: relative;
        top: -40px;
        width: 50%;
        max-width: 1400px;
        margin: 0 auto 0 0; }
      .page-store-exp .store-prod-hero .hero-artist, .page-store-exp .store-prod-hero .hero-title {
        font-size: 34px;
        letter-spacing: 4px;
        text-align: left; }
      .page-store-exp .store-prod-listing-pre {
        position: relative;
        top: -92px;
        width: 50%;
        margin-left: auto; }
      .page-store-exp .store-prod-bio {
        width: 100%;
        overflow: hidden;
        max-width: 900px;
        margin: 80px auto; }
        .page-store-exp .store-prod-bio h2 {
          display: none; }
        .page-store-exp .store-prod-bio .description-headline-desktop {
          display: inline;
          font-size: 16px;
          font-family: "nationale-demibold", sans-serif;
          text-align: left;
          margin-top: 0; }
      .page-store-exp .store-prod-bio-crop {
        position: relative;
        height: 350px;
        overflow: hidden;
        margin-bottom: 40px; }
        .page-store-exp .store-prod-bio-crop img {
          position: absolute;
          width: 100%;
          top: -120px; }
      .page-store-exp .store-prod-bio-txt {
        width: 55%;
        float: right; }
        .page-store-exp .store-prod-bio-txt p:first-child {
          margin-top: 0; }
      .page-store-exp .store-prod-related-release-wrap {
        clear: both;
        width: 88%;
        max-width: 900px;
        margin: 60px auto; }
        .page-store-exp .store-prod-related-release-wrap img {
          width: 95% !important; }
      .page-store-exp .store-prod-related-release-wrap .prod-related-headline {
        font-size: 16px;
        font-family: "nationale-demibold", sans-serif;
        text-align: left;
        margin-left: 0;
        margin-top: 0; }
      .page-store-exp .featured-item-info h2 {
        margin-top: 0;
        text-align: left; }
      .page-store-exp .store-prod-artist {
        background: none;
        padding-top: 60px; }
        .page-store-exp .store-prod-artist .store-prod-hero-img {
          position: relative;
          width: 100%;
          height: 575px;
          overflow: hidden; }
          .page-store-exp .store-prod-artist .store-prod-hero-img img {
            position: absolute;
            margin: 0;
            left: 0;
            top: -10%;
            width: 100%; } }
        @media (min-width: 768px) and (min-width: 1024px) {
          .page-store-exp .store-prod-artist .store-prod-hero-img img {
            top: -20%; } }
        @media (min-width: 768px) and (min-width: 1480px) {
          .page-store-exp .store-prod-artist .store-prod-hero-img img {
            top: -30%; } }
        @media (min-width: 768px) and (min-width: 1600px) {
          .page-store-exp .store-prod-artist .store-prod-hero-img img {
            top: -50%; } }
        @media (min-width: 768px) and (min-width: 1900px) {
          .page-store-exp .store-prod-artist .store-prod-hero-img img {
            top: -80%; } }
  @media (min-width: 768px) {
        .page-store-exp .store-prod-artist .store-prod-hero-info {
          position: static;
          width: 95%;
          max-width: 1400px;
          margin: 0 auto 0 0; }
          .page-store-exp .store-prod-artist .store-prod-hero-info h2 {
            font-size: 55px;
            letter-spacing: 5px; }
      .page-store-exp .store-prod-related-release-wrap.store-prod-related-release-wrap-artist img {
        width: 95% !important; } }

.about-tidal-page {
  background-color: #000;
  color: #fff;
  font-family: 'nationale', helvetica, sans-serif;
  font-weight: 300;
  font-size: 1em;
  /* !HEADER MENU CUSTOMIZATION */
  /* ----------------------------------------------- */
  /* ! TOP FOLD */
  /* ----------------------------------------------- */
  /* !PREMIUM OR HIFI */
  /* ----------------------------------------------- */
  /* !WORKS WITH YOUR DEVICE */
  /* ----------------------------------------------- */
  /* !FEATURES */
  /* ----------------------------------------------- */
  /* !EXCLUSIVE EXPERIENCES */
  /* ----------------------------------------------- */
  /* !TESTIMONIALS */
  /* ----------------------------------------------- */ }
  @media screen and (max-width: 800px) {
    .about-tidal-page body {
      font-size: 0.8em; } }
  .about-tidal-page .wrapper-fold {
    padding: 20px;
    margin-bottom: 120px; }
  .about-tidal-page a {
    text-decoration: none; }
  .about-tidal-page p {
    margin-bottom: 20px; }
  .about-tidal-page p:last-child {
    margin-bottom: 0; }
  .about-tidal-page .fold {
    box-sizing: border-box;
    max-width: 960px;
    margin: auto; }
  .about-tidal-page .center {
    text-align: center; }
  .about-tidal-page .cyan {
    color: #00ffff; }
  .about-tidal-page header {
    position: fixed;
    z-index: 101;
    background: #000;
    margin-bottom: 0;
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out; }
  .about-tidal-page header .logo {
    position: relative;
    z-index: 99999;
    left: 10px; }
  .about-tidal-page header .nav-try-now-cta {
    right: 45px;
    top: 17px !important; }
  @media screen and (max-width: 767px) {
    .about-tidal-page header {
      top: 0px;
      margin: 0 auto;
      width: 100%;
      padding-top: 14px;
      padding-bottom: 10px; }
    .about-tidal-page header #nav-toggle {
      right: 0;
      top: 12px; } }
  .about-tidal-page .wrapper-fold.top {
    background-image: url(/images/about-page/bg-macbook.e4cab6a3.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 1180px auto;
    padding: 200px 20px 40px 20px; }
  .about-tidal-page .logo-and-splash {
    float: left;
    width: 61%;
    text-align: right;
    padding-left: 8%;
    box-sizing: border-box; }
    .about-tidal-page .logo-and-splash img {
      max-width: 100%; }
    .about-tidal-page .logo-and-splash p {
      font-size: 1.4em;
      font-family: 'nationale-demibold';
      line-height: 1.5em;
      color: #00ffff;
      margin-top: 30px; }
      @media screen and (min-width: 768px) {
        .about-tidal-page .logo-and-splash p {
          font-size: 1.1em; } }
      @media screen and (min-width: 1025px) {
        .about-tidal-page .logo-and-splash p {
          background: -webkit-linear-gradient(#00ccc5, #8effff);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent; } }
    .about-tidal-page .logo-and-splash .video {
      display: block; }
  .about-tidal-page .wrapper-screenshot {
    float: right;
    width: 30%;
    margin-right: 8%;
    margin-top: -110px;
    text-align: right;
    padding-left: 20px;
    box-sizing: border-box; }
    .about-tidal-page .wrapper-screenshot img {
      width: 100%;
      max-width: 240px; }
  @media screen and (max-width: 767px) {
    .about-tidal-page .wrapper-fold.top {
      padding: 20px;
      background-image: none; }
    .about-tidal-page .wrapper-screenshot {
      float: none;
      text-align: center;
      margin: 20px auto 0 auto;
      width: 100%;
      max-width: 350px;
      overflow: hidden;
      padding-left: 0;
      position: relative; }
      .about-tidal-page .wrapper-screenshot img {
        margin-bottom: -120px;
        max-width: 80%; }
      .about-tidal-page .wrapper-screenshot .screenshot-divider {
        width: 100%;
        height: 1px;
        position: absolute;
        bottom: 0;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,00ffff+50,000000+100 */
        background: #000000;
        /* Old browsers */
        background: -moz-linear-gradient(left, #000000 0%, #00ffff 50%, #000000 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #000000 0%, #00ffff 50%, #000000 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #000000 0%, #00ffff 50%, #000000 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 );
        /* IE6-9 */ }
        .about-tidal-page .wrapper-screenshot .screenshot-divider::before {
          content: ' ';
          display: block;
          width: 100%;
          height: 20px;
          background-color: transparent;
          box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.5) inset;
          position: relative;
          z-index: 2;
          top: -20px; }
    .about-tidal-page .logo-and-splash {
      padding: 20px;
      width: 90%;
      margin: 0 auto;
      float: none;
      text-align: center; }
      .about-tidal-page .logo-and-splash p {
        color: #fff;
        margin: 0 auto 20px auto;
        font-size: 1em; }
      .about-tidal-page .logo-and-splash img {
        display: none; } }
  .about-tidal-page h2 {
    font-family: 'nationale-demibold';
    text-align: center;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    margin-bottom: 20px; }
    @media screen and (max-width: 767px) {
      .about-tidal-page h2 {
        font-size: 1.5em; } }
  .about-tidal-page .gradient {
    font-family: 'nationale-demibold';
    color: #00ffff;
    background: -webkit-linear-gradient(#00ccc5, #8effff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .about-tidal-page .subtitle {
    font-size: 1.2em;
    text-align: center;
    margin: 0px auto 20px auto;
    max-width: 730px;
    line-height: 1.5em; }
  .about-tidal-page .cta {
    display: block;
    padding: 20px;
    border: 1px solid #00ffff;
    border-radius: 5px;
    margin-top: 30px;
    text-decoration: none;
    color: #fff;
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    -o-animation-delay: 5s;
    transition: 180ms all ease-out;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, cyan 50%);
    background-size: 100% 200%;
    background-position: left top; }
    .about-tidal-page .cta:hover {
      background-position: left bottom;
      color: #000;
      text-decoration: none; }
  .about-tidal-page .top .cta {
    float: right;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.5);
    margin-top: 0; }
    @media screen and (max-width: 767px) {
      .about-tidal-page .top .cta {
        float: none;
        max-width: 250px;
        margin: auto; } }
  .about-tidal-page .premium-or-hifi .fold {
    background-image: url(/images/about-page/bg-pattern.a69235a5.png);
    background-position: right -130px;
    background-repeat: no-repeat; }
  .about-tidal-page .wrapper-product-illustration {
    margin-top: 60px; }
    @media screen and (max-width: 950px) {
      .about-tidal-page .wrapper-product-illustration {
        font-size: 0.9rem; } }
  .about-tidal-page .wrapper-premium-hifi-comparison,
  .about-tidal-page .wrapper-quality-bars {
    width: 48%;
    float: left; }
  .about-tidal-page .hifi {
    margin-bottom: 40px; }
  .about-tidal-page .product-header {
    margin-bottom: 10px; }
  .about-tidal-page .product-title {
    float: left; }
  .about-tidal-page .product-header p {
    margin-bottom: 0; }
  .about-tidal-page span.bitrate {
    color: #666;
    vertical-align: super;
    font-size: 0.7em; }
  .about-tidal-page .price {
    float: right; }
  .about-tidal-page .product-description {
    line-height: 1.5em;
    text-align: justify;
    letter-spacing: 0.05em; }
  .about-tidal-page .wrapper-quality-bars {
    margin-left: 3%; }
  .about-tidal-page .quality-bars {
    border-left: 1px solid #00ffff;
    height: 320px;
    padding-top: 90px;
    box-sizing: border-box;
    margin-top: -20px; }
    .about-tidal-page .quality-bars > div {
      width: 100%;
      background-color: rgba(255, 255, 255, 0.1);
      margin-bottom: 10px;
      box-sizing: border-box;
      padding: 12px;
      font-size: 0.8em; }
    .about-tidal-page .quality-bars .mp3-320 {
      width: 23%; }
    .about-tidal-page .quality-bars .mp3-256 {
      width: 18%; }
  @media screen and (max-width: 700px) {
    .about-tidal-page .wrapper-premium-hifi-comparison, .about-tidal-page .wrapper-quality-bars {
      float: none;
      width: 100%; }
    .about-tidal-page .wrapper-quality-bars {
      margin-left: 0;
      margin-top: 20px; }
    .about-tidal-page .quality-bars {
      margin-top: 0;
      height: 140px;
      padding-top: 10px; } }
  @media screen and (min-width: 701px) and (max-width: 950px) {
    .about-tidal-page .quality-bars {
      height: 390px;
      padding-top: 120px; } }
  .about-tidal-page .embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%; }
  .about-tidal-page .embed-container iframe, .about-tidal-page .embed-container object, .about-tidal-page .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .about-tidal-page .wrapper-device-icons {
    text-align: center; }
    .about-tidal-page .wrapper-device-icons i {
      font-size: 2.2em;
      margin-left: 0.3em; }
  @media screen and (max-width: 500px) {
    .about-tidal-page .your-device .gradient {
      display: block; } }
  .about-tidal-page .features {
    background-image: url(/images/about-page/bg-albums.f461486b.png);
    background-position: center -100px;
    background-repeat: no-repeat;
    background-size: contain; }
    @media screen and (max-width: 720px) {
      .about-tidal-page .features {
        background-image: none; } }
    @media screen and (max-width: 719px) {
      .about-tidal-page .features.wrapper-fold {
        margin-bottom: 50px; } }
    .about-tidal-page .features h2 {
      text-align: center; }
    .about-tidal-page .features h3 {
      text-transform: none;
      font-size: 1em; }
    .about-tidal-page .features p {
      line-height: 1.5; }
  .about-tidal-page .feature {
    margin: 40px auto;
    max-width: 75%; }
    @media screen and (max-width: 720px) {
      .about-tidal-page .feature {
        max-width: 100%; } }
    .about-tidal-page .feature i {
      float: left;
      display: block;
      width: 5%;
      font-size: 1em;
      text-align: right; }
      @media screen and (max-width: 460px) {
        .about-tidal-page .feature i {
          margin-left: -10px; } }
    .about-tidal-page .feature h3 {
      color: #00ffff;
      margin-bottom: 5px; }
    .about-tidal-page .feature > div {
      float: right;
      width: 92%;
      margin-left: 3%;
      box-sizing: border-box; }
  .about-tidal-page .exclusive-experiences {
    background-image: url(/images/about-page/bg-rihanna.98a9d951.png);
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 150px;
    background-size: auto; }
    @media screen and (max-width: 930px) {
      .about-tidal-page .exclusive-experiences {
        display: none; } }
  .about-tidal-page .wrapper-content-boxes > a {
    display: block;
    background-color: #262626;
    float: left;
    width: 33%;
    text-align: center;
    padding: 50px 40px;
    box-sizing: border-box;
    height: 460px;
    margin-top: 100px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    position: relative; }
  .about-tidal-page .wrapper-content-boxes img {
    display: block;
    max-width: 100%;
    margin: -70px auto 30px auto; }
  .about-tidal-page .wrapper-content-boxes .tidalx {
    height: 550px;
    margin-top: 50px; }
  .about-tidal-page .wrapper-content-boxes p {
    line-height: 1.5em; }
  .about-tidal-page h3 {
    font-family: 'nationale-demibold', sans-serif;
    text-transform: uppercase;
    font-size: 1.3em;
    margin-bottom: 20px;
    letter-spacing: 0.1em; }
  .about-tidal-page p.connecting {
    font-family: 'nationale-demibold', sans-serif;
    font-size: 0.8em;
    margin: 30px auto; }
  .about-tidal-page .testimonials .fold {
    text-align: center; }
  .about-tidal-page .testimonial {
    float: left;
    width: 33%;
    text-align: center;
    box-sizing: border-box;
    padding: 20px 30px; }
    @media screen and (max-width: 719px) {
      .about-tidal-page .testimonial {
        width: 100%;
        float: none; } }
    .about-tidal-page .testimonial img {
      max-height: 40px; }
    .about-tidal-page .testimonial p {
      font-size: 1em;
      font-style: italic;
      margin: 40px auto;
      line-height: 1.8em;
      max-width: 620px; }
      @media screen and (max-width: 719px) {
        .about-tidal-page .testimonial p {
          margin: 20px auto 40px auto; } }

.jobs-page {
  background-color: #000;
  color: #fff;
  font-family: 'nationale', helvetica, sans-serif;
  /* !HEADER MENU CUSTOMIZATION */
  /* ----------------------------------------------- */
  /* !FOOTER */
  /* ----------------------------------------------- */ }
  .jobs-page .wrapper {
    width: 100%;
    max-width: 100%;
    padding: 50px 20px;
    box-sizing: border-box;
    text-align: center; }
  .jobs-page h1, .jobs-page h2, .jobs-page h2 {
    font-size: 1.7em;
    margin-bottom: 30px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    font-family: 'nationale-demibold', sans-serif; }
  .jobs-page .wrapper-buttons {
    max-width: 280px;
    margin: 50px auto 20px auto; }
    .jobs-page .wrapper-buttons a {
      display: block;
      text-decoration: none;
      width: 100%;
      box-sizing: border-box;
      padding: 15px;
      border: 1px solid #fff;
      margin-bottom: 20px;
      -webkit-animation-delay: 5s;
      -moz-animation-delay: 5s;
      -o-animation-delay: 5s;
      transition: 180ms all ease-out;
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, #fff 50%);
      background-size: 100% 200%;
      background-position: left top; }
      .jobs-page .wrapper-buttons a:hover {
        background-position: left bottom;
        color: #000; }
      .jobs-page .wrapper-buttons a i {
        margin-left: 5px; }
  .jobs-page .top {
    background: url(/images/jobs/bg-jobs-top.e221917c.jpg) no-repeat center top;
    background-size: cover;
    min-height: 100vh;
    overflow: hidden;
    position: relative;
    padding: 30px 20px 20px 20px;
    box-sizing: border-box; }
    @media screen and (min-width: 1025px) {
      .jobs-page .top {
        background-attachment: fixed; } }
  .jobs-page .pulse:hover {
    -webkit-animation-iteration-count: 0;
    animation-iteration-count: 0; }
  .jobs-page #bgvid {
    display: none; }
    @media screen and (min-width: 1025px) {
      .jobs-page #bgvid {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        -ms-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%); } }
  .jobs-page .wrapper-animation {
    margin: 30vh auto auto auto;
    max-width: 400px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    z-index: 14; }
    .jobs-page .wrapper-animation img {
      display: block;
      max-width: 100%;
      margin: auto;
      width: 100%;
      cursor: pointer; }
    .jobs-page .wrapper-animation .img-hiring {
      display: none;
      width: 45%;
      opacity: 0.1; }
  .jobs-page .scroll-down {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
    left: 0;
    right: 0; }
    @media screen and (min-height: 321px) and (max-width: 1024px) {
      .jobs-page .scroll-down {
        bottom: 70px; } }
    .jobs-page .scroll-down i {
      cursor: pointer; }
    .jobs-page .scroll-down p {
      cursor: pointer;
      text-transform: uppercase;
      color: #00ffff; }
  .jobs-page .job-openings {
    background-color: #070707;
    padding: 60px 20px;
    min-height: 100vh; }
  .jobs-page .internships {
    min-height: 50vh;
    background: url(/images/jobs/bg-jobs-interns.d38820c3.jpg) no-repeat right top;
    background-size: cover; }
    @media screen and (min-width: 1025px) {
      .jobs-page .internships {
        background-attachment: fixed; } }
    .jobs-page .internships p {
      max-width: 550px;
      margin: auto;
      line-height: 1.5; }
  .jobs-page .new-talent {
    background-color: #070707;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    .jobs-page .new-talent p {
      max-width: 550px;
      margin: auto;
      line-height: 1.5; }
  .jobs-page header {
    position: fixed;
    z-index: 101;
    background: #000;
    margin-bottom: 0;
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out; }
    .jobs-page header .logo {
      position: relative;
      z-index: 99999;
      left: 10px; }
    .jobs-page header .nav-try-now-cta {
      right: 45px;
      top: 17px !important; }
  @media screen and (max-width: 767px) {
    .jobs-page header {
      top: 0px;
      margin: 0 auto;
      width: 100%;
      padding-top: 14px;
      padding-bottom: 10px; }
    .jobs-page header #nav-toggle {
      right: 0;
      top: 12px; } }
  .jobs-page footer {
    clear: left;
    padding: 50px 20px 30px 20px;
    font-size: 0.7em; }
    .jobs-page footer .footer-logo {
      display: none; }
    .jobs-page footer .splash.splash-last {
      background: #000;
      text-align: center;
      min-height: 0 !important;
      height: auto !important;
      padding: 20px 0; }
    .jobs-page footer .available-on-txt {
      font-size: 12px;
      max-width: 440px;
      color: #d0d0d0;
      line-height: 1.4;
      margin: 20px auto 40px auto;
      width: 94%; }
    .jobs-page footer a {
      text-decoration: none;
      font-family: 'nationale-demibold', sans-serif;
      font-size: 0.9em; }

.lp {
  padding-bottom: 0; }
  .lp .clearfix:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both; }
  .lp .wrapper-outer {
    width: 100%; }
  .lp .top.wrapper-fold {
    padding-top: 40px;
    padding-bottom: 40px; }
  .lp .fold {
    max-width: 960px;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box; }
  .lp .left, .lp .right {
    float: left;
    width: 49%;
    box-sizing: border-box; }
  .lp .right {
    float: right; }
  .lp .cta {
    display: block;
    padding: 15px;
    border: 1px solid #00ffff;
    border-radius: 3px;
    margin-top: 20px;
    text-decoration: none;
    color: #fff;
    font-family: 'nationale-demibold', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    -o-animation-delay: 5s;
    transition: 180ms all ease-out;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, cyan 50%);
    background-size: 100% 200%;
    background-position: left top; }
    .lp .cta:hover {
      background-position: left bottom;
      color: #000;
      text-decoration: none; }
  .lp footer {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #000; }
    .lp footer .footer-logo {
      max-width: 250px;
      margin-bottom: 50px; }
      @media screen and (max-width: 320px) {
        .lp footer .footer-logo {
          max-width: 150px; } }
    .lp footer .available-on-devices .fa {
      font-size: 20px;
      margin: 0 3px;
      color: #d0d0d0; }
    .lp footer .splash.splash-last {
      background: #000;
      text-align: center;
      min-height: 0;
      height: auto;
      padding: 20px 0; }
    .lp footer .available-on-txt {
      font-size: 12px;
      max-width: 440px;
      color: #d0d0d0;
      line-height: 1.4;
      margin: 0 auto;
      width: 94%;
      margin-bottom: 60px; }
    .lp footer .footer-txt {
      margin-top: 80px;
      margin-bottom: 40px;
      font-size: 15px; }
    .lp footer .aspiro-disclaimer {
      font-size: 12px; }
    .lp footer .aspiro-disclaimer a,
    .lp footer .footer-txt a {
      font-family: 'nationale-demibold', sans-serif;
      text-decoration: none; }
  @media screen and (min-width: 768px) {
    .lp header {
      margin-top: 0;
      margin-bottom: 0; } }
  .lp .faq {
    background: #212121;
    background: -moz-radial-gradient(center, ellipse cover, #212121 33%, #000000 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #212121 33%, #000000 100%);
    background: radial-gradient(ellipse at center, #212121 33%, #000000 100%);
    padding-top: 40px;
    padding-bottom: 40px;
    box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.4);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    position: relative; }
    .lp .faq h2 {
      text-align: center;
      font-size: 1.5em;
      margin-bottom: 30px;
      margin-top: 0; }
      @media screen and (max-width: 340px) {
        .lp .faq h2 {
          font-size: 1.1em; } }
    .lp .faq .wrapper-faq {
      max-width: 720px;
      margin: auto;
      padding: 5px;
      background-color: rgba(0, 0, 0, 0.3);
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.7) inset; }
      .lp .faq .wrapper-faq dt,
      .lp .faq .wrapper-faq dd {
        padding: 12px;
        background-color: #0b0b0b;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
        font-size: 0.9em;
        color: #fff;
        font-family: 'nationale', sans-serif;
        line-height: 1.5; }
        .lp .faq .wrapper-faq dt:nth-of-type(even),
        .lp .faq .wrapper-faq dd:nth-of-type(even) {
          background-color: #161616; }
      .lp .faq .wrapper-faq dt {
        border-top: 1px solid rgba(255, 255, 255, 0.03);
        font-family: 'nationale-demibold', sans-serif;
        letter-spacing: 0.01em;
        position: relative;
        padding-right: 25px;
        cursor: pointer;
        margin-top: 5px; }
        .lp .faq .wrapper-faq dt:first-of-type {
          margin-top: 0; }
        .lp .faq .wrapper-faq dt:hover {
          color: #00ffff; }
        .lp .faq .wrapper-faq dt i.fa {
          text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
          position: absolute;
          right: 15px;
          top: 15px; }
      .lp .faq .wrapper-faq dd {
        display: none; }
      .lp .faq .wrapper-faq .expanded {
        color: #00ffff; }

.lp.get3 {
  /* COUNTRY SPECIFIC CUSTOMIZATION ! */
  /* ----------------------------------------------- */ }
  .lp.get3 header {
    background-color: #000; }
  .lp.get3 .top {
    background-color: #0b0c0d;
    background-image: url(/images/get3/bg-brushes.8ba78f6a.jpg);
    min-height: 100vh;
    box-sizing: border-box;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 0; }
    @media screen and (min-height: 700px) {
      .lp.get3 .top {
        padding-top: 10%; } }
    .lp.get3 .top h1, .lp.get3 .top h2 {
      text-transform: uppercase;
      font-family: 'nationale-bold', sans-serif;
      margin-top: -20px;
      margin-bottom: 10px;
      text-align: center;
      line-height: 1.3; }
      @media screen and (min-width: 500px) {
        .lp.get3 .top h1, .lp.get3 .top h2 {
          letter-spacing: 0.1em;
          margin-top: -60px; } }
    .lp.get3 .top p {
      text-align: center;
      margin: 20px auto;
      line-height: 1.5; }
  .lp.get3 .image-devices {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 200px;
    max-width: 100%;
    background-image: url(/images/get3/top-devices.e7a3823b.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 180%;
    margin-top: 0px;
    padding-bottom: 65%; }
    @media screen and (min-width: 769px) {
      .lp.get3 .image-devices {
        max-width: 960px;
        background-size: contain;
        margin: -20px auto auto auto;
        padding-bottom: 0;
        height: 360px; } }
  .lp.get3 .wrapper-form {
    width: 100%;
    max-width: 320px;
    margin: auto; }
    .lp.get3 .wrapper-form input {
      display: block;
      margin: 0;
      padding: 15px;
      width: auto;
      background-color: #000;
      height: auto;
      border: 0;
      color: #fff;
      box-sizing: border-box;
      font-family: 'nationale', sans-serif;
      float: left;
      font-size: 14px;
      width: 60%;
      border: 1px solid rgba(255, 255, 255, 0.2);
      border-radius: 3px 0 0 3px;
      box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.1) inset; }
    .lp.get3 .wrapper-form input[type=submit] {
      width: 40%;
      border-left: none;
      border-radius: 0 3px 3px 0;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      -webkit-transition: 90ms all ease-in-out;
      transition: 90ms all ease-in-out; }
      .lp.get3 .wrapper-form input[type=submit]:hover {
        letter-spacing: 0.1em; }
    .lp.get3 .wrapper-form input[type=text]:focus {
      box-shadow: 0 0 1px 1px rgba(0, 255, 255, 0.7) inset; }
    .lp.get3 .wrapper-form ::-webkit-input-placeholder {
      color: #666; }
    .lp.get3 .wrapper-form :-moz-placeholder {
      color: #666; }
    .lp.get3 .wrapper-form ::-moz-placeholder {
      color: #666; }
    .lp.get3 .wrapper-form :-ms-input-placeholder {
      color: #666; }
  .lp.get3 .wrapper-read-more {
    text-align: center;
    cursor: pointer;
    max-width: 200px;
    margin: auto; }
    .lp.get3 .wrapper-read-more p {
      margin: 40px auto 10px auto; }
    .lp.get3 .wrapper-read-more i.fa {
      color: #fff; }
  .lp.get3 .what-is-tidal {
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.8) inset;
    background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.5) 0%, black 90%, black 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.5) 0%, black 90%, black 100%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.5) 0%, black 90%, black 100%);
    position: relative;
    padding-bottom: 0px;
    overflow: hidden; }
    .lp.get3 .what-is-tidal .bg-matrix {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background-image: url(/images/get3/album-matrix-new.ab37500e.png);
      background-position-y: -50px;
      background-repeat: repeat;
      background-size: 85%;
      z-index: -1;
      -webkit-filter: blur(2px);
      filter: blur(2px); }
      @media screen and (min-width: 1025px) {
        .lp.get3 .what-is-tidal .bg-matrix {
          background-attachment: fixed; } }
    .lp.get3 .what-is-tidal h2 {
      text-align: center;
      font-size: 1.7em;
      margin-bottom: 30px;
      font-family: 'nationale-demibold', sans-serif; }
    .lp.get3 .what-is-tidal h3 {
      margin-bottom: 20px;
      font-size: 1em;
      color: #00ffff; }
    .lp.get3 .what-is-tidal p {
      text-align: center;
      margin-bottom: 40px;
      line-height: 1.5; }
    .lp.get3 .what-is-tidal .wrapper-benefits {
      position: relative;
      max-width: 280px;
      margin: 20px auto; }
      .lp.get3 .what-is-tidal .wrapper-benefits .wrapper-screenshot img {
        width: 100%;
        max-width: 280px;
        display: block;
        margin: auto; }
      .lp.get3 .what-is-tidal .wrapper-benefits .right {
        box-sizing: border-box;
        position: relative;
        z-index: 10;
        width: 100%;
        max-width: 400px;
        padding: 30px 20px;
        margin-top: 220px;
        border-radius: 25px;
        background-color: #000;
        border-top: 1px solid rgba(255, 255, 255, 0.15);
        border-bottom: 1px solid #00ffff;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.9); }
      .lp.get3 .what-is-tidal .wrapper-benefits .left {
        width: 100%;
        position: absolute; }
      @media screen and (min-width: 729px) {
        .lp.get3 .what-is-tidal .wrapper-benefits {
          max-width: 100%;
          margin: auto; }
          .lp.get3 .what-is-tidal .wrapper-benefits .wrapper-screenshot img {
            margin: 25px -55px 0 auto; }
          .lp.get3 .what-is-tidal .wrapper-benefits .right {
            width: 50%;
            margin: auto;
            float: left;
            padding: 30px; }
          .lp.get3 .what-is-tidal .wrapper-benefits .left {
            width: 40%;
            position: relative;
            float: left;
            top: 0; } }
      .lp.get3 .what-is-tidal .wrapper-benefits ul {
        color: #fff; }
      .lp.get3 .what-is-tidal .wrapper-benefits li {
        padding-left: 1.25em;
        margin-bottom: 15px;
        line-height: 1.5; }
        .lp.get3 .what-is-tidal .wrapper-benefits li:before {
          font-family: 'FontAwesome';
          content: '\f00c';
          display: inline-block;
          width: 1.2em;
          margin-left: -1.3em;
          color: #fff;
          margin-right: 5px;
          color: #aaa; }
    .lp.get3 .what-is-tidal .wrapper-testimonials {
      margin-top: 40px; }
    .lp.get3 .what-is-tidal .testimonial {
      float: left;
      width: 33%;
      text-align: center;
      box-sizing: border-box;
      padding: 20px 15px; }
      .lp.get3 .what-is-tidal .testimonial img {
        max-height: 30px; }
      .lp.get3 .what-is-tidal .testimonial p {
        margin-top: 10px;
        font-size: 0.95em;
        font-style: italic;
        color: #fff;
        line-height: 1.5; }
    @media screen and (max-width: 767px) {
      .lp.get3 .what-is-tidal .wrapper-testimonials {
        max-width: 280px;
        margin: 0 auto; }
      .lp.get3 .what-is-tidal .testimonial {
        float: none;
        width: 100%; } }
    .lp.get3 .what-is-tidal .wrapper-popular-items {
      display: none; }
      @media screen and (min-width: 1024px) {
        .lp.get3 .what-is-tidal .wrapper-popular-items {
          display: block;
          max-width: 900px;
          margin: 0 auto; }
          .lp.get3 .what-is-tidal .wrapper-popular-items .popular-now {
            color: #777;
            margin-bottom: 25px;
            text-transform: uppercase;
            letter-spacing: 1em; }
          .lp.get3 .what-is-tidal .wrapper-popular-items .popular-item {
            position: relative;
            box-sizing: border-box;
            width: 250px;
            height: 250px;
            float: left;
            width: 9%;
            height: 9%;
            margin-left: 1%;
            margin-bottom: -25px;
            transition: 240ms all cubic-bezier(0.4, 0, 0.63, 0.35); }
            .lp.get3 .what-is-tidal .wrapper-popular-items .popular-item a:hover {
              opacity: 1; }
            .lp.get3 .what-is-tidal .wrapper-popular-items .popular-item:hover {
              transform: translateY(-25px); }
            .lp.get3 .what-is-tidal .wrapper-popular-items .popular-item:first-of-type {
              margin-left: 0; }
            .lp.get3 .what-is-tidal .wrapper-popular-items .popular-item img {
              max-width: 100%;
              position: absolute;
              top: 0;
              left: 0;
              bottom: 0;
              right: 0;
              border-radius: 2px; } }
  .lp.get3 .wrapper-elkjop-logos {
    padding: 20px; }
    .lp.get3 .wrapper-elkjop-logos img {
      display: inline-block;
      max-height: 40px; }
      .lp.get3 .wrapper-elkjop-logos img:first-child {
        margin-right: 20px; }
  @media screen and (min-width: 768px) {
    .lp.get3.lang-fi .top h1, .lp.get3.lang-fi .top h2 {
      font-size: 26px; } }
  .lp.get3.lang-gr .top h1, .lp.get3.lang-gr .top h2 {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: bold;
    text-transform: none; }
    @media screen and (min-width: 768px) {
      .lp.get3.lang-gr .top h1, .lp.get3.lang-gr .top h2 {
        font-size: 44px;
        letter-spacing: 0.15em; } }
  .lp.get3.lang-gr .wrapper-form input[type=submit] {
    text-transform: none; }

.lp.sandisk .top {
  background-image: url(/images/sandisk/sandisk-bg-cp.34cf4547.jpg);
  background-position: left center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  min-height: 95vh;
  position: relative; }
  .lp.sandisk .top .mobile-overlay {
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    @media (min-width: 768px) {
      .lp.sandisk .top .mobile-overlay {
        background-color: transparent; } }
  .lp.sandisk .top h1, .lp.sandisk .top h2 {
    margin-top: 33vh;
    text-transform: none;
    font-size: 2em; }
    @media (min-width: 768px) {
      .lp.sandisk .top h1, .lp.sandisk .top h2 {
        margin-top: 25vh;
        font-size: 2.5em; } }
    .lp.sandisk .top h1 .logo-sandisk, .lp.sandisk .top h2 .logo-sandisk {
      display: inline;
      max-width: 120px; }
      @media (min-width: 768px) {
        .lp.sandisk .top h1 .logo-sandisk, .lp.sandisk .top h2 .logo-sandisk {
          max-width: 160px; } }
  .lp.sandisk .top p {
    margin: 0 0 20px 0; }
    .lp.sandisk .top p.morehifi {
      font: 1em/1 "nationale-demibold", sans-serif; }
      @media (min-width: 768px) {
        .lp.sandisk .top p.morehifi {
          font-size: 1.5em; } }
    .lp.sandisk .top p.vouchercode {
      font-size: 1em; }
      @media (min-width: 768px) {
        .lp.sandisk .top p.vouchercode {
          font-size: 1.2em; } }
  .lp.sandisk .top .wrapper-form input {
    border-color: rgba(255, 255, 255, 0.35);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.6); }

.lp.sandisk .sandisk-howto {
  background-color: #000;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  .lp.sandisk .sandisk-howto .logo-sandisk {
    display: block;
    width: 100%;
    max-width: 140px;
    margin: 40px auto 20px; }
  .lp.sandisk .sandisk-howto p {
    max-width: 500px;
    margin: auto;
    text-align: center;
    font: 1em/1.4 "nationale-demibold", sans-serif; }
  .lp.sandisk .sandisk-howto .wrapper-screens {
    width: 100%;
    max-width: 320px;
    margin: 40px auto; }
    .lp.sandisk .sandisk-howto .wrapper-screens img {
      display: block;
      width: 100%; }
    @media (min-width: 768px) {
      .lp.sandisk .sandisk-howto .wrapper-screens {
        max-width: 100%; }
        .lp.sandisk .sandisk-howto .wrapper-screens img {
          float: left;
          width: 33%; } }

@media (max-width: 767px) {
  .lp.sandisk .what-is-tidal .fold {
    padding-top: 40px; } }

.lp.sandisk .offer-info {
  background-color: #090909;
  padding-top: 20px;
  padding-bottom: 20px; }
  .lp.sandisk .offer-info p {
    line-height: 1.4;
    margin-left: auto;
    margin-right: auto;
    max-width: 550px;
    text-align: justify;
    color: #888; }
    .lp.sandisk .offer-info p.head {
      font-family: "nationale-demibold", sans-serif;
      text-transform: uppercase;
      text-align: center;
      letter-spacing: 1px; }
    .lp.sandisk .offer-info p.bold {
      text-align: center;
      font-style: italic;
      margin-top: 15px; }

.lp.sundance .wrapper-offer {
  padding: 40px 20px;
  background-color: #242424; }
  .lp.sundance .wrapper-offer .limit-width {
    max-width: 600px;
    margin: auto; }
  .lp.sundance .wrapper-offer p {
    text-transform: uppercase;
    font: 22px/0.6 "nationale-demibold", sans-serif;
    letter-spacing: 2px; }
    @media (max-width: 767px) {
      .lp.sundance .wrapper-offer p {
        margin-bottom: 20px;
        line-height: 1.2; } }
    @media (min-width: 768px) {
      .lp.sundance .wrapper-offer p {
        float: left;
        text-align: left; } }
  .lp.sundance .wrapper-offer a {
    padding: 12px 15px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 2px;
    background-color: #00ffff;
    border-radius: 2px;
    font: 11px/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
    text-decoration: none; }
    @media (min-width: 768px) {
      .lp.sundance .wrapper-offer a {
        float: right; } }

.lp.sundance .wrapper-top {
  background-image: url(/images/index2/promos/bkhiphopfest/bkhiphopfest-livestream-bg.871286db.jpg);
  background-size: cover;
  background-position: center;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
  padding: 40px 20px 80px;
  text-transform: uppercase;
  font-size: 16px;
  text-align: center; }
  @media (min-width: 768px) {
    .lp.sundance .wrapper-top {
      font-size: 22px; } }
  .lp.sundance .wrapper-top .title {
    letter-spacing: 3px;
    font: 1em/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .lp.sundance .wrapper-top .divider {
    height: 1px;
    margin: 20px auto;
    width: 100px;
    background-color: #fff; }
  .lp.sundance .wrapper-top .tag {
    font: 1.8em/1.2 "nationale-bold", sans-serif;
    letter-spacing: 2px; }
  .lp.sundance .wrapper-top .logo-vulture {
    display: block;
    margin: 40px auto;
    max-width: 180px; }

.lp.sundance .wrapper-content {
  background-color: #121212;
  padding-bottom: 60px; }

.lp.sundance #current-video {
  margin: 0 auto;
  position: relative;
  top: -60px;
  max-width: 800px; }
  @media (min-width: 1024px) {
    .lp.sundance #current-video .tidal-embed {
      width: 99%; } }

.lp.sundance .wrapper-matrix {
  max-width: 800px;
  margin: -60px auto 60px; }
  .lp.sundance .wrapper-matrix img {
    display: block;
    box-sizing: border-box;
    float: left;
    width: 50%;
    position: relative;
    z-index: 1;
    border: 1px solid #000;
    transition: all 0.3s ease-in; }
    .lp.sundance .wrapper-matrix img.active, .lp.sundance .wrapper-matrix img.active:hover {
      border: 1px solid #4d688b;
      cursor: default; }
    .lp.sundance .wrapper-matrix img:hover {
      cursor: pointer;
      border: 1px dashed #4d688b; }
    @media (min-width: 1024px) {
      .lp.sundance .wrapper-matrix img {
        width: 33%; } }
    .lp.sundance .wrapper-matrix img:last-of-type {
      width: 100%;
      float: none; }
      @media (min-width: 1024px) {
        .lp.sundance .wrapper-matrix img:last-of-type {
          width: 99%; } }

.lp.sundance .wrapper-playlist {
  max-width: 800px;
  margin: 60px auto; }
  @media (min-width: 1024px) {
    .lp.sundance .wrapper-playlist .tidal-embed {
      width: 99%; } }

.lp.sundance .wrapper-social {
  max-width: 800px;
  margin: auto; }
  @media (min-width: 1024px) {
    .lp.sundance .wrapper-social .vc-section-social {
      max-width: 99%; } }

.lp.sundance .wrapper-teaser .wrapper-top {
  background-image: url(/images/index2/promos/sundance/sundance-teaser-bg.67874bb3.jpg);
  background-repeat: no-repeat;
  background-color: #fff;
  background-position: bottom center;
  min-height: 65vh; }
  .lp.sundance .wrapper-teaser .wrapper-top p {
    color: #664648; }
    .lp.sundance .wrapper-teaser .wrapper-top p.checkback {
      font-family: "nationale-demibold", sans-serif;
      line-height: 1.5; }
  .lp.sundance .wrapper-teaser .wrapper-top .divider {
    background-color: #664648; }
  @media (min-width: 1400px) {
    .lp.sundance .wrapper-teaser .wrapper-top {
      min-height: 85vh; }
      .lp.sundance .wrapper-teaser .wrapper-top p.title {
        margin-top: 15vh; } }
  @media (min-device-width: 768px) and (max-device-width: 1024px) {
    .lp.sundance .wrapper-teaser .wrapper-top p.title {
      margin-top: 10vh; } }
  @media (min-width: 1024px) {
    .lp.sundance .wrapper-teaser .wrapper-top {
      min-height: 90vh; } }

.lp.valentines2017 .cta-wrapper {
  max-width: 250px;
  margin: 20px auto; }
  .lp.valentines2017 .cta-wrapper .cta-btn {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding: 13px;
    border-radius: 3px;
    border: 1px solid #fff;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    text-decoration: none;
    font: 12px/1 "nationale-demibold", sans-serif; }
    .lp.valentines2017 .cta-wrapper .cta-btn + .cta-btn {
      margin-top: 10px; }
    .lp.valentines2017 .cta-wrapper .cta-btn.cta-btn--solid {
      background-color: #fff;
      color: #000; }
  @media screen and (min-width: 540px) {
    .lp.valentines2017 .cta-wrapper.cta-wrapper--horizontal {
      max-width: 500px; }
      .lp.valentines2017 .cta-wrapper.cta-wrapper--horizontal .cta-btn {
        max-width: 48%;
        float: left; }
        .lp.valentines2017 .cta-wrapper.cta-wrapper--horizontal .cta-btn + .cta-btn {
          margin-top: 0;
          margin-left: 4%; }
        .lp.valentines2017 .cta-wrapper.cta-wrapper--horizontal .cta-btn:only-child {
          float: none;
          margin: auto; } }

.lp.valentines2017 .step-1 {
  background-color: #fff;
  min-height: 100vh; }
  @media (max-width: 767px) {
    .lp.valentines2017 .step-1 .wrapper-tape {
      max-width: 320px;
      margin: auto; } }
  @media (min-width: 768px) {
    .lp.valentines2017 .step-1 .wrapper-tape {
      margin-top: 15vh; } }
  @media (min-width: 1400px) {
    .lp.valentines2017 .step-1 .wrapper-tape {
      margin-top: 30vh; } }
  .lp.valentines2017 .step-1 .left {
    float: none;
    width: 100%; }
    @media (max-width: 767px) {
      .lp.valentines2017 .step-1 .left {
        margin-top: -50px; } }
    @media (min-width: 768px) {
      .lp.valentines2017 .step-1 .left {
        float: left;
        width: 40%; } }
    .lp.valentines2017 .step-1 .left h1, .lp.valentines2017 .step-1 .left h2 {
      color: #734156;
      text-transform: uppercase;
      text-align: left;
      font: 32px/1.3 "nationale-bold", sans-serif;
      font-style: italic;
      margin-top: 0;
      max-width: 300px; }
    .lp.valentines2017 .step-1 .left .intro {
      letter-spacing: 1px;
      line-height: 1.5;
      font-style: italic;
      color: #734156;
      margin-bottom: 30px; }
    .lp.valentines2017 .step-1 .left .button {
      box-sizing: border-box;
      color: #734156;
      border: 2px solid #734156;
      border-radius: 3px;
      padding: 15px;
      text-transform: uppercase;
      width: 100%;
      max-width: 250px;
      text-align: center;
      font: 12px/1 "nationale-demibold", sans-serif;
      letter-spacing: 2px;
      cursor: pointer; }
  .lp.valentines2017 .step-1 .right {
    float: none;
    width: 100%; }
    @media (min-width: 768px) {
      .lp.valentines2017 .step-1 .right {
        float: right;
        width: 50%; } }
    .lp.valentines2017 .step-1 .right img {
      display: block;
      width: 100%; }

.lp.valentines2017 .alternatives {
  box-sizing: border-box;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 3px;
  padding: 15px;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  font: 12px/1 "nationale-demibold", sans-serif;
  letter-spacing: 2px;
  margin-bottom: 10px;
  cursor: pointer; }

.lp.valentines2017 .step-2, .lp.valentines2017 .step-3 {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#874556+0,3c3840+100 */
  background: #874556;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #874556 0%, #3c3840 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #874556 0%, #3c3840 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #874556 0%, #3c3840 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#874556', endColorstr='#3c3840',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  min-height: 100vh; }
  .lp.valentines2017 .step-2 .wrapper-alternatives, .lp.valentines2017 .step-3 .wrapper-alternatives {
    max-width: 250px;
    margin: auto; }
    @media (min-width: 768px) {
      .lp.valentines2017 .step-2 .wrapper-alternatives, .lp.valentines2017 .step-3 .wrapper-alternatives {
        max-width: 800px; }
        .lp.valentines2017 .step-2 .wrapper-alternatives .alternatives, .lp.valentines2017 .step-3 .wrapper-alternatives .alternatives {
          float: left;
          max-width: 32%;
          margin-left: 2%; }
          .lp.valentines2017 .step-2 .wrapper-alternatives .alternatives:first-child, .lp.valentines2017 .step-3 .wrapper-alternatives .alternatives:first-child {
            margin-left: 0; } }
  .lp.valentines2017 .step-2 h2, .lp.valentines2017 .step-3 h2 {
    text-align: center;
    font: 18px/1.4 "nationale", "nationale-regular", "Helvetica", sans-serif;
    margin-top: 20vh;
    margin-bottom: 60px; }
    @media (min-width: 768px) {
      .lp.valentines2017 .step-2 h2, .lp.valentines2017 .step-3 h2 {
        text-transform: uppercase;
        font-size: 28px;
        letter-spacing: 6px; } }
    @media (min-width: 1024px) {
      .lp.valentines2017 .step-2 h2, .lp.valentines2017 .step-3 h2 {
        letter-spacing: 10px;
        margin-top: 30vh; } }

@media (min-width: 768px) {
  .lp.valentines2017 .step-3 .wrapper-alternatives {
    max-width: 600px; }
    .lp.valentines2017 .step-3 .wrapper-alternatives .alternatives {
      max-width: 48%; } }

.lp.valentines2017 .step-4 {
  background-size: cover;
  min-height: 100vh; }
  .lp.valentines2017 .step-4 .fold {
    max-width: 650px;
    margin: 0 auto;
    padding: 60px 20px; }
  .lp.valentines2017 .step-4 h2 {
    text-transform: uppercase;
    letter-spacing: 8px;
    text-align: center;
    font: 2em/1.4 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .lp.valentines2017 .step-4 p.playlist-description {
    text-align: center;
    font: 1em/1.4 "nationale", "nationale-regular", "Helvetica", sans-serif; }
  .lp.valentines2017 .step-4 .wrapper-embed {
    width: 90%;
    max-width: 400px;
    margin: 40px auto;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.7); }
  .lp.valentines2017 .step-4 .wrapper-social {
    margin: 20px auto;
    text-align: center;
    display: none; }
    .lp.valentines2017 .step-4 .wrapper-social .content-social .social-plugin a {
      text-decoration: none;
      margin-left: 10px;
      outline: none; }
      .lp.valentines2017 .step-4 .wrapper-social .content-social .social-plugin a:first-child {
        margin-left: 0; }
      .lp.valentines2017 .step-4 .wrapper-social .content-social .social-plugin a:hover {
        opacity: 1; }
    .lp.valentines2017 .step-4 .wrapper-social .content-social .social-plugin img {
      max-width: 40px;
      border-radius: 3px;
      filter: grayscale(50%); }
      .lp.valentines2017 .step-4 .wrapper-social .content-social .social-plugin img:hover {
        filter: grayscale(0%); }

.lp.cnco-quiz .wrapper {
  min-height: 90vh;
  padding: 20px;
  box-sizing: border-box;
  background-color: #fff; }
  .lp.cnco-quiz .wrapper.wrapper--question {
    background: white;
    background: -moz-linear-gradient(top, white 0%, #4a0d67 100%);
    background: -webkit-linear-gradient(top, white 0%, #4a0d67 100%);
    background: linear-gradient(to bottom, white 0%, #4a0d67 100%); }
    .lp.cnco-quiz .wrapper.wrapper--question .cnco-logo {
      margin-top: 10vh; }
  .lp.cnco-quiz .wrapper .cnco-logo {
    display: block;
    max-width: 200px;
    margin: 0 auto; }
  .lp.cnco-quiz .wrapper .question {
    text-align: center;
    font: 18px/1.5 "nationale-demibold", sans-serif;
    color: #fff;
    margin-top: 10vh; }
  .lp.cnco-quiz .wrapper .wrapper-answers {
    width: 100%;
    max-width: 280px;
    margin: 40px auto; }
    .lp.cnco-quiz .wrapper .wrapper-answers .answer {
      box-sizing: border-box;
      display: block;
      border: 2px solid #fff;
      padding: 10px 15px;
      text-align: center;
      font: 14px/1 "nationale-demibold", sans-serif;
      color: #fff;
      margin-bottom: 10px;
      letter-spacing: 1px;
      cursor: pointer; }
      .lp.cnco-quiz .wrapper .wrapper-answers .answer:last-child {
        margin-bottom: 0; }
  .lp.cnco-quiz .wrapper.wrapper--winner {
    background-size: cover;
    background-position: bottom center; }
    @media (min-width: 1024px) {
      .lp.cnco-quiz .wrapper.wrapper--winner.christopher {
        background-image: url(/images/index2/promos/cnco/cnco-quiz/bg-christopher.ccf8a24b.jpg); }
      .lp.cnco-quiz .wrapper.wrapper--winner.erick {
        background-image: url(/images/index2/promos/cnco/cnco-quiz/bg-erick.7d0044bd.jpg); }
      .lp.cnco-quiz .wrapper.wrapper--winner.zabdiel {
        background-image: url(/images/index2/promos/cnco/cnco-quiz/bg-zabdiel.394fcf74.jpg); }
      .lp.cnco-quiz .wrapper.wrapper--winner.richard {
        background-image: url(/images/index2/promos/cnco/cnco-quiz/bg-richard.735848d1.jpg); }
      .lp.cnco-quiz .wrapper.wrapper--winner.joel {
        background-image: url(/images/index2/promos/cnco/cnco-quiz/bg-joel.2578ce88.jpg); } }
    @media (min-width: 1400px) {
      .lp.cnco-quiz .wrapper.wrapper--winner .cnco-logo {
        margin-top: 5vh;
        max-width: 300px; } }
  .lp.cnco-quiz .wrapper .winner {
    font: 16px/1 "nationale-demibold", sans-serif;
    color: #000;
    text-align: center;
    margin: 20px auto;
    letter-spacing: 1px; }
  .lp.cnco-quiz .wrapper .winner-picture {
    display: block;
    max-width: 200px;
    margin: 20px auto 0; }
    @media (min-width: 1024px) {
      .lp.cnco-quiz .wrapper .winner-picture {
        display: none; } }
  .lp.cnco-quiz .wrapper .wrapper-embed {
    max-width: 500px;
    margin: 0 auto 40px auto; }
    @media (min-width: 1024px) {
      .lp.cnco-quiz .wrapper .wrapper-embed {
        transform: translateX(200px); } }
  .lp.cnco-quiz .wrapper .cta-wrapper {
    max-width: 250px;
    margin: 20px auto; }
    .lp.cnco-quiz .wrapper .cta-wrapper .cta-btn {
      display: block;
      box-sizing: border-box;
      width: 100%;
      max-width: 100%;
      padding: 13px;
      border: 2px solid #000;
      color: #000;
      background-color: #fff;
      text-transform: uppercase;
      text-align: center;
      letter-spacing: 1px;
      text-decoration: none;
      font: 12px/1 "nationale-demibold", sans-serif; }
      .lp.cnco-quiz .wrapper .cta-wrapper .cta-btn + .cta-btn {
        margin-top: 10px; }
      .lp.cnco-quiz .wrapper .cta-wrapper .cta-btn.cta-btn--solid {
        background-color: #fff;
        color: #000; }
    @media screen and (min-width: 540px) {
      .lp.cnco-quiz .wrapper .cta-wrapper.cta-wrapper--horizontal {
        max-width: 500px; }
        .lp.cnco-quiz .wrapper .cta-wrapper.cta-wrapper--horizontal .cta-btn {
          max-width: 48%;
          float: left; }
          .lp.cnco-quiz .wrapper .cta-wrapper.cta-wrapper--horizontal .cta-btn + .cta-btn {
            margin-top: 0;
            margin-left: 4%; }
          .lp.cnco-quiz .wrapper .cta-wrapper.cta-wrapper--horizontal .cta-btn:only-child {
            float: none;
            margin: auto; } }
  .lp.cnco-quiz .wrapper .wrapper-social {
    margin: 20px auto;
    text-align: center;
    display: none; }
    .lp.cnco-quiz .wrapper .wrapper-social .content-social .social-plugin a {
      text-decoration: none;
      margin-left: 10px;
      outline: none; }
      .lp.cnco-quiz .wrapper .wrapper-social .content-social .social-plugin a:first-child {
        margin-left: 0; }
      .lp.cnco-quiz .wrapper .wrapper-social .content-social .social-plugin a:hover {
        opacity: 1; }
    .lp.cnco-quiz .wrapper .wrapper-social .content-social .social-plugin img {
      max-width: 40px;
      border-radius: 3px;
      filter: grayscale(100%); }
      .lp.cnco-quiz .wrapper .wrapper-social .content-social .social-plugin img:hover {
        filter: grayscale(0%); }

.lp.theresasongforthat header {
  background-color: #000; }

.lp.theresasongforthat .wrapper-fold {
  background-color: #fff;
  color: #232323; }
  .lp.theresasongforthat .wrapper-fold .quote {
    color: #000;
    font-size: 2em;
    font-family: "nationale-bold", sans-serif;
    line-height: 1.125em;
    text-align: center;
    padding: 60px 20px; }
    @media (min-width: 1024px) {
      .lp.theresasongforthat .wrapper-fold .quote {
        padding: 90px 20px; } }
  .lp.theresasongforthat .wrapper-fold .cta-btn {
    display: inline-block;
    box-sizing: border-box;
    padding: 13px;
    border-radius: 3px;
    border: 1px solid #fff;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    text-decoration: none;
    font: 12px/1 "nationale-demibold", sans-serif;
    max-width: 100%;
    width: 220px; }
  .lp.theresasongforthat .wrapper-fold .cta-btn--solid {
    background-color: #fff;
    color: #000; }
  @media (max-width: 767px) {
    .lp.theresasongforthat .wrapper-fold .left, .lp.theresasongforthat .wrapper-fold .right {
      float: none;
      width: 100%; } }

.lp.theresasongforthat .fold {
  padding-top: 0;
  padding-bottom: 0;
  max-width: 1100px; }

.lp.theresasongforthat .center-wrapper {
  text-align: center; }
  .lp.theresasongforthat .center-wrapper:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em; }

.lp.theresasongforthat .wrapper-bg-image {
  color: #fff;
  background-color: #232323;
  background-image: url(/images/campaigns/theresasongforthat/00_header_img.292bd0b0.jpg);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  padding: 20% 0;
  position: relative; }
  @media screen and (min-width: 1025px) {
    .lp.theresasongforthat .wrapper-bg-image {
      padding: 16% 0;
      background-attachment: fixed; } }
  .lp.theresasongforthat .wrapper-bg-image:after {
    content: '';
    background: rgba(0, 0, 0, 0.5);
    background: -moz-linear-gradient(top, transparent 0%, black 100%);
    background: -webkit-linear-gradient(top, transparent 0%, black 100%);
    background: linear-gradient(to bottom, transparent 0%, black 100%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .lp.theresasongforthat .wrapper-bg-image .fold {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 2; }
  .lp.theresasongforthat .wrapper-bg-image .title {
    font-size: 2.25em;
    font-family: "nationale-bold", sans-serif;
    line-height: 1.1275em;
    margin: 0; }
    @media (min-width: 1024px) {
      .lp.theresasongforthat .wrapper-bg-image .title {
        font-size: 3em; } }
  .lp.theresasongforthat .wrapper-bg-image .text {
    margin-bottom: 0;
    line-height: 1.5em; }
    @media (min-width: 1024px) {
      .lp.theresasongforthat .wrapper-bg-image .text {
        font-size: 1.1275em; } }

.lp.theresasongforthat .wrapper-offer {
  padding-top: 40px; }
  @media (min-width: 1024px) {
    .lp.theresasongforthat .wrapper-offer {
      padding-top: 60px; } }
  .lp.theresasongforthat .wrapper-offer .fold {
    color: #fff;
    background-color: #191919;
    padding: 80px 20px; }
  .lp.theresasongforthat .wrapper-offer .container {
    max-width: 680px;
    margin: 0 auto;
    padding: 0;
    text-align: center; }
  .lp.theresasongforthat .wrapper-offer .title {
    font-size: 1.75em;
    font-family: "nationale-bold", sans-serif;
    line-height: 1.125em;
    margin: 0 0 20px; }
    @media (min-width: 1024px) {
      .lp.theresasongforthat .wrapper-offer .title {
        font-size: 2.125em; } }
  .lp.theresasongforthat .wrapper-offer .text {
    margin-bottom: 40px;
    line-height: 1.5em;
    color: #bcbcbc; }
    @media (min-width: 1024px) {
      .lp.theresasongforthat .wrapper-offer .text {
        margin-bottom: 60px;
        font-size: 1.125em; } }

.lp.theresasongforthat .wrapper-playlists {
  padding-bottom: 40px; }
  @media (min-width: 1024px) {
    .lp.theresasongforthat .wrapper-playlists {
      padding-bottom: 60px; } }
  .lp.theresasongforthat .wrapper-playlists .playlist {
    position: relative; }
  .lp.theresasongforthat .wrapper-playlists .playlist-bg {
    display: block;
    width: 100%; }
  .lp.theresasongforthat .wrapper-playlists .playlist-button {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .lp.theresasongforthat .wrapper-playlists .playlist-icon {
    padding: 14px;
    position: absolute;
    right: 0;
    width: 20px; }
  .lp.theresasongforthat .wrapper-playlists .play-icon {
    margin-right: 8px;
    vertical-align: middle;
    width: 10px; }
  .lp.theresasongforthat .wrapper-playlists .title {
    color: #000;
    font-size: 2em;
    font-family: "nationale-bold", sans-serif;
    line-height: 1.125em;
    text-align: center;
    margin: 10px 0 20px; }

.lp.tidalxoslo header {
  background-color: #000; }

.lp.tidalxoslo .wrapper-outer {
  background-color: #78CCD4; }

.lp.tidalxoslo .wrapper-fold h1, .lp.tidalxoslo .wrapper-fold h2,
.lp.tidalxoslo .wrapper-fold h2,
.lp.tidalxoslo .wrapper-fold p {
  color: #232323; }

.lp.tidalxoslo .wrapper-fold h1, .lp.tidalxoslo .wrapper-fold h2 {
  font-size: 70px;
  font-family: "nationale-bold", sans-serif;
  letter-spacing: 6px;
  margin-bottom: 30px; }
  @media (min-width: 1024px) {
    .lp.tidalxoslo .wrapper-fold h1, .lp.tidalxoslo .wrapper-fold h2 {
      font-size: 90px;
      letter-spacing: 10px; } }

.lp.tidalxoslo .wrapper-fold img {
  max-width: 90%; }

.lp.tidalxoslo .wrapper-fold p {
  font-size: 18px;
  line-height: 1.4; }
  @media (min-width: 1024px) {
    .lp.tidalxoslo .wrapper-fold p {
      font-size: 26px;
      line-height: 1.5; } }

.lp.tidalxoslo .wrapper-fold .white {
  color: #fff; }

.lp.tidalxoslo .wrapper-fold .small {
  display: inline-block;
  font-size: 12px;
  margin: -2px 10px 0;
  vertical-align: middle; }
  @media (min-width: 1024px) {
    .lp.tidalxoslo .wrapper-fold .small {
      font-size: 16px; } }

.lp.tidalxoslo .wrapper-fold .letter-spacing {
  letter-spacing: 1px; }

.lp.tidalxoslo .wrapper-fold .uppercase {
  text-transform: uppercase; }

.lp.tidalxoslo .wrapper-intro {
  padding-top: 30px;
  text-align: center; }
  .lp.tidalxoslo .wrapper-intro .ticket-info {
    margin-bottom: 15px; }
    .lp.tidalxoslo .wrapper-intro .ticket-info.first {
      margin-top: 60px; }
      @media (min-width: 1024px) {
        .lp.tidalxoslo .wrapper-intro .ticket-info.first {
          margin-top: 90px; } }

.lp.tidalxoslo .wrapper-artists .artist {
  margin: 0 auto 20px;
  position: relative;
  cursor: pointer;
  max-width: 600px; }
  @media (min-width: 1024px) {
    .lp.tidalxoslo .wrapper-artists .artist {
      margin-top: 60px;
      margin-bottom: 0;
      max-width: 100%; }
      .lp.tidalxoslo .wrapper-artists .artist:hover .artist-intro--image {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1); }
      .lp.tidalxoslo .wrapper-artists .artist:hover .artist-intro--content {
        -ms-transform: translate(-25px, 50px);
        -webkit-transform: translate(-25px, 50px);
        transform: translate(-25px, 50px); }
      .lp.tidalxoslo .wrapper-artists .artist.align-right:hover .artist-intro--content {
        -ms-transform: translate(25px, 50px);
        -webkit-transform: translate(25px, 50px);
        transform: translate(25px, 50px); } }

.lp.tidalxoslo .wrapper-artists .artist-intro--image,
.lp.tidalxoslo .wrapper-artists .artist-intro--content {
  -moz-transition: transform 0.3s ease-in-out;
  -webkit-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out; }

.lp.tidalxoslo .wrapper-artists .artist-intro--content {
  position: relative;
  z-index: 2; }
  @media (min-width: 1024px) {
    .lp.tidalxoslo .wrapper-artists .artist-intro--content {
      margin-top: -30%;
      margin-bottom: 25%;
      width: 600px; } }

.lp.tidalxoslo .wrapper-artists .artist-intro--name {
  font-family: "nationale-bold", sans-serif;
  font-size: 30px;
  line-height: 1.2;
  letter-spacing: 6px;
  text-transform: uppercase;
  margin: 0; }
  @media (min-width: 1024px) {
    .lp.tidalxoslo .wrapper-artists .artist-intro--name {
      font-size: 40px;
      line-height: 1.4;
      letter-spacing: 20px;
      margin-top: 40px; } }

.lp.tidalxoslo .wrapper-artists .artist-intro--toggle {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  margin-top: 0; }
  @media (min-width: 1024px) {
    .lp.tidalxoslo .wrapper-artists .artist-intro--toggle {
      font-size: 18px;
      margin-top: 4px; } }
  .lp.tidalxoslo .wrapper-artists .artist-intro--toggle .fa {
    margin-right: 8px; }

.lp.tidalxoslo .wrapper-artists .artist-intro--text {
  display: none;
  background: #fff;
  font-size: 14px;
  text-align: left;
  padding: 20px;
  margin-top: -100px;
  position: relative;
  z-index: 2; }
  @media (min-width: 1024px) {
    .lp.tidalxoslo .wrapper-artists .artist-intro--text {
      font-size: 16px;
      margin: 0 0 -15%; } }

.lp.tidalxoslo .wrapper-artists .align-left .artist-intro--content {
  transform: translate(20px, -20px);
  margin-right: 20px; }
  @media (min-width: 1024px) {
    .lp.tidalxoslo .wrapper-artists .align-left .artist-intro--content {
      transform: translate(0, 0);
      margin-right: 0;
      left: 300px; } }

.lp.tidalxoslo .wrapper-artists .align-left .artist-intro--name {
  text-align: left; }

.lp.tidalxoslo .wrapper-artists .align-right {
  text-align: right; }
  .lp.tidalxoslo .wrapper-artists .align-right .artist-intro--content {
    transform: translate(-10px, -20px);
    margin-left: 10px; }
    @media (min-width: 1024px) {
      .lp.tidalxoslo .wrapper-artists .align-right .artist-intro--content {
        transform: translate(0, 0);
        margin-left: 0; } }
  .lp.tidalxoslo .wrapper-artists .align-right .artist-intro--name {
    text-align: right; }
  .lp.tidalxoslo .wrapper-artists .align-right .artist-intro--toggle {
    right: 20px; }

@media (min-width: 1024px) {
  .lp.tidalxoslo .wrapper-artists .artist-intro--svani .artist-intro--content {
    margin-top: -65%;
    margin-bottom: 65%; }
  .lp.tidalxoslo .wrapper-artists .artist-intro--svani .artist-intro--text {
    margin-bottom: -32%; } }

.lp.tidalxoslo .wrapper-playlist .fold {
  max-width: 600px;
  padding-bottom: 60px; }
  @media (min-width: 1024px) {
    .lp.tidalxoslo .wrapper-playlist .fold {
      padding-bottom: 100px; } }

.lp.karenrodriguez header {
  background-color: #000; }

.lp.karenrodriguez .cta {
  margin: 35px auto 74px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, white 50%);
  background-position: left top;
  background-size: 100% 200%;
  border-color: #fff;
  border-width: 2px;
  border-radius: 5px;
  max-width: 220px; }
  .lp.karenrodriguez .cta:hover {
    border-color: #fff;
    background-position: left bottom; }
  .lp.karenrodriguez .cta.read-more {
    margin-bottom: 20px; }

.lp.karenrodriguez .wrapper-fold img {
  max-width: 100%; }

.lp.karenrodriguez .wrapper-intro {
  text-align: center;
  padding-top: 30px; }
  @media (min-width: 768px) {
    .lp.karenrodriguez .wrapper-intro {
      padding-top: 70px; } }
  .lp.karenrodriguez .wrapper-intro .afi-tidal-logo {
    max-width: 50%; }
  .lp.karenrodriguez .wrapper-intro .artist-image {
    margin-top: 10%; }
    @media (min-width: 768px) {
      .lp.karenrodriguez .wrapper-intro .artist-image {
        margin-top: 120px; } }

.lp.karenrodriguez .wrapper-dynamic-content .fold {
  text-align: center; }
  @media (min-width: 768px) {
    .lp.karenrodriguez .wrapper-dynamic-content .fold {
      padding: 20px 40px; } }

.lp.karenrodriguez .wrapper-dynamic-content .episode-header {
  margin: 2.25% 0 6.75%; }

.lp.karenrodriguez .wrapper-boxes {
  margin-top: -20px; }
  @media (min-width: 768px) {
    .lp.karenrodriguez .wrapper-boxes {
      margin-top: 40px; } }
  .lp.karenrodriguez .wrapper-boxes .box {
    cursor: pointer;
    transition: opacity .5s;
    margin: 0 auto 16px;
    opacity: 0.8;
    max-width: 300px;
    width: 75%; }
    @media (min-width: 768px) {
      .lp.karenrodriguez .wrapper-boxes .box {
        float: left;
        margin: 0 2% 32px 0;
        width: 32%; }
        .lp.karenrodriguez .wrapper-boxes .box:nth-child(3n+0) {
          margin-right: 0; } }
    .lp.karenrodriguez .wrapper-boxes .box:hover {
      opacity: 1; }
    .lp.karenrodriguez .wrapper-boxes .box.active {
      opacity: 1; }
    .lp.karenrodriguez .wrapper-boxes .box.locked {
      pointer-events: none; }
  .lp.karenrodriguez .wrapper-boxes .box-inner {
    border: 3px solid #fff; }
    .lp.karenrodriguez .wrapper-boxes .box-inner img {
      display: block;
      width: 100%; }

.lp.karenrodriguez .wrapper-about {
  text-align: center; }
  .lp.karenrodriguez .wrapper-about .fold {
    max-width: 620px; }
  .lp.karenrodriguez .wrapper-about .image-header {
    margin-bottom: 20px; }
  .lp.karenrodriguez .wrapper-about .profile-image {
    margin-top: 40px; }
  .lp.karenrodriguez .wrapper-about .offset {
    margin-top: -180px; }
  .lp.karenrodriguez .wrapper-about .social-wrapper {
    margin-top: 64px; }
    .lp.karenrodriguez .wrapper-about .social-wrapper a {
      border: 2px solid #fff;
      border-radius: 100%;
      display: inline-block;
      font-size: 30px;
      line-height: 30px;
      padding: 5px 5px 3px 7px;
      margin-right: 10px; }
      .lp.karenrodriguez .wrapper-about .social-wrapper a:last-child {
        margin-right: 0; }

.lp.karenrodriguez .wrapper-about p,
.lp.karenrodriguez .wrapper-heritage p {
  font-size: 18px;
  line-height: 28px; }

.lp.karenrodriguez .wrapper-afi {
  background-color: #1B5196;
  text-align: center; }
  .lp.karenrodriguez .wrapper-afi .afi-logo {
    margin: 90px 0 44px; }

.lp.karenrodriguez .wrapper-heritage {
  background: #d82929;
  padding: 0;
  margin: 60px auto 80px;
  text-align: center; }
  .lp.karenrodriguez .wrapper-heritage .fold {
    padding-top: 60px;
    padding-bottom: 60px;
    min-height: 200px; }
    .lp.karenrodriguez .wrapper-heritage .fold img {
      max-width: 100%;
      max-height: 24px;
      margin: 10px auto; }
      .lp.karenrodriguez .wrapper-heritage .fold img.accent {
        max-height: 32px; }
    .lp.karenrodriguez .wrapper-heritage .fold.playlist .tidal-embed {
      max-width: 600px;
      margin: 0 auto; }
  .lp.karenrodriguez .wrapper-heritage .essay-wrapper {
    text-align: left; }
    .lp.karenrodriguez .wrapper-heritage .essay-wrapper .intro {
      padding-bottom: 40px;
      position: relative; }
      .lp.karenrodriguez .wrapper-heritage .essay-wrapper .intro:after {
        content: '';
        background: white;
        opacity: 0.4;
        position: absolute;
        bottom: 20px;
        height: 1px;
        width: 40%;
        left: 0;
        right: 0;
        margin: 0 auto; }
  .lp.karenrodriguez .wrapper-heritage .cta {
    cursor: pointer; }

.lp.podcasts {
  background-color: #000; }
  .lp.podcasts header {
    background-color: #000; }
  .lp.podcasts h2 {
    text-align: left;
    font-family: "nationale-bold", sans-serif;
    margin-bottom: 30px; }
  .lp.podcasts .wrapper-fold {
    background-color: #222222; }
  .lp.podcasts .fold {
    max-width: 400px;
    margin: 0 auto; }
    @media (min-width: 768px) {
      .lp.podcasts .fold {
        max-width: 960px; } }
  .lp.podcasts .cta-wrapper {
    max-width: 250px;
    margin: 20px auto; }
    .lp.podcasts .cta-wrapper:after {
      content: " ";
      visibility: hidden;
      display: block;
      height: 0;
      clear: both; }
    .lp.podcasts .cta-wrapper .cta-btn {
      display: block;
      box-sizing: border-box;
      width: 100%;
      max-width: 100%;
      padding: 13px;
      border-radius: 3px;
      border: 1px solid #fff;
      color: #fff;
      text-transform: uppercase;
      text-align: center;
      letter-spacing: 1px;
      text-decoration: none;
      font: 12px/1 "nationale-demibold", sans-serif; }
      .lp.podcasts .cta-wrapper .cta-btn + .cta-btn {
        margin-top: 10px; }
      .lp.podcasts .cta-wrapper .cta-btn.cta-btn--solid {
        background-color: #fff;
        color: #000; }
    @media screen and (min-width: 540px) {
      .lp.podcasts .cta-wrapper.cta-wrapper--horizontal {
        max-width: 500px; }
        .lp.podcasts .cta-wrapper.cta-wrapper--horizontal .cta-btn {
          max-width: 48%;
          float: left; }
          .lp.podcasts .cta-wrapper.cta-wrapper--horizontal .cta-btn + .cta-btn {
            margin-top: 0;
            margin-left: 4%; }
          .lp.podcasts .cta-wrapper.cta-wrapper--horizontal .cta-btn:only-child {
            float: none;
            margin: auto; } }
  .lp.podcasts .top {
    background-color: #000; }
  .lp.podcasts .logo-onair {
    display: block;
    width: 100%;
    max-width: 600px;
    margin: auto; }
  .lp.podcasts .wrapper-embed {
    width: 90%;
    max-width: 400px;
    margin: 30px auto 0; }
  .lp.podcasts .logo-show {
    max-width: 600px;
    max-height: 150px;
    display: block;
    margin: 60px auto 80px; }
    @media (max-width: 767px) {
      .lp.podcasts .logo-show.logo-wide {
        max-height: auto;
        width: 90%; } }
  .lp.podcasts .wrapper-episodes .episode:after,
  .lp.podcasts .wrapper-episodes .links:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both; }
  .lp.podcasts .wrapper-episodes .comingsoon {
    text-align: center;
    font: 3em/1 "nationale-bold", sans-serif;
    color: #333;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1);
    margin-top: 100px; }
  .lp.podcasts .wrapper-episodes .episode {
    margin-bottom: 40px; }
    @media (min-width: 768px) {
      .lp.podcasts .wrapper-episodes .episode .episode-thumbnail {
        box-sizing: border-box;
        float: left;
        width: 20%; } }
    .lp.podcasts .wrapper-episodes .episode .episode-thumbnail img {
      display: block;
      width: 100%;
      max-width: 100%; }
      .lp.podcasts .wrapper-episodes .episode .episode-thumbnail img:hover {
        box-shadow: 0 0 5px rgba(0, 255, 255, 0.7); }
    .lp.podcasts .wrapper-episodes .episode .episode-meta {
      box-sizing: border-box; }
      @media (min-width: 768px) {
        .lp.podcasts .wrapper-episodes .episode .episode-meta {
          float: left;
          width: 75%;
          margin-left: 5%; } }
      .lp.podcasts .wrapper-episodes .episode .episode-meta p {
        font: 1em/1.5 "nationale", "nationale-regular", "Helvetica", sans-serif; }
        .lp.podcasts .wrapper-episodes .episode .episode-meta p.title {
          font-family: "nationale-demibold", sans-serif;
          margin-bottom: 5px; }
          @media (min-width: 768px) {
            .lp.podcasts .wrapper-episodes .episode .episode-meta p.title {
              margin-top: 5px; } }
          .lp.podcasts .wrapper-episodes .episode .episode-meta p.title .date {
            color: #aaa;
            font-size: 0.9em; }
        .lp.podcasts .wrapper-episodes .episode .episode-meta p.show-title {
          font-size: 0.9em;
          color: #aaa;
          margin-top: 0; }
    .lp.podcasts .wrapper-episodes .episode .description {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-bottom: 0; }
    .lp.podcasts .wrapper-episodes .episode .toggle-expand {
      display: inline-block;
      text-decoration: none;
      color: #aaa;
      font: 1em/1.5 "nationale", "nationale-regular", "Helvetica", sans-serif; }
      .lp.podcasts .wrapper-episodes .episode .toggle-expand:hover {
        color: cyan;
        opacity: 1;
        cursor: pointer; }
      .lp.podcasts .wrapper-episodes .episode .toggle-expand::after {
        font-family: FontAwesome;
        content: "\f105";
        display: inline-block;
        padding-left: 5px;
        vertical-align: middle; }
    .lp.podcasts .wrapper-episodes .episode .links {
      margin-top: 20px;
      display: none; }
      .lp.podcasts .wrapper-episodes .episode .links a {
        display: block;
        box-sizing: border-box;
        padding: 12px;
        color: #fff;
        width: 100%;
        max-width: 200px;
        margin-bottom: 10px;
        text-align: center;
        text-decoration: none;
        border-radius: 3px;
        font: 0.8em/1 "nationale-demibold", sans-serif;
        border: 1px solid #fff; }
        @media (min-width: 768px) {
          .lp.podcasts .wrapper-episodes .episode .links a {
            float: left; }
            .lp.podcasts .wrapper-episodes .episode .links a:first-child {
              margin-right: 10px; } }
  .lp.podcasts.podcasts-show-dussefriday .wrapper-fold.top .logo-show {
    max-height: 250px; }
  @media (min-width: 768px) {
    .lp.podcasts.podcasts-show-dussefriday .wrapper-bottom-grid.hosts .bottom-grid-item {
      max-width: 30%;
      float: left; }
      .lp.podcasts.podcasts-show-dussefriday .wrapper-bottom-grid.hosts .bottom-grid-item:nth-child(even) {
        margin-left: 5%;
        margin-right: 5%; } }
  .lp.podcasts.podcasts-show-songexploder .wrapper-fold.top .logo-show {
    padding: 15px 0;
    width: 100%; }
  .lp.podcasts.podcasts-show-songexploder .wrapper-fold.top .about-show {
    max-width: 800px;
    text-align: left;
    margin: auto; }
  .lp.podcasts.podcasts-show-songexploder .episode.song-exploder .title {
    font: 1.25em/1 "nationale-demibold", sans-serif;
    padding-bottom: 15px; }
  .lp.podcasts.podcasts-show-songexploder .episode.song-exploder .episode-meta {
    float: none;
    width: 100%;
    margin-left: 0; }
    .lp.podcasts.podcasts-show-songexploder .episode.song-exploder .episode-meta .episode-art, .lp.podcasts.podcasts-show-songexploder .episode.song-exploder .episode-meta .epidsode-descrip {
      display: block; }
      @media (min-width: 768px) {
        .lp.podcasts.podcasts-show-songexploder .episode.song-exploder .episode-meta .episode-art, .lp.podcasts.podcasts-show-songexploder .episode.song-exploder .episode-meta .epidsode-descrip {
          display: inline-block;
          width: 48%;
          margin: 40px auto;
          vertical-align: top; }
          .lp.podcasts.podcasts-show-songexploder .episode.song-exploder .episode-meta .episode-art.left-img, .lp.podcasts.podcasts-show-songexploder .episode.song-exploder .episode-meta .epidsode-descrip.left-img {
            margin-right: 3%; } }
      .lp.podcasts.podcasts-show-songexploder .episode.song-exploder .episode-meta .episode-art img.thumbnail, .lp.podcasts.podcasts-show-songexploder .episode.song-exploder .episode-meta .epidsode-descrip img.thumbnail {
        width: 100%; }
  .lp.podcasts.podcasts-show-songexploder .wrapper-bottom-grid.hosts .bottom-grid-item {
    margin: auto;
    float: none; }
  .lp.podcasts .wrapper-fold.offer {
    background: #23afae;
    background: -moz-linear-gradient(top, #23afae 0%, #06726c 100%);
    background: -webkit-linear-gradient(top, #23afae 0%, #06726c 100%);
    background: linear-gradient(to bottom, #23afae 0%, #06726c 100%);
    padding: 40px 20px; }
    .lp.podcasts .wrapper-fold.offer .wrapper-bottom-grid .bottom-grid-item {
      margin-bottom: 0; }
    .lp.podcasts .wrapper-fold.offer .onair-logo {
      max-width: 150px;
      display: block;
      margin: 20px auto; }
    .lp.podcasts .wrapper-fold.offer .offer-text {
      display: block; }
  .lp.podcasts.podcasts-show .episode .description {
    white-space: normal;
    overflow: visible;
    text-overflow: inherit; }
  .lp.podcasts.podcasts-show .episode .toggle-expand {
    display: none; }
  .lp.podcasts.podcasts-show .episode .links {
    display: block; }
  .lp.podcasts.podcasts-show .episode .show-title {
    display: none; }
  .lp.podcasts .hosts-show {
    font-family: "nationale-demibold", sans-serif;
    margin-bottom: 20px;
    text-align: center; }
  .lp.podcasts .about-show {
    text-align: center;
    font-size: 16px;
    line-height: 1.5; }
  .lp.podcasts .wrapper-bottom-grid .bottom-grid-item {
    margin-bottom: 60px; }
    @media (min-width: 768px) {
      .lp.podcasts .wrapper-bottom-grid .bottom-grid-item {
        width: 100%;
        max-width: 45%;
        float: left; }
        .lp.podcasts .wrapper-bottom-grid .bottom-grid-item:nth-child(even) {
          margin-left: 10%; } }
    .lp.podcasts .wrapper-bottom-grid .bottom-grid-item img {
      display: block;
      max-width: 100%;
      margin-bottom: 25px; }
    .lp.podcasts .wrapper-bottom-grid .bottom-grid-item h3 {
      color: #fff;
      font-size: 20px;
      font-family: "nationale-bold", sans-serif; }
    .lp.podcasts .wrapper-bottom-grid .bottom-grid-item p {
      display: inline;
      line-height: 1.5;
      font-size: 16px;
      color: #fff; }
      .lp.podcasts .wrapper-bottom-grid .bottom-grid-item p.hosted-by {
        display: block;
        color: #aaa;
        font-size: 0.9em;
        margin: 5px 0 15px; }
    .lp.podcasts .wrapper-bottom-grid .bottom-grid-item a.show-link {
      display: inline-block;
      text-decoration: none;
      color: #aaa; }
      .lp.podcasts .wrapper-bottom-grid .bottom-grid-item a.show-link:hover {
        color: cyan;
        opacity: 1; }
      .lp.podcasts .wrapper-bottom-grid .bottom-grid-item a.show-link::after {
        font-family: FontAwesome;
        content: "\f105";
        display: inline-block;
        padding-left: 5px;
        vertical-align: middle;
        position: relative;
        top: -1px; }
    .lp.podcasts .wrapper-bottom-grid .bottom-grid-item.podcast {
      min-height: 430px; }
  .lp.podcasts .wrapper-bottom-grid.hosts .bottom-grid-item p {
    display: block; }
  .lp.podcasts .wrapper-bottom-grid.hosts .bottom-grid-item {
    height: 520px;
    overflow: hidden;
    position: relative;
    transition: height 1s ease; }
    .lp.podcasts .wrapper-bottom-grid.hosts .bottom-grid-item::after {
      position: absolute;
      bottom: 0;
      display: block;
      left: 0;
      right: 0;
      width: 100%;
      height: 20px;
      padding-top: 10px;
      padding-bottom: 10px;
      text-align: center;
      color: #fff;
      background: #333333;
      background: -moz-linear-gradient(top, rgba(51, 51, 51, 0.95) 0%, #333333 100%);
      background: -webkit-linear-gradient(top, rgba(51, 51, 51, 0.95) 0%, #333333 100%);
      background: linear-gradient(to bottom, rgba(51, 51, 51, 0.95) 0%, #333333 100%);
      border-radius: 0 0 3px 3px;
      cursor: pointer;
      font-family: FontAwesome;
      content: "\f107";
      box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.1);
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    .lp.podcasts .wrapper-bottom-grid.hosts .bottom-grid-item.hosts-expanded {
      height: auto;
      overflow: visible; }
      .lp.podcasts .wrapper-bottom-grid.hosts .bottom-grid-item.hosts-expanded::after {
        display: none; }
  .lp.podcasts.podcasts-onair .wrapper-episodes .episode .episode-thumbnail a img:nth-child(2) {
    display: none; }
  .lp.podcasts.podcasts-onair .wrapper-episodes .episode:hover .episode-thumbnail a img:nth-child(1) {
    display: none; }
  .lp.podcasts.podcasts-onair .wrapper-episodes .episode:hover .episode-thumbnail a img:nth-child(2) {
    display: block; }
  .lp.podcasts.podcasts-onair .wrapper-episodes .episode:nth-child(n+8) {
    display: none; }
  .lp.podcasts.podcasts-show .wrapper-episodes .episode-thumbnail a img:nth-child(1) {
    display: none; }
  .lp.podcasts.podcasts-show-imintheband .logo-show {
    max-height: 250px; }
  .lp.podcasts.podcasts-show-external .wrapper-fold.episodes {
    max-width: 540px;
    margin: 0 auto 40px; }
    .lp.podcasts.podcasts-show-external .wrapper-fold.episodes h2 {
      font-size: 27px;
      text-transform: none;
      margin-bottom: 0; }
  .lp.podcasts.podcasts-show-external .hosts-show {
    font-size: 18px; }
  .lp.podcasts.podcasts-show-external .about-show {
    font-size: 18px;
    margin: 0 0 60px; }
  .lp.podcasts.podcasts-show-external .logo-show {
    max-height: none;
    max-width: 100%; }
  .lp.podcasts .wrapper-fold {
    background-color: #000; }
    .lp.podcasts .wrapper-fold.top {
      margin-top: 40px; }
      @media (min-width: 768px) {
        .lp.podcasts .wrapper-fold.top {
          margin-top: 60px; } }
      .lp.podcasts .wrapper-fold.top p.tagline {
        text-transform: uppercase;
        font: 1em/1 "nationale-bold", sans-serif;
        text-align: center; }
        @media (min-width: 768px) {
          .lp.podcasts .wrapper-fold.top p.tagline {
            font-size: 2em; } }
    .lp.podcasts .wrapper-fold.episodes {
      max-width: 800px;
      margin: 0 auto; }
      .lp.podcasts .wrapper-fold.episodes h2 {
        text-align: center;
        text-transform: uppercase; }
        @media (min-width: 1024px) {
          .lp.podcasts .wrapper-fold.episodes h2 {
            font-size: 32px; } }
      .lp.podcasts .wrapper-fold.episodes .wrapper-episodes .episode {
        margin-bottom: 50px; }
        .lp.podcasts .wrapper-fold.episodes .wrapper-episodes .episode .embeds {
          margin-bottom: 20px; }
        .lp.podcasts .wrapper-fold.episodes .wrapper-episodes .episode a.more-eps {
          display: inline-block;
          text-decoration: none;
          color: #aaa; }
          .lp.podcasts .wrapper-fold.episodes .wrapper-episodes .episode a.more-eps:hover {
            color: cyan;
            opacity: 1; }
          .lp.podcasts .wrapper-fold.episodes .wrapper-episodes .episode a.more-eps::after {
            font-family: FontAwesome;
            content: "\f105";
            display: inline-block;
            padding-left: 5px;
            vertical-align: middle;
            position: relative;
            top: -1px; }
    .lp.podcasts .wrapper-fold.podcast-listing h2 {
      text-align: center;
      text-transform: uppercase;
      padding-bottom: 40px; }
    .lp.podcasts .wrapper-fold.podcast-listing .bottom-grid-item.podcast img {
      border: 1px solid rgba(255, 255, 255, 0.2); }
    .lp.podcasts .wrapper-fold.offer p {
      text-align: left; }
      .lp.podcasts .wrapper-fold.offer p.offer-title {
        text-transform: uppercase;
        font: 2em/1 "nationale-bold", sans-serif; }
        @media (min-width: 1024px) {
          .lp.podcasts .wrapper-fold.offer p.offer-title {
            font-size: 2.5em; } }
      .lp.podcasts .wrapper-fold.offer p.offer-text {
        font: 1em/1.5em "nationale-demibold", sans-serif;
        padding: 10px 0; }
      .lp.podcasts .wrapper-fold.offer p.offer-tidal {
        font: 1.15em/1.25em "nationale-bold", sans-serif; }
    @media (min-width: 768px) {
      .lp.podcasts .wrapper-fold.offer .cta-wrapper {
        margin-left: 0; } }

.lp.juangabriel {
  background-color: #fff;
  margin-top: 60px; }
  .lp.juangabriel header {
    background-color: #000; }
  .lp.juangabriel .wrapper-intro h1, .lp.juangabriel .wrapper-intro h2 {
    font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
    text-transform: uppercase; }
  .lp.juangabriel .wrapper-outer {
    background-color: #fff; }
  .lp.juangabriel .wrapper-fold h1, .lp.juangabriel .wrapper-fold h2,
  .lp.juangabriel .wrapper-fold h2,
  .lp.juangabriel .wrapper-fold p {
    color: #232323; }
  .lp.juangabriel .wrapper-fold h1, .lp.juangabriel .wrapper-fold h2 {
    font-size: 58px;
    line-height: 60px;
    margin: 0; }
    @media (min-width: 1024px) {
      .lp.juangabriel .wrapper-fold h1, .lp.juangabriel .wrapper-fold h2 {
        font-size: 78px;
        line-height: 80px; } }
  .lp.juangabriel .wrapper-fold h2 {
    font-size: 32px;
    line-height: 47px;
    margin: 10px 0 0; }
  .lp.juangabriel .wrapper-fold p {
    font-size: 18px;
    line-height: 1.4; }
    .lp.juangabriel .wrapper-fold p.bold {
      font-size: 24px; }
  .lp.juangabriel .wrapper-fold img {
    display: block;
    max-width: 100%; }
  .lp.juangabriel .wrapper-fold .cta-btn {
    display: inline-block;
    box-sizing: border-box;
    width: 210px;
    max-width: 48%;
    padding: 13px;
    margin-left: 2%;
    border-radius: 3px;
    border: 1px solid #232323;
    color: #232323;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    text-decoration: none;
    font: 14px/1 "nationale-demibold", sans-serif; }
    .lp.juangabriel .wrapper-fold .cta-btn:first-child {
      margin-left: 0; }
  .lp.juangabriel .wrapper-fold .cta-btn--solid {
    background-color: #000;
    color: #fff; }
  .lp.juangabriel .wrapper-intro:first-child {
    padding-top: 30px; }
  .lp.juangabriel .wrapper-intro,
  .lp.juangabriel .wrapper-quote,
  .lp.juangabriel .wrapper-links {
    text-align: center; }
  .lp.juangabriel .wrapper-intro .fold,
  .lp.juangabriel .wrapper-quote .fold,
  .lp.juangabriel .wrapper-links .fold,
  .lp.juangabriel .wrapper-playlist .fold {
    max-width: 670px;
    padding-bottom: 50px; }
  .lp.juangabriel .wrapper-image .fold {
    padding-bottom: 50px; }
  .lp.juangabriel .wrapper-playlist .fold {
    padding-bottom: 100px; }
  .lp.juangabriel .wrapper-videos .fold {
    padding-bottom: 30px; }
  .lp.juangabriel .wrapper-videos .embed-wrapper {
    margin-bottom: 20px; }
    @media (min-width: 1024px) {
      .lp.juangabriel .wrapper-videos .embed-wrapper {
        float: left;
        margin-right: 2%;
        margin-bottom: 2%;
        width: 49%; }
        .lp.juangabriel .wrapper-videos .embed-wrapper:nth-child(even) {
          margin-right: 0; } }
  .lp.juangabriel .wrapper-videos .embed-centered {
    clear: both;
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .lp.juangabriel .wrapper-quote .fold {
    max-width: 400px; }
    .lp.juangabriel .wrapper-quote .fold .cite {
      font-size: 24px;
      margin: 20px 0; }
  .lp.juangabriel.tidal-takeover {
    background-color: #fff !important;
    margin-top: 0; }
    .lp.juangabriel.tidal-takeover .welcome-mat-wrapper {
      margin-bottom: 0;
      margin-top: 0;
      padding: 60px 0; }
    @media screen and (max-width: 539px) {
      .lp.juangabriel.tidal-takeover .wrapper-fold .cta-btn {
        display: block;
        margin: 0 auto;
        max-width: 250px;
        width: 100%; }
        .lp.juangabriel.tidal-takeover .wrapper-fold .cta-btn + .cta-btn {
          margin-top: 10px; } }
  .lp.juangabriel.video-takeover .description {
    text-transform: uppercase;
    letter-spacing: 2px; }
  .lp.juangabriel.video-takeover p {
    color: #232323; }
    .lp.juangabriel.video-takeover p.artist {
      font: 2em/1 "nationale-demibold", sans-serif; }
    .lp.juangabriel.video-takeover p.title {
      font-size: 1.5em;
      line-height: 1; }
  .lp.juangabriel.video-takeover .wrapper-fold .cta-btn {
    display: block;
    margin-left: 0;
    max-width: 320px;
    width: 100%; }
    .lp.juangabriel.video-takeover .wrapper-fold .cta-btn + .cta-btn {
      margin-top: 10px; }

.lp.meadows-recaps .wrapper-outer {
  background-color: #161D2B; }

.lp.meadows-recaps .top img,
.lp.meadows-recaps .bottom img {
  display: block;
  width: 90%;
  max-width: 800px;
  margin: 0 auto; }

.lp.meadows-recaps a.watch-livestream {
  display: block;
  background-color: #fff;
  color: #000;
  padding: 13px;
  font: 14px/1 "nationale-demibold", sans-serif;
  letter-spacing: 1px;
  margin: 20px auto;
  max-width: 200px;
  border-radius: 3px;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center; }

.lp.meadows-recaps .wrapper-filters {
  margin: 40px auto 5px;
  max-width: 160px; }
  @media (min-width: 768px) {
    .lp.meadows-recaps .wrapper-filters {
      max-width: 400px; } }
  .lp.meadows-recaps .wrapper-filters span.filter {
    display: block;
    box-sizing: border-box;
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
    margin: 10px auto 0;
    color: #fff;
    border: 1px solid #fff;
    font: 14px/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
    border-radius: 3px;
    letter-spacing: 1px;
    outline: none; }
    @media (min-width: 768px) {
      .lp.meadows-recaps .wrapper-filters span.filter {
        float: left;
        width: 100%;
        max-width: 32%;
        margin-left: 2%; }
        .lp.meadows-recaps .wrapper-filters span.filter:first-child {
          margin-left: 0; } }
    .lp.meadows-recaps .wrapper-filters span.filter:hover:not(.active) {
      background-color: #fff;
      color: #000;
      cursor: pointer; }
    .lp.meadows-recaps .wrapper-filters span.filter.active {
      background-color: #DC8065;
      border-color: #DC8065; }
    .lp.meadows-recaps .wrapper-filters span.filter.disabled {
      opacity: 0.3; }
      .lp.meadows-recaps .wrapper-filters span.filter.disabled:hover {
        background-color: #161D2B;
        pointer-events: none;
        cursor: default;
        color: #fff; }

.lp.meadows-recaps .filter-info {
  margin-top: 20px;
  text-align: center;
  font: 12px/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
  color: rgba(255, 255, 255, 0.7); }
  .lp.meadows-recaps .filter-info .info {
    font-style: italic; }
  .lp.meadows-recaps .filter-info .clearfilter:hover {
    text-decoration: underline;
    cursor: pointer; }

.lp.meadows-recaps .embed {
  margin-bottom: 40px;
  font-size: 14px; }
  @media (min-width: 768px) {
    .lp.meadows-recaps .embed {
      font-size: 26px; } }
  .lp.meadows-recaps .embed .tidal-embed {
    display: none; }
  .lp.meadows-recaps .embed h2 {
    font: 1em/1.4 "nationale-bold", sans-serif;
    color: #43516E;
    letter-spacing: 1px;
    text-align: center;
    margin: 0 0 10px;
    outline: none; }
  .lp.meadows-recaps .embed:not(.show-embed) h2:hover {
    cursor: pointer;
    color: #34ACBC; }
  .lp.meadows-recaps .embed.show-embed h2 {
    color: #fff; }
  .lp.meadows-recaps .embed.show-embed .tidal-embed {
    display: block; }

@media (min-width: 768px) {
  .lp.recaps header {
    background-color: #000; } }

.lp.recaps .event-logo {
  display: block;
  width: 95%;
  max-width: 740px;
  margin: 0 auto; }

.lp.recaps .cta-wrapper {
  max-width: 250px;
  margin: 20px auto; }
  .lp.recaps .cta-wrapper .cta-btn {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding: 13px;
    border-radius: 3px;
    border: 1px solid #fff;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    text-decoration: none;
    font: 12px/1 "nationale-demibold", sans-serif; }
    .lp.recaps .cta-wrapper .cta-btn + .cta-btn {
      margin-top: 10px; }
    .lp.recaps .cta-wrapper .cta-btn.cta-btn--solid {
      background-color: #fff;
      color: #000; }
  @media screen and (min-width: 540px) {
    .lp.recaps .cta-wrapper.cta-wrapper--horizontal {
      max-width: 500px; }
      .lp.recaps .cta-wrapper.cta-wrapper--horizontal .cta-btn {
        max-width: 48%;
        float: left; }
        .lp.recaps .cta-wrapper.cta-wrapper--horizontal .cta-btn + .cta-btn {
          margin-top: 0;
          margin-left: 4%; }
        .lp.recaps .cta-wrapper.cta-wrapper--horizontal .cta-btn:only-child {
          float: none;
          margin: auto; } }

.lp.recaps .embed {
  margin-bottom: 40px;
  font-size: 14px; }
  @media (min-width: 768px) {
    .lp.recaps .embed {
      font-size: 26px; } }
  .lp.recaps .embed .tidal-embed {
    display: none; }
  .lp.recaps .embed h2 {
    font: 1em/1.4 "nationale-bold", sans-serif;
    color: #696a6b;
    letter-spacing: 1px;
    text-align: center;
    margin: 0 0 10px;
    outline: none; }
  .lp.recaps .embed:not(.show-embed) h2:hover {
    cursor: pointer;
    color: #00ffff; }
  .lp.recaps .embed.show-embed h2 {
    color: #fff; }
  .lp.recaps .embed.show-embed .tidal-embed {
    display: block; }

.lp.recaps.recaps--tidalx-brooklyn .wrapper-outer {
  background-color: #000; }

.lp.recaps.recaps--tidalx-brooklyn .cta-wrapper {
  margin: 100px auto 0; }
  .lp.recaps.recaps--tidalx-brooklyn .cta-wrapper .cta-btn {
    border-color: #00ffff;
    color: #00ffff; }
    .lp.recaps.recaps--tidalx-brooklyn .cta-wrapper .cta-btn.cta-btn--solid {
      background-color: #00ffff;
      color: #000; }

.lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.single-vid, .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.page-nav {
  font-size: 14px; }
  @media (min-width: 768px) {
    .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.single-vid, .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.page-nav {
      font-size: 26px; } }
  .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.single-vid hr.small-line, .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.page-nav hr.small-line {
    border: 0;
    height: 1px;
    background: #fff; }
    @media (min-width: 768px) {
      .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.single-vid hr.small-line, .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.page-nav hr.small-line {
        width: 30%;
        margin: auto; } }
  .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.single-vid h2, .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.page-nav h2 {
    font: 1.25em/1.4 "nationale-bold", sans-serif;
    letter-spacing: 1px;
    margin: 80px auto;
    text-align: center; }
  .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.single-vid p, .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.page-nav p {
    text-align: center;
    margin: 60px auto; }
    .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.single-vid p.title, .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.page-nav p.title {
      font: 1em/1 "nationale-demibold", sans-serif;
      margin-bottom: 80px; }
    .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.single-vid p.copy, .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.page-nav p.copy {
      text-align: left;
      max-width: 700px;
      font: 0.75em/1.5em "nationale", "nationale-regular", "Helvetica", sans-serif; }
      @media (min-width: 768px) {
        .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.single-vid p.copy, .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.page-nav p.copy {
          padding-left: 30px; } }
    .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.single-vid p.nav-link, .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.single-vid p.lang, .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.page-nav p.nav-link, .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.page-nav p.lang {
      font: 0.8em/1 "nationale-demibold", sans-serif;
      text-transform: uppercase;
      outline: 0;
      cursor: pointer; }
      .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.single-vid p.nav-link:hover, .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.single-vid p.lang:hover, .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.page-nav p.nav-link:hover, .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.page-nav p.lang:hover {
        color: #00ffff; }
    .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.single-vid p.lang, .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.page-nav p.lang {
      display: inline-block; }
      .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.single-vid p.lang.active, .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.page-nav p.lang.active {
        color: #00FFFF; }
        .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.single-vid p.lang.active span, .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.page-nav p.lang.active span {
          border-color: #00FFFF; }
      @media (min-width: 768px) {
        .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.single-vid p.lang + .lang, .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.page-nav p.lang + .lang {
          float: right; } }
    .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.single-vid p span, .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.page-nav p span {
      border-bottom: 1px solid #fff;
      padding-bottom: 20px; }
  .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.single-vid .col-3, .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.page-nav .col-3 {
    width: 100%;
    display: block;
    margin: 60px auto; }
    @media (min-width: 768px) {
      .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.single-vid .col-3, .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.page-nav .col-3 {
        max-width: 30%;
        margin: 10px 1.666%; } }
  .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.single-vid .lang-swap-wrapper, .lp.recaps.recaps--tidalx-brooklyn .wrapper-fold.page-nav .lang-swap-wrapper {
    margin: 10px auto 80px;
    width: 300px; }

.lp.recaps.recaps--tidalx-brooklyn a.link {
  display: block;
  text-align: center;
  text-transform: uppercase;
  text-decoration: underline;
  margin-top: 20px;
  font: 12.5px/1 "nationale", "nationale-regular", "Helvetica", sans-serif; }

.page-yandelwall {
  text-align: center;
  -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
  -ms-tap-highlight-color: rgba(0,0,0,0) !important;
  -moz-tap-highlight-color: rgba(0,0,0,0) !important;
  -o-tap-highlight-color: rgba(0,0,0,0) !important;
  tap-highlight-color: rgba(0,0,0,0) !important;
  /* Custom Stylesheet */
  /* ALL DEMO */
  /* PROGRESS BAR */
  /* Button container */
  /* Common style of SVGs */
  /*--------------- Radio style ---------------*/
  /*
     * Toggle button variables
     */
  /*
     * Toggle button styles
     */
  /*INPUT*/
  /* form starting stylings ------------------------------- */
  /* INPUT STYLE END */ }
  .page-yandelwall.yandelwall-inprogress {
    cursor: pointer; }
  .page-yandelwall .container {
    margin: 0;
    padding: 0;
    overflow: hidden; }
  .page-yandelwall .content.bg {
    max-width: none;
    margin: 0;
    padding: 0;
    overflow: scroll !important;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none; }
  .page-yandelwall input {
    -webkit-user-select: auto;
    -ms-user-select: auto;
    -moz-user-select: auto;
    -o-user-select: auto;
    user-select: auto; }

@keyframes spaceboots-slow {
  0% {
    -webkit-transform: translate(2px, 1px) rotate(0deg) scale(1.04);
    -ms-transform: translate(2px, 1px) rotate(0deg) scale(1.04);
    -moz-transform: translate(2px, 1px) rotate(0deg) scale(1.04);
    -o-transform: translate(2px, 1px) rotate(0deg) scale(1.04);
    transform: translate(2px, 1px) rotate(0deg) scale(1.04); }
  10% {
    -webkit-transform: translate(-1px, -2px) rotate(-0.5deg) scale(1.04);
    -ms-transform: translate(-1px, -2px) rotate(-0.5deg) scale(1.04);
    -moz-transform: translate(-1px, -2px) rotate(-0.5deg) scale(1.04);
    -o-transform: translate(-1px, -2px) rotate(-0.5deg) scale(1.04);
    transform: translate(-1px, -2px) rotate(-0.5deg) scale(1.04); }
  20% {
    -webkit-transform: translate(-2px, 0px) rotate(0.5deg) scale(1.04);
    -ms-transform: translate(-2px, 0px) rotate(0.5deg) scale(1.04);
    -moz-transform: translate(-2px, 0px) rotate(0.5deg) scale(1.04);
    -o-transform: translate(-2px, 0px) rotate(0.5deg) scale(1.04);
    transform: translate(-2px, 0px) rotate(0.5deg) scale(1.04); }
  30% {
    -webkit-transform: translate(0px, 2px) rotate(0deg) scale(1.04);
    -ms-transform: translate(0px, 2px) rotate(0deg) scale(1.04);
    -moz-transform: translate(0px, 2px) rotate(0deg) scale(1.04);
    -o-transform: translate(0px, 2px) rotate(0deg) scale(1.04);
    transform: translate(0px, 2px) rotate(0deg) scale(1.04); }
  40% {
    -webkit-transform: translate(1px, -1px) rotate(0.5deg) scale(1.04);
    -ms-transform: translate(1px, -1px) rotate(0.5deg) scale(1.04);
    -moz-transform: translate(1px, -1px) rotate(0.5deg) scale(1.04);
    -o-transform: translate(1px, -1px) rotate(0.5deg) scale(1.04);
    transform: translate(1px, -1px) rotate(0.5deg) scale(1.04); }
  50% {
    -webkit-transform: translate(-1px, 2px) rotate(-0.5deg) scale(1.04);
    -ms-transform: translate(-1px, 2px) rotate(-0.5deg) scale(1.04);
    -moz-transform: translate(-1px, 2px) rotate(-0.5deg) scale(1.04);
    -o-transform: translate(-1px, 2px) rotate(-0.5deg) scale(1.04);
    transform: translate(-1px, 2px) rotate(-0.5deg) scale(1.04); }
  60% {
    -webkit-transform: translate(-2px, 1px) rotate(0deg) scale(1.04);
    -ms-transform: translate(-2px, 1px) rotate(0deg) scale(1.04);
    -moz-transform: translate(-2px, 1px) rotate(0deg) scale(1.04);
    -o-transform: translate(-2px, 1px) rotate(0deg) scale(1.04);
    transform: translate(-2px, 1px) rotate(0deg) scale(1.04); }
  70% {
    -webkit-transform: translate(2px, 1px) rotate(-0.5deg)  scale(1.04);
    -ms-transform: translate(2px, 1px) rotate(-0.5deg)  scale(1.04);
    -moz-transform: translate(2px, 1px) rotate(-0.5deg)  scale(1.04);
    -o-transform: translate(2px, 1px) rotate(-0.5deg)  scale(1.04);
    transform: translate(2px, 1px) rotate(-0.5deg)  scale(1.04); }
  80% {
    -webkit-transform: translate(-1px, -1px) rotate(0.5deg)  scale(1.04);
    -ms-transform: translate(-1px, -1px) rotate(0.5deg)  scale(1.04);
    -moz-transform: translate(-1px, -1px) rotate(0.5deg)  scale(1.04);
    -o-transform: translate(-1px, -1px) rotate(0.5deg)  scale(1.04);
    transform: translate(-1px, -1px) rotate(0.5deg)  scale(1.04); }
  90% {
    -webkit-transform: translate(2px, 2px) rotate(0deg) scale(1.04);
    -ms-transform: translate(2px, 2px) rotate(0deg) scale(1.04);
    -moz-transform: translate(2px, 2px) rotate(0deg) scale(1.04);
    -o-transform: translate(2px, 2px) rotate(0deg) scale(1.04);
    transform: translate(2px, 2px) rotate(0deg) scale(1.04); }
  100% {
    -webkit-transform: translate(1px, -2px) rotate(-0.5deg) scale(1.04);
    -ms-transform: translate(1px, -2px) rotate(-0.5deg) scale(1.04);
    -moz-transform: translate(1px, -2px) rotate(-0.5deg) scale(1.04);
    -o-transform: translate(1px, -2px) rotate(-0.5deg) scale(1.04);
    transform: translate(1px, -2px) rotate(-0.5deg) scale(1.04); } }

@keyframes spaceboots {
  0% {
    -webkit-transform: translate(2px, 1px) rotate(0deg) scale(1.04);
    -ms-transform: translate(2px, 1px) rotate(0deg) scale(1.04);
    -moz-transform: translate(2px, 1px) rotate(0deg) scale(1.04);
    -o-transform: translate(2px, 1px) rotate(0deg) scale(1.04);
    transform: translate(2px, 1px) rotate(0deg) scale(1.04); }
  10% {
    -webkit-transform: translate(-1px, -2px) rotate(-1deg)  scale(1.04);
    -ms-transform: translate(-1px, -2px) rotate(-1deg)  scale(1.04);
    -moz-transform: translate(-1px, -2px) rotate(-1deg)  scale(1.04);
    -o-transform: translate(-1px, -2px) rotate(-1deg)  scale(1.04);
    transform: translate(-1px, -2px) rotate(-1deg)  scale(1.04); }
  20% {
    -webkit-transform: translate(-2px, 0px) rotate(1deg)  scale(1.04);
    -ms-transform: translate(-2px, 0px) rotate(1deg)  scale(1.04);
    -moz-transform: translate(-2px, 0px) rotate(1deg)  scale(1.04);
    -o-transform: translate(-2px, 0px) rotate(1deg)  scale(1.04);
    transform: translate(-2px, 0px) rotate(1deg)  scale(1.04); }
  30% {
    -webkit-transform: translate(0px, 2px) rotate(0deg)  scale(1.04);
    -ms-transform: translate(0px, 2px) rotate(0deg)  scale(1.04);
    -moz-transform: translate(0px, 2px) rotate(0deg)  scale(1.04);
    -o-transform: translate(0px, 2px) rotate(0deg)  scale(1.04);
    transform: translate(0px, 2px) rotate(0deg)  scale(1.04); }
  40% {
    -webkit-transform: translate(1px, -1px) rotate(1deg)  scale(1.04);
    -ms-transform: translate(1px, -1px) rotate(1deg)  scale(1.04);
    -moz-transform: translate(1px, -1px) rotate(1deg)  scale(1.04);
    -o-transform: translate(1px, -1px) rotate(1deg)  scale(1.04);
    transform: translate(1px, -1px) rotate(1deg)  scale(1.04); }
  50% {
    -webkit-transform: translate(-1px, 2px) rotate(-1deg)  scale(1.04);
    -ms-transform: translate(-1px, 2px) rotate(-1deg)  scale(1.04);
    -moz-transform: translate(-1px, 2px) rotate(-1deg)  scale(1.04);
    -o-transform: translate(-1px, 2px) rotate(-1deg)  scale(1.04);
    transform: translate(-1px, 2px) rotate(-1deg)  scale(1.04); }
  60% {
    -webkit-transform: translate(-2px, 1px) rotate(0deg)  scale(1.04);
    -ms-transform: translate(-2px, 1px) rotate(0deg)  scale(1.04);
    -moz-transform: translate(-2px, 1px) rotate(0deg)  scale(1.04);
    -o-transform: translate(-2px, 1px) rotate(0deg)  scale(1.04);
    transform: translate(-2px, 1px) rotate(0deg)  scale(1.04); }
  70% {
    -webkit-transform: translate(2px, 1px) rotate(-1deg)  scale(1.04);
    -ms-transform: translate(2px, 1px) rotate(-1deg)  scale(1.04);
    -moz-transform: translate(2px, 1px) rotate(-1deg)  scale(1.04);
    -o-transform: translate(2px, 1px) rotate(-1deg)  scale(1.04);
    transform: translate(2px, 1px) rotate(-1deg)  scale(1.04); }
  80% {
    -webkit-transform: translate(-1px, -1px) rotate(1deg)  scale(1.04);
    -ms-transform: translate(-1px, -1px) rotate(1deg)  scale(1.04);
    -moz-transform: translate(-1px, -1px) rotate(1deg)  scale(1.04);
    -o-transform: translate(-1px, -1px) rotate(1deg)  scale(1.04);
    transform: translate(-1px, -1px) rotate(1deg)  scale(1.04); }
  90% {
    -webkit-transform: translate(2px, 2px) rotate(0deg) scale(1.04);
    -ms-transform: translate(2px, 2px) rotate(0deg) scale(1.04);
    -moz-transform: translate(2px, 2px) rotate(0deg) scale(1.04);
    -o-transform: translate(2px, 2px) rotate(0deg) scale(1.04);
    transform: translate(2px, 2px) rotate(0deg) scale(1.04); }
  100% {
    -webkit-transform: translate(1px, -2px) rotate(-1deg) scale(1.04);
    -ms-transform: translate(1px, -2px) rotate(-1deg) scale(1.04);
    -moz-transform: translate(1px, -2px) rotate(-1deg) scale(1.04);
    -o-transform: translate(1px, -2px) rotate(-1deg) scale(1.04);
    transform: translate(1px, -2px) rotate(-1deg) scale(1.04); } }

@keyframes pulsate {
  0% {
    opacity: 1; }
  50% {
    opacity: .5; }
  95% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@keyframes pulsate-v2 {
  0% {
    opacity: 1;
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    -moz-transform: scale(.6);
    -o-transform: scale(.6);
    transform: scale(.6); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4); } }

@keyframes progressToZero {
  0% {
    width: 100%; }
  100% {
    width: 0; } }
  .page-yandelwall body, .page-yandelwall html {
    margin: 0;
    -webkit-font-smoothing: antialiased;
    background: #fff;
    text-align: center;
    -webkit-transition: opacity 400ms;
    -ms-transition: opacity 400ms;
    -moz-transition: opacity 400ms;
    -o-transition: opacity 400ms;
    transition: opacity 400ms; }
  .page-yandelwall body .header {
    color: #000; }
  .page-yandelwall html {
    min-height: 100%; }
  .page-yandelwall body {
    padding: 0;
    position: relative;
    margin: 0;
    min-height: 100%; }
  .page-yandelwall .main {
    text-align: center;
    margin: 25px auto;
    max-width: 980px; }
  .page-yandelwall body {
    width: 100%;
    min-height: 100%;
    position: absolute; }
  .page-yandelwall .bg {
    position: absolute;
    background: #000;
    height: 100%;
    width: 100%;
    z-index: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
    -ms-tap-highlight-color: rgba(0,0,0,0) !important;
    -moz-tap-highlight-color: rgba(0,0,0,0) !important;
    -o-tap-highlight-color: rgba(0,0,0,0) !important;
    tap-highlight-color: rgba(0,0,0,0) !important; }
  .page-yandelwall .ibg-bg {
    position: fixed !important;
    z-index: -1;
    opacity: 1;
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
    -ms-tap-highlight-color: rgba(0,0,0,0) !important;
    -moz-tap-highlight-color: rgba(0,0,0,0) !important;
    -o-tap-highlight-color: rgba(0,0,0,0) !important;
    tap-highlight-color: rgba(0,0,0,0) !important;
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden; }
  .page-yandelwall.yandel-faded .ibg-bg {
    opacity: .15; }
  .page-yandelwall .ibg-bg.ibg-bg-s1 {
    background-image: url("http://assets.tidal.com/images/campaigns/yandel-dangerous/texture-bg-mobile.jpg") !important; }
  .page-yandelwall .ibg-bg.ibg-bg-s2 {
    background-image: url("http://assets.tidal.com/images/campaigns/yandel-dangerous/texture-bg-mobile-2.jpg") !important; }
  .page-yandelwall .ibg-bg.ibg-bg-s3 {
    background-image: url("http://assets.tidal.com/images/campaigns/yandel-dangerous/texture-bg-mobile-3.jpg") !important; }
  .page-yandelwall .ibg-bg.ibg-bg-s4 {
    background-image: url("http://assets.tidal.com/images/campaigns/yandel-dangerous/texture-bg-mobile-4.jpg") !important; }
  .page-yandelwall .ibg-bg.ibg-bg-s5 {
    background-image: url("http://assets.tidal.com/images/campaigns/yandel-dangerous/texture-bg-mobile-5.jpg") !important; }
  .page-yandelwall .ibg-bg.ibg-bg-s6 {
    background-image: url("http://assets.tidal.com/images/campaigns/yandel-dangerous/texture-bg-mobile-6.jpg") !important; }
  .page-yandelwall .ibg-bg.ibg-bg-s7 {
    background-image: url("http://assets.tidal.com/images/campaigns/yandel-dangerous/texture-bg-mobile-6.jpg") !important; }
  .page-yandelwall .ibg-bg.active {
    z-index: 0; }
  .page-yandelwall .shake {
    -webkit-animation-name: spaceboots;
    -ms-animation-name: spaceboots;
    -moz-animation-name: spaceboots;
    -o-animation-name: spaceboots;
    animation-name: spaceboots;
    -webkit-animation-duration: 300ms;
    -ms-animation-duration: 300ms;
    -moz-animation-duration: 300ms;
    -o-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear; }
  .page-yandelwall .dangerous-logo {
    position: relative;
    width: 300px;
    margin-top: 100px; }
  .page-yandelwall .dangerous-ctas {
    position: absolute;
    bottom: 120px;
    left: 50%;
    margin-left: -134px; }
  .page-yandelwall .escape-room {
    position: relative;
    font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
    font-size: 11px;
    letter-spacing: 1px;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none; }
  .page-yandelwall .gameInstructions-screen {
    position: relative;
    width: 90%;
    margin: 0 auto;
    max-width: 320px; }
  .page-yandelwall .circles {
    opacity: .4;
    margin: 100px auto 40px auto;
    width: 200px;
    height: 200px; }
  .page-yandelwall .inner-circle {
    position: relative;
    top: 90px;
    display: block;
    margin: 0 auto;
    width: 25%;
    height: 25%;
    border: 9px solid #fff;
    border-radius: 50%;
    -webkit-animation: pulsate 1.3s infinite;
    -ms-animation: pulsate 1.3s infinite;
    -moz-animation: pulsate 1.3s infinite;
    -o-animation: pulsate 1.3s infinite;
    animation: pulsate 1.3s infinite; }
  .page-yandelwall .outer-circle {
    display: block;
    margin: 0 auto;
    width: 47%;
    height: 47%;
    border: 9px solid #fff;
    border-radius: 50%;
    -webkit-animation: pulsate-v2 1.2s infinite;
    -ms-animation: pulsate-v2 1.2s infinite;
    -moz-animation: pulsate-v2 1.2s infinite;
    -o-animation: pulsate-v2 1.2s infinite;
    animation: pulsate-v2 1.2s infinite; }
  .page-yandelwall .loading-circles {
    position: relative;
    opacity: 1; }
  .page-yandelwall .loading-circles .inner-circle {
    -webkit-animation: none;
    -ms-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
    position: absolute;
    top: 0;
    left: 50%;
    opacity: .3;
    margin-left: -12.5%;
    width: 25%;
    height: 25%;
    border: 5px solid #fff;
    border-radius: 50%; }
  .page-yandelwall .loading-circles .outer-circle {
    -webkit-animation: none;
    -ms-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -12.5%;
    width: 25%;
    height: 25%;
    border: 5px solid #fff;
    border-radius: 50%;
    clip: rect(0px, 0px, 0px, 0px); }
  .page-yandelwall h2 {
    opacity: .7;
    font-family: "nationale-italic", sans-serif;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.6;
    letter-spacing: 2px;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none; }
  .page-yandelwall .game-progress {
    opacity: .6;
    position: relative;
    overflow: hidden;
    width: 95%;
    margin: 10px auto 0 auto;
    height: auto;
    max-width: 500px; }
  .page-yandelwall .game-progress-bar {
    position: relative;
    float: left;
    width: 90%;
    height: 7px;
    border: 1px solid #fff;
    margin-top: 6px; }
  .page-yandelwall .progress-bar-fill {
    width: 100%;
    background-color: #fff;
    height: 100%;
    position: absolute;
    left: 0;
    -webkit-transition: background 700ms ease-in;
    -ms-transition: background 700ms ease-in;
    -moz-transition: background 700ms ease-in;
    -o-transition: background 700ms ease-in;
    transition: background 700ms ease-in; }
  .page-yandelwall .progress-bar-fill.playing {
    -webkit-animation: progressToZero 10s linear 1 forwards;
    -ms-animation: progressToZero 10s linear 1 forwards;
    -moz-animation: progressToZero 10s linear 1 forwards;
    -o-animation: progressToZero 10s linear 1 forwards;
    animation: progressToZero 10s linear 1 forwards; }
  .page-yandelwall .progress-bar-fill.paused {
    -webkit-animation-play-state: paused;
    -ms-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused; }
  .page-yandelwall .progress-bar-fill.near-end {
    background-color: #ff0000;
    -webkit-animation: progressToZero 10s linear 1 forwards, transToRed 900ms ease-in infinite;
    -ms-animation: progressToZero 10s linear 1 forwards, transToRed 900ms ease-in infinite;
    -moz-animation: progressToZero 10s linear 1 forwards, transToRed 900ms ease-in infinite;
    -o-animation: progressToZero 10s linear 1 forwards, transToRed 900ms ease-in infinite;
    animation: progressToZero 10s linear 1 forwards, transToRed 900ms ease-in infinite; }
  .page-yandelwall .clock-icon {
    float: left;
    width: 6%;
    margin: 0 0.5% 0 2%;
    max-width: 22px; }
  .page-yandelwall .btn-cta {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-family: "nationale-demibold", sans-serif;
    padding: 17px 25px 17px 25px;
    letter-spacing: 3px;
    width: 270px;
    background: rgba(255, 255, 255, 0) none no-repeat center;
    box-sizing: border-box;
    border: 1px solid #fafafa;
    border-radius: 5px;
    outline: none;
    color: #fafafa;
    margin: 40px auto;
    text-transform: uppercase; }
    .page-yandelwall .btn-cta.btn-trynow {
      color: #1a1a1a;
      background: #fafafa; }
    .page-yandelwall .btn-cta.disabled-btn {
      cursor: default;
      pointer-events: none;
      opacity: .41; }
  .page-yandelwall .btn-cta.btn-hide {
    display: none; }
  .page-yandelwall .btn-cta:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.1); }
  .page-yandelwall .gameOver-screen {
    margin-top: 0;
    position: relative; }
  .page-yandelwall .gameOver-screen .dangerous-logo {
    margin-top: 0; }
  .page-yandelwall .gameOver-screen h2 {
    font-size: 22px;
    max-width: 320px;
    margin: 60px auto 0 auto; }
  .page-yandelwall .gameInstructions-screen h2 {
    max-width: 320px;
    font-size: 18px;
    margin: 0 auto; }
  .page-yandelwall .choose-language h2 {
    font-family: "nationale-demibold", sans-serif;
    letter-spacing: 3px;
    font-size: 15px;
    margin-top: 80px; }
    .page-yandelwall .choose-language h2 a {
      text-decoration: underline;
      cursor: pointer; }
  .page-yandelwall .progress-button {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 45%;
    min-width: 250px;
    margin: 100px auto; }
  .page-yandelwall .progress-button svg {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) scale(.65);
    -ms-transform: translateX(-50%) scale(.65);
    -moz-transform: translateX(-50%) scale(.65);
    -o-transform: translateX(-50%) scale(.65);
    transform: translateX(-50%) scale(.65);
    pointer-events: none; }
  .page-yandelwall .progress-button svg path {
    opacity: 0;
    fill: none; }
  .page-yandelwall .progress-button svg.progress-circle path {
    stroke: #1ECD97;
    stroke-width: 5; }
  .page-yandelwall .progress-button svg.checkmark path,
  .page-yandelwall .progress-button svg.cross path {
    stroke: #fff;
    stroke-linecap: round;
    stroke-width: 4;
    -webkit-transition: opacity 0.1s;
    -ms-transition: opacity 0.1s;
    -moz-transition: opacity 0.1s;
    -o-transition: opacity 0.1s;
    transition: opacity 0.1s; }

@keyframes strokeDash {
  0% {
    stroke-dashoffset: 0; }
  50% {
    stroke-dashoffset: -204; }
  100% {
    stroke-dashoffset: -404; } }
  .page-yandelwall .loading.progress-button svg.progress-circle path,
  .page-yandelwall .success.progress-button svg.checkmark path,
  .page-yandelwall .error.progress-button svg.cross path {
    opacity: 1;
    stroke-dasharray: 204;
    stroke-dashoffset: 0;
    -webkit-animation: strokeDash 1500ms linear infinite;
    -ms-animation: strokeDash 1500ms linear infinite;
    -moz-animation: strokeDash 1500ms linear infinite;
    -o-animation: strokeDash 1500ms linear infinite;
    animation: strokeDash 1500ms linear infinite; }
  .page-yandelwall .gameQuestion-screen {
    margin-top: 70px; }
    .page-yandelwall .gameQuestion-screen h2 {
      font-size: 13px;
      width: 92%; }
    .page-yandelwall .gameQuestion-screen .btn-cta {
      margin-top: 10px; }
  .page-yandelwall .wrapper-cta {
    max-width: 420px;
    margin: 40px auto 20px auto; }
    .page-yandelwall .wrapper-cta a {
      display: inline-block;
      text-decoration: none;
      margin: 0; }
    .page-yandelwall .wrapper-cta .btn-cta {
      margin: 10px auto; }
  .page-yandelwall .section {
    text-align: center;
    height: 100%;
    margin-top: 40px; }
  .page-yandelwall .section__title {
    font-size: 1.1em;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: #fff;
    margin-bottom: 3em; }
  .page-yandelwall .toggle-button {
    position: relative;
    display: block;
    color: #fff;
    width: 230px;
    overflow: hidden;
    margin: 35px auto 20px auto; }
  .page-yandelwall .toggle-button label {
    cursor: pointer;
    text-align: left;
    float: right;
    clear: right;
    width: 190px; }
    .page-yandelwall .toggle-button label p {
      font-size: 12px;
      font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
      letter-spacing: 2px;
      display: inline-block;
      text-transform: uppercase;
      margin: 0; }
  .page-yandelwall .competition-cta .btn-cta-form {
    margin-bottom: 20px; }
  .page-yandelwall .competition-rules {
    font-size: 11px;
    text-decoration: none;
    color: #b7b7b7;
    margin-bottom: 50px;
    display: inline-block;
    letter-spacing: 1px;
    text-transform: uppercase; }
  .page-yandelwall .toggle-button input {
    position: absolute;
    left: -102px;
    padding: 50px;
    display: block;
    opacity: 0;
    top: 6px; }
  .page-yandelwall .toggle-button__icon {
    cursor: pointer;
    float: left;
    pointer-events: none; }
  .page-yandelwall .toggle-button__icon:before, .page-yandelwall .toggle-button__icon:after {
    content: "";
    position: absolute;
    transition: 0.2s ease-out; }

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

@keyframes zoomFadeIn {
  0% {
    opacity: 0;
    transform: scale(3); }
  90% {
    opacity: 1;
    transform: scale(1); }
  100% {
    transform: scale(1); } }

@keyframes hover {
  0% {
    transform: scale(1); }
  30% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }

@keyframes wave {
  0% {
    opacity: 1;
    transform: scale(1); }
  40% {
    opacity: 0.2; }
  100% {
    opacity: 0;
    transform: scale(1.5); } }
  .page-yandelwall .toggle-button label {
    line-height: 25px; }
  .page-yandelwall .toggle-button input[type=radio]:checked ~ .toggle-button__icon {
    background: rgba(0, 0, 0, 0.66); }
  .page-yandelwall .toggle-button input[type=radio]:checked ~ .toggle-button__icon:before, .page-yandelwall .toggle-button input[type=radio]:checked ~ .toggle-button__icon:after {
    opacity: 1; }
  .page-yandelwall .toggle-button .toggle-button__icon {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    transition: all 0.2s;
    margin-right: 10px;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }
  .page-yandelwall .toggle-button .toggle-button__icon:before, .page-yandelwall .toggle-button .toggle-button__icon:after {
    top: 4px;
    left: 3px;
    width: 12px;
    height: 2px;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    top: 38%;
    background: #00ffff;
    opacity: 0;
    transform-origin: left center; }
  .page-yandelwall .toggle-button .toggle-button__icon:before {
    transform: translate(0, 0) rotate(45deg) scale(0.6, 1); }
  .page-yandelwall .toggle-button .toggle-button__icon:after {
    transform: translate(4px, 6px) rotate(-45deg); }
  .page-yandelwall .toggle-button:hover input[type=radio]:not(:checked) ~ .toggle-button__icon {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }

@keyframes flyInRight {
  0% {
    transform: translate(200%); }
  50% {
    transform: translate(200%); }
  70% {
    transform: translate(-50%); }
  100% {
    transform: translate(0); } }

@keyframes flyOutLeft {
  0% {
    transform: translate(0); }
  70% {
    transform: translate(0); }
  100% {
    transform: translate(-200%); } }

@keyframes wiggle {
  0% {
    transform: translate(0); }
  80% {
    transform: translate(5px); }
  100% {
    transform: translate(0); } }

@keyframes hover {
  0% {
    transform: scale(1); }
  30% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }

@keyframes transToRed {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.6; }
  100% {
    opacity: 1; } }
  .page-yandelwall .group {
    position: relative;
    margin: 40px auto 10px auto;
    text-align: center;
    width: 270px;
    /* LABEL ======================================= */
    /* active state */ }
    .page-yandelwall .group input {
      font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
      background: none;
      font-size: 16px;
      letter-spacing: 1px;
      padding: 10px 10px 10px 5px;
      margin: 0 auto;
      display: block;
      width: 100%;
      border: none;
      border-bottom: 1px solid #757575; }
      .page-yandelwall .group input:focus {
        outline: none; }
    .page-yandelwall .group label {
      color: #999;
      font-size: 16px;
      letter-spacing: 1px;
      font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
      position: absolute;
      pointer-events: none;
      left: 5px;
      top: 10px;
      -webkit-transition: 200ms ease all;
      -ms-transition: 200ms ease all;
      -moz-transition: 200ms ease all;
      -o-transition: 200ms ease all;
      transition: 200ms ease all; }
    .page-yandelwall .group input:focus ~ label, .page-yandelwall .group input:valid ~ label {
      top: -20px;
      font-size: 14px;
      color: #d2d2d2; }
    .page-yandelwall .group .bar {
      position: relative;
      display: block;
      width: 100%; }
    .page-yandelwall .group .bar:before, .page-yandelwall .group .bar:after {
      content: '';
      height: 2px;
      width: 0;
      bottom: 1px;
      position: absolute;
      background: #00ffff;
      transition: 0.2s ease all;
      -moz-transition: 0.2s ease all;
      -webkit-transition: 0.2s ease all; }
    .page-yandelwall .group .bar:before {
      left: 50%; }
    .page-yandelwall .group .bar:after {
      right: 50%; }
    .page-yandelwall .group input:focus ~ .bar:before, .page-yandelwall .group input:focus ~ .bar:after {
      width: 50%; }
    .page-yandelwall .group .highlight {
      position: absolute;
      height: 60%;
      width: 100px;
      top: 25%;
      left: 0;
      pointer-events: none;
      opacity: 0.5; }
    .page-yandelwall .group input:focus ~ .highlight {
      -webkit-animation: inputHighlighter 0.3s ease;
      -moz-animation: inputHighlighter 0.3s ease;
      animation: inputHighlighter 0.3s ease; }

@-webkit-keyframes inputHighlighter {
  from {
    background: #00ffff; }
  to {
    width: 0;
    background: transparent; } }

@-moz-keyframes inputHighlighter {
  from {
    background: #00ffff; }
  to {
    width: 0;
    background: transparent; } }

@keyframes inputHighlighter {
  from {
    background: #00ffff; }
  to {
    width: 0;
    background: transparent; } }
  @media (max-width: 767px) {
    .page-yandelwall .btn-cta {
      padding: 17px 12px 17px 12px;
      font-size: 10px; }
    .page-yandelwall .gameOver-screen h2 {
      font-size: 16px;
      margin: 60px auto 20px auto; }
    .page-yandelwall .gameQuestion-screen {
      margin-top: 45px; }
      .page-yandelwall .gameQuestion-screen h2 {
        margin-top: 0;
        font-size: 14px; }
      .page-yandelwall .gameQuestion-screen .competition-cta .btn-cta {
        margin-top: 0; }
    .page-yandelwall .group {
      margin-top: 20px; }
      .page-yandelwall .group input {
        font-size: 12px; }
      .page-yandelwall .group label {
        font-size: 12px; }
      .page-yandelwall .group input:focus ~ label, .page-yandelwall .group input:valid ~ label {
        font-size: 10px;
        top: -10px; } }
  @media (min-width: 768px) {
    .page-yandelwall .ibg-bg.ibg-bg-s1 {
      background-image: url("http://assets.tidal.com/images/campaigns/yandel-dangerous/texture-bg-big-1.jpg") !important; }
    .page-yandelwall .ibg-bg.ibg-bg-s2 {
      background-image: url("http://assets.tidal.com/images/campaigns/yandel-dangerous/texture-bg-big-2.jpg") !important; }
    .page-yandelwall .ibg-bg.ibg-bg-s3 {
      background-image: url("http://assets.tidal.com/images/campaigns/yandel-dangerous/texture-bg-big-3.jpg") !important; }
    .page-yandelwall .ibg-bg.ibg-bg-s4 {
      background-image: url("http://assets.tidal.com/images/campaigns/yandel-dangerous/texture-bg-big-4.jpg") !important; }
    .page-yandelwall .ibg-bg.ibg-bg-s5 {
      background-image: url("http://assets.tidal.com/images/campaigns/yandel-dangerous/texture-bg-big-5.jpg") !important; }
    .page-yandelwall .ibg-bg.ibg-bg-s6 {
      background-image: url("http://assets.tidal.com/images/campaigns/yandel-dangerous/texture-bg-big-6.jpg") !important; }
    .page-yandelwall .ibg-bg.ibg-bg-s7 {
      background-image: url("http://assets.tidal.com/images/campaigns/yandel-dangerous/texture-bg-big-7.jpg") !important; }
    .page-yandelwall .game-progress {
      margin-top: 20px; }
    .page-yandelwall .dangerous-logo {
      width: 350px; }
    .page-yandelwall .gameOver-screen .dangerous-logo {
      margin-top: 40px; }
    .page-yandelwall .escape-room {
      opacity: .84;
      font-size: 13px;
      letter-spacing: 1px;
      margin-top: -2px; }
    .page-yandelwall .shake {
      -webkit-animation-name: spaceboots-slow;
      -ms-animation-name: spaceboots-slow;
      -moz-animation-name: spaceboots-slow;
      -o-animation-name: spaceboots-slow;
      animation-name: spaceboots-slow;
      -webkit-animation-duration: 320ms;
      -ms-animation-duration: 320ms;
      -moz-animation-duration: 320ms;
      -o-animation-duration: 320ms;
      animation-duration: 320ms;
      -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
      -moz-transform-origin: 50% 50%;
      -o-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      -webkit-animation-iteration-count: 1;
      -ms-animation-iteration-count: 1;
      -moz-animation-iteration-count: 1;
      -o-animation-iteration-count: 1;
      animation-iteration-count: 1;
      -webkit-animation-timing-function: linear;
      -ms-animation-timing-function: linear;
      -moz-animation-timing-function: linear;
      -o-animation-timing-function: linear;
      animation-timing-function: linear; }
    .page-yandelwall .circles {
      margin-top: 150px; }
    .page-yandelwall .gameQuestion-screen h2 {
      font-size: 17px;
      max-width: 500px;
      margin-top: 100px; }
      .page-yandelwall .gameQuestion-screen h2 span {
        max-width: 370px;
        display: inline-block; }
    .page-yandelwall .wrapper-cta {
      margin-top: 80px; } }
  @media only screen and (min-device-width: 320px) and (max-device-width: 667px) and (orientation: landscape) {
    .page-yandelwall .dangerous-logo {
      max-width: 250px;
      margin-top: 10px; }
    .page-yandelwall .gameOver-screen {
      margin-top: 50px; }
      .page-yandelwall .gameOver-screen .main {
        display: none; }
    .page-yandelwall .gameQuestion-screen {
      padding-bottom: 40px; }
    .page-yandelwall .dangerous-ctas {
      bottom: 20px; }
    .page-yandelwall h2 {
      font-size: 16px; }
    .page-yandelwall .circles {
      margin-top: 10px;
      margin-bottom: 0; }
    .page-yandelwall .choose-language h2 {
      margin-top: 70px;
      font-size: 16px; }
    .page-yandelwall .choose-language a {
      font-size: 16px; } }

.page-giftcards .wrapper-giftcards {
  background-image: url(/images/giftcards-bg.cca0ca6d.jpg);
  background-size: cover;
  padding: 60px 20px;
  margin-top: 40px; }
  @media (min-width: 768px) {
    .page-giftcards .wrapper-giftcards {
      margin-top: 60px; } }

.page-giftcards .giftcard-logo {
  display: block;
  width: 100%;
  max-width: 600px;
  margin: auto; }

.page-giftcards h1, .page-giftcards h2 {
  text-transform: uppercase;
  font: 14px/1.2 "nationale-bold", sans-serif;
  letter-spacing: 2px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  text-align: center; }
  @media (min-width: 768px) {
    .page-giftcards h1, .page-giftcards h2 {
      font-size: 32px; } }

.page-giftcards .wrapper-form {
  max-width: 400px;
  margin: 20px auto; }
  .page-giftcards .wrapper-form input {
    box-sizing: border-box;
    float: left;
    width: 70%;
    margin: 0;
    padding: 15px;
    border-radius: 3px 0 0 3px;
    border: 1px solid #585b5f;
    font: 14px/1 "nationale", "nationale-regular", "Helvetica", sans-serif;
    color: #fff; }
    .page-giftcards .wrapper-form input + input {
      width: 30%;
      border-radius: 0 3px 3px 0;
      border-left: none;
      text-transform: uppercase;
      letter-spacing: 2px; }
    .page-giftcards .wrapper-form input:hover,
    .page-giftcards .wrapper-form input:hover + input {
      box-shadow: 0 0 3px rgba(0, 255, 255, 0.3); }
    .page-giftcards .wrapper-form input + input:active {
      letter-spacing: 1px;
      color: #bbb; }

@keyframes snowflakes-movement-mobile {
  0% {
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0); }
  100% {
    -webkit-transform: translate3d(0,600px,0);
    -ms-transform: translate3d(0,600px,0);
    -moz-transform: translate3d(0,600px,0);
    -o-transform: translate3d(0,600px,0);
    transform: translate3d(0,600px,0); } }

@keyframes snowflakes-movement {
  0% {
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0); }
  100% {
    -webkit-transform: translate3d(0,800px,0);
    -ms-transform: translate3d(0,800px,0);
    -moz-transform: translate3d(0,800px,0);
    -o-transform: translate3d(0,800px,0);
    transform: translate3d(0,800px,0); } }

@keyframes snowflakes-submove {
  0% {
    transform: rotate(6deg); }
  50% {
    transform: rotate(-3deg); }
  100% {
    transform: rotate(6deg); } }

.page-xmastest .content {
  overflow: hidden; }

.page-xmastest footer {
  position: relative;
  z-index: 2; }

.page-xmastest .holiday-content {
  position: absolute;
  width: 100%;
  top: 160px;
  text-align: center;
  left: 50%;
  z-index: 2;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%); }
  @media (min-width: 768px) {
    .page-xmastest .holiday-content {
      top: 225px; } }
  .page-xmastest .holiday-content h2 {
    font-family: "nationale-demibold", sans-serif;
    line-height: 1.3;
    letter-spacing: 3px;
    font-size: 24px; }
    @media (min-width: 768px) {
      .page-xmastest .holiday-content h2 {
        font-size: 57px;
        letter-spacing: 4px;
        line-height: 1.25;
        margin-top: 25px; } }
  .page-xmastest .holiday-content p {
    letter-spacing: 2px;
    font-size: 16px; }
    @media (min-width: 768px) {
      .page-xmastest .holiday-content p {
        font-size: 23px;
        margin-top: 50px; } }
  .page-xmastest .holiday-content .btn-new {
    display: block;
    font-size: 12px;
    letter-spacing: 3px;
    box-sizing: border-box;
    width: 100%;
    max-width: 270px;
    margin: 40px auto;
    background: #fff;
    color: #000;
    opacity: 1;
    border: none;
    font-family: "nationale-demibold", sans-serif;
    border-radius: 3px; }
    @media (min-width: 768px) {
      .page-xmastest .holiday-content .btn-new {
        margin-top: 60px;
        padding: 16px 0 15px 0; } }
    .page-xmastest .holiday-content .btn-new:hover {
      opacity: 1;
      background: #ececec; }
  .page-xmastest .holiday-content .gift {
    width: 17%;
    max-width: 90px;
    margin-bottom: 20px; }
    @media (min-width: 768px) {
      .page-xmastest .holiday-content .gift {
        margin-bottom: 0; } }

.page-xmastest .snow-flakes {
  background: url("/images/campaigns/holidays/holidays-bg.3b68c1ed.jpg") no-repeat 0;
  background-size: cover;
  height: 500px;
  overflow: hidden; }
  @media (max-width: 767px) {
    .page-xmastest .snow-flakes div:nth-child(odd) {
      display: none; } }
  @media (min-width: 768px) {
    .page-xmastest .snow-flakes {
      height: 700px; } }
  .page-xmastest .snow-flakes div {
    position: relative;
    will-change: transform;
    -webkit-animation: snowflakes-submove 3s ease-in-out forwards infinite;
    -ms-animation: snowflakes-submove 3s ease-in-out forwards infinite;
    -moz-animation: snowflakes-submove 3s ease-in-out forwards infinite;
    -o-animation: snowflakes-submove 3s ease-in-out forwards infinite;
    animation: snowflakes-submove 3s ease-in-out forwards infinite; }
    .page-xmastest .snow-flakes div.opacity {
      opacity: .6; }
  .page-xmastest .snow-flakes div:nth-child(1) {
    -webkit-animation-duration: 6342ms;
    -ms-animation-duration: 6342ms;
    -moz-animation-duration: 6342ms;
    -o-animation-duration: 6342ms;
    animation-duration: 6342ms; }
    .page-xmastest .snow-flakes div:nth-child(1) img {
      -webkit-width: 22px;
      -ms-width: 22px;
      -moz-width: 22px;
      -o-width: 22px;
      width: 22px;
      -webkit-animation-delay: 579ms;
      -ms-animation-delay: 579ms;
      -moz-animation-delay: 579ms;
      -o-animation-delay: 579ms;
      animation-delay: 579ms;
      -webkit-animation-duration: 8235ms;
      -ms-animation-duration: 8235ms;
      -moz-animation-duration: 8235ms;
      -o-animation-duration: 8235ms;
      animation-duration: 8235ms;
      -webkit-left: 36%;
      -ms-left: 36%;
      -moz-left: 36%;
      -o-left: 36%;
      left: 36%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(1) img {
        -webkit-width: 45px;
        -ms-width: 45px;
        -moz-width: 45px;
        -o-width: 45px;
        width: 45px;
        -webkit-left: 54%;
        -ms-left: 54%;
        -moz-left: 54%;
        -o-left: 54%;
        left: 54%; } }
  .page-xmastest .snow-flakes div:nth-child(2) {
    -webkit-animation-duration: 7299ms;
    -ms-animation-duration: 7299ms;
    -moz-animation-duration: 7299ms;
    -o-animation-duration: 7299ms;
    animation-duration: 7299ms; }
    .page-xmastest .snow-flakes div:nth-child(2) img {
      -webkit-width: 49px;
      -ms-width: 49px;
      -moz-width: 49px;
      -o-width: 49px;
      width: 49px;
      -webkit-animation-delay: 1255ms;
      -ms-animation-delay: 1255ms;
      -moz-animation-delay: 1255ms;
      -o-animation-delay: 1255ms;
      animation-delay: 1255ms;
      -webkit-animation-duration: 5045ms;
      -ms-animation-duration: 5045ms;
      -moz-animation-duration: 5045ms;
      -o-animation-duration: 5045ms;
      animation-duration: 5045ms;
      -webkit-left: 60%;
      -ms-left: 60%;
      -moz-left: 60%;
      -o-left: 60%;
      left: 60%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(2) img {
        -webkit-width: 66px;
        -ms-width: 66px;
        -moz-width: 66px;
        -o-width: 66px;
        width: 66px;
        -webkit-left: 22%;
        -ms-left: 22%;
        -moz-left: 22%;
        -o-left: 22%;
        left: 22%; } }
  .page-xmastest .snow-flakes div:nth-child(3) {
    -webkit-animation-duration: 6429ms;
    -ms-animation-duration: 6429ms;
    -moz-animation-duration: 6429ms;
    -o-animation-duration: 6429ms;
    animation-duration: 6429ms; }
    .page-xmastest .snow-flakes div:nth-child(3) img {
      -webkit-width: 46px;
      -ms-width: 46px;
      -moz-width: 46px;
      -o-width: 46px;
      width: 46px;
      -webkit-animation-delay: 333ms;
      -ms-animation-delay: 333ms;
      -moz-animation-delay: 333ms;
      -o-animation-delay: 333ms;
      animation-delay: 333ms;
      -webkit-animation-duration: 8720ms;
      -ms-animation-duration: 8720ms;
      -moz-animation-duration: 8720ms;
      -o-animation-duration: 8720ms;
      animation-duration: 8720ms;
      -webkit-left: 78%;
      -ms-left: 78%;
      -moz-left: 78%;
      -o-left: 78%;
      left: 78%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(3) img {
        -webkit-width: 50px;
        -ms-width: 50px;
        -moz-width: 50px;
        -o-width: 50px;
        width: 50px;
        -webkit-left: 96%;
        -ms-left: 96%;
        -moz-left: 96%;
        -o-left: 96%;
        left: 96%; } }
  .page-xmastest .snow-flakes div:nth-child(4) {
    -webkit-animation-duration: 4561ms;
    -ms-animation-duration: 4561ms;
    -moz-animation-duration: 4561ms;
    -o-animation-duration: 4561ms;
    animation-duration: 4561ms; }
    .page-xmastest .snow-flakes div:nth-child(4) img {
      -webkit-width: 59px;
      -ms-width: 59px;
      -moz-width: 59px;
      -o-width: 59px;
      width: 59px;
      -webkit-animation-delay: 2034ms;
      -ms-animation-delay: 2034ms;
      -moz-animation-delay: 2034ms;
      -o-animation-delay: 2034ms;
      animation-delay: 2034ms;
      -webkit-animation-duration: 6465ms;
      -ms-animation-duration: 6465ms;
      -moz-animation-duration: 6465ms;
      -o-animation-duration: 6465ms;
      animation-duration: 6465ms;
      -webkit-left: 42%;
      -ms-left: 42%;
      -moz-left: 42%;
      -o-left: 42%;
      left: 42%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(4) img {
        -webkit-width: 31px;
        -ms-width: 31px;
        -moz-width: 31px;
        -o-width: 31px;
        width: 31px;
        -webkit-left: 65%;
        -ms-left: 65%;
        -moz-left: 65%;
        -o-left: 65%;
        left: 65%; } }
  .page-xmastest .snow-flakes div:nth-child(5) {
    -webkit-animation-duration: 6623ms;
    -ms-animation-duration: 6623ms;
    -moz-animation-duration: 6623ms;
    -o-animation-duration: 6623ms;
    animation-duration: 6623ms; }
    .page-xmastest .snow-flakes div:nth-child(5) img {
      -webkit-width: 24px;
      -ms-width: 24px;
      -moz-width: 24px;
      -o-width: 24px;
      width: 24px;
      -webkit-animation-delay: 478ms;
      -ms-animation-delay: 478ms;
      -moz-animation-delay: 478ms;
      -o-animation-delay: 478ms;
      animation-delay: 478ms;
      -webkit-animation-duration: 8200ms;
      -ms-animation-duration: 8200ms;
      -moz-animation-duration: 8200ms;
      -o-animation-duration: 8200ms;
      animation-duration: 8200ms;
      -webkit-left: 34%;
      -ms-left: 34%;
      -moz-left: 34%;
      -o-left: 34%;
      left: 34%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(5) img {
        -webkit-width: 33px;
        -ms-width: 33px;
        -moz-width: 33px;
        -o-width: 33px;
        width: 33px;
        -webkit-left: 105%;
        -ms-left: 105%;
        -moz-left: 105%;
        -o-left: 105%;
        left: 105%; } }
  .page-xmastest .snow-flakes div:nth-child(6) {
    -webkit-animation-duration: 4541ms;
    -ms-animation-duration: 4541ms;
    -moz-animation-duration: 4541ms;
    -o-animation-duration: 4541ms;
    animation-duration: 4541ms; }
    .page-xmastest .snow-flakes div:nth-child(6) img {
      -webkit-width: 59px;
      -ms-width: 59px;
      -moz-width: 59px;
      -o-width: 59px;
      width: 59px;
      -webkit-animation-delay: 146ms;
      -ms-animation-delay: 146ms;
      -moz-animation-delay: 146ms;
      -o-animation-delay: 146ms;
      animation-delay: 146ms;
      -webkit-animation-duration: 4690ms;
      -ms-animation-duration: 4690ms;
      -moz-animation-duration: 4690ms;
      -o-animation-duration: 4690ms;
      animation-duration: 4690ms;
      -webkit-left: 18%;
      -ms-left: 18%;
      -moz-left: 18%;
      -o-left: 18%;
      left: 18%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(6) img {
        -webkit-width: 80px;
        -ms-width: 80px;
        -moz-width: 80px;
        -o-width: 80px;
        width: 80px;
        -webkit-left: 118%;
        -ms-left: 118%;
        -moz-left: 118%;
        -o-left: 118%;
        left: 118%; } }
  .page-xmastest .snow-flakes div:nth-child(7) {
    -webkit-animation-duration: 4157ms;
    -ms-animation-duration: 4157ms;
    -moz-animation-duration: 4157ms;
    -o-animation-duration: 4157ms;
    animation-duration: 4157ms; }
    .page-xmastest .snow-flakes div:nth-child(7) img {
      -webkit-width: 59px;
      -ms-width: 59px;
      -moz-width: 59px;
      -o-width: 59px;
      width: 59px;
      -webkit-animation-delay: 1889ms;
      -ms-animation-delay: 1889ms;
      -moz-animation-delay: 1889ms;
      -o-animation-delay: 1889ms;
      animation-delay: 1889ms;
      -webkit-animation-duration: 4852ms;
      -ms-animation-duration: 4852ms;
      -moz-animation-duration: 4852ms;
      -o-animation-duration: 4852ms;
      animation-duration: 4852ms;
      -webkit-left: 46%;
      -ms-left: 46%;
      -moz-left: 46%;
      -o-left: 46%;
      left: 46%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(7) img {
        -webkit-width: 90px;
        -ms-width: 90px;
        -moz-width: 90px;
        -o-width: 90px;
        width: 90px;
        -webkit-left: 148%;
        -ms-left: 148%;
        -moz-left: 148%;
        -o-left: 148%;
        left: 148%; } }
  .page-xmastest .snow-flakes div:nth-child(8) {
    -webkit-animation-duration: 7108ms;
    -ms-animation-duration: 7108ms;
    -moz-animation-duration: 7108ms;
    -o-animation-duration: 7108ms;
    animation-duration: 7108ms; }
    .page-xmastest .snow-flakes div:nth-child(8) img {
      -webkit-width: 61px;
      -ms-width: 61px;
      -moz-width: 61px;
      -o-width: 61px;
      width: 61px;
      -webkit-animation-delay: 127ms;
      -ms-animation-delay: 127ms;
      -moz-animation-delay: 127ms;
      -o-animation-delay: 127ms;
      animation-delay: 127ms;
      -webkit-animation-duration: 4162ms;
      -ms-animation-duration: 4162ms;
      -moz-animation-duration: 4162ms;
      -o-animation-duration: 4162ms;
      animation-duration: 4162ms;
      -webkit-left: 18%;
      -ms-left: 18%;
      -moz-left: 18%;
      -o-left: 18%;
      left: 18%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(8) img {
        -webkit-width: 82px;
        -ms-width: 82px;
        -moz-width: 82px;
        -o-width: 82px;
        width: 82px;
        -webkit-left: 127%;
        -ms-left: 127%;
        -moz-left: 127%;
        -o-left: 127%;
        left: 127%; } }
  .page-xmastest .snow-flakes div:nth-child(9) {
    -webkit-animation-duration: 5321ms;
    -ms-animation-duration: 5321ms;
    -moz-animation-duration: 5321ms;
    -o-animation-duration: 5321ms;
    animation-duration: 5321ms; }
    .page-xmastest .snow-flakes div:nth-child(9) img {
      -webkit-width: 58px;
      -ms-width: 58px;
      -moz-width: 58px;
      -o-width: 58px;
      width: 58px;
      -webkit-animation-delay: 1061ms;
      -ms-animation-delay: 1061ms;
      -moz-animation-delay: 1061ms;
      -o-animation-delay: 1061ms;
      animation-delay: 1061ms;
      -webkit-animation-duration: 6296ms;
      -ms-animation-duration: 6296ms;
      -moz-animation-duration: 6296ms;
      -o-animation-duration: 6296ms;
      animation-duration: 6296ms;
      -webkit-left: 102%;
      -ms-left: 102%;
      -moz-left: 102%;
      -o-left: 102%;
      left: 102%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(9) img {
        -webkit-width: 90px;
        -ms-width: 90px;
        -moz-width: 90px;
        -o-width: 90px;
        width: 90px;
        -webkit-left: 155%;
        -ms-left: 155%;
        -moz-left: 155%;
        -o-left: 155%;
        left: 155%; } }
  .page-xmastest .snow-flakes div:nth-child(10) {
    -webkit-animation-duration: 4444ms;
    -ms-animation-duration: 4444ms;
    -moz-animation-duration: 4444ms;
    -o-animation-duration: 4444ms;
    animation-duration: 4444ms; }
    .page-xmastest .snow-flakes div:nth-child(10) img {
      -webkit-width: 50px;
      -ms-width: 50px;
      -moz-width: 50px;
      -o-width: 50px;
      width: 50px;
      -webkit-animation-delay: 1024ms;
      -ms-animation-delay: 1024ms;
      -moz-animation-delay: 1024ms;
      -o-animation-delay: 1024ms;
      animation-delay: 1024ms;
      -webkit-animation-duration: 5818ms;
      -ms-animation-duration: 5818ms;
      -moz-animation-duration: 5818ms;
      -o-animation-duration: 5818ms;
      animation-duration: 5818ms;
      -webkit-left: 62%;
      -ms-left: 62%;
      -moz-left: 62%;
      -o-left: 62%;
      left: 62%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(10) img {
        -webkit-width: 32px;
        -ms-width: 32px;
        -moz-width: 32px;
        -o-width: 32px;
        width: 32px;
        -webkit-left: 10%;
        -ms-left: 10%;
        -moz-left: 10%;
        -o-left: 10%;
        left: 10%; } }
  .page-xmastest .snow-flakes div:nth-child(11) {
    -webkit-animation-duration: 5300ms;
    -ms-animation-duration: 5300ms;
    -moz-animation-duration: 5300ms;
    -o-animation-duration: 5300ms;
    animation-duration: 5300ms; }
    .page-xmastest .snow-flakes div:nth-child(11) img {
      -webkit-width: 51px;
      -ms-width: 51px;
      -moz-width: 51px;
      -o-width: 51px;
      width: 51px;
      -webkit-animation-delay: 1235ms;
      -ms-animation-delay: 1235ms;
      -moz-animation-delay: 1235ms;
      -o-animation-delay: 1235ms;
      animation-delay: 1235ms;
      -webkit-animation-duration: 4089ms;
      -ms-animation-duration: 4089ms;
      -moz-animation-duration: 4089ms;
      -o-animation-duration: 4089ms;
      animation-duration: 4089ms;
      -webkit-left: 79%;
      -ms-left: 79%;
      -moz-left: 79%;
      -o-left: 79%;
      left: 79%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(11) img {
        -webkit-width: 63px;
        -ms-width: 63px;
        -moz-width: 63px;
        -o-width: 63px;
        width: 63px;
        -webkit-left: 116%;
        -ms-left: 116%;
        -moz-left: 116%;
        -o-left: 116%;
        left: 116%; } }
  .page-xmastest .snow-flakes div:nth-child(12) {
    -webkit-animation-duration: 4291ms;
    -ms-animation-duration: 4291ms;
    -moz-animation-duration: 4291ms;
    -o-animation-duration: 4291ms;
    animation-duration: 4291ms; }
    .page-xmastest .snow-flakes div:nth-child(12) img {
      -webkit-width: 27px;
      -ms-width: 27px;
      -moz-width: 27px;
      -o-width: 27px;
      width: 27px;
      -webkit-animation-delay: 312ms;
      -ms-animation-delay: 312ms;
      -moz-animation-delay: 312ms;
      -o-animation-delay: 312ms;
      animation-delay: 312ms;
      -webkit-animation-duration: 6131ms;
      -ms-animation-duration: 6131ms;
      -moz-animation-duration: 6131ms;
      -o-animation-duration: 6131ms;
      animation-duration: 6131ms;
      -webkit-left: 52%;
      -ms-left: 52%;
      -moz-left: 52%;
      -o-left: 52%;
      left: 52%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(12) img {
        -webkit-width: 58px;
        -ms-width: 58px;
        -moz-width: 58px;
        -o-width: 58px;
        width: 58px;
        -webkit-left: 164%;
        -ms-left: 164%;
        -moz-left: 164%;
        -o-left: 164%;
        left: 164%; } }
  .page-xmastest .snow-flakes div:nth-child(13) {
    -webkit-animation-duration: 7331ms;
    -ms-animation-duration: 7331ms;
    -moz-animation-duration: 7331ms;
    -o-animation-duration: 7331ms;
    animation-duration: 7331ms; }
    .page-xmastest .snow-flakes div:nth-child(13) img {
      -webkit-width: 20px;
      -ms-width: 20px;
      -moz-width: 20px;
      -o-width: 20px;
      width: 20px;
      -webkit-animation-delay: 1554ms;
      -ms-animation-delay: 1554ms;
      -moz-animation-delay: 1554ms;
      -o-animation-delay: 1554ms;
      animation-delay: 1554ms;
      -webkit-animation-duration: 8957ms;
      -ms-animation-duration: 8957ms;
      -moz-animation-duration: 8957ms;
      -o-animation-duration: 8957ms;
      animation-duration: 8957ms;
      -webkit-left: 14%;
      -ms-left: 14%;
      -moz-left: 14%;
      -o-left: 14%;
      left: 14%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(13) img {
        -webkit-width: 53px;
        -ms-width: 53px;
        -moz-width: 53px;
        -o-width: 53px;
        width: 53px;
        -webkit-left: 95%;
        -ms-left: 95%;
        -moz-left: 95%;
        -o-left: 95%;
        left: 95%; } }
  .page-xmastest .snow-flakes div:nth-child(14) {
    -webkit-animation-duration: 7434ms;
    -ms-animation-duration: 7434ms;
    -moz-animation-duration: 7434ms;
    -o-animation-duration: 7434ms;
    animation-duration: 7434ms; }
    .page-xmastest .snow-flakes div:nth-child(14) img {
      -webkit-width: 44px;
      -ms-width: 44px;
      -moz-width: 44px;
      -o-width: 44px;
      width: 44px;
      -webkit-animation-delay: 458ms;
      -ms-animation-delay: 458ms;
      -moz-animation-delay: 458ms;
      -o-animation-delay: 458ms;
      animation-delay: 458ms;
      -webkit-animation-duration: 4670ms;
      -ms-animation-duration: 4670ms;
      -moz-animation-duration: 4670ms;
      -o-animation-duration: 4670ms;
      animation-duration: 4670ms;
      -webkit-left: 47%;
      -ms-left: 47%;
      -moz-left: 47%;
      -o-left: 47%;
      left: 47%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(14) img {
        -webkit-width: 40px;
        -ms-width: 40px;
        -moz-width: 40px;
        -o-width: 40px;
        width: 40px;
        -webkit-left: 184%;
        -ms-left: 184%;
        -moz-left: 184%;
        -o-left: 184%;
        left: 184%; } }
  .page-xmastest .snow-flakes div:nth-child(15) {
    -webkit-animation-duration: 4664ms;
    -ms-animation-duration: 4664ms;
    -moz-animation-duration: 4664ms;
    -o-animation-duration: 4664ms;
    animation-duration: 4664ms; }
    .page-xmastest .snow-flakes div:nth-child(15) img {
      -webkit-width: 49px;
      -ms-width: 49px;
      -moz-width: 49px;
      -o-width: 49px;
      width: 49px;
      -webkit-animation-delay: 90ms;
      -ms-animation-delay: 90ms;
      -moz-animation-delay: 90ms;
      -o-animation-delay: 90ms;
      animation-delay: 90ms;
      -webkit-animation-duration: 5473ms;
      -ms-animation-duration: 5473ms;
      -moz-animation-duration: 5473ms;
      -o-animation-duration: 5473ms;
      animation-duration: 5473ms;
      -webkit-left: 46%;
      -ms-left: 46%;
      -moz-left: 46%;
      -o-left: 46%;
      left: 46%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(15) img {
        -webkit-width: 34px;
        -ms-width: 34px;
        -moz-width: 34px;
        -o-width: 34px;
        width: 34px;
        -webkit-left: 6%;
        -ms-left: 6%;
        -moz-left: 6%;
        -o-left: 6%;
        left: 6%; } }
  .page-xmastest .snow-flakes div:nth-child(16) {
    -webkit-animation-duration: 5669ms;
    -ms-animation-duration: 5669ms;
    -moz-animation-duration: 5669ms;
    -o-animation-duration: 5669ms;
    animation-duration: 5669ms; }
    .page-xmastest .snow-flakes div:nth-child(16) img {
      -webkit-width: 37px;
      -ms-width: 37px;
      -moz-width: 37px;
      -o-width: 37px;
      width: 37px;
      -webkit-animation-delay: 1586ms;
      -ms-animation-delay: 1586ms;
      -moz-animation-delay: 1586ms;
      -o-animation-delay: 1586ms;
      animation-delay: 1586ms;
      -webkit-animation-duration: 4412ms;
      -ms-animation-duration: 4412ms;
      -moz-animation-duration: 4412ms;
      -o-animation-duration: 4412ms;
      animation-duration: 4412ms;
      -webkit-left: 56%;
      -ms-left: 56%;
      -moz-left: 56%;
      -o-left: 56%;
      left: 56%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(16) img {
        -webkit-width: 88px;
        -ms-width: 88px;
        -moz-width: 88px;
        -o-width: 88px;
        width: 88px;
        -webkit-left: 174%;
        -ms-left: 174%;
        -moz-left: 174%;
        -o-left: 174%;
        left: 174%; } }
  .page-xmastest .snow-flakes div:nth-child(17) {
    -webkit-animation-duration: 7175ms;
    -ms-animation-duration: 7175ms;
    -moz-animation-duration: 7175ms;
    -o-animation-duration: 7175ms;
    animation-duration: 7175ms; }
    .page-xmastest .snow-flakes div:nth-child(17) img {
      -webkit-width: 41px;
      -ms-width: 41px;
      -moz-width: 41px;
      -o-width: 41px;
      width: 41px;
      -webkit-animation-delay: 1626ms;
      -ms-animation-delay: 1626ms;
      -moz-animation-delay: 1626ms;
      -o-animation-delay: 1626ms;
      animation-delay: 1626ms;
      -webkit-animation-duration: 8594ms;
      -ms-animation-duration: 8594ms;
      -moz-animation-duration: 8594ms;
      -o-animation-duration: 8594ms;
      animation-duration: 8594ms;
      -webkit-left: 105%;
      -ms-left: 105%;
      -moz-left: 105%;
      -o-left: 105%;
      left: 105%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(17) img {
        -webkit-width: 72px;
        -ms-width: 72px;
        -moz-width: 72px;
        -o-width: 72px;
        width: 72px;
        -webkit-left: 185%;
        -ms-left: 185%;
        -moz-left: 185%;
        -o-left: 185%;
        left: 185%; } }
  .page-xmastest .snow-flakes div:nth-child(18) {
    -webkit-animation-duration: 5265ms;
    -ms-animation-duration: 5265ms;
    -moz-animation-duration: 5265ms;
    -o-animation-duration: 5265ms;
    animation-duration: 5265ms; }
    .page-xmastest .snow-flakes div:nth-child(18) img {
      -webkit-width: 40px;
      -ms-width: 40px;
      -moz-width: 40px;
      -o-width: 40px;
      width: 40px;
      -webkit-animation-delay: 351ms;
      -ms-animation-delay: 351ms;
      -moz-animation-delay: 351ms;
      -o-animation-delay: 351ms;
      animation-delay: 351ms;
      -webkit-animation-duration: 6071ms;
      -ms-animation-duration: 6071ms;
      -moz-animation-duration: 6071ms;
      -o-animation-duration: 6071ms;
      animation-duration: 6071ms;
      -webkit-left: 60%;
      -ms-left: 60%;
      -moz-left: 60%;
      -o-left: 60%;
      left: 60%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(18) img {
        -webkit-width: 84px;
        -ms-width: 84px;
        -moz-width: 84px;
        -o-width: 84px;
        width: 84px;
        -webkit-left: 21%;
        -ms-left: 21%;
        -moz-left: 21%;
        -o-left: 21%;
        left: 21%; } }
  .page-xmastest .snow-flakes div:nth-child(19) {
    -webkit-animation-duration: 5406ms;
    -ms-animation-duration: 5406ms;
    -moz-animation-duration: 5406ms;
    -o-animation-duration: 5406ms;
    animation-duration: 5406ms; }
    .page-xmastest .snow-flakes div:nth-child(19) img {
      -webkit-width: 51px;
      -ms-width: 51px;
      -moz-width: 51px;
      -o-width: 51px;
      width: 51px;
      -webkit-animation-delay: 1014ms;
      -ms-animation-delay: 1014ms;
      -moz-animation-delay: 1014ms;
      -o-animation-delay: 1014ms;
      animation-delay: 1014ms;
      -webkit-animation-duration: 6444ms;
      -ms-animation-duration: 6444ms;
      -moz-animation-duration: 6444ms;
      -o-animation-duration: 6444ms;
      animation-duration: 6444ms;
      -webkit-left: 83%;
      -ms-left: 83%;
      -moz-left: 83%;
      -o-left: 83%;
      left: 83%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(19) img {
        -webkit-width: 85px;
        -ms-width: 85px;
        -moz-width: 85px;
        -o-width: 85px;
        width: 85px;
        -webkit-left: 23%;
        -ms-left: 23%;
        -moz-left: 23%;
        -o-left: 23%;
        left: 23%; } }
  .page-xmastest .snow-flakes div:nth-child(20) {
    -webkit-animation-duration: 6459ms;
    -ms-animation-duration: 6459ms;
    -moz-animation-duration: 6459ms;
    -o-animation-duration: 6459ms;
    animation-duration: 6459ms; }
    .page-xmastest .snow-flakes div:nth-child(20) img {
      -webkit-width: 34px;
      -ms-width: 34px;
      -moz-width: 34px;
      -o-width: 34px;
      width: 34px;
      -webkit-animation-delay: 1272ms;
      -ms-animation-delay: 1272ms;
      -moz-animation-delay: 1272ms;
      -o-animation-delay: 1272ms;
      animation-delay: 1272ms;
      -webkit-animation-duration: 6191ms;
      -ms-animation-duration: 6191ms;
      -moz-animation-duration: 6191ms;
      -o-animation-duration: 6191ms;
      animation-duration: 6191ms;
      -webkit-left: 92%;
      -ms-left: 92%;
      -moz-left: 92%;
      -o-left: 92%;
      left: 92%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(20) img {
        -webkit-width: 32px;
        -ms-width: 32px;
        -moz-width: 32px;
        -o-width: 32px;
        width: 32px;
        -webkit-left: 119%;
        -ms-left: 119%;
        -moz-left: 119%;
        -o-left: 119%;
        left: 119%; } }
  .page-xmastest .snow-flakes div:nth-child(21) {
    -webkit-animation-duration: 7358ms;
    -ms-animation-duration: 7358ms;
    -moz-animation-duration: 7358ms;
    -o-animation-duration: 7358ms;
    animation-duration: 7358ms; }
    .page-xmastest .snow-flakes div:nth-child(21) img {
      -webkit-width: 49px;
      -ms-width: 49px;
      -moz-width: 49px;
      -o-width: 49px;
      width: 49px;
      -webkit-animation-delay: 1633ms;
      -ms-animation-delay: 1633ms;
      -moz-animation-delay: 1633ms;
      -o-animation-delay: 1633ms;
      animation-delay: 1633ms;
      -webkit-animation-duration: 8572ms;
      -ms-animation-duration: 8572ms;
      -moz-animation-duration: 8572ms;
      -o-animation-duration: 8572ms;
      animation-duration: 8572ms;
      -webkit-left: 69%;
      -ms-left: 69%;
      -moz-left: 69%;
      -o-left: 69%;
      left: 69%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(21) img {
        -webkit-width: 48px;
        -ms-width: 48px;
        -moz-width: 48px;
        -o-width: 48px;
        width: 48px;
        -webkit-left: 71%;
        -ms-left: 71%;
        -moz-left: 71%;
        -o-left: 71%;
        left: 71%; } }
  .page-xmastest .snow-flakes img {
    position: absolute;
    will-change: transform;
    width: 7%;
    top: -50px;
    left: 100px;
    -webkit-animation: snowflakes-movement-mobile 9s linear infinite;
    -ms-animation: snowflakes-movement-mobile 9s linear infinite;
    -moz-animation: snowflakes-movement-mobile 9s linear infinite;
    -o-animation: snowflakes-movement-mobile 9s linear infinite;
    animation: snowflakes-movement-mobile 9s linear infinite; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes img {
        -webkit-animation: snowflakes-movement 9s linear infinite;
        -ms-animation: snowflakes-movement 9s linear infinite;
        -moz-animation: snowflakes-movement 9s linear infinite;
        -o-animation: snowflakes-movement 9s linear infinite;
        animation: snowflakes-movement 9s linear infinite; } }

.holiday-banner {
  background: #000;
  width: 100%;
  overflow: hidden;
  margin: 40px auto 0 auto;
  height: 155px; }
  @media (min-width: 768px) {
    .holiday-banner {
      margin-top: 60px; } }
  .holiday-banner .holiday-flakes {
    position: absolute;
    width: 100%;
    max-width: 1200px;
    margin-top: 0; }
    @media (min-width: 768px) {
      .holiday-banner .holiday-flakes {
        display: none; } }
  .holiday-banner .holiday-flakes-big {
    display: none; }
    @media (min-width: 768px) {
      .holiday-banner .holiday-flakes-big {
        display: inline-block; } }
  .holiday-banner .holiday-content {
    width: 288px;
    position: absolute;
    margin: 30px 0 0 -140px;
    left: 50%;
    overflow: hidden;
    text-align: center;
    z-index: 2; }
    @media (min-width: 768px) {
      .holiday-banner .holiday-content {
        text-align: left;
        width: 680px;
        position: static;
        margin: 40px auto 0 auto; } }
    .holiday-banner .holiday-content h2 {
      font-size: 17px;
      font-family: "nationale-bold", sans-serif;
      line-height: 1.2;
      letter-spacing: 2px;
      margin: 0;
      color: cyan; }
      .holiday-banner .holiday-content h2 span {
        color: #fff; }
      @media (min-width: 768px) {
        .holiday-banner .holiday-content h2 {
          font-size: 35px;
          letter-spacing: 4px;
          float: left;
          margin: 0;
          text-align: left; } }
    .holiday-banner .holiday-content .btn-new {
      display: block;
      font-size: 9px;
      letter-spacing: 3px;
      box-sizing: border-box;
      width: 100%;
      margin: 20px auto 0 auto;
      background: #fff;
      color: #000;
      opacity: 1;
      border: none;
      font-family: "nationale-demibold", sans-serif;
      border-radius: 3px;
      padding: 14px 0 13px 0;
      max-width: 180px; }
      @media (min-width: 768px) {
        .holiday-banner .holiday-content .btn-new {
          float: right;
          font-size: 10px;
          margin: 25px 0 0 0;
          padding: 13px 0 12px 0;
          max-width: 190px; } }
      .holiday-banner .holiday-content .btn-new:hover {
        opacity: 1;
        background: #ececec; }

.holiday-calendar {
  background: #000;
  overflow: hidden;
  padding-bottom: 40px; }
  @media (min-width: 768px) {
    .holiday-calendar {
      padding-bottom: 140px; } }
  .holiday-calendar .calendar-intro {
    text-align: center;
    margin: 0 auto;
    padding: 70px 0 40px 0; }
    .holiday-calendar .calendar-intro .offer-intro {
      overflow: hidden;
      width: 95%;
      max-width: 360px;
      margin: 0 auto; }
      .holiday-calendar .calendar-intro .offer-intro h1, .holiday-calendar .calendar-intro .offer-intro h2 {
        float: left;
        text-align: left;
        color: cyan;
        font-size: 35px;
        max-width: none;
        font-family: "nationale-bold", sans-serif;
        letter-spacing: 3px;
        width: 48%;
        margin-bottom: 20px; }
      .holiday-calendar .calendar-intro .offer-intro .tidal-holiday-cta {
        width: 48%;
        float: right;
        text-align: center;
        margin-top: 5px; }
        .holiday-calendar .calendar-intro .offer-intro .tidal-holiday-cta h2 {
          font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
          font-size: 10px;
          text-align: center;
          width: 100%; }
        .holiday-calendar .calendar-intro .offer-intro .tidal-holiday-cta img {
          width: 130px; }
      .holiday-calendar .calendar-intro .offer-intro .btn-new {
        display: block;
        font-size: 10px;
        letter-spacing: 1px;
        padding: 10px 0;
        box-sizing: border-box;
        width: 100%;
        max-width: 170px;
        margin: 25px auto 50px auto;
        background: cyan;
        color: #000;
        opacity: 1;
        border: none;
        font-family: "nationale-demibold", sans-serif;
        border-radius: 3px; }
        .holiday-calendar .calendar-intro .offer-intro .btn-new:hover {
          opacity: 1;
          background: darkcyan; }
      @media (min-width: 768px) {
        .holiday-calendar .calendar-intro .offer-intro {
          max-width: 1000px;
          margin-bottom: 20px; }
          .holiday-calendar .calendar-intro .offer-intro h1, .holiday-calendar .calendar-intro .offer-intro h2 {
            padding-top: 10px;
            line-height: 1.08;
            font-size: 90px;
            letter-spacing: 4px;
            margin-bottom: 40px; }
          .holiday-calendar .calendar-intro .offer-intro .btn-new {
            max-width: 275px;
            font-size: 12px;
            margin-top: 35px;
            margin-bottom: 80px;
            padding: 16px 0 15px 0; }
          .holiday-calendar .calendar-intro .offer-intro .tidal-holiday-cta h2 {
            font-size: 14px; }
          .holiday-calendar .calendar-intro .offer-intro .tidal-holiday-cta img {
            width: 270px; } }
      @media (min-width: 1400px) {
        .holiday-calendar .calendar-intro .offer-intro h1, .holiday-calendar .calendar-intro .offer-intro h2 {
          padding-top: 10px;
          line-height: 1.08;
          font-size: 110px;
          letter-spacing: 4px;
          margin-bottom: 40px; }
        .holiday-calendar .calendar-intro .offer-intro .btn-new {
          max-width: 355px;
          letter-spacing: 3px;
          font-size: 14px;
          margin-top: 50px;
          margin-bottom: 80px;
          padding: 20px 0 19px 0; }
        .holiday-calendar .calendar-intro .offer-intro .tidal-holiday-cta {
          margin-top: 40px; }
          .holiday-calendar .calendar-intro .offer-intro .tidal-holiday-cta h2 {
            font-size: 14px; }
          .holiday-calendar .calendar-intro .offer-intro .tidal-holiday-cta img {
            width: 340px; } }
    .holiday-calendar .calendar-intro h1, .holiday-calendar .calendar-intro h2 {
      font-size: 13px;
      letter-spacing: 2px;
      line-height: 1.4;
      text-transform: uppercase;
      max-width: 210px;
      margin: 0 auto 20px auto; }
    .holiday-calendar .calendar-intro p {
      line-height: 1.2;
      font-size: 11px;
      letter-spacing: .02em;
      padding: 0 40px;
      margin: 0; }
    @media (min-width: 768px) {
      .holiday-calendar .calendar-intro h1, .holiday-calendar .calendar-intro h2 {
        font-size: 28px;
        max-width: none;
        letter-spacing: 3px;
        margin: 40px auto 20px auto; }
      .holiday-calendar .calendar-intro p {
        font-size: 14px;
        letter-spacing: .06em;
        width: 600px;
        margin: 0 auto;
        line-height: 1.3; } }
  .holiday-calendar .calendar-content {
    position: relative;
    width: 100%;
    margin: 0 auto; }
    @media (min-width: 768px) {
      .holiday-calendar .calendar-content {
        width: 768px;
        padding-top: 40px; } }
    @media (min-width: 850px) {
      .holiday-calendar .calendar-content {
        width: 770px; } }
  .holiday-calendar .cal-tile-main {
    overflow: hidden;
    line-height: 0; }
    @media (min-width: 768px) {
      .holiday-calendar .cal-tile-main {
        float: left;
        width: 60%; }
        .holiday-calendar .cal-tile-main .main-img-wrap {
          height: 359px;
          overflow: hidden; } }
    .holiday-calendar .cal-tile-main img {
      width: 100%;
      line-height: 0; }
    .holiday-calendar .cal-tile-main .cal-badge {
      position: absolute;
      top: -40px;
      left: 10px;
      width: 70px; }
      @media (min-width: 768px) {
        .holiday-calendar .cal-tile-main .cal-badge {
          top: -23px;
          left: 20px;
          width: 115px; } }
    .holiday-calendar .cal-tile-main .cal-main-info {
      position: relative;
      height: 75px;
      width: 100%;
      overflow: hidden;
      line-height: 0; }
      @media (min-width: 768px) {
        .holiday-calendar .cal-tile-main .cal-main-info {
          height: 102px; } }
    .holiday-calendar .cal-tile-main .cal-main-info > * {
      box-sizing: border-box;
      float: left;
      height: 75px; }
      @media (min-width: 768px) {
        .holiday-calendar .cal-tile-main .cal-main-info > * {
          height: 102px; } }
    .holiday-calendar .cal-tile-main .active-cal-number {
      background: #004a4a;
      width: 75px;
      padding-top: 40px;
      text-align: center;
      margin: 0; }
      @media (min-width: 768px) {
        .holiday-calendar .cal-tile-main .active-cal-number {
          font-size: 30px;
          padding-top: 50px; } }
    .holiday-calendar .cal-tile-main .active-cal-desc {
      background: #006161;
      width: calc(100% - 150px);
      padding: 20px 10px;
      line-height: 1; }
      .holiday-calendar .cal-tile-main .active-cal-desc h3 {
        margin: 0;
        font-size: 12px; }
      .holiday-calendar .cal-tile-main .active-cal-desc p {
        font-size: 10px;
        line-height: 1.2;
        margin: 5px 0 0 0; }
      @media (min-width: 768px) {
        .holiday-calendar .cal-tile-main .active-cal-desc h3 {
          font-size: 18px; }
        .holiday-calendar .cal-tile-main .active-cal-desc p {
          font-size: 12px; } }
    .holiday-calendar .cal-tile-main .active-cal-arrow {
      display: block;
      text-decoration: none;
      background: #003232;
      width: 75px;
      padding-top: 25px;
      text-align: center;
      margin: 0; }
      .holiday-calendar .cal-tile-main .active-cal-arrow img {
        width: 16px; }
      @media (min-width: 768px) {
        .holiday-calendar .cal-tile-main .active-cal-arrow {
          padding-top: 33px; }
          .holiday-calendar .cal-tile-main .active-cal-arrow img {
            width: 20px; } }
  .holiday-calendar .cal-tile {
    position: relative;
    float: left;
    width: 33.33333%;
    line-height: 0;
    background: #006f6f; }
    @media (min-width: 768px) {
      .holiday-calendar .cal-tile {
        width: 20%; }
        .holiday-calendar .cal-tile:nth-child(4) {
          background: #22a79e !important; }
        .holiday-calendar .cal-tile:nth-child(5) {
          background: #006f6f !important; } }
    @media (min-width: 850px) {
      .holiday-calendar .cal-tile {
        width: 154px;
        height: 154px;
        overflow: hidden; } }
    .holiday-calendar .cal-tile:nth-child(odd) {
      background: #22a79e; }
    .holiday-calendar .cal-tile img {
      width: 100%;
      opacity: .3; }
    .holiday-calendar .cal-tile .cal-tile-released-active {
      cursor: pointer; }
      .holiday-calendar .cal-tile .cal-tile-released-active:hover {
        opacity: .8; }
    .holiday-calendar .cal-tile .cal-number {
      pointer-events: none;
      position: absolute;
      font-size: 25px;
      line-height: 0;
      letter-spacing: 1px;
      font-family: "nationale-bold", sans-serif;
      text-align: center;
      z-index: 1;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
      -moz-transform: translate(-50%);
      -o-transform: translate(-50%);
      transform: translate(-50%); }
      @media (min-width: 768px) {
        .holiday-calendar .cal-tile .cal-number {
          font-size: 38px;
          margin: 0;
          padding: 0;
          top: 52%; } }
  .holiday-calendar .cal-tile-tidal {
    width: 66.6666%; }
    .holiday-calendar .cal-tile-tidal .stretcher {
      margin-top: 50%; }
    .holiday-calendar .cal-tile-tidal .cal-number {
      pointer-events: auto;
      display: block;
      height: 100%;
      width: 100%;
      text-decoration: none;
      font-size: 20px; }
    .holiday-calendar .cal-tile-tidal:hover {
      opacity: .9; }
    @media (min-width: 768px) {
      .holiday-calendar .cal-tile-tidal {
        width: 60%;
        float: right; }
        .holiday-calendar .cal-tile-tidal .stretcher {
          margin-top: 33.5%; }
        .holiday-calendar .cal-tile-tidal .cal-number {
          font-size: 26px; } }
  @media (min-width: 768px) {
    .holiday-calendar .no-main .cal-tile-tidal {
      width: 80%; }
      .holiday-calendar .no-main .cal-tile-tidal .stretcher {
        margin-top: 25%; }
      .holiday-calendar .no-main .cal-tile-tidal .cal-number {
        font-size: 30px; } }

.page-songsoftheseason .sots-top, .page-xmastest .sots-top {
  position: relative;
  text-align: center;
  height: 200px;
  margin-top: 43px;
  padding-top: 10px;
  overflow: hidden; }
  @media (min-width: 768px) {
    .page-songsoftheseason .sots-top, .page-xmastest .sots-top {
      margin-top: 60px;
      height: 500px; } }

.page-songsoftheseason .sots-top .tidal-icon, .page-xmastest .sots-top .tidal-icon {
  width: 45px; }
  @media (min-width: 768px) {
    .page-songsoftheseason .sots-top .tidal-icon, .page-xmastest .sots-top .tidal-icon {
      width: 80px;
      margin-top: 15px; } }

.page-songsoftheseason .sots-top h1, .page-songsoftheseason .sots-top h2, .page-xmastest .sots-top h1, .page-xmastest .sots-top h2 {
  font-size: 30px;
  font-family: "nationale-bold", sans-serif;
  color: cyan;
  line-height: 1.1;
  margin-top: 20px;
  letter-spacing: 1px; }
  @media (min-width: 768px) {
    .page-songsoftheseason .sots-top h1, .page-songsoftheseason .sots-top h2, .page-xmastest .sots-top h1, .page-xmastest .sots-top h2 {
      margin-top: 20px;
      font-size: 75px; } }

.page-songsoftheseason .sots-top .btn-new, .page-xmastest .sots-top .btn-new {
  color: #000;
  border-radius: 3px;
  width: 120px;
  max-width: none;
  font-size: 10px;
  padding: 10px 0;
  background: cyan;
  border: none;
  margin-top: 0;
  font-family: "nationale-demibold", sans-serif; }
  @media (min-width: 768px) {
    .page-songsoftheseason .sots-top .btn-new, .page-xmastest .sots-top .btn-new {
      font-size: 15px;
      padding: 14px 32px;
      width: 180px;
      margin-top: 20px; } }

.page-songsoftheseason .snowflakes, .page-xmastest .snowflakes {
  position: absolute;
  width: 22%;
  max-width: 460px;
  right: 0;
  top: 0; }
  .page-songsoftheseason .snowflakes.left, .page-xmastest .snowflakes.left {
    right: auto;
    left: 0;
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg); }

.page-songsoftheseason {
  background: #000; }
  .page-songsoftheseason .sots-tiles {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto; }
  .page-songsoftheseason .sots-tile {
    position: relative;
    display: inline-block;
    width: 50%;
    float: left;
    line-height: 0;
    text-align: center;
    cursor: pointer;
    background: url("/images/campaigns/holidayvibes/noise.fe8f5ce2.png") no-repeat 0 0;
    background-size: 100%; }
    .page-songsoftheseason .sots-tile:after {
      padding-top: 68%;
      content: '';
      display: block; }
    .page-songsoftheseason .sots-tile:hover {
      opacity: .75; }
    .page-songsoftheseason .sots-tile h2 {
      position: absolute;
      text-transform: uppercase;
      width: 100%;
      font-family: "nationale-demibold", sans-serif;
      top: 10px;
      font-size: 10px;
      z-index: 2;
      letter-spacing: 1px;
      line-height: 1; }
    .page-songsoftheseason .sots-tile p {
      position: absolute;
      z-index: 2;
      width: 100%;
      font-size: 8px;
      line-height: 1;
      margin: 0;
      bottom: 4px;
      text-transform: uppercase;
      letter-spacing: 1px; }
    @media (min-width: 768px) {
      .page-songsoftheseason .sots-tile {
        width: 33.33333%; }
        .page-songsoftheseason .sots-tile h2 {
          font-family: "nationale-bold", sans-serif;
          font-size: 13px;
          top: 15px;
          margin: 0; }
        .page-songsoftheseason .sots-tile p {
          font-size: 10px;
          bottom: 15px;
          margin: 0; } }
    @media (min-width: 1024px) {
      .page-songsoftheseason .sots-tile {
        width: 33.33333%; }
        .page-songsoftheseason .sots-tile h2 {
          font-size: 17px;
          letter-spacing: 2px;
          top: 25px; }
        .page-songsoftheseason .sots-tile p {
          font-size: 11px;
          bottom: 25px;
          margin: 0;
          letter-spacing: 2px; } }
  .page-songsoftheseason .back-img {
    position: relative;
    width: 100%;
    opacity: .7;
    -webkit-filter: blur(7px);
    -ms-filter: blur(7px);
    -moz-filter: blur(7px);
    -o-filter: blur(7px);
    filter: blur(7px); }
  .page-songsoftheseason .front-img {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 60%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.page-bhm .holiday-calendar .cal-tile-main .active-cal-desc {
  width: calc(100% - 75px); }
  .page-bhm .holiday-calendar .cal-tile-main .active-cal-desc h3 {
    text-transform: uppercase; }

.page-bhm .today {
  opacity: 1 !important; }

.page-bhm .sots-top {
  height: auto;
  margin-bottom: 40px; }
  .page-bhm .sots-top .bhm-head {
    font: 1.5em/1 "nationale-demibold", sans-serif;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 2px; }
  .page-bhm .sots-top .bhm-intro {
    font: 1.2em/1.3 "nationale", "nationale-regular", "Helvetica", sans-serif;
    max-width: 800px;
    margin: 0 auto 20px; }

@keyframes snowflakes-movement-mobile {
  0% {
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0); }
  100% {
    -webkit-transform: translate3d(0,600px,0);
    -ms-transform: translate3d(0,600px,0);
    -moz-transform: translate3d(0,600px,0);
    -o-transform: translate3d(0,600px,0);
    transform: translate3d(0,600px,0); } }

@keyframes snowflakes-movement {
  0% {
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0); }
  100% {
    -webkit-transform: translate3d(0,800px,0);
    -ms-transform: translate3d(0,800px,0);
    -moz-transform: translate3d(0,800px,0);
    -o-transform: translate3d(0,800px,0);
    transform: translate3d(0,800px,0); } }

@keyframes snowflakes-submove {
  0% {
    transform: rotate(6deg); }
  50% {
    transform: rotate(-3deg); }
  100% {
    transform: rotate(6deg); } }

.page-xmastest .content {
  overflow: hidden; }

.page-xmastest footer {
  position: relative;
  z-index: 2; }

.page-xmastest .holiday-content {
  position: absolute;
  width: 100%;
  top: 160px;
  text-align: center;
  left: 50%;
  z-index: 2;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%); }
  @media (min-width: 768px) {
    .page-xmastest .holiday-content {
      top: 225px; } }
  .page-xmastest .holiday-content h2 {
    font-family: "nationale-demibold", sans-serif;
    line-height: 1.3;
    letter-spacing: 3px;
    font-size: 24px; }
    @media (min-width: 768px) {
      .page-xmastest .holiday-content h2 {
        font-size: 57px;
        letter-spacing: 4px;
        line-height: 1.25;
        margin-top: 25px; } }
  .page-xmastest .holiday-content p {
    letter-spacing: 2px;
    font-size: 16px; }
    @media (min-width: 768px) {
      .page-xmastest .holiday-content p {
        font-size: 23px;
        margin-top: 50px; } }
  .page-xmastest .holiday-content .btn-new {
    display: block;
    font-size: 12px;
    letter-spacing: 3px;
    box-sizing: border-box;
    width: 100%;
    max-width: 270px;
    margin: 40px auto;
    background: #fff;
    color: #000;
    opacity: 1;
    border: none;
    font-family: "nationale-demibold", sans-serif;
    border-radius: 3px; }
    @media (min-width: 768px) {
      .page-xmastest .holiday-content .btn-new {
        margin-top: 60px;
        padding: 16px 0 15px 0; } }
    .page-xmastest .holiday-content .btn-new:hover {
      opacity: 1;
      background: #ececec; }
  .page-xmastest .holiday-content .gift {
    width: 17%;
    max-width: 90px;
    margin-bottom: 20px; }
    @media (min-width: 768px) {
      .page-xmastest .holiday-content .gift {
        margin-bottom: 0; } }

.page-xmastest .snow-flakes {
  background: url("/images/campaigns/holidays/holidays-bg.3b68c1ed.jpg") no-repeat 0;
  background-size: cover;
  height: 500px;
  overflow: hidden; }
  @media (max-width: 767px) {
    .page-xmastest .snow-flakes div:nth-child(odd) {
      display: none; } }
  @media (min-width: 768px) {
    .page-xmastest .snow-flakes {
      height: 700px; } }
  .page-xmastest .snow-flakes div {
    position: relative;
    will-change: transform;
    -webkit-animation: snowflakes-submove 3s ease-in-out forwards infinite;
    -ms-animation: snowflakes-submove 3s ease-in-out forwards infinite;
    -moz-animation: snowflakes-submove 3s ease-in-out forwards infinite;
    -o-animation: snowflakes-submove 3s ease-in-out forwards infinite;
    animation: snowflakes-submove 3s ease-in-out forwards infinite; }
    .page-xmastest .snow-flakes div.opacity {
      opacity: .6; }
  .page-xmastest .snow-flakes div:nth-child(1) {
    -webkit-animation-duration: 6462ms;
    -ms-animation-duration: 6462ms;
    -moz-animation-duration: 6462ms;
    -o-animation-duration: 6462ms;
    animation-duration: 6462ms; }
    .page-xmastest .snow-flakes div:nth-child(1) img {
      -webkit-width: 31px;
      -ms-width: 31px;
      -moz-width: 31px;
      -o-width: 31px;
      width: 31px;
      -webkit-animation-delay: 1462ms;
      -ms-animation-delay: 1462ms;
      -moz-animation-delay: 1462ms;
      -o-animation-delay: 1462ms;
      animation-delay: 1462ms;
      -webkit-animation-duration: 5866ms;
      -ms-animation-duration: 5866ms;
      -moz-animation-duration: 5866ms;
      -o-animation-duration: 5866ms;
      animation-duration: 5866ms;
      -webkit-left: 20%;
      -ms-left: 20%;
      -moz-left: 20%;
      -o-left: 20%;
      left: 20%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(1) img {
        -webkit-width: 66px;
        -ms-width: 66px;
        -moz-width: 66px;
        -o-width: 66px;
        width: 66px;
        -webkit-left: 7%;
        -ms-left: 7%;
        -moz-left: 7%;
        -o-left: 7%;
        left: 7%; } }
  .page-xmastest .snow-flakes div:nth-child(2) {
    -webkit-animation-duration: 6358ms;
    -ms-animation-duration: 6358ms;
    -moz-animation-duration: 6358ms;
    -o-animation-duration: 6358ms;
    animation-duration: 6358ms; }
    .page-xmastest .snow-flakes div:nth-child(2) img {
      -webkit-width: 53px;
      -ms-width: 53px;
      -moz-width: 53px;
      -o-width: 53px;
      width: 53px;
      -webkit-animation-delay: 1592ms;
      -ms-animation-delay: 1592ms;
      -moz-animation-delay: 1592ms;
      -o-animation-delay: 1592ms;
      animation-delay: 1592ms;
      -webkit-animation-duration: 7998ms;
      -ms-animation-duration: 7998ms;
      -moz-animation-duration: 7998ms;
      -o-animation-duration: 7998ms;
      animation-duration: 7998ms;
      -webkit-left: 74%;
      -ms-left: 74%;
      -moz-left: 74%;
      -o-left: 74%;
      left: 74%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(2) img {
        -webkit-width: 57px;
        -ms-width: 57px;
        -moz-width: 57px;
        -o-width: 57px;
        width: 57px;
        -webkit-left: 168%;
        -ms-left: 168%;
        -moz-left: 168%;
        -o-left: 168%;
        left: 168%; } }
  .page-xmastest .snow-flakes div:nth-child(3) {
    -webkit-animation-duration: 7343ms;
    -ms-animation-duration: 7343ms;
    -moz-animation-duration: 7343ms;
    -o-animation-duration: 7343ms;
    animation-duration: 7343ms; }
    .page-xmastest .snow-flakes div:nth-child(3) img {
      -webkit-width: 42px;
      -ms-width: 42px;
      -moz-width: 42px;
      -o-width: 42px;
      width: 42px;
      -webkit-animation-delay: 1544ms;
      -ms-animation-delay: 1544ms;
      -moz-animation-delay: 1544ms;
      -o-animation-delay: 1544ms;
      animation-delay: 1544ms;
      -webkit-animation-duration: 8455ms;
      -ms-animation-duration: 8455ms;
      -moz-animation-duration: 8455ms;
      -o-animation-duration: 8455ms;
      animation-duration: 8455ms;
      -webkit-left: 83%;
      -ms-left: 83%;
      -moz-left: 83%;
      -o-left: 83%;
      left: 83%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(3) img {
        -webkit-width: 31px;
        -ms-width: 31px;
        -moz-width: 31px;
        -o-width: 31px;
        width: 31px;
        -webkit-left: 57%;
        -ms-left: 57%;
        -moz-left: 57%;
        -o-left: 57%;
        left: 57%; } }
  .page-xmastest .snow-flakes div:nth-child(4) {
    -webkit-animation-duration: 6968ms;
    -ms-animation-duration: 6968ms;
    -moz-animation-duration: 6968ms;
    -o-animation-duration: 6968ms;
    animation-duration: 6968ms; }
    .page-xmastest .snow-flakes div:nth-child(4) img {
      -webkit-width: 45px;
      -ms-width: 45px;
      -moz-width: 45px;
      -o-width: 45px;
      width: 45px;
      -webkit-animation-delay: 1753ms;
      -ms-animation-delay: 1753ms;
      -moz-animation-delay: 1753ms;
      -o-animation-delay: 1753ms;
      animation-delay: 1753ms;
      -webkit-animation-duration: 6361ms;
      -ms-animation-duration: 6361ms;
      -moz-animation-duration: 6361ms;
      -o-animation-duration: 6361ms;
      animation-duration: 6361ms;
      -webkit-left: 94%;
      -ms-left: 94%;
      -moz-left: 94%;
      -o-left: 94%;
      left: 94%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(4) img {
        -webkit-width: 59px;
        -ms-width: 59px;
        -moz-width: 59px;
        -o-width: 59px;
        width: 59px;
        -webkit-left: 135%;
        -ms-left: 135%;
        -moz-left: 135%;
        -o-left: 135%;
        left: 135%; } }
  .page-xmastest .snow-flakes div:nth-child(5) {
    -webkit-animation-duration: 7455ms;
    -ms-animation-duration: 7455ms;
    -moz-animation-duration: 7455ms;
    -o-animation-duration: 7455ms;
    animation-duration: 7455ms; }
    .page-xmastest .snow-flakes div:nth-child(5) img {
      -webkit-width: 23px;
      -ms-width: 23px;
      -moz-width: 23px;
      -o-width: 23px;
      width: 23px;
      -webkit-animation-delay: 2048ms;
      -ms-animation-delay: 2048ms;
      -moz-animation-delay: 2048ms;
      -o-animation-delay: 2048ms;
      animation-delay: 2048ms;
      -webkit-animation-duration: 6727ms;
      -ms-animation-duration: 6727ms;
      -moz-animation-duration: 6727ms;
      -o-animation-duration: 6727ms;
      animation-duration: 6727ms;
      -webkit-left: 78%;
      -ms-left: 78%;
      -moz-left: 78%;
      -o-left: 78%;
      left: 78%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(5) img {
        -webkit-width: 62px;
        -ms-width: 62px;
        -moz-width: 62px;
        -o-width: 62px;
        width: 62px;
        -webkit-left: 162%;
        -ms-left: 162%;
        -moz-left: 162%;
        -o-left: 162%;
        left: 162%; } }
  .page-xmastest .snow-flakes div:nth-child(6) {
    -webkit-animation-duration: 6759ms;
    -ms-animation-duration: 6759ms;
    -moz-animation-duration: 6759ms;
    -o-animation-duration: 6759ms;
    animation-duration: 6759ms; }
    .page-xmastest .snow-flakes div:nth-child(6) img {
      -webkit-width: 35px;
      -ms-width: 35px;
      -moz-width: 35px;
      -o-width: 35px;
      width: 35px;
      -webkit-animation-delay: 1169ms;
      -ms-animation-delay: 1169ms;
      -moz-animation-delay: 1169ms;
      -o-animation-delay: 1169ms;
      animation-delay: 1169ms;
      -webkit-animation-duration: 8222ms;
      -ms-animation-duration: 8222ms;
      -moz-animation-duration: 8222ms;
      -o-animation-duration: 8222ms;
      animation-duration: 8222ms;
      -webkit-left: 95%;
      -ms-left: 95%;
      -moz-left: 95%;
      -o-left: 95%;
      left: 95%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(6) img {
        -webkit-width: 47px;
        -ms-width: 47px;
        -moz-width: 47px;
        -o-width: 47px;
        width: 47px;
        -webkit-left: 130%;
        -ms-left: 130%;
        -moz-left: 130%;
        -o-left: 130%;
        left: 130%; } }
  .page-xmastest .snow-flakes div:nth-child(7) {
    -webkit-animation-duration: 6801ms;
    -ms-animation-duration: 6801ms;
    -moz-animation-duration: 6801ms;
    -o-animation-duration: 6801ms;
    animation-duration: 6801ms; }
    .page-xmastest .snow-flakes div:nth-child(7) img {
      -webkit-width: 62px;
      -ms-width: 62px;
      -moz-width: 62px;
      -o-width: 62px;
      width: 62px;
      -webkit-animation-delay: 1225ms;
      -ms-animation-delay: 1225ms;
      -moz-animation-delay: 1225ms;
      -o-animation-delay: 1225ms;
      animation-delay: 1225ms;
      -webkit-animation-duration: 5260ms;
      -ms-animation-duration: 5260ms;
      -moz-animation-duration: 5260ms;
      -o-animation-duration: 5260ms;
      animation-duration: 5260ms;
      -webkit-left: 58%;
      -ms-left: 58%;
      -moz-left: 58%;
      -o-left: 58%;
      left: 58%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(7) img {
        -webkit-width: 58px;
        -ms-width: 58px;
        -moz-width: 58px;
        -o-width: 58px;
        width: 58px;
        -webkit-left: 88%;
        -ms-left: 88%;
        -moz-left: 88%;
        -o-left: 88%;
        left: 88%; } }
  .page-xmastest .snow-flakes div:nth-child(8) {
    -webkit-animation-duration: 7335ms;
    -ms-animation-duration: 7335ms;
    -moz-animation-duration: 7335ms;
    -o-animation-duration: 7335ms;
    animation-duration: 7335ms; }
    .page-xmastest .snow-flakes div:nth-child(8) img {
      -webkit-width: 21px;
      -ms-width: 21px;
      -moz-width: 21px;
      -o-width: 21px;
      width: 21px;
      -webkit-animation-delay: 1381ms;
      -ms-animation-delay: 1381ms;
      -moz-animation-delay: 1381ms;
      -o-animation-delay: 1381ms;
      animation-delay: 1381ms;
      -webkit-animation-duration: 5430ms;
      -ms-animation-duration: 5430ms;
      -moz-animation-duration: 5430ms;
      -o-animation-duration: 5430ms;
      animation-duration: 5430ms;
      -webkit-left: 32%;
      -ms-left: 32%;
      -moz-left: 32%;
      -o-left: 32%;
      left: 32%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(8) img {
        -webkit-width: 76px;
        -ms-width: 76px;
        -moz-width: 76px;
        -o-width: 76px;
        width: 76px;
        -webkit-left: 133%;
        -ms-left: 133%;
        -moz-left: 133%;
        -o-left: 133%;
        left: 133%; } }
  .page-xmastest .snow-flakes div:nth-child(9) {
    -webkit-animation-duration: 5407ms;
    -ms-animation-duration: 5407ms;
    -moz-animation-duration: 5407ms;
    -o-animation-duration: 5407ms;
    animation-duration: 5407ms; }
    .page-xmastest .snow-flakes div:nth-child(9) img {
      -webkit-width: 49px;
      -ms-width: 49px;
      -moz-width: 49px;
      -o-width: 49px;
      width: 49px;
      -webkit-animation-delay: 1091ms;
      -ms-animation-delay: 1091ms;
      -moz-animation-delay: 1091ms;
      -o-animation-delay: 1091ms;
      animation-delay: 1091ms;
      -webkit-animation-duration: 5226ms;
      -ms-animation-duration: 5226ms;
      -moz-animation-duration: 5226ms;
      -o-animation-duration: 5226ms;
      animation-duration: 5226ms;
      -webkit-left: 30%;
      -ms-left: 30%;
      -moz-left: 30%;
      -o-left: 30%;
      left: 30%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(9) img {
        -webkit-width: 56px;
        -ms-width: 56px;
        -moz-width: 56px;
        -o-width: 56px;
        width: 56px;
        -webkit-left: 76%;
        -ms-left: 76%;
        -moz-left: 76%;
        -o-left: 76%;
        left: 76%; } }
  .page-xmastest .snow-flakes div:nth-child(10) {
    -webkit-animation-duration: 5239ms;
    -ms-animation-duration: 5239ms;
    -moz-animation-duration: 5239ms;
    -o-animation-duration: 5239ms;
    animation-duration: 5239ms; }
    .page-xmastest .snow-flakes div:nth-child(10) img {
      -webkit-width: 34px;
      -ms-width: 34px;
      -moz-width: 34px;
      -o-width: 34px;
      width: 34px;
      -webkit-animation-delay: 869ms;
      -ms-animation-delay: 869ms;
      -moz-animation-delay: 869ms;
      -o-animation-delay: 869ms;
      animation-delay: 869ms;
      -webkit-animation-duration: 5061ms;
      -ms-animation-duration: 5061ms;
      -moz-animation-duration: 5061ms;
      -o-animation-duration: 5061ms;
      animation-duration: 5061ms;
      -webkit-left: 48%;
      -ms-left: 48%;
      -moz-left: 48%;
      -o-left: 48%;
      left: 48%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(10) img {
        -webkit-width: 59px;
        -ms-width: 59px;
        -moz-width: 59px;
        -o-width: 59px;
        width: 59px;
        -webkit-left: 79%;
        -ms-left: 79%;
        -moz-left: 79%;
        -o-left: 79%;
        left: 79%; } }
  .page-xmastest .snow-flakes div:nth-child(11) {
    -webkit-animation-duration: 4589ms;
    -ms-animation-duration: 4589ms;
    -moz-animation-duration: 4589ms;
    -o-animation-duration: 4589ms;
    animation-duration: 4589ms; }
    .page-xmastest .snow-flakes div:nth-child(11) img {
      -webkit-width: 34px;
      -ms-width: 34px;
      -moz-width: 34px;
      -o-width: 34px;
      width: 34px;
      -webkit-animation-delay: 903ms;
      -ms-animation-delay: 903ms;
      -moz-animation-delay: 903ms;
      -o-animation-delay: 903ms;
      animation-delay: 903ms;
      -webkit-animation-duration: 4669ms;
      -ms-animation-duration: 4669ms;
      -moz-animation-duration: 4669ms;
      -o-animation-duration: 4669ms;
      animation-duration: 4669ms;
      -webkit-left: 10%;
      -ms-left: 10%;
      -moz-left: 10%;
      -o-left: 10%;
      left: 10%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(11) img {
        -webkit-width: 83px;
        -ms-width: 83px;
        -moz-width: 83px;
        -o-width: 83px;
        width: 83px;
        -webkit-left: 58%;
        -ms-left: 58%;
        -moz-left: 58%;
        -o-left: 58%;
        left: 58%; } }
  .page-xmastest .snow-flakes div:nth-child(12) {
    -webkit-animation-duration: 4058ms;
    -ms-animation-duration: 4058ms;
    -moz-animation-duration: 4058ms;
    -o-animation-duration: 4058ms;
    animation-duration: 4058ms; }
    .page-xmastest .snow-flakes div:nth-child(12) img {
      -webkit-width: 52px;
      -ms-width: 52px;
      -moz-width: 52px;
      -o-width: 52px;
      width: 52px;
      -webkit-animation-delay: 206ms;
      -ms-animation-delay: 206ms;
      -moz-animation-delay: 206ms;
      -o-animation-delay: 206ms;
      animation-delay: 206ms;
      -webkit-animation-duration: 4438ms;
      -ms-animation-duration: 4438ms;
      -moz-animation-duration: 4438ms;
      -o-animation-duration: 4438ms;
      animation-duration: 4438ms;
      -webkit-left: 58%;
      -ms-left: 58%;
      -moz-left: 58%;
      -o-left: 58%;
      left: 58%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(12) img {
        -webkit-width: 68px;
        -ms-width: 68px;
        -moz-width: 68px;
        -o-width: 68px;
        width: 68px;
        -webkit-left: 22%;
        -ms-left: 22%;
        -moz-left: 22%;
        -o-left: 22%;
        left: 22%; } }
  .page-xmastest .snow-flakes div:nth-child(13) {
    -webkit-animation-duration: 6931ms;
    -ms-animation-duration: 6931ms;
    -moz-animation-duration: 6931ms;
    -o-animation-duration: 6931ms;
    animation-duration: 6931ms; }
    .page-xmastest .snow-flakes div:nth-child(13) img {
      -webkit-width: 43px;
      -ms-width: 43px;
      -moz-width: 43px;
      -o-width: 43px;
      width: 43px;
      -webkit-animation-delay: 488ms;
      -ms-animation-delay: 488ms;
      -moz-animation-delay: 488ms;
      -o-animation-delay: 488ms;
      animation-delay: 488ms;
      -webkit-animation-duration: 6375ms;
      -ms-animation-duration: 6375ms;
      -moz-animation-duration: 6375ms;
      -o-animation-duration: 6375ms;
      animation-duration: 6375ms;
      -webkit-left: 19%;
      -ms-left: 19%;
      -moz-left: 19%;
      -o-left: 19%;
      left: 19%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(13) img {
        -webkit-width: 85px;
        -ms-width: 85px;
        -moz-width: 85px;
        -o-width: 85px;
        width: 85px;
        -webkit-left: 85%;
        -ms-left: 85%;
        -moz-left: 85%;
        -o-left: 85%;
        left: 85%; } }
  .page-xmastest .snow-flakes div:nth-child(14) {
    -webkit-animation-duration: 5908ms;
    -ms-animation-duration: 5908ms;
    -moz-animation-duration: 5908ms;
    -o-animation-duration: 5908ms;
    animation-duration: 5908ms; }
    .page-xmastest .snow-flakes div:nth-child(14) img {
      -webkit-width: 65px;
      -ms-width: 65px;
      -moz-width: 65px;
      -o-width: 65px;
      width: 65px;
      -webkit-animation-delay: 1101ms;
      -ms-animation-delay: 1101ms;
      -moz-animation-delay: 1101ms;
      -o-animation-delay: 1101ms;
      animation-delay: 1101ms;
      -webkit-animation-duration: 6647ms;
      -ms-animation-duration: 6647ms;
      -moz-animation-duration: 6647ms;
      -o-animation-duration: 6647ms;
      animation-duration: 6647ms;
      -webkit-left: 74%;
      -ms-left: 74%;
      -moz-left: 74%;
      -o-left: 74%;
      left: 74%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(14) img {
        -webkit-width: 78px;
        -ms-width: 78px;
        -moz-width: 78px;
        -o-width: 78px;
        width: 78px;
        -webkit-left: 44%;
        -ms-left: 44%;
        -moz-left: 44%;
        -o-left: 44%;
        left: 44%; } }
  .page-xmastest .snow-flakes div:nth-child(15) {
    -webkit-animation-duration: 7023ms;
    -ms-animation-duration: 7023ms;
    -moz-animation-duration: 7023ms;
    -o-animation-duration: 7023ms;
    animation-duration: 7023ms; }
    .page-xmastest .snow-flakes div:nth-child(15) img {
      -webkit-width: 42px;
      -ms-width: 42px;
      -moz-width: 42px;
      -o-width: 42px;
      width: 42px;
      -webkit-animation-delay: 1544ms;
      -ms-animation-delay: 1544ms;
      -moz-animation-delay: 1544ms;
      -o-animation-delay: 1544ms;
      animation-delay: 1544ms;
      -webkit-animation-duration: 5157ms;
      -ms-animation-duration: 5157ms;
      -moz-animation-duration: 5157ms;
      -o-animation-duration: 5157ms;
      animation-duration: 5157ms;
      -webkit-left: 103%;
      -ms-left: 103%;
      -moz-left: 103%;
      -o-left: 103%;
      left: 103%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(15) img {
        -webkit-width: 64px;
        -ms-width: 64px;
        -moz-width: 64px;
        -o-width: 64px;
        width: 64px;
        -webkit-left: 183%;
        -ms-left: 183%;
        -moz-left: 183%;
        -o-left: 183%;
        left: 183%; } }
  .page-xmastest .snow-flakes div:nth-child(16) {
    -webkit-animation-duration: 4454ms;
    -ms-animation-duration: 4454ms;
    -moz-animation-duration: 4454ms;
    -o-animation-duration: 4454ms;
    animation-duration: 4454ms; }
    .page-xmastest .snow-flakes div:nth-child(16) img {
      -webkit-width: 39px;
      -ms-width: 39px;
      -moz-width: 39px;
      -o-width: 39px;
      width: 39px;
      -webkit-animation-delay: 568ms;
      -ms-animation-delay: 568ms;
      -moz-animation-delay: 568ms;
      -o-animation-delay: 568ms;
      animation-delay: 568ms;
      -webkit-animation-duration: 6506ms;
      -ms-animation-duration: 6506ms;
      -moz-animation-duration: 6506ms;
      -o-animation-duration: 6506ms;
      animation-duration: 6506ms;
      -webkit-left: 76%;
      -ms-left: 76%;
      -moz-left: 76%;
      -o-left: 76%;
      left: 76%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(16) img {
        -webkit-width: 56px;
        -ms-width: 56px;
        -moz-width: 56px;
        -o-width: 56px;
        width: 56px;
        -webkit-left: 123%;
        -ms-left: 123%;
        -moz-left: 123%;
        -o-left: 123%;
        left: 123%; } }
  .page-xmastest .snow-flakes div:nth-child(17) {
    -webkit-animation-duration: 6515ms;
    -ms-animation-duration: 6515ms;
    -moz-animation-duration: 6515ms;
    -o-animation-duration: 6515ms;
    animation-duration: 6515ms; }
    .page-xmastest .snow-flakes div:nth-child(17) img {
      -webkit-width: 21px;
      -ms-width: 21px;
      -moz-width: 21px;
      -o-width: 21px;
      width: 21px;
      -webkit-animation-delay: 689ms;
      -ms-animation-delay: 689ms;
      -moz-animation-delay: 689ms;
      -o-animation-delay: 689ms;
      animation-delay: 689ms;
      -webkit-animation-duration: 6871ms;
      -ms-animation-duration: 6871ms;
      -moz-animation-duration: 6871ms;
      -o-animation-duration: 6871ms;
      animation-duration: 6871ms;
      -webkit-left: 82%;
      -ms-left: 82%;
      -moz-left: 82%;
      -o-left: 82%;
      left: 82%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(17) img {
        -webkit-width: 80px;
        -ms-width: 80px;
        -moz-width: 80px;
        -o-width: 80px;
        width: 80px;
        -webkit-left: 86%;
        -ms-left: 86%;
        -moz-left: 86%;
        -o-left: 86%;
        left: 86%; } }
  .page-xmastest .snow-flakes div:nth-child(18) {
    -webkit-animation-duration: 6747ms;
    -ms-animation-duration: 6747ms;
    -moz-animation-duration: 6747ms;
    -o-animation-duration: 6747ms;
    animation-duration: 6747ms; }
    .page-xmastest .snow-flakes div:nth-child(18) img {
      -webkit-width: 23px;
      -ms-width: 23px;
      -moz-width: 23px;
      -o-width: 23px;
      width: 23px;
      -webkit-animation-delay: 683ms;
      -ms-animation-delay: 683ms;
      -moz-animation-delay: 683ms;
      -o-animation-delay: 683ms;
      animation-delay: 683ms;
      -webkit-animation-duration: 6280ms;
      -ms-animation-duration: 6280ms;
      -moz-animation-duration: 6280ms;
      -o-animation-duration: 6280ms;
      animation-duration: 6280ms;
      -webkit-left: 105%;
      -ms-left: 105%;
      -moz-left: 105%;
      -o-left: 105%;
      left: 105%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(18) img {
        -webkit-width: 59px;
        -ms-width: 59px;
        -moz-width: 59px;
        -o-width: 59px;
        width: 59px;
        -webkit-left: 98%;
        -ms-left: 98%;
        -moz-left: 98%;
        -o-left: 98%;
        left: 98%; } }
  .page-xmastest .snow-flakes div:nth-child(19) {
    -webkit-animation-duration: 6583ms;
    -ms-animation-duration: 6583ms;
    -moz-animation-duration: 6583ms;
    -o-animation-duration: 6583ms;
    animation-duration: 6583ms; }
    .page-xmastest .snow-flakes div:nth-child(19) img {
      -webkit-width: 55px;
      -ms-width: 55px;
      -moz-width: 55px;
      -o-width: 55px;
      width: 55px;
      -webkit-animation-delay: 128ms;
      -ms-animation-delay: 128ms;
      -moz-animation-delay: 128ms;
      -o-animation-delay: 128ms;
      animation-delay: 128ms;
      -webkit-animation-duration: 6905ms;
      -ms-animation-duration: 6905ms;
      -moz-animation-duration: 6905ms;
      -o-animation-duration: 6905ms;
      animation-duration: 6905ms;
      -webkit-left: 77%;
      -ms-left: 77%;
      -moz-left: 77%;
      -o-left: 77%;
      left: 77%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(19) img {
        -webkit-width: 56px;
        -ms-width: 56px;
        -moz-width: 56px;
        -o-width: 56px;
        width: 56px;
        -webkit-left: 108%;
        -ms-left: 108%;
        -moz-left: 108%;
        -o-left: 108%;
        left: 108%; } }
  .page-xmastest .snow-flakes div:nth-child(20) {
    -webkit-animation-duration: 6245ms;
    -ms-animation-duration: 6245ms;
    -moz-animation-duration: 6245ms;
    -o-animation-duration: 6245ms;
    animation-duration: 6245ms; }
    .page-xmastest .snow-flakes div:nth-child(20) img {
      -webkit-width: 28px;
      -ms-width: 28px;
      -moz-width: 28px;
      -o-width: 28px;
      width: 28px;
      -webkit-animation-delay: 1104ms;
      -ms-animation-delay: 1104ms;
      -moz-animation-delay: 1104ms;
      -o-animation-delay: 1104ms;
      animation-delay: 1104ms;
      -webkit-animation-duration: 4073ms;
      -ms-animation-duration: 4073ms;
      -moz-animation-duration: 4073ms;
      -o-animation-duration: 4073ms;
      animation-duration: 4073ms;
      -webkit-left: 68%;
      -ms-left: 68%;
      -moz-left: 68%;
      -o-left: 68%;
      left: 68%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(20) img {
        -webkit-width: 90px;
        -ms-width: 90px;
        -moz-width: 90px;
        -o-width: 90px;
        width: 90px;
        -webkit-left: 36%;
        -ms-left: 36%;
        -moz-left: 36%;
        -o-left: 36%;
        left: 36%; } }
  .page-xmastest .snow-flakes div:nth-child(21) {
    -webkit-animation-duration: 6751ms;
    -ms-animation-duration: 6751ms;
    -moz-animation-duration: 6751ms;
    -o-animation-duration: 6751ms;
    animation-duration: 6751ms; }
    .page-xmastest .snow-flakes div:nth-child(21) img {
      -webkit-width: 49px;
      -ms-width: 49px;
      -moz-width: 49px;
      -o-width: 49px;
      width: 49px;
      -webkit-animation-delay: 1175ms;
      -ms-animation-delay: 1175ms;
      -moz-animation-delay: 1175ms;
      -o-animation-delay: 1175ms;
      animation-delay: 1175ms;
      -webkit-animation-duration: 4094ms;
      -ms-animation-duration: 4094ms;
      -moz-animation-duration: 4094ms;
      -o-animation-duration: 4094ms;
      animation-duration: 4094ms;
      -webkit-left: 88%;
      -ms-left: 88%;
      -moz-left: 88%;
      -o-left: 88%;
      left: 88%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(21) img {
        -webkit-width: 37px;
        -ms-width: 37px;
        -moz-width: 37px;
        -o-width: 37px;
        width: 37px;
        -webkit-left: 58%;
        -ms-left: 58%;
        -moz-left: 58%;
        -o-left: 58%;
        left: 58%; } }
  .page-xmastest .snow-flakes img {
    position: absolute;
    will-change: transform;
    width: 7%;
    top: -50px;
    left: 100px;
    -webkit-animation: snowflakes-movement-mobile 9s linear infinite;
    -ms-animation: snowflakes-movement-mobile 9s linear infinite;
    -moz-animation: snowflakes-movement-mobile 9s linear infinite;
    -o-animation: snowflakes-movement-mobile 9s linear infinite;
    animation: snowflakes-movement-mobile 9s linear infinite; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes img {
        -webkit-animation: snowflakes-movement 9s linear infinite;
        -ms-animation: snowflakes-movement 9s linear infinite;
        -moz-animation: snowflakes-movement 9s linear infinite;
        -o-animation: snowflakes-movement 9s linear infinite;
        animation: snowflakes-movement 9s linear infinite; } }

.holiday-banner {
  background: #000;
  width: 100%;
  overflow: hidden;
  margin: 40px auto 0 auto;
  height: 155px; }
  @media (min-width: 768px) {
    .holiday-banner {
      margin-top: 60px; } }
  .holiday-banner .holiday-flakes {
    position: absolute;
    width: 100%;
    max-width: 1200px;
    margin-top: 0; }
    @media (min-width: 768px) {
      .holiday-banner .holiday-flakes {
        display: none; } }
  .holiday-banner .holiday-flakes-big {
    display: none; }
    @media (min-width: 768px) {
      .holiday-banner .holiday-flakes-big {
        display: inline-block; } }
  .holiday-banner .holiday-content {
    width: 288px;
    position: absolute;
    margin: 30px 0 0 -140px;
    left: 50%;
    overflow: hidden;
    text-align: center;
    z-index: 2; }
    @media (min-width: 768px) {
      .holiday-banner .holiday-content {
        text-align: left;
        width: 680px;
        position: static;
        margin: 40px auto 0 auto; } }
    .holiday-banner .holiday-content h2 {
      font-size: 17px;
      font-family: "nationale-bold", sans-serif;
      line-height: 1.2;
      letter-spacing: 2px;
      margin: 0;
      color: cyan; }
      .holiday-banner .holiday-content h2 span {
        color: #fff; }
      @media (min-width: 768px) {
        .holiday-banner .holiday-content h2 {
          font-size: 35px;
          letter-spacing: 4px;
          float: left;
          margin: 0;
          text-align: left; } }
    .holiday-banner .holiday-content .btn-new {
      display: block;
      font-size: 9px;
      letter-spacing: 3px;
      box-sizing: border-box;
      width: 100%;
      margin: 20px auto 0 auto;
      background: #fff;
      color: #000;
      opacity: 1;
      border: none;
      font-family: "nationale-demibold", sans-serif;
      border-radius: 3px;
      padding: 14px 0 13px 0;
      max-width: 180px; }
      @media (min-width: 768px) {
        .holiday-banner .holiday-content .btn-new {
          float: right;
          font-size: 10px;
          margin: 25px 0 0 0;
          padding: 13px 0 12px 0;
          max-width: 190px; } }
      .holiday-banner .holiday-content .btn-new:hover {
        opacity: 1;
        background: #ececec; }

.holiday-calendar {
  background: #000;
  overflow: hidden;
  padding-bottom: 40px; }
  @media (min-width: 768px) {
    .holiday-calendar {
      padding-bottom: 140px; } }
  .holiday-calendar .calendar-intro {
    text-align: center;
    margin: 0 auto;
    padding: 70px 0 40px 0; }
    .holiday-calendar .calendar-intro .offer-intro {
      overflow: hidden;
      width: 95%;
      max-width: 360px;
      margin: 0 auto; }
      .holiday-calendar .calendar-intro .offer-intro h1, .holiday-calendar .calendar-intro .offer-intro h2 {
        float: left;
        text-align: left;
        color: cyan;
        font-size: 35px;
        max-width: none;
        font-family: "nationale-bold", sans-serif;
        letter-spacing: 3px;
        width: 48%;
        margin-bottom: 20px; }
      .holiday-calendar .calendar-intro .offer-intro .tidal-holiday-cta {
        width: 48%;
        float: right;
        text-align: center;
        margin-top: 5px; }
        .holiday-calendar .calendar-intro .offer-intro .tidal-holiday-cta h2 {
          font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
          font-size: 10px;
          text-align: center;
          width: 100%; }
        .holiday-calendar .calendar-intro .offer-intro .tidal-holiday-cta img {
          width: 130px; }
      .holiday-calendar .calendar-intro .offer-intro .btn-new {
        display: block;
        font-size: 10px;
        letter-spacing: 1px;
        padding: 10px 0;
        box-sizing: border-box;
        width: 100%;
        max-width: 170px;
        margin: 25px auto 50px auto;
        background: cyan;
        color: #000;
        opacity: 1;
        border: none;
        font-family: "nationale-demibold", sans-serif;
        border-radius: 3px; }
        .holiday-calendar .calendar-intro .offer-intro .btn-new:hover {
          opacity: 1;
          background: darkcyan; }
      @media (min-width: 768px) {
        .holiday-calendar .calendar-intro .offer-intro {
          max-width: 1000px;
          margin-bottom: 20px; }
          .holiday-calendar .calendar-intro .offer-intro h1, .holiday-calendar .calendar-intro .offer-intro h2 {
            padding-top: 10px;
            line-height: 1.08;
            font-size: 90px;
            letter-spacing: 4px;
            margin-bottom: 40px; }
          .holiday-calendar .calendar-intro .offer-intro .btn-new {
            max-width: 275px;
            font-size: 12px;
            margin-top: 35px;
            margin-bottom: 80px;
            padding: 16px 0 15px 0; }
          .holiday-calendar .calendar-intro .offer-intro .tidal-holiday-cta h2 {
            font-size: 14px; }
          .holiday-calendar .calendar-intro .offer-intro .tidal-holiday-cta img {
            width: 270px; } }
      @media (min-width: 1400px) {
        .holiday-calendar .calendar-intro .offer-intro h1, .holiday-calendar .calendar-intro .offer-intro h2 {
          padding-top: 10px;
          line-height: 1.08;
          font-size: 110px;
          letter-spacing: 4px;
          margin-bottom: 40px; }
        .holiday-calendar .calendar-intro .offer-intro .btn-new {
          max-width: 355px;
          letter-spacing: 3px;
          font-size: 14px;
          margin-top: 50px;
          margin-bottom: 80px;
          padding: 20px 0 19px 0; }
        .holiday-calendar .calendar-intro .offer-intro .tidal-holiday-cta {
          margin-top: 40px; }
          .holiday-calendar .calendar-intro .offer-intro .tidal-holiday-cta h2 {
            font-size: 14px; }
          .holiday-calendar .calendar-intro .offer-intro .tidal-holiday-cta img {
            width: 340px; } }
    .holiday-calendar .calendar-intro h1, .holiday-calendar .calendar-intro h2 {
      font-size: 13px;
      letter-spacing: 2px;
      line-height: 1.4;
      text-transform: uppercase;
      max-width: 210px;
      margin: 0 auto 20px auto; }
    .holiday-calendar .calendar-intro p {
      line-height: 1.2;
      font-size: 11px;
      letter-spacing: .02em;
      padding: 0 40px;
      margin: 0; }
    @media (min-width: 768px) {
      .holiday-calendar .calendar-intro h1, .holiday-calendar .calendar-intro h2 {
        font-size: 28px;
        max-width: none;
        letter-spacing: 3px;
        margin: 40px auto 20px auto; }
      .holiday-calendar .calendar-intro p {
        font-size: 14px;
        letter-spacing: .06em;
        width: 600px;
        margin: 0 auto;
        line-height: 1.3; } }
  .holiday-calendar .calendar-content {
    position: relative;
    width: 100%;
    margin: 0 auto; }
    @media (min-width: 768px) {
      .holiday-calendar .calendar-content {
        width: 768px;
        padding-top: 40px; } }
    @media (min-width: 850px) {
      .holiday-calendar .calendar-content {
        width: 770px; } }
  .holiday-calendar .cal-tile-main {
    overflow: hidden;
    line-height: 0; }
    @media (min-width: 768px) {
      .holiday-calendar .cal-tile-main {
        float: left;
        width: 60%; }
        .holiday-calendar .cal-tile-main .main-img-wrap {
          height: 359px;
          overflow: hidden; } }
    .holiday-calendar .cal-tile-main img {
      width: 100%;
      line-height: 0; }
    .holiday-calendar .cal-tile-main .cal-badge {
      position: absolute;
      top: -40px;
      left: 10px;
      width: 70px; }
      @media (min-width: 768px) {
        .holiday-calendar .cal-tile-main .cal-badge {
          top: -23px;
          left: 20px;
          width: 115px; } }
    .holiday-calendar .cal-tile-main .cal-main-info {
      position: relative;
      height: 75px;
      width: 100%;
      overflow: hidden;
      line-height: 0; }
      @media (min-width: 768px) {
        .holiday-calendar .cal-tile-main .cal-main-info {
          height: 102px; } }
    .holiday-calendar .cal-tile-main .cal-main-info > * {
      box-sizing: border-box;
      float: left;
      height: 75px; }
      @media (min-width: 768px) {
        .holiday-calendar .cal-tile-main .cal-main-info > * {
          height: 102px; } }
    .holiday-calendar .cal-tile-main .active-cal-number {
      background: #004a4a;
      width: 75px;
      padding-top: 40px;
      text-align: center;
      margin: 0; }
      @media (min-width: 768px) {
        .holiday-calendar .cal-tile-main .active-cal-number {
          font-size: 30px;
          padding-top: 50px; } }
    .holiday-calendar .cal-tile-main .active-cal-desc {
      background: #006161;
      width: calc(100% - 150px);
      padding: 20px 10px;
      line-height: 1; }
      .holiday-calendar .cal-tile-main .active-cal-desc h3 {
        margin: 0;
        font-size: 12px; }
      .holiday-calendar .cal-tile-main .active-cal-desc p {
        font-size: 10px;
        line-height: 1.2;
        margin: 5px 0 0 0; }
      @media (min-width: 768px) {
        .holiday-calendar .cal-tile-main .active-cal-desc h3 {
          font-size: 18px; }
        .holiday-calendar .cal-tile-main .active-cal-desc p {
          font-size: 12px; } }
    .holiday-calendar .cal-tile-main .active-cal-arrow {
      display: block;
      text-decoration: none;
      background: #003232;
      width: 75px;
      padding-top: 25px;
      text-align: center;
      margin: 0; }
      .holiday-calendar .cal-tile-main .active-cal-arrow img {
        width: 16px; }
      @media (min-width: 768px) {
        .holiday-calendar .cal-tile-main .active-cal-arrow {
          padding-top: 33px; }
          .holiday-calendar .cal-tile-main .active-cal-arrow img {
            width: 20px; } }
  .holiday-calendar .cal-tile {
    position: relative;
    float: left;
    width: 33.33333%;
    line-height: 0;
    background: #006f6f; }
    @media (min-width: 768px) {
      .holiday-calendar .cal-tile {
        width: 20%; }
        .holiday-calendar .cal-tile:nth-child(4) {
          background: #22a79e !important; }
        .holiday-calendar .cal-tile:nth-child(5) {
          background: #006f6f !important; } }
    @media (min-width: 850px) {
      .holiday-calendar .cal-tile {
        width: 154px;
        height: 154px;
        overflow: hidden; } }
    .holiday-calendar .cal-tile:nth-child(odd) {
      background: #22a79e; }
    .holiday-calendar .cal-tile img {
      width: 100%;
      opacity: .3; }
    .holiday-calendar .cal-tile .cal-tile-released-active {
      cursor: pointer; }
      .holiday-calendar .cal-tile .cal-tile-released-active:hover {
        opacity: .8; }
    .holiday-calendar .cal-tile .cal-number {
      pointer-events: none;
      position: absolute;
      font-size: 25px;
      line-height: 0;
      letter-spacing: 1px;
      font-family: "nationale-bold", sans-serif;
      text-align: center;
      z-index: 1;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
      -moz-transform: translate(-50%);
      -o-transform: translate(-50%);
      transform: translate(-50%); }
      @media (min-width: 768px) {
        .holiday-calendar .cal-tile .cal-number {
          font-size: 38px;
          margin: 0;
          padding: 0;
          top: 52%; } }
  .holiday-calendar .cal-tile-tidal {
    width: 66.6666%; }
    .holiday-calendar .cal-tile-tidal .stretcher {
      margin-top: 50%; }
    .holiday-calendar .cal-tile-tidal .cal-number {
      pointer-events: auto;
      display: block;
      height: 100%;
      width: 100%;
      text-decoration: none;
      font-size: 20px; }
    .holiday-calendar .cal-tile-tidal:hover {
      opacity: .9; }
    @media (min-width: 768px) {
      .holiday-calendar .cal-tile-tidal {
        width: 60%;
        float: right; }
        .holiday-calendar .cal-tile-tidal .stretcher {
          margin-top: 33.5%; }
        .holiday-calendar .cal-tile-tidal .cal-number {
          font-size: 26px; } }
  @media (min-width: 768px) {
    .holiday-calendar .no-main .cal-tile-tidal {
      width: 80%; }
      .holiday-calendar .no-main .cal-tile-tidal .stretcher {
        margin-top: 25%; }
      .holiday-calendar .no-main .cal-tile-tidal .cal-number {
        font-size: 30px; } }

.page-bestof2016 .bestof-top, .page-xmastest .bestof-top {
  position: relative;
  text-align: center;
  min-height: 200px;
  margin-top: 43px;
  padding-top: 10px;
  overflow: hidden; }
  @media (min-width: 768px) {
    .page-bestof2016 .bestof-top, .page-xmastest .bestof-top {
      margin-top: 60px;
      min-height: 500px; } }

.page-bestof2016 .bestof-top-embed, .page-xmastest .bestof-top-embed {
  max-width: 650px;
  margin: 50px auto; }

.page-bestof2016 .page-tag-line, .page-xmastest .page-tag-line {
  font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
  font-size: 13px;
  line-height: 1.6; }

.page-bestof2016 .bestof-top .tidal-icon, .page-xmastest .bestof-top .tidal-icon {
  width: 30px; }
  @media (min-width: 768px) {
    .page-bestof2016 .bestof-top .tidal-icon, .page-xmastest .bestof-top .tidal-icon {
      width: 50px;
      margin-top: 15px; } }

.page-bestof2016 .bestof-top h1, .page-bestof2016 .bestof-top h2, .page-xmastest .bestof-top h1, .page-xmastest .bestof-top h2 {
  font-size: 30px;
  font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
  color: white;
  line-height: 1.1;
  margin-top: 20px;
  letter-spacing: 12px; }
  @media (min-width: 768px) {
    .page-bestof2016 .bestof-top h1, .page-bestof2016 .bestof-top h2, .page-xmastest .bestof-top h1, .page-xmastest .bestof-top h2 {
      margin-top: 30px;
      font-size: 30px; } }

.page-bestof2016 .item-mid-content, .page-xmastest .item-mid-content {
  width: 100%;
  float: left;
  margin-top: 40px; }
  @media (min-width: 768px) {
    .page-bestof2016 .item-mid-content, .page-xmastest .item-mid-content {
      margin-top: 100px;
      text-align: center; } }

.page-bestof2016 .item-mid-content h2, .page-xmastest .item-mid-content h2 {
  font-size: 16px;
  font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
  color: white;
  margin-top: 16px;
  margin-bottom: 30px;
  letter-spacing: 7px;
  text-align: center;
  line-height: 1.5; }
  @media (min-width: 768px) {
    .page-bestof2016 .item-mid-content h2, .page-xmastest .item-mid-content h2 {
      letter-spacing: 10px;
      margin-top: 20px;
      margin-bottom: 60px;
      font-size: 20px; } }

.page-bestof2016 .bestof-top .btn-new, .page-xmastest .bestof-top .btn-new {
  color: #000;
  border-radius: 3px;
  width: 120px;
  max-width: none;
  font-size: 10px;
  padding: 10px 0;
  background: cyan;
  border: none;
  margin-top: 0;
  font-family: "nationale-demibold", sans-serif; }
  @media (min-width: 768px) {
    .page-bestof2016 .bestof-top .btn-new, .page-xmastest .bestof-top .btn-new {
      font-size: 15px;
      padding: 14px 32px;
      width: 180px;
      margin-top: 20px; } }

.page-bestof2016 .snowflakes, .page-xmastest .snowflakes {
  position: absolute;
  width: 22%;
  max-width: 460px;
  right: 0;
  top: 0; }
  .page-bestof2016 .snowflakes.left, .page-xmastest .snowflakes.left {
    right: auto;
    left: 0;
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg); }

.page-bestof2016 {
  background: #000; }
  .page-bestof2016 .item-tiles {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto; }
  .page-bestof2016 .list-header {
    margin-bottom: 60px; }
  .page-bestof2016 .item-tile {
    position: relative;
    display: inline-block;
    width: 50%;
    float: left;
    line-height: 0;
    text-align: center;
    cursor: pointer;
    margin-bottom: 20px; }
    .page-bestof2016 .item-tile:after {
      padding-top: 68%;
      content: '';
      display: block; }
    .page-bestof2016 .item-tile:hover {
      opacity: .75; }
    .page-bestof2016 .item-tile h2 {
      text-transform: uppercase;
      width: 100%;
      font-family: "nationale-demibold", sans-serif;
      font-size: 10px;
      z-index: 2;
      letter-spacing: 1px;
      margin-bottom: 10px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-left: 10px;
      padding-right: 10px; }
      @media (min-width: 768px) {
        .page-bestof2016 .item-tile h2 {
          padding-left: 0px;
          padding-right: 0px; } }
    .page-bestof2016 .item-tile p {
      position: absolute;
      z-index: 2;
      width: 100%;
      font-size: 8px;
      line-height: 1;
      margin: 0;
      bottom: 4px;
      text-transform: uppercase;
      letter-spacing: 1px; }
    @media (min-width: 768px) {
      .page-bestof2016 .item-tile {
        width: 33.33333%; }
        .page-bestof2016 .item-tile h2 {
          font-family: "nationale-bold", sans-serif;
          font-size: 13px;
          top: 15px;
          margin: 0; }
        .page-bestof2016 .item-tile p {
          font-size: 10px;
          bottom: 15px;
          margin: 0; } }
    @media (min-width: 1024px) {
      .page-bestof2016 .item-tile {
        width: 33.33333%; }
        .page-bestof2016 .item-tile h2 {
          font-size: 17px;
          letter-spacing: 2px;
          top: 25px; }
        .page-bestof2016 .item-tile p {
          font-size: 11px;
          bottom: 25px;
          margin: 0;
          letter-spacing: 2px; } }
  .page-bestof2016 .back-img {
    position: relative;
    width: 100%;
    opacity: .7;
    -webkit-filter: blur(7px);
    -ms-filter: blur(7px);
    -moz-filter: blur(7px);
    -o-filter: blur(7px);
    filter: blur(7px); }
  .page-bestof2016 .front-img {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 70%;
    -webkit-transform: translate(-50%, -60%);
    -ms-transform: translate(-50%, -60%);
    -moz-transform: translate(-50%, -60%);
    -o-transform: translate(-50%, -60%);
    transform: translate(-50%, -60%); }