@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; }
  .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;
  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; }
  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; }
  .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; }
    .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; }
  .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; }

@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-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-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; } }

.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 */
  /* ----------------------------------------------- */ }
  .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; }
    .page-index-2 .splash.tidal-takeover.tip-dope .welcome-mat-wrapper {
      margin-top: 40px; }
    .page-index-2 .splash.tidal-takeover.tip-dope .takeover-left {
      max-width: 380px; }
    .page-index-2 .splash.tidal-takeover.tip-dope .tidal-embed {
      line-height: 0; }
    .page-index-2 .splash.tidal-takeover.tip-dope .live-stream-wrapper {
      margin-top: 0; }
    .page-index-2 .splash.tidal-takeover.tip-dope .formation-headline-artist {
      font-size: 40px; }
      .page-index-2 .splash.tidal-takeover.tip-dope .formation-headline-artist span {
        font-size: 11px;
        letter-spacing: 3px;
        display: block;
        margin-top: 1px;
        font-family: "nationale-demibold", sans-serif; }
    .page-index-2 .splash.tidal-takeover.tip-dope .formation-headline-track {
      font-family: "nationale-bold", sans-serif;
      font-size: 42px; }
    @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.tip-dope .takeover-right {
          width: 55% !important;
          max-width: 450px;
          text-align: left;
          margin-left: 2%;
          margin-right: 0;
          margin-top: 40px; }
          .page-index-2 .splash.tidal-takeover.tip-dope .takeover-right p {
            margin-top: 0 !important; }
          .page-index-2 .splash.tidal-takeover.tip-dope .takeover-right .formation-headline-artist span {
            font-size: 14px;
            letter-spacing: 5px; }
          .page-index-2 .splash.tidal-takeover.tip-dope .takeover-right .formation-headline-track {
            font-size: 58px;
            margin-top: 15px; } }
    @media (min-width: 1024px) {
      .page-index-2 .splash.tidal-takeover.tip-dope .takeover-left {
        max-width: none;
        width: 48% !important; }
      .page-index-2 .splash.tidal-takeover.tip-dope .takeover-right {
        margin-left: 5%;
        margin-top: 80px; }
        .page-index-2 .splash.tidal-takeover.tip-dope .takeover-right .formation-headline-artist {
          font-size: 82px; }
        .page-index-2 .splash.tidal-takeover.tip-dope .takeover-right .formation-headline-track {
          font-size: 92px; } }
  .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.dda-takeover {
    background: #000 url("/images/index2/promos/pushat/dda-bg-mobile.42463a66.jpg") top center no-repeat;
    background-size: cover; }
    .page-index-2 .splash.tidal-takeover.dda-takeover .takeover-right .btn-new {
      max-width: none;
      width: 285px;
      padding-left: 0;
      padding-right: 0;
      letter-spacing: 2px; }
    .page-index-2 .splash.tidal-takeover.dda-takeover .dda-headline-1 {
      font-size: 21px;
      font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
      letter-spacing: 1px; }
      .page-index-2 .splash.tidal-takeover.dda-takeover .dda-headline-1 span {
        font-size: 10px;
        text-transform: uppercase; }
    .page-index-2 .splash.tidal-takeover.dda-takeover .dda-headline-2 {
      font-size: 20px;
      font-family: "nationale-bold", sans-serif;
      letter-spacing: 0; }
    .page-index-2 .splash.tidal-takeover.dda-takeover .dda-headline-3 {
      font-size: 21px;
      font-family: "nationale", "nationale-regular", "Helvetica", sans-serif;
      letter-spacing: 1px; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.dda-takeover {
        background: #000 url("/images/index2/promos/pushat/dda-bg.0d3e8d15.jpg") top center no-repeat;
        background-size: cover; }
        .page-index-2 .splash.tidal-takeover.dda-takeover .takeover-right {
          margin-top: 80px; }
        .page-index-2 .splash.tidal-takeover.dda-takeover .takeover-right .btn-new {
          font-size: 10px;
          width: 285px; }
        .page-index-2 .splash.tidal-takeover.dda-takeover .takeover-right h2 {
          font-size: 25px;
          letter-spacing: 0;
          margin: 10px 0; } }
    @media (min-width: 1150px) {
      .page-index-2 .splash.tidal-takeover.dda-takeover .takeover-right {
        margin-top: 120px; }
      .page-index-2 .splash.tidal-takeover.dda-takeover .takeover-right h2 {
        font-size: 38px; }
        .page-index-2 .splash.tidal-takeover.dda-takeover .takeover-right h2 span {
          font-size: 16px; } }
    @media (min-width: 1400px) {
      .page-index-2 .splash.tidal-takeover.dda-takeover .takeover-right {
        margin-top: 150px; }
      .page-index-2 .splash.tidal-takeover.dda-takeover .takeover-right h2 {
        font-size: 42px; } }
  .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.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.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.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.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;
      margin: 0 0 20px 0; }
      @media (min-width: 1150px) {
        .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: 3px;
          font-size: 20px; } }
    .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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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; }
    .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.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; } }
  .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 .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-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-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-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-takeover {
        min-height: 95vh; } }
    .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-takeover img.intro {
        max-width: 787px;
        margin: 0px auto; }
      .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-takeover img.head {
            margin-top: 22vh; } }
        @media (min-width: 1024px) {
          .page-index-2 .splash.tidal-takeover.ward-vs-kovalev-takeover img.head {
            margin-top: 10vh; } }
      .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-takeover .float {
      float: left;
      width: 100%; }
      .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-takeover .float {
          float: left;
          width: 50%; }
          .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-takeover .cta-wrapper {
      margin-top: 20px; }
  .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: 60px; } }
    .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.5em; }
      .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.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-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-takeover {
    background-image: url(/images/index2/promos/clmd/clmd-neverwanna-bg.12b3240d.jpg); }
    .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-takeover .description {
          font-size: 20px;
          letter-spacing: 3px; } }
      .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-takeover .description p.artist {
          font: 3.23em/1 "nationale-bold", sans-serif; }
        .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-takeover .btn-wrapper .btn-new {
      letter-spacing: 0; }
  .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;
            display: block; }
          .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; }

@media (min-width: 768px) {
  .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; } }

.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-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; } }

.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; }
  .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: 80px; }
    .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 .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; }

.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; }

.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: 5173ms;
    -ms-animation-duration: 5173ms;
    -moz-animation-duration: 5173ms;
    -o-animation-duration: 5173ms;
    animation-duration: 5173ms; }
    .page-xmastest .snow-flakes div:nth-child(1) img {
      -webkit-width: 55px;
      -ms-width: 55px;
      -moz-width: 55px;
      -o-width: 55px;
      width: 55px;
      -webkit-animation-delay: 1666ms;
      -ms-animation-delay: 1666ms;
      -moz-animation-delay: 1666ms;
      -o-animation-delay: 1666ms;
      animation-delay: 1666ms;
      -webkit-animation-duration: 6041ms;
      -ms-animation-duration: 6041ms;
      -moz-animation-duration: 6041ms;
      -o-animation-duration: 6041ms;
      animation-duration: 6041ms;
      -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(1) img {
        -webkit-width: 86px;
        -ms-width: 86px;
        -moz-width: 86px;
        -o-width: 86px;
        width: 86px;
        -webkit-left: 135%;
        -ms-left: 135%;
        -moz-left: 135%;
        -o-left: 135%;
        left: 135%; } }
  .page-xmastest .snow-flakes div:nth-child(2) {
    -webkit-animation-duration: 5130ms;
    -ms-animation-duration: 5130ms;
    -moz-animation-duration: 5130ms;
    -o-animation-duration: 5130ms;
    animation-duration: 5130ms; }
    .page-xmastest .snow-flakes div:nth-child(2) img {
      -webkit-width: 33px;
      -ms-width: 33px;
      -moz-width: 33px;
      -o-width: 33px;
      width: 33px;
      -webkit-animation-delay: 1384ms;
      -ms-animation-delay: 1384ms;
      -moz-animation-delay: 1384ms;
      -o-animation-delay: 1384ms;
      animation-delay: 1384ms;
      -webkit-animation-duration: 8182ms;
      -ms-animation-duration: 8182ms;
      -moz-animation-duration: 8182ms;
      -o-animation-duration: 8182ms;
      animation-duration: 8182ms;
      -webkit-left: 23%;
      -ms-left: 23%;
      -moz-left: 23%;
      -o-left: 23%;
      left: 23%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(2) img {
        -webkit-width: 76px;
        -ms-width: 76px;
        -moz-width: 76px;
        -o-width: 76px;
        width: 76px;
        -webkit-left: 117%;
        -ms-left: 117%;
        -moz-left: 117%;
        -o-left: 117%;
        left: 117%; } }
  .page-xmastest .snow-flakes div:nth-child(3) {
    -webkit-animation-duration: 5480ms;
    -ms-animation-duration: 5480ms;
    -moz-animation-duration: 5480ms;
    -o-animation-duration: 5480ms;
    animation-duration: 5480ms; }
    .page-xmastest .snow-flakes div:nth-child(3) img {
      -webkit-width: 49px;
      -ms-width: 49px;
      -moz-width: 49px;
      -o-width: 49px;
      width: 49px;
      -webkit-animation-delay: 178ms;
      -ms-animation-delay: 178ms;
      -moz-animation-delay: 178ms;
      -o-animation-delay: 178ms;
      animation-delay: 178ms;
      -webkit-animation-duration: 5477ms;
      -ms-animation-duration: 5477ms;
      -moz-animation-duration: 5477ms;
      -o-animation-duration: 5477ms;
      animation-duration: 5477ms;
      -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(3) img {
        -webkit-width: 32px;
        -ms-width: 32px;
        -moz-width: 32px;
        -o-width: 32px;
        width: 32px;
        -webkit-left: 42%;
        -ms-left: 42%;
        -moz-left: 42%;
        -o-left: 42%;
        left: 42%; } }
  .page-xmastest .snow-flakes div:nth-child(4) {
    -webkit-animation-duration: 5113ms;
    -ms-animation-duration: 5113ms;
    -moz-animation-duration: 5113ms;
    -o-animation-duration: 5113ms;
    animation-duration: 5113ms; }
    .page-xmastest .snow-flakes div:nth-child(4) img {
      -webkit-width: 66px;
      -ms-width: 66px;
      -moz-width: 66px;
      -o-width: 66px;
      width: 66px;
      -webkit-animation-delay: 736ms;
      -ms-animation-delay: 736ms;
      -moz-animation-delay: 736ms;
      -o-animation-delay: 736ms;
      animation-delay: 736ms;
      -webkit-animation-duration: 8040ms;
      -ms-animation-duration: 8040ms;
      -moz-animation-duration: 8040ms;
      -o-animation-duration: 8040ms;
      animation-duration: 8040ms;
      -webkit-left: 7%;
      -ms-left: 7%;
      -moz-left: 7%;
      -o-left: 7%;
      left: 7%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(4) img {
        -webkit-width: 46px;
        -ms-width: 46px;
        -moz-width: 46px;
        -o-width: 46px;
        width: 46px;
        -webkit-left: 69%;
        -ms-left: 69%;
        -moz-left: 69%;
        -o-left: 69%;
        left: 69%; } }
  .page-xmastest .snow-flakes div:nth-child(5) {
    -webkit-animation-duration: 4886ms;
    -ms-animation-duration: 4886ms;
    -moz-animation-duration: 4886ms;
    -o-animation-duration: 4886ms;
    animation-duration: 4886ms; }
    .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: 534ms;
      -ms-animation-delay: 534ms;
      -moz-animation-delay: 534ms;
      -o-animation-delay: 534ms;
      animation-delay: 534ms;
      -webkit-animation-duration: 5782ms;
      -ms-animation-duration: 5782ms;
      -moz-animation-duration: 5782ms;
      -o-animation-duration: 5782ms;
      animation-duration: 5782ms;
      -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: 39px;
        -ms-width: 39px;
        -moz-width: 39px;
        -o-width: 39px;
        width: 39px;
        -webkit-left: 22%;
        -ms-left: 22%;
        -moz-left: 22%;
        -o-left: 22%;
        left: 22%; } }
  .page-xmastest .snow-flakes div:nth-child(6) {
    -webkit-animation-duration: 7403ms;
    -ms-animation-duration: 7403ms;
    -moz-animation-duration: 7403ms;
    -o-animation-duration: 7403ms;
    animation-duration: 7403ms; }
    .page-xmastest .snow-flakes div:nth-child(6) img {
      -webkit-width: 33px;
      -ms-width: 33px;
      -moz-width: 33px;
      -o-width: 33px;
      width: 33px;
      -webkit-animation-delay: 545ms;
      -ms-animation-delay: 545ms;
      -moz-animation-delay: 545ms;
      -o-animation-delay: 545ms;
      animation-delay: 545ms;
      -webkit-animation-duration: 8239ms;
      -ms-animation-duration: 8239ms;
      -moz-animation-duration: 8239ms;
      -o-animation-duration: 8239ms;
      animation-duration: 8239ms;
      -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(6) img {
        -webkit-width: 53px;
        -ms-width: 53px;
        -moz-width: 53px;
        -o-width: 53px;
        width: 53px;
        -webkit-left: 78%;
        -ms-left: 78%;
        -moz-left: 78%;
        -o-left: 78%;
        left: 78%; } }
  .page-xmastest .snow-flakes div:nth-child(7) {
    -webkit-animation-duration: 6973ms;
    -ms-animation-duration: 6973ms;
    -moz-animation-duration: 6973ms;
    -o-animation-duration: 6973ms;
    animation-duration: 6973ms; }
    .page-xmastest .snow-flakes div:nth-child(7) img {
      -webkit-width: 64px;
      -ms-width: 64px;
      -moz-width: 64px;
      -o-width: 64px;
      width: 64px;
      -webkit-animation-delay: 2042ms;
      -ms-animation-delay: 2042ms;
      -moz-animation-delay: 2042ms;
      -o-animation-delay: 2042ms;
      animation-delay: 2042ms;
      -webkit-animation-duration: 5745ms;
      -ms-animation-duration: 5745ms;
      -moz-animation-duration: 5745ms;
      -o-animation-duration: 5745ms;
      animation-duration: 5745ms;
      -webkit-left: 35%;
      -ms-left: 35%;
      -moz-left: 35%;
      -o-left: 35%;
      left: 35%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(7) img {
        -webkit-width: 87px;
        -ms-width: 87px;
        -moz-width: 87px;
        -o-width: 87px;
        width: 87px;
        -webkit-left: 176%;
        -ms-left: 176%;
        -moz-left: 176%;
        -o-left: 176%;
        left: 176%; } }
  .page-xmastest .snow-flakes div:nth-child(8) {
    -webkit-animation-duration: 6426ms;
    -ms-animation-duration: 6426ms;
    -moz-animation-duration: 6426ms;
    -o-animation-duration: 6426ms;
    animation-duration: 6426ms; }
    .page-xmastest .snow-flakes div:nth-child(8) img {
      -webkit-width: 65px;
      -ms-width: 65px;
      -moz-width: 65px;
      -o-width: 65px;
      width: 65px;
      -webkit-animation-delay: 377ms;
      -ms-animation-delay: 377ms;
      -moz-animation-delay: 377ms;
      -o-animation-delay: 377ms;
      animation-delay: 377ms;
      -webkit-animation-duration: 7549ms;
      -ms-animation-duration: 7549ms;
      -moz-animation-duration: 7549ms;
      -o-animation-duration: 7549ms;
      animation-duration: 7549ms;
      -webkit-left: 55%;
      -ms-left: 55%;
      -moz-left: 55%;
      -o-left: 55%;
      left: 55%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(8) img {
        -webkit-width: 67px;
        -ms-width: 67px;
        -moz-width: 67px;
        -o-width: 67px;
        width: 67px;
        -webkit-left: 117%;
        -ms-left: 117%;
        -moz-left: 117%;
        -o-left: 117%;
        left: 117%; } }
  .page-xmastest .snow-flakes div:nth-child(9) {
    -webkit-animation-duration: 6898ms;
    -ms-animation-duration: 6898ms;
    -moz-animation-duration: 6898ms;
    -o-animation-duration: 6898ms;
    animation-duration: 6898ms; }
    .page-xmastest .snow-flakes div:nth-child(9) img {
      -webkit-width: 29px;
      -ms-width: 29px;
      -moz-width: 29px;
      -o-width: 29px;
      width: 29px;
      -webkit-animation-delay: 1041ms;
      -ms-animation-delay: 1041ms;
      -moz-animation-delay: 1041ms;
      -o-animation-delay: 1041ms;
      animation-delay: 1041ms;
      -webkit-animation-duration: 6029ms;
      -ms-animation-duration: 6029ms;
      -moz-animation-duration: 6029ms;
      -o-animation-duration: 6029ms;
      animation-duration: 6029ms;
      -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(9) img {
        -webkit-width: 41px;
        -ms-width: 41px;
        -moz-width: 41px;
        -o-width: 41px;
        width: 41px;
        -webkit-left: 24%;
        -ms-left: 24%;
        -moz-left: 24%;
        -o-left: 24%;
        left: 24%; } }
  .page-xmastest .snow-flakes div:nth-child(10) {
    -webkit-animation-duration: 5672ms;
    -ms-animation-duration: 5672ms;
    -moz-animation-duration: 5672ms;
    -o-animation-duration: 5672ms;
    animation-duration: 5672ms; }
    .page-xmastest .snow-flakes div:nth-child(10) img {
      -webkit-width: 43px;
      -ms-width: 43px;
      -moz-width: 43px;
      -o-width: 43px;
      width: 43px;
      -webkit-animation-delay: 1109ms;
      -ms-animation-delay: 1109ms;
      -moz-animation-delay: 1109ms;
      -o-animation-delay: 1109ms;
      animation-delay: 1109ms;
      -webkit-animation-duration: 8257ms;
      -ms-animation-duration: 8257ms;
      -moz-animation-duration: 8257ms;
      -o-animation-duration: 8257ms;
      animation-duration: 8257ms;
      -webkit-left: 86%;
      -ms-left: 86%;
      -moz-left: 86%;
      -o-left: 86%;
      left: 86%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(10) img {
        -webkit-width: 64px;
        -ms-width: 64px;
        -moz-width: 64px;
        -o-width: 64px;
        width: 64px;
        -webkit-left: 74%;
        -ms-left: 74%;
        -moz-left: 74%;
        -o-left: 74%;
        left: 74%; } }
  .page-xmastest .snow-flakes div:nth-child(11) {
    -webkit-animation-duration: 4746ms;
    -ms-animation-duration: 4746ms;
    -moz-animation-duration: 4746ms;
    -o-animation-duration: 4746ms;
    animation-duration: 4746ms; }
    .page-xmastest .snow-flakes div:nth-child(11) img {
      -webkit-width: 49px;
      -ms-width: 49px;
      -moz-width: 49px;
      -o-width: 49px;
      width: 49px;
      -webkit-animation-delay: 936ms;
      -ms-animation-delay: 936ms;
      -moz-animation-delay: 936ms;
      -o-animation-delay: 936ms;
      animation-delay: 936ms;
      -webkit-animation-duration: 7971ms;
      -ms-animation-duration: 7971ms;
      -moz-animation-duration: 7971ms;
      -o-animation-duration: 7971ms;
      animation-duration: 7971ms;
      -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(11) img {
        -webkit-width: 33px;
        -ms-width: 33px;
        -moz-width: 33px;
        -o-width: 33px;
        width: 33px;
        -webkit-left: 173%;
        -ms-left: 173%;
        -moz-left: 173%;
        -o-left: 173%;
        left: 173%; } }
  .page-xmastest .snow-flakes div:nth-child(12) {
    -webkit-animation-duration: 5431ms;
    -ms-animation-duration: 5431ms;
    -moz-animation-duration: 5431ms;
    -o-animation-duration: 5431ms;
    animation-duration: 5431ms; }
    .page-xmastest .snow-flakes div:nth-child(12) img {
      -webkit-width: 35px;
      -ms-width: 35px;
      -moz-width: 35px;
      -o-width: 35px;
      width: 35px;
      -webkit-animation-delay: 1812ms;
      -ms-animation-delay: 1812ms;
      -moz-animation-delay: 1812ms;
      -o-animation-delay: 1812ms;
      animation-delay: 1812ms;
      -webkit-animation-duration: 4452ms;
      -ms-animation-duration: 4452ms;
      -moz-animation-duration: 4452ms;
      -o-animation-duration: 4452ms;
      animation-duration: 4452ms;
      -webkit-left: 96%;
      -ms-left: 96%;
      -moz-left: 96%;
      -o-left: 96%;
      left: 96%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(12) img {
        -webkit-width: 45px;
        -ms-width: 45px;
        -moz-width: 45px;
        -o-width: 45px;
        width: 45px;
        -webkit-left: 138%;
        -ms-left: 138%;
        -moz-left: 138%;
        -o-left: 138%;
        left: 138%; } }
  .page-xmastest .snow-flakes div:nth-child(13) {
    -webkit-animation-duration: 5463ms;
    -ms-animation-duration: 5463ms;
    -moz-animation-duration: 5463ms;
    -o-animation-duration: 5463ms;
    animation-duration: 5463ms; }
    .page-xmastest .snow-flakes div:nth-child(13) img {
      -webkit-width: 42px;
      -ms-width: 42px;
      -moz-width: 42px;
      -o-width: 42px;
      width: 42px;
      -webkit-animation-delay: 1444ms;
      -ms-animation-delay: 1444ms;
      -moz-animation-delay: 1444ms;
      -o-animation-delay: 1444ms;
      animation-delay: 1444ms;
      -webkit-animation-duration: 7006ms;
      -ms-animation-duration: 7006ms;
      -moz-animation-duration: 7006ms;
      -o-animation-duration: 7006ms;
      animation-duration: 7006ms;
      -webkit-left: 16%;
      -ms-left: 16%;
      -moz-left: 16%;
      -o-left: 16%;
      left: 16%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(13) img {
        -webkit-width: 50px;
        -ms-width: 50px;
        -moz-width: 50px;
        -o-width: 50px;
        width: 50px;
        -webkit-left: 151%;
        -ms-left: 151%;
        -moz-left: 151%;
        -o-left: 151%;
        left: 151%; } }
  .page-xmastest .snow-flakes div:nth-child(14) {
    -webkit-animation-duration: 4945ms;
    -ms-animation-duration: 4945ms;
    -moz-animation-duration: 4945ms;
    -o-animation-duration: 4945ms;
    animation-duration: 4945ms; }
    .page-xmastest .snow-flakes div:nth-child(14) img {
      -webkit-width: 27px;
      -ms-width: 27px;
      -moz-width: 27px;
      -o-width: 27px;
      width: 27px;
      -webkit-animation-delay: 710ms;
      -ms-animation-delay: 710ms;
      -moz-animation-delay: 710ms;
      -o-animation-delay: 710ms;
      animation-delay: 710ms;
      -webkit-animation-duration: 6359ms;
      -ms-animation-duration: 6359ms;
      -moz-animation-duration: 6359ms;
      -o-animation-duration: 6359ms;
      animation-duration: 6359ms;
      -webkit-left: 28%;
      -ms-left: 28%;
      -moz-left: 28%;
      -o-left: 28%;
      left: 28%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(14) img {
        -webkit-width: 82px;
        -ms-width: 82px;
        -moz-width: 82px;
        -o-width: 82px;
        width: 82px;
        -webkit-left: 59%;
        -ms-left: 59%;
        -moz-left: 59%;
        -o-left: 59%;
        left: 59%; } }
  .page-xmastest .snow-flakes div:nth-child(15) {
    -webkit-animation-duration: 7349ms;
    -ms-animation-duration: 7349ms;
    -moz-animation-duration: 7349ms;
    -o-animation-duration: 7349ms;
    animation-duration: 7349ms; }
    .page-xmastest .snow-flakes div:nth-child(15) img {
      -webkit-width: 62px;
      -ms-width: 62px;
      -moz-width: 62px;
      -o-width: 62px;
      width: 62px;
      -webkit-animation-delay: 1275ms;
      -ms-animation-delay: 1275ms;
      -moz-animation-delay: 1275ms;
      -o-animation-delay: 1275ms;
      animation-delay: 1275ms;
      -webkit-animation-duration: 7300ms;
      -ms-animation-duration: 7300ms;
      -moz-animation-duration: 7300ms;
      -o-animation-duration: 7300ms;
      animation-duration: 7300ms;
      -webkit-left: 24%;
      -ms-left: 24%;
      -moz-left: 24%;
      -o-left: 24%;
      left: 24%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(15) img {
        -webkit-width: 59px;
        -ms-width: 59px;
        -moz-width: 59px;
        -o-width: 59px;
        width: 59px;
        -webkit-left: 158%;
        -ms-left: 158%;
        -moz-left: 158%;
        -o-left: 158%;
        left: 158%; } }
  .page-xmastest .snow-flakes div:nth-child(16) {
    -webkit-animation-duration: 5635ms;
    -ms-animation-duration: 5635ms;
    -moz-animation-duration: 5635ms;
    -o-animation-duration: 5635ms;
    animation-duration: 5635ms; }
    .page-xmastest .snow-flakes div:nth-child(16) img {
      -webkit-width: 30px;
      -ms-width: 30px;
      -moz-width: 30px;
      -o-width: 30px;
      width: 30px;
      -webkit-animation-delay: 1669ms;
      -ms-animation-delay: 1669ms;
      -moz-animation-delay: 1669ms;
      -o-animation-delay: 1669ms;
      animation-delay: 1669ms;
      -webkit-animation-duration: 5520ms;
      -ms-animation-duration: 5520ms;
      -moz-animation-duration: 5520ms;
      -o-animation-duration: 5520ms;
      animation-duration: 5520ms;
      -webkit-left: 101%;
      -ms-left: 101%;
      -moz-left: 101%;
      -o-left: 101%;
      left: 101%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(16) img {
        -webkit-width: 39px;
        -ms-width: 39px;
        -moz-width: 39px;
        -o-width: 39px;
        width: 39px;
        -webkit-left: 17%;
        -ms-left: 17%;
        -moz-left: 17%;
        -o-left: 17%;
        left: 17%; } }
  .page-xmastest .snow-flakes div:nth-child(17) {
    -webkit-animation-duration: 6420ms;
    -ms-animation-duration: 6420ms;
    -moz-animation-duration: 6420ms;
    -o-animation-duration: 6420ms;
    animation-duration: 6420ms; }
    .page-xmastest .snow-flakes div:nth-child(17) img {
      -webkit-width: 23px;
      -ms-width: 23px;
      -moz-width: 23px;
      -o-width: 23px;
      width: 23px;
      -webkit-animation-delay: 799ms;
      -ms-animation-delay: 799ms;
      -moz-animation-delay: 799ms;
      -o-animation-delay: 799ms;
      animation-delay: 799ms;
      -webkit-animation-duration: 4172ms;
      -ms-animation-duration: 4172ms;
      -moz-animation-duration: 4172ms;
      -o-animation-duration: 4172ms;
      animation-duration: 4172ms;
      -webkit-left: 35%;
      -ms-left: 35%;
      -moz-left: 35%;
      -o-left: 35%;
      left: 35%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(17) img {
        -webkit-width: 89px;
        -ms-width: 89px;
        -moz-width: 89px;
        -o-width: 89px;
        width: 89px;
        -webkit-left: 127%;
        -ms-left: 127%;
        -moz-left: 127%;
        -o-left: 127%;
        left: 127%; } }
  .page-xmastest .snow-flakes div:nth-child(18) {
    -webkit-animation-duration: 6447ms;
    -ms-animation-duration: 6447ms;
    -moz-animation-duration: 6447ms;
    -o-animation-duration: 6447ms;
    animation-duration: 6447ms; }
    .page-xmastest .snow-flakes div:nth-child(18) img {
      -webkit-width: 65px;
      -ms-width: 65px;
      -moz-width: 65px;
      -o-width: 65px;
      width: 65px;
      -webkit-animation-delay: 1851ms;
      -ms-animation-delay: 1851ms;
      -moz-animation-delay: 1851ms;
      -o-animation-delay: 1851ms;
      animation-delay: 1851ms;
      -webkit-animation-duration: 5613ms;
      -ms-animation-duration: 5613ms;
      -moz-animation-duration: 5613ms;
      -o-animation-duration: 5613ms;
      animation-duration: 5613ms;
      -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(18) img {
        -webkit-width: 72px;
        -ms-width: 72px;
        -moz-width: 72px;
        -o-width: 72px;
        width: 72px;
        -webkit-left: 17%;
        -ms-left: 17%;
        -moz-left: 17%;
        -o-left: 17%;
        left: 17%; } }
  .page-xmastest .snow-flakes div:nth-child(19) {
    -webkit-animation-duration: 5859ms;
    -ms-animation-duration: 5859ms;
    -moz-animation-duration: 5859ms;
    -o-animation-duration: 5859ms;
    animation-duration: 5859ms; }
    .page-xmastest .snow-flakes div:nth-child(19) img {
      -webkit-width: 54px;
      -ms-width: 54px;
      -moz-width: 54px;
      -o-width: 54px;
      width: 54px;
      -webkit-animation-delay: 667ms;
      -ms-animation-delay: 667ms;
      -moz-animation-delay: 667ms;
      -o-animation-delay: 667ms;
      animation-delay: 667ms;
      -webkit-animation-duration: 5288ms;
      -ms-animation-duration: 5288ms;
      -moz-animation-duration: 5288ms;
      -o-animation-duration: 5288ms;
      animation-duration: 5288ms;
      -webkit-left: 104%;
      -ms-left: 104%;
      -moz-left: 104%;
      -o-left: 104%;
      left: 104%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(19) img {
        -webkit-width: 52px;
        -ms-width: 52px;
        -moz-width: 52px;
        -o-width: 52px;
        width: 52px;
        -webkit-left: 132%;
        -ms-left: 132%;
        -moz-left: 132%;
        -o-left: 132%;
        left: 132%; } }
  .page-xmastest .snow-flakes div:nth-child(20) {
    -webkit-animation-duration: 4525ms;
    -ms-animation-duration: 4525ms;
    -moz-animation-duration: 4525ms;
    -o-animation-duration: 4525ms;
    animation-duration: 4525ms; }
    .page-xmastest .snow-flakes div:nth-child(20) img {
      -webkit-width: 40px;
      -ms-width: 40px;
      -moz-width: 40px;
      -o-width: 40px;
      width: 40px;
      -webkit-animation-delay: 1840ms;
      -ms-animation-delay: 1840ms;
      -moz-animation-delay: 1840ms;
      -o-animation-delay: 1840ms;
      animation-delay: 1840ms;
      -webkit-animation-duration: 4920ms;
      -ms-animation-duration: 4920ms;
      -moz-animation-duration: 4920ms;
      -o-animation-duration: 4920ms;
      animation-duration: 4920ms;
      -webkit-left: 37%;
      -ms-left: 37%;
      -moz-left: 37%;
      -o-left: 37%;
      left: 37%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(20) img {
        -webkit-width: 41px;
        -ms-width: 41px;
        -moz-width: 41px;
        -o-width: 41px;
        width: 41px;
        -webkit-left: 130%;
        -ms-left: 130%;
        -moz-left: 130%;
        -o-left: 130%;
        left: 130%; } }
  .page-xmastest .snow-flakes div:nth-child(21) {
    -webkit-animation-duration: 6497ms;
    -ms-animation-duration: 6497ms;
    -moz-animation-duration: 6497ms;
    -o-animation-duration: 6497ms;
    animation-duration: 6497ms; }
    .page-xmastest .snow-flakes div:nth-child(21) img {
      -webkit-width: 43px;
      -ms-width: 43px;
      -moz-width: 43px;
      -o-width: 43px;
      width: 43px;
      -webkit-animation-delay: 444ms;
      -ms-animation-delay: 444ms;
      -moz-animation-delay: 444ms;
      -o-animation-delay: 444ms;
      animation-delay: 444ms;
      -webkit-animation-duration: 8099ms;
      -ms-animation-duration: 8099ms;
      -moz-animation-duration: 8099ms;
      -o-animation-duration: 8099ms;
      animation-duration: 8099ms;
      -webkit-left: 85%;
      -ms-left: 85%;
      -moz-left: 85%;
      -o-left: 85%;
      left: 85%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(21) img {
        -webkit-width: 53px;
        -ms-width: 53px;
        -moz-width: 53px;
        -o-width: 53px;
        width: 53px;
        -webkit-left: 184%;
        -ms-left: 184%;
        -moz-left: 184%;
        -o-left: 184%;
        left: 184%; } }
  .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: 4788ms;
    -ms-animation-duration: 4788ms;
    -moz-animation-duration: 4788ms;
    -o-animation-duration: 4788ms;
    animation-duration: 4788ms; }
    .page-xmastest .snow-flakes div:nth-child(1) img {
      -webkit-width: 62px;
      -ms-width: 62px;
      -moz-width: 62px;
      -o-width: 62px;
      width: 62px;
      -webkit-animation-delay: 1440ms;
      -ms-animation-delay: 1440ms;
      -moz-animation-delay: 1440ms;
      -o-animation-delay: 1440ms;
      animation-delay: 1440ms;
      -webkit-animation-duration: 4606ms;
      -ms-animation-duration: 4606ms;
      -moz-animation-duration: 4606ms;
      -o-animation-duration: 4606ms;
      animation-duration: 4606ms;
      -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(1) img {
        -webkit-width: 89px;
        -ms-width: 89px;
        -moz-width: 89px;
        -o-width: 89px;
        width: 89px;
        -webkit-left: 101%;
        -ms-left: 101%;
        -moz-left: 101%;
        -o-left: 101%;
        left: 101%; } }
  .page-xmastest .snow-flakes div:nth-child(2) {
    -webkit-animation-duration: 6964ms;
    -ms-animation-duration: 6964ms;
    -moz-animation-duration: 6964ms;
    -o-animation-duration: 6964ms;
    animation-duration: 6964ms; }
    .page-xmastest .snow-flakes div:nth-child(2) img {
      -webkit-width: 45px;
      -ms-width: 45px;
      -moz-width: 45px;
      -o-width: 45px;
      width: 45px;
      -webkit-animation-delay: 911ms;
      -ms-animation-delay: 911ms;
      -moz-animation-delay: 911ms;
      -o-animation-delay: 911ms;
      animation-delay: 911ms;
      -webkit-animation-duration: 6057ms;
      -ms-animation-duration: 6057ms;
      -moz-animation-duration: 6057ms;
      -o-animation-duration: 6057ms;
      animation-duration: 6057ms;
      -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(2) img {
        -webkit-width: 57px;
        -ms-width: 57px;
        -moz-width: 57px;
        -o-width: 57px;
        width: 57px;
        -webkit-left: 174%;
        -ms-left: 174%;
        -moz-left: 174%;
        -o-left: 174%;
        left: 174%; } }
  .page-xmastest .snow-flakes div:nth-child(3) {
    -webkit-animation-duration: 5310ms;
    -ms-animation-duration: 5310ms;
    -moz-animation-duration: 5310ms;
    -o-animation-duration: 5310ms;
    animation-duration: 5310ms; }
    .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: 1988ms;
      -ms-animation-delay: 1988ms;
      -moz-animation-delay: 1988ms;
      -o-animation-delay: 1988ms;
      animation-delay: 1988ms;
      -webkit-animation-duration: 7486ms;
      -ms-animation-duration: 7486ms;
      -moz-animation-duration: 7486ms;
      -o-animation-duration: 7486ms;
      animation-duration: 7486ms;
      -webkit-left: 87%;
      -ms-left: 87%;
      -moz-left: 87%;
      -o-left: 87%;
      left: 87%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(3) img {
        -webkit-width: 88px;
        -ms-width: 88px;
        -moz-width: 88px;
        -o-width: 88px;
        width: 88px;
        -webkit-left: 58%;
        -ms-left: 58%;
        -moz-left: 58%;
        -o-left: 58%;
        left: 58%; } }
  .page-xmastest .snow-flakes div:nth-child(4) {
    -webkit-animation-duration: 4738ms;
    -ms-animation-duration: 4738ms;
    -moz-animation-duration: 4738ms;
    -o-animation-duration: 4738ms;
    animation-duration: 4738ms; }
    .page-xmastest .snow-flakes div:nth-child(4) img {
      -webkit-width: 25px;
      -ms-width: 25px;
      -moz-width: 25px;
      -o-width: 25px;
      width: 25px;
      -webkit-animation-delay: 549ms;
      -ms-animation-delay: 549ms;
      -moz-animation-delay: 549ms;
      -o-animation-delay: 549ms;
      animation-delay: 549ms;
      -webkit-animation-duration: 6756ms;
      -ms-animation-duration: 6756ms;
      -moz-animation-duration: 6756ms;
      -o-animation-duration: 6756ms;
      animation-duration: 6756ms;
      -webkit-left: 8%;
      -ms-left: 8%;
      -moz-left: 8%;
      -o-left: 8%;
      left: 8%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(4) img {
        -webkit-width: 36px;
        -ms-width: 36px;
        -moz-width: 36px;
        -o-width: 36px;
        width: 36px;
        -webkit-left: 176%;
        -ms-left: 176%;
        -moz-left: 176%;
        -o-left: 176%;
        left: 176%; } }
  .page-xmastest .snow-flakes div:nth-child(5) {
    -webkit-animation-duration: 5705ms;
    -ms-animation-duration: 5705ms;
    -moz-animation-duration: 5705ms;
    -o-animation-duration: 5705ms;
    animation-duration: 5705ms; }
    .page-xmastest .snow-flakes div:nth-child(5) img {
      -webkit-width: 64px;
      -ms-width: 64px;
      -moz-width: 64px;
      -o-width: 64px;
      width: 64px;
      -webkit-animation-delay: 1272ms;
      -ms-animation-delay: 1272ms;
      -moz-animation-delay: 1272ms;
      -o-animation-delay: 1272ms;
      animation-delay: 1272ms;
      -webkit-animation-duration: 6136ms;
      -ms-animation-duration: 6136ms;
      -moz-animation-duration: 6136ms;
      -o-animation-duration: 6136ms;
      animation-duration: 6136ms;
      -webkit-left: 63%;
      -ms-left: 63%;
      -moz-left: 63%;
      -o-left: 63%;
      left: 63%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(5) img {
        -webkit-width: 60px;
        -ms-width: 60px;
        -moz-width: 60px;
        -o-width: 60px;
        width: 60px;
        -webkit-left: 62%;
        -ms-left: 62%;
        -moz-left: 62%;
        -o-left: 62%;
        left: 62%; } }
  .page-xmastest .snow-flakes div:nth-child(6) {
    -webkit-animation-duration: 6702ms;
    -ms-animation-duration: 6702ms;
    -moz-animation-duration: 6702ms;
    -o-animation-duration: 6702ms;
    animation-duration: 6702ms; }
    .page-xmastest .snow-flakes div:nth-child(6) img {
      -webkit-width: 52px;
      -ms-width: 52px;
      -moz-width: 52px;
      -o-width: 52px;
      width: 52px;
      -webkit-animation-delay: 1944ms;
      -ms-animation-delay: 1944ms;
      -moz-animation-delay: 1944ms;
      -o-animation-delay: 1944ms;
      animation-delay: 1944ms;
      -webkit-animation-duration: 7273ms;
      -ms-animation-duration: 7273ms;
      -moz-animation-duration: 7273ms;
      -o-animation-duration: 7273ms;
      animation-duration: 7273ms;
      -webkit-left: 31%;
      -ms-left: 31%;
      -moz-left: 31%;
      -o-left: 31%;
      left: 31%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(6) img {
        -webkit-width: 32px;
        -ms-width: 32px;
        -moz-width: 32px;
        -o-width: 32px;
        width: 32px;
        -webkit-left: 71%;
        -ms-left: 71%;
        -moz-left: 71%;
        -o-left: 71%;
        left: 71%; } }
  .page-xmastest .snow-flakes div:nth-child(7) {
    -webkit-animation-duration: 4459ms;
    -ms-animation-duration: 4459ms;
    -moz-animation-duration: 4459ms;
    -o-animation-duration: 4459ms;
    animation-duration: 4459ms; }
    .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: 1445ms;
      -ms-animation-delay: 1445ms;
      -moz-animation-delay: 1445ms;
      -o-animation-delay: 1445ms;
      animation-delay: 1445ms;
      -webkit-animation-duration: 6293ms;
      -ms-animation-duration: 6293ms;
      -moz-animation-duration: 6293ms;
      -o-animation-duration: 6293ms;
      animation-duration: 6293ms;
      -webkit-left: 7%;
      -ms-left: 7%;
      -moz-left: 7%;
      -o-left: 7%;
      left: 7%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(7) img {
        -webkit-width: 41px;
        -ms-width: 41px;
        -moz-width: 41px;
        -o-width: 41px;
        width: 41px;
        -webkit-left: 38%;
        -ms-left: 38%;
        -moz-left: 38%;
        -o-left: 38%;
        left: 38%; } }
  .page-xmastest .snow-flakes div:nth-child(8) {
    -webkit-animation-duration: 6467ms;
    -ms-animation-duration: 6467ms;
    -moz-animation-duration: 6467ms;
    -o-animation-duration: 6467ms;
    animation-duration: 6467ms; }
    .page-xmastest .snow-flakes div:nth-child(8) img {
      -webkit-width: 65px;
      -ms-width: 65px;
      -moz-width: 65px;
      -o-width: 65px;
      width: 65px;
      -webkit-animation-delay: 839ms;
      -ms-animation-delay: 839ms;
      -moz-animation-delay: 839ms;
      -o-animation-delay: 839ms;
      animation-delay: 839ms;
      -webkit-animation-duration: 6874ms;
      -ms-animation-duration: 6874ms;
      -moz-animation-duration: 6874ms;
      -o-animation-duration: 6874ms;
      animation-duration: 6874ms;
      -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: 52px;
        -ms-width: 52px;
        -moz-width: 52px;
        -o-width: 52px;
        width: 52px;
        -webkit-left: 32%;
        -ms-left: 32%;
        -moz-left: 32%;
        -o-left: 32%;
        left: 32%; } }
  .page-xmastest .snow-flakes div:nth-child(9) {
    -webkit-animation-duration: 5904ms;
    -ms-animation-duration: 5904ms;
    -moz-animation-duration: 5904ms;
    -o-animation-duration: 5904ms;
    animation-duration: 5904ms; }
    .page-xmastest .snow-flakes div:nth-child(9) img {
      -webkit-width: 27px;
      -ms-width: 27px;
      -moz-width: 27px;
      -o-width: 27px;
      width: 27px;
      -webkit-animation-delay: 1089ms;
      -ms-animation-delay: 1089ms;
      -moz-animation-delay: 1089ms;
      -o-animation-delay: 1089ms;
      animation-delay: 1089ms;
      -webkit-animation-duration: 7594ms;
      -ms-animation-duration: 7594ms;
      -moz-animation-duration: 7594ms;
      -o-animation-duration: 7594ms;
      animation-duration: 7594ms;
      -webkit-left: 27%;
      -ms-left: 27%;
      -moz-left: 27%;
      -o-left: 27%;
      left: 27%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(9) img {
        -webkit-width: 58px;
        -ms-width: 58px;
        -moz-width: 58px;
        -o-width: 58px;
        width: 58px;
        -webkit-left: 74%;
        -ms-left: 74%;
        -moz-left: 74%;
        -o-left: 74%;
        left: 74%; } }
  .page-xmastest .snow-flakes div:nth-child(10) {
    -webkit-animation-duration: 5959ms;
    -ms-animation-duration: 5959ms;
    -moz-animation-duration: 5959ms;
    -o-animation-duration: 5959ms;
    animation-duration: 5959ms; }
    .page-xmastest .snow-flakes div:nth-child(10) img {
      -webkit-width: 19px;
      -ms-width: 19px;
      -moz-width: 19px;
      -o-width: 19px;
      width: 19px;
      -webkit-animation-delay: 580ms;
      -ms-animation-delay: 580ms;
      -moz-animation-delay: 580ms;
      -o-animation-delay: 580ms;
      animation-delay: 580ms;
      -webkit-animation-duration: 7319ms;
      -ms-animation-duration: 7319ms;
      -moz-animation-duration: 7319ms;
      -o-animation-duration: 7319ms;
      animation-duration: 7319ms;
      -webkit-left: 87%;
      -ms-left: 87%;
      -moz-left: 87%;
      -o-left: 87%;
      left: 87%; }
    @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: 115%;
        -ms-left: 115%;
        -moz-left: 115%;
        -o-left: 115%;
        left: 115%; } }
  .page-xmastest .snow-flakes div:nth-child(11) {
    -webkit-animation-duration: 5620ms;
    -ms-animation-duration: 5620ms;
    -moz-animation-duration: 5620ms;
    -o-animation-duration: 5620ms;
    animation-duration: 5620ms; }
    .page-xmastest .snow-flakes div:nth-child(11) img {
      -webkit-width: 55px;
      -ms-width: 55px;
      -moz-width: 55px;
      -o-width: 55px;
      width: 55px;
      -webkit-animation-delay: 1589ms;
      -ms-animation-delay: 1589ms;
      -moz-animation-delay: 1589ms;
      -o-animation-delay: 1589ms;
      animation-delay: 1589ms;
      -webkit-animation-duration: 5249ms;
      -ms-animation-duration: 5249ms;
      -moz-animation-duration: 5249ms;
      -o-animation-duration: 5249ms;
      animation-duration: 5249ms;
      -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(11) img {
        -webkit-width: 73px;
        -ms-width: 73px;
        -moz-width: 73px;
        -o-width: 73px;
        width: 73px;
        -webkit-left: 12%;
        -ms-left: 12%;
        -moz-left: 12%;
        -o-left: 12%;
        left: 12%; } }
  .page-xmastest .snow-flakes div:nth-child(12) {
    -webkit-animation-duration: 5369ms;
    -ms-animation-duration: 5369ms;
    -moz-animation-duration: 5369ms;
    -o-animation-duration: 5369ms;
    animation-duration: 5369ms; }
    .page-xmastest .snow-flakes div:nth-child(12) img {
      -webkit-width: 41px;
      -ms-width: 41px;
      -moz-width: 41px;
      -o-width: 41px;
      width: 41px;
      -webkit-animation-delay: 1629ms;
      -ms-animation-delay: 1629ms;
      -moz-animation-delay: 1629ms;
      -o-animation-delay: 1629ms;
      animation-delay: 1629ms;
      -webkit-animation-duration: 5855ms;
      -ms-animation-duration: 5855ms;
      -moz-animation-duration: 5855ms;
      -o-animation-duration: 5855ms;
      animation-duration: 5855ms;
      -webkit-left: 75%;
      -ms-left: 75%;
      -moz-left: 75%;
      -o-left: 75%;
      left: 75%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(12) img {
        -webkit-width: 79px;
        -ms-width: 79px;
        -moz-width: 79px;
        -o-width: 79px;
        width: 79px;
        -webkit-left: 105%;
        -ms-left: 105%;
        -moz-left: 105%;
        -o-left: 105%;
        left: 105%; } }
  .page-xmastest .snow-flakes div:nth-child(13) {
    -webkit-animation-duration: 4750ms;
    -ms-animation-duration: 4750ms;
    -moz-animation-duration: 4750ms;
    -o-animation-duration: 4750ms;
    animation-duration: 4750ms; }
    .page-xmastest .snow-flakes div:nth-child(13) img {
      -webkit-width: 27px;
      -ms-width: 27px;
      -moz-width: 27px;
      -o-width: 27px;
      width: 27px;
      -webkit-animation-delay: 1812ms;
      -ms-animation-delay: 1812ms;
      -moz-animation-delay: 1812ms;
      -o-animation-delay: 1812ms;
      animation-delay: 1812ms;
      -webkit-animation-duration: 6522ms;
      -ms-animation-duration: 6522ms;
      -moz-animation-duration: 6522ms;
      -o-animation-duration: 6522ms;
      animation-duration: 6522ms;
      -webkit-left: 87%;
      -ms-left: 87%;
      -moz-left: 87%;
      -o-left: 87%;
      left: 87%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(13) img {
        -webkit-width: 74px;
        -ms-width: 74px;
        -moz-width: 74px;
        -o-width: 74px;
        width: 74px;
        -webkit-left: 45%;
        -ms-left: 45%;
        -moz-left: 45%;
        -o-left: 45%;
        left: 45%; } }
  .page-xmastest .snow-flakes div:nth-child(14) {
    -webkit-animation-duration: 6284ms;
    -ms-animation-duration: 6284ms;
    -moz-animation-duration: 6284ms;
    -o-animation-duration: 6284ms;
    animation-duration: 6284ms; }
    .page-xmastest .snow-flakes div:nth-child(14) img {
      -webkit-width: 61px;
      -ms-width: 61px;
      -moz-width: 61px;
      -o-width: 61px;
      width: 61px;
      -webkit-animation-delay: 1287ms;
      -ms-animation-delay: 1287ms;
      -moz-animation-delay: 1287ms;
      -o-animation-delay: 1287ms;
      animation-delay: 1287ms;
      -webkit-animation-duration: 4013ms;
      -ms-animation-duration: 4013ms;
      -moz-animation-duration: 4013ms;
      -o-animation-duration: 4013ms;
      animation-duration: 4013ms;
      -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(14) img {
        -webkit-width: 44px;
        -ms-width: 44px;
        -moz-width: 44px;
        -o-width: 44px;
        width: 44px;
        -webkit-left: 13%;
        -ms-left: 13%;
        -moz-left: 13%;
        -o-left: 13%;
        left: 13%; } }
  .page-xmastest .snow-flakes div:nth-child(15) {
    -webkit-animation-duration: 7120ms;
    -ms-animation-duration: 7120ms;
    -moz-animation-duration: 7120ms;
    -o-animation-duration: 7120ms;
    animation-duration: 7120ms; }
    .page-xmastest .snow-flakes div:nth-child(15) img {
      -webkit-width: 62px;
      -ms-width: 62px;
      -moz-width: 62px;
      -o-width: 62px;
      width: 62px;
      -webkit-animation-delay: 1313ms;
      -ms-animation-delay: 1313ms;
      -moz-animation-delay: 1313ms;
      -o-animation-delay: 1313ms;
      animation-delay: 1313ms;
      -webkit-animation-duration: 5368ms;
      -ms-animation-duration: 5368ms;
      -moz-animation-duration: 5368ms;
      -o-animation-duration: 5368ms;
      animation-duration: 5368ms;
      -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(15) img {
        -webkit-width: 42px;
        -ms-width: 42px;
        -moz-width: 42px;
        -o-width: 42px;
        width: 42px;
        -webkit-left: 105%;
        -ms-left: 105%;
        -moz-left: 105%;
        -o-left: 105%;
        left: 105%; } }
  .page-xmastest .snow-flakes div:nth-child(16) {
    -webkit-animation-duration: 5272ms;
    -ms-animation-duration: 5272ms;
    -moz-animation-duration: 5272ms;
    -o-animation-duration: 5272ms;
    animation-duration: 5272ms; }
    .page-xmastest .snow-flakes div:nth-child(16) img {
      -webkit-width: 30px;
      -ms-width: 30px;
      -moz-width: 30px;
      -o-width: 30px;
      width: 30px;
      -webkit-animation-delay: 1201ms;
      -ms-animation-delay: 1201ms;
      -moz-animation-delay: 1201ms;
      -o-animation-delay: 1201ms;
      animation-delay: 1201ms;
      -webkit-animation-duration: 5841ms;
      -ms-animation-duration: 5841ms;
      -moz-animation-duration: 5841ms;
      -o-animation-duration: 5841ms;
      animation-duration: 5841ms;
      -webkit-left: 73%;
      -ms-left: 73%;
      -moz-left: 73%;
      -o-left: 73%;
      left: 73%; }
    @media (min-width: 768px) {
      .page-xmastest .snow-flakes div:nth-child(16) img {
        -webkit-width: 69px;
        -ms-width: 69px;
        -moz-width: 69px;
        -o-width: 69px;
        width: 69px;
        -webkit-left: 155%;
        -ms-left: 155%;
        -moz-left: 155%;
        -o-left: 155%;
        left: 155%; } }
  .page-xmastest .snow-flakes div:nth-child(17) {
    -webkit-animation-duration: 6030ms;
    -ms-animation-duration: 6030ms;
    -moz-animation-duration: 6030ms;
    -o-animation-duration: 6030ms;
    animation-duration: 6030ms; }
    .page-xmastest .snow-flakes div:nth-child(17) img {
      -webkit-width: 53px;
      -ms-width: 53px;
      -moz-width: 53px;
      -o-width: 53px;
      width: 53px;
      -webkit-animation-delay: 628ms;
      -ms-animation-delay: 628ms;
      -moz-animation-delay: 628ms;
      -o-animation-delay: 628ms;
      animation-delay: 628ms;
      -webkit-animation-duration: 8345ms;
      -ms-animation-duration: 8345ms;
      -moz-animation-duration: 8345ms;
      -o-animation-duration: 8345ms;
      animation-duration: 8345ms;
      -webkit-left: 93%;
      -ms-left: 93%;
      -moz-left: 93%;
      -o-left: 93%;
      left: 93%; }
    @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: 174%;
        -ms-left: 174%;
        -moz-left: 174%;
        -o-left: 174%;
        left: 174%; } }
  .page-xmastest .snow-flakes div:nth-child(18) {
    -webkit-animation-duration: 5620ms;
    -ms-animation-duration: 5620ms;
    -moz-animation-duration: 5620ms;
    -o-animation-duration: 5620ms;
    animation-duration: 5620ms; }
    .page-xmastest .snow-flakes div:nth-child(18) img {
      -webkit-width: 66px;
      -ms-width: 66px;
      -moz-width: 66px;
      -o-width: 66px;
      width: 66px;
      -webkit-animation-delay: 524ms;
      -ms-animation-delay: 524ms;
      -moz-animation-delay: 524ms;
      -o-animation-delay: 524ms;
      animation-delay: 524ms;
      -webkit-animation-duration: 6932ms;
      -ms-animation-duration: 6932ms;
      -moz-animation-duration: 6932ms;
      -o-animation-duration: 6932ms;
      animation-duration: 6932ms;
      -webkit-left: 87%;
      -ms-left: 87%;
      -moz-left: 87%;
      -o-left: 87%;
      left: 87%; }
    @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: 60%;
        -ms-left: 60%;
        -moz-left: 60%;
        -o-left: 60%;
        left: 60%; } }
  .page-xmastest .snow-flakes div:nth-child(19) {
    -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(19) img {
      -webkit-width: 48px;
      -ms-width: 48px;
      -moz-width: 48px;
      -o-width: 48px;
      width: 48px;
      -webkit-animation-delay: 1712ms;
      -ms-animation-delay: 1712ms;
      -moz-animation-delay: 1712ms;
      -o-animation-delay: 1712ms;
      animation-delay: 1712ms;
      -webkit-animation-duration: 7250ms;
      -ms-animation-duration: 7250ms;
      -moz-animation-duration: 7250ms;
      -o-animation-duration: 7250ms;
      animation-duration: 7250ms;
      -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(19) img {
        -webkit-width: 86px;
        -ms-width: 86px;
        -moz-width: 86px;
        -o-width: 86px;
        width: 86px;
        -webkit-left: 85%;
        -ms-left: 85%;
        -moz-left: 85%;
        -o-left: 85%;
        left: 85%; } }
  .page-xmastest .snow-flakes div:nth-child(20) {
    -webkit-animation-duration: 6078ms;
    -ms-animation-duration: 6078ms;
    -moz-animation-duration: 6078ms;
    -o-animation-duration: 6078ms;
    animation-duration: 6078ms; }
    .page-xmastest .snow-flakes div:nth-child(20) img {
      -webkit-width: 43px;
      -ms-width: 43px;
      -moz-width: 43px;
      -o-width: 43px;
      width: 43px;
      -webkit-animation-delay: 441ms;
      -ms-animation-delay: 441ms;
      -moz-animation-delay: 441ms;
      -o-animation-delay: 441ms;
      animation-delay: 441ms;
      -webkit-animation-duration: 4451ms;
      -ms-animation-duration: 4451ms;
      -moz-animation-duration: 4451ms;
      -o-animation-duration: 4451ms;
      animation-duration: 4451ms;
      -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(20) img {
        -webkit-width: 38px;
        -ms-width: 38px;
        -moz-width: 38px;
        -o-width: 38px;
        width: 38px;
        -webkit-left: 6%;
        -ms-left: 6%;
        -moz-left: 6%;
        -o-left: 6%;
        left: 6%; } }
  .page-xmastest .snow-flakes div:nth-child(21) {
    -webkit-animation-duration: 5174ms;
    -ms-animation-duration: 5174ms;
    -moz-animation-duration: 5174ms;
    -o-animation-duration: 5174ms;
    animation-duration: 5174ms; }
    .page-xmastest .snow-flakes div:nth-child(21) img {
      -webkit-width: 50px;
      -ms-width: 50px;
      -moz-width: 50px;
      -o-width: 50px;
      width: 50px;
      -webkit-animation-delay: 1041ms;
      -ms-animation-delay: 1041ms;
      -moz-animation-delay: 1041ms;
      -o-animation-delay: 1041ms;
      animation-delay: 1041ms;
      -webkit-animation-duration: 7956ms;
      -ms-animation-duration: 7956ms;
      -moz-animation-duration: 7956ms;
      -o-animation-duration: 7956ms;
      animation-duration: 7956ms;
      -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(21) img {
        -webkit-width: 51px;
        -ms-width: 51px;
        -moz-width: 51px;
        -o-width: 51px;
        width: 51px;
        -webkit-left: 182%;
        -ms-left: 182%;
        -moz-left: 182%;
        -o-left: 182%;
        left: 182%; } }
  .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%); }