@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 {
  width: 200px;
  background: rgba(0, 0, 0, 0.2);
  background-size: 18px;
  color: #fafafa;
  border-color: #ABABAB;
  margin: 0;
  height: 28px;
  font-size: 10px;
  letter-spacing: 1px;
  position: absolute;
  padding-right: 30px;
  right: 50px;
  top: 10px; }

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

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

@media (max-width: 767px) {
  .header-shop .header-search-clear {
    position: absolute;
    right: 50px;
    top: 14px;
    z-index: 20000; }
    .header-shop .header-search-clear i {
      font-size: 22px;
      color: #FFFFFF; }
  .header-shop .header-search-inactive {
    position: absolute;
    right: 52px;
    top: 14px;
    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; } }

@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: 2px solid transparent;
  -moz-border-image: -moz-linear-gradient(right, cyan 0%, #498882 100%);
  -webkit-border-image: -webkit-linear-gradient(right, cyan 0%, #498882 100%);
  border-image: linear-gradient(to left, cyan 0%, #498882 100%);
  border-image-slice: 1;
  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; }

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

.page-index-2 .content .splash.splash-last {
  background: #000;
  text-align: center;
  min-height: 0 !important;
  height: auto !important;
  padding: 20px 0; }

.page-index-2 .footer-logo {
  max-width: 250px !important;
  margin-bottom: 20px !important; }

.page-index-2 .available-on-headline {
  margin: 5px auto;
  font-size: 16px; }

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

.page-index-2 .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-2 .available-on-txt {
      padding: 0; } }

.page-index-2 footer {
  clear: left; }

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

.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: 140px; }
  .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: 60px;
    text-align: center; }
  .content-sharing .track-name {
    display: table-cell;
    padding-left: 20px; }
  .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; }
  @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; } }
  @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; } }
  @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; } }
  @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-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%; } }
  @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; }

@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-tidal-wave .wave-total {
  background: #000; }

.page-tidal-wave .wave-top {
  margin: 0px auto;
  text-align: center; }
  .page-tidal-wave .wave-top .btn-new {
    width: 260px;
    padding: 20px;
    font-size: 18px;
    font-family: "nationale-demibold", sans-serif;
    margin-top: 20px;
    margin-bottom: 20px; }
  .page-tidal-wave .wave-top .top-artist-listing {
    margin: 0px auto 10px auto;
    font-size: 18px;
    line-height: 1.9;
    text-transform: uppercase;
    letter-spacing: 1px;
    max-width: 650px;
    font-family: 'hudson', nationale-bold, sans-serif;
    color: #fff;
    border-bottom: 1px solid #B1B1B1;
    padding-bottom: 10px; }
  .page-tidal-wave .wave-top .top-artist-listing-plus {
    display: block;
    font-family: "nationale-demibold", sans-serif;
    font-size: 10px;
    letter-spacing: 2px; }
  .page-tidal-wave .wave-top .top-artist-listing-sub {
    padding-top: 0;
    font-size: 17px;
    letter-spacing: 2px; }
    .page-tidal-wave .wave-top .top-artist-listing-sub .sub-increased {
      font-size: 15px; }
  .page-tidal-wave .wave-top .top-artist-listing-location {
    line-height: 1.5;
    letter-spacing: 10px;
    word-spacing: 10px; }
  .page-tidal-wave .wave-top .mobile-block {
    display: block; }

.page-tidal-wave .tx1020-hide {
  display: none !important; }

.page-tidal-wave .tx1020-top-header {
  position: relative;
  padding: 60px 0 0 0; }

.page-tidal-wave .tx1020-tidal-logo {
  display: block;
  margin: 0 auto 25px auto;
  width: 50px; }

.page-tidal-wave .amplified-by {
  overflow: hidden;
  width: 190px;
  margin: 5px auto 0 auto; }

.page-tidal-wave .sub-headline-wave-2 {
  float: left; }

.page-tidal-wave .tx1020-htc-logo {
  float: left;
  width: 70px;
  margin-top: 18px;
  margin-left: 12px; }

.page-tidal-wave .tx1020-logo-wrap {
  position: relative;
  z-index: 2; }

.page-tidal-wave .tx1020-top-grad {
  display: none;
  position: absolute;
  opacity: .4;
  top: 0;
  background: url("/images/tidalx/tidalx1020/tx1020-brush.15615b25.png") center no-repeat;
  background-size: cover;
  height: 400px;
  width: 100%; }

.page-tidal-wave .tx1020-top-rect {
  display: none;
  position: absolute;
  opacity: .3;
  top: 0;
  z-index: 1;
  background: url("/images/tidalx/tidalx1020/tx1020-rectangles.45c034b7.png") center no-repeat;
  background-size: cover;
  height: 370px;
  width: 100%; }

.page-tidal-wave .wave-header {
  width: 250px; }

.page-tidal-wave .wave-header-desktop {
  display: none; }

.page-tidal-wave .wave-top-sub {
  padding: 20px 0;
  background: #000; }

.page-tidal-wave p {
  font-size: 16px;
  line-height: 1.5;
  width: 95%;
  margin: 0 auto;
  max-width: 400px; }

.page-tidal-wave .sub-headline-wave {
  letter-spacing: 2px;
  font-size: 12px;
  text-align: center;
  margin: 20px auto;
  max-width: 400px;
  line-height: 1.8; }

.page-tidal-wave .wave-spread-the-love {
  text-align: center;
  padding-bottom: 40px; }

.page-tidal-wave .wave-spread-the-love h2 {
  color: cyan;
  margin-top: 40px;
  font-family: "nationale-bold", sans-serif;
  font-size: 28px; }

.page-tidal-wave .wave-spread-the-love img {
  width: 100%; }

.page-tidal-wave .wave-spread-the-love p {
  margin: 20px auto; }

.page-tidal-wave .wave-spread-the-love .btn-new {
  width: 200px; }

.page-tidal-wave .competition-modal {
  position: static;
  display: block; }

.page-tidal-wave .competition-modal input {
  background: #1c1c1c;
  border-color: #353535;
  color: #fff;
  margin-bottom: 15px; }

.page-tidal-wave .competition-modal .btn-new {
  width: 100%;
  font-size: 16px;
  padding: 18px; }

.page-tidal-wave .wave-linup {
  max-width: 700px;
  margin: 0 auto;
  overflow: hidden; }
  .page-tidal-wave .wave-linup p {
    width: auto; }

.page-tidal-wave .schedule-details-1 {
  float: left;
  width: 49.5%; }

.page-tidal-wave .schedule-details-2 {
  float: right;
  width: 49.5%; }

.page-tidal-wave .schedule-detail-item {
  margin-bottom: 10px;
  padding: 0; }
  .page-tidal-wave .schedule-detail-item:hover {
    background: cyan; }
    .page-tidal-wave .schedule-detail-item:hover a {
      color: #1a1a1a; }
  .page-tidal-wave .schedule-detail-item.no-link:hover {
    background: #212121; }
    .page-tidal-wave .schedule-detail-item.no-link:hover a {
      color: #fafafa; }
  .page-tidal-wave .schedule-detail-item.no-link a {
    pointer-events: none; }

.page-tidal-wave .schedule-detail-item .schedule-item-artist {
  width: 100%;
  float: none; }
  .page-tidal-wave .schedule-detail-item .schedule-item-artist a {
    display: block;
    padding: 20px;
    font-size: 16px;
    text-decoration: none;
    font-family: "nationale-demibold", sans-serif; }

.page-tidal-wave .schedule-extra-info p {
  text-align: center;
  margin-top: 20px;
  font-family: "nationale-demibold", sans-serif;
  margin-bottom: 60px; }

.page-tidal-wave .wave-live-stream {
  text-align: center;
  margin: 40px auto; }

.page-tidal-wave .wave-live-stream img {
  width: 50px;
  margin: 0 auto; }

.page-tidal-wave .wave-live-stream h2 {
  color: cyan;
  margin-top: 11px;
  font-family: "nationale-bold", sans-serif;
  font-size: 30px; }

.page-tidal-wave .live-stream-notified .competition-modal {
  background: none; }

.page-tidal-wave .live-stream-notified form {
  overflow: hidden;
  width: 270px; }

.page-tidal-wave .live-stream-notified .competition-modal-content {
  margin: 5px auto 20px auto; }

.page-tidal-wave .live-stream-notified input {
  margin-bottom: 0;
  margin-top: 10px;
  width: 182px;
  float: left; }

.page-tidal-wave .live-stream-notified .btn-new {
  width: 85px;
  font-size: 12px;
  padding: 13px;
  margin-top: 11px;
  float: left; }

.page-tidal-wave .wave-response-vro {
  display: none; }

.page-tidal-wave .competition-modal-success .competition-modal-content {
  display: none; }

.page-tidal-wave .competition-modal-success .wave-response-vro {
  display: block;
  background: #009999;
  padding: 100px 0;
  text-align: center; }
  .page-tidal-wave .competition-modal-success .wave-response-vro .success-icon {
    width: 60px; }
  .page-tidal-wave .competition-modal-success .wave-response-vro h2 {
    font-family: "nationale-bold", sans-serif;
    font-size: 30px;
    max-width: 500px;
    margin: 20px auto;
    line-height: 1.2; }
  .page-tidal-wave .competition-modal-success .wave-response-vro .btn-new {
    background: #fafafa;
    color: #000;
    border: 1px solid #A5A5A5;
    border-radius: 3px;
    font-family: "nationale-demibold", sans-serif; }
  .page-tidal-wave .competition-modal-success .wave-response-vro .share-ctas {
    margin-top: 20px; }

@media (min-width: 768px) {
  .page-tidal-wave .content {
    background: #000; }
  .page-tidal-wave footer .txt {
    background: #000; }
  .page-tidal-wave .wave-total {
    max-width: 2400px;
    margin: 0 auto; }
  .page-tidal-wave .wave-top {
    margin: 0 auto;
    padding-top: 20px; }
  .page-tidal-wave .wave-header {
    display: none;
    width: 430px; }
  .page-tidal-wave .amplified-by {
    width: 240px; }
  .page-tidal-wave .tx1020-htc-logo {
    margin-top: 18px; }
  .page-tidal-wave .tx1020-top-header {
    position: static;
    padding-top: 50px;
    padding-bottom: 20px; }
  .page-tidal-wave .tx1020-top-rect {
    background-size: 1300px;
    height: 500px; }
  .page-tidal-wave .tx1020-top-grad {
    top: 0;
    background-size: 1400px;
    height: 510px;
    width: 100%; }
  .page-tidal-wave .wave-headliners {
    max-width: 700px; }
  .page-tidal-wave .wave-header-desktop {
    display: inline;
    max-width: 640px; }
  .page-tidal-wave .sub-headline-wave.sub-headline-wave-1, .page-tidal-wave .sub-headline-wave.sub-headline-wave-2 {
    max-width: none;
    font-size: 14px;
    letter-spacing: 4px; }
  .page-tidal-wave .wave-top-sub {
    padding: 0px 0 40px 0;
    background: none; }
    .page-tidal-wave .wave-top-sub p {
      max-width: 575px;
      line-height: 1.8;
      color: #E6E6E6;
      font-size: 16px; }
  .page-tidal-wave .wave-top .top-artist-listing {
    position: relative;
    z-index: 2;
    font-size: 32px;
    line-height: 1.8;
    letter-spacing: 5px;
    max-width: 715px; }
  .page-tidal-wave .wave-top .top-artist-listing-sub {
    padding-top: 0;
    font-size: 18px;
    letter-spacing: 2px; }
    .page-tidal-wave .wave-top .top-artist-listing-sub .sub-increased {
      font-size: 24px; }
    .page-tidal-wave .wave-top .top-artist-listing-sub .mobile-block {
      display: inline-block; }
  .page-tidal-wave .wave-top .top-artist-listing-location {
    line-height: 1.5;
    letter-spacing: 10px;
    word-spacing: 10px; }
  .page-tidal-wave .wave-spread-the-love {
    background: url("/images/tidalx/tidalx1020/wave-crowd.11659d54.jpg") no-repeat 0 0;
    background-size: cover;
    padding-bottom: 80px;
    padding-top: 40px; }
  .page-tidal-wave .wave-spread-the-love h2 {
    margin-top: 0;
    padding-top: 80px;
    font-size: 42px; }
  .page-tidal-wave .wave-spread-the-love p {
    max-width: 620px;
    font-size: 18px; }
  .page-tidal-wave .wave-crowd-mobile {
    display: none; }
  .page-tidal-wave .wave-live-stream h2 {
    font-size: 40px; }
  .page-tidal-wave .wave-live-stream p {
    max-width: 600px;
    font-size: 18px; } }

.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; }
  @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-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 */
  /* ----------------------------------------------- */ }
  .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 .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.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.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.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.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.bloodorange-livestream-takeover {
    background-image: url(/images/index2/promos/bloodorange/bloodorange-livestream-announcement-bg.6d17c3bc.jpg);
    background-position: left bottom;
    min-height: 80vh;
    padding-bottom: 100px; }
    .page-index-2 .splash.tidal-takeover.bloodorange-livestream-takeover .description {
      font-size: 14px;
      letter-spacing: 1px;
      max-width: 600px;
      padding: 0 20px;
      box-sizing: border-box;
      margin: auto;
      margin-top: 60px;
      text-transform: uppercase; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.bloodorange-livestream-takeover .description {
          font-size: 18px;
          letter-spacing: 3px;
          margin-top: 0; } }
      @media (min-device-width: 768px) and (max-device-width: 1024px) {
        .page-index-2 .splash.tidal-takeover.bloodorange-livestream-takeover .description {
          margin-top: 10vh; } }
      @media (min-width: 1400px) {
        .page-index-2 .splash.tidal-takeover.bloodorange-livestream-takeover .description {
          margin-top: 10vh; } }
      .page-index-2 .splash.tidal-takeover.bloodorange-livestream-takeover .description p {
        margin: 0 0 10px 0;
        font-size: 1em; }
        .page-index-2 .splash.tidal-takeover.bloodorange-livestream-takeover .description p.tidalx {
          color: #00ffff;
          font-size: 1.3em; }
          .page-index-2 .splash.tidal-takeover.bloodorange-livestream-takeover .description p.tidalx span {
            font-family: "nationale-demibold", sans-serif; }
        .page-index-2 .splash.tidal-takeover.bloodorange-livestream-takeover .description p.artist {
          font: 2em/1 "nationale-bold", sans-serif;
          margin-bottom: 50px; }
        .page-index-2 .splash.tidal-takeover.bloodorange-livestream-takeover .description p.date {
          font: 1.2em "nationale-bold", sans-serif;
          margin-bottom: 20px; }
        .page-index-2 .splash.tidal-takeover.bloodorange-livestream-takeover .description p.time {
          margin-bottom: 20px; }
        .page-index-2 .splash.tidal-takeover.bloodorange-livestream-takeover .description p.hashtag {
          font: 1.2em "nationale-bold", sans-serif;
          color: #00ffff; }
    .page-index-2 .splash.tidal-takeover.bloodorange-livestream-takeover .btn-wrapper {
      margin: 50px auto auto auto;
      max-width: 240px; }
      .page-index-2 .splash.tidal-takeover.bloodorange-livestream-takeover .btn-wrapper .btn-new.always-solid {
        background-color: #fff;
        color: #000; }
  .page-index-2 .splash.tidal-takeover.bloodorange-livestream-embed-takeover {
    margin-top: 0;
    height: auto !important;
    padding: 0; }
    .page-index-2 .splash.tidal-takeover.bloodorange-livestream-embed-takeover .welcome-mat-wrapper {
      margin: 0 auto; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.bloodorange-livestream-embed-takeover .welcome-mat-wrapper {
          overflow: initial; } }
    .page-index-2 .splash.tidal-takeover.bloodorange-livestream-embed-takeover .wrapper-embed {
      max-width: 650px;
      margin: 0 auto;
      transform: translateY(-60px); }
      @media (min-width: 1150px) {
        .page-index-2 .splash.tidal-takeover.bloodorange-livestream-embed-takeover .wrapper-embed {
          transform: translateY(-80px); } }
  .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.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.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-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.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.emelisande-notanotherone-takeover {
    background-image: url(/images/index2/promos/emelisande/emelisande-notanotherone-bg.486da2d6.jpg); }
    .page-index-2 .splash.tidal-takeover.emelisande-notanotherone-takeover .takeover-right img {
      max-width: 440px; }
      @media (min-width: 768px) {
        .page-index-2 .splash.tidal-takeover.emelisande-notanotherone-takeover .takeover-right img {
          margin-top: 80px; } }
  .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; } }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.usher-rivals-takeover {
        padding: 160px 0; } }
  .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.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"); }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover.usher-hard2love {
        padding: 200px 0; } }
  .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 .playlist {
    width: 90%;
    margin: 50px auto; }
    @media (min-width: 768px) {
      .page-index-2 .splash.tidal-takeover .playlist {
        width: 80%;
        margin: 50px auto; } }

@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 {
    margin-top: 60px; } }

.container.page-index-2.tidalx1015 {
  background-color: #000; }
  .container.page-index-2.tidalx1015 .wrapper-tidalx1015 .head {
    background-image: url(/images/index2/promos/tidalx1015/tidalx1015-bg.d1aed289.jpg);
    background-size: cover;
    background-position: top center;
    padding: 60px 20px 20px 20px; }
    @media (min-width: 768px) {
      .container.page-index-2.tidalx1015 .wrapper-tidalx1015 .head {
        padding-top: 100px; } }
    .container.page-index-2.tidalx1015 .wrapper-tidalx1015 .head img {
      display: block;
      box-sizing: border-box;
      width: 100%;
      max-width: 400px;
      margin: 20px auto; }
      .container.page-index-2.tidalx1015 .wrapper-tidalx1015 .head img:first-child {
        margin-bottom: 40px;
        max-width: 280px; }
    .container.page-index-2.tidalx1015 .wrapper-tidalx1015 .head .wrapper-buttons {
      max-width: 480px;
      margin: 40px auto;
      overflow: hidden;
      clear: both; }
      .container.page-index-2.tidalx1015 .wrapper-tidalx1015 .head .wrapper-buttons a {
        box-sizing: border-box;
        border: 1px solid #00ffff;
        border-radius: 3px;
        color: #00ffff;
        font: 14px "nationale-demibold", sans-serif;
        letter-spacing: 2px;
        text-transform: uppercase;
        display: block;
        float: left;
        text-align: center;
        max-width: 100%;
        width: 100%;
        padding: 12px;
        text-decoration: none;
        margin-bottom: 10px; }
        @media screen and (min-width: 420px) {
          .container.page-index-2.tidalx1015 .wrapper-tidalx1015 .head .wrapper-buttons a {
            max-width: 49%; }
            .container.page-index-2.tidalx1015 .wrapper-tidalx1015 .head .wrapper-buttons a:first-child {
              margin-right: 2%; } }
  .container.page-index-2.tidalx1015 .wrapper-tidalx1015 .wrapper-vip h2 {
    color: #00ffff;
    text-align: center;
    font: 16px "nationale-demibold", sans-serif;
    letter-spacing: 3px;
    margin: 3px 0 0 0;
    padding: 40px 20px;
    text-transform: uppercase;
    line-height: 1.5;
    background-color: #1a1a1a; }
  .container.page-index-2.tidalx1015 .wrapper-tidalx1015 .wrapper-vip .vip-offer {
    background-color: #1a1a1a;
    box-sizing: border-box;
    padding: 20px;
    margin-top: 3px;
    transition: 0.2s ease-in; }
    .container.page-index-2.tidalx1015 .wrapper-tidalx1015 .wrapper-vip .vip-offer:hover {
      background-color: #1e1e1e; }
    .container.page-index-2.tidalx1015 .wrapper-tidalx1015 .wrapper-vip .vip-offer .limit-width {
      max-width: 850px;
      margin: auto;
      clear: both;
      overflow: hidden; }
    .container.page-index-2.tidalx1015 .wrapper-tidalx1015 .wrapper-vip .vip-offer p {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      float: left;
      text-transform: uppercase;
      max-width: 66%;
      line-height: 1.3; }
      @media (min-width: 768px) {
        .container.page-index-2.tidalx1015 .wrapper-tidalx1015 .wrapper-vip .vip-offer p {
          padding-top: 8px; } }
    .container.page-index-2.tidalx1015 .wrapper-tidalx1015 .wrapper-vip .vip-offer a {
      box-sizing: border-box;
      color: #00ffff;
      text-transform: uppercase;
      border: 1px solid #00ffff;
      border-radius: 3px;
      letter-spacing: 2px;
      padding: 10px;
      margin: 0;
      text-decoration: none;
      float: right;
      font: 10px "nationale-demibold", sans-serif;
      max-width: 33%;
      margin-left: 1%;
      text-align: center; }
  .container.page-index-2.tidalx1015 .wrapper-tidalx1015 .wrapper-additional-info {
    max-width: 850px;
    margin: 0 auto;
    padding: 80px 20px; }
    .container.page-index-2.tidalx1015 .wrapper-tidalx1015 .wrapper-additional-info h3 {
      color: #a8a8a8;
      text-transform: uppercase;
      font-family: "nationale", "nationale-regular", "Helvetica", sans-serif; }
    .container.page-index-2.tidalx1015 .wrapper-tidalx1015 .wrapper-additional-info p {
      color: #a8a8a8; }
    .container.page-index-2.tidalx1015 .wrapper-tidalx1015 .wrapper-additional-info .wrapper-contact {
      margin-bottom: 40px;
      clear: both;
      overflow: hidden; }
      .container.page-index-2.tidalx1015 .wrapper-tidalx1015 .wrapper-additional-info .wrapper-contact .contact {
        margin: 20px 0; }
        @media (min-width: 850px) {
          .container.page-index-2.tidalx1015 .wrapper-tidalx1015 .wrapper-additional-info .wrapper-contact .contact {
            float: left;
            margin-bottom: 0; }
            .container.page-index-2.tidalx1015 .wrapper-tidalx1015 .wrapper-additional-info .wrapper-contact .contact:first-child {
              margin-right: 40px; } }
    .container.page-index-2.tidalx1015 .wrapper-tidalx1015 .wrapper-additional-info .underline {
      text-decoration: underline;
      text-transform: uppercase;
      margin-top: 40px; }

.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 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 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 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;
    /*input[type="text"]{
      box-sizing: border-box;
      display: inline-block;
      width: 80%;
      max-width: 400px;
      margin: 5px 10px 5px 0px;
      height: 46px;
      padding-left: 10px;
      border: 1px solid #1b1b1b;
      box-shadow: none;
      font-family: "nationale","nationale-regular","Helvetica",sans-serif;
      font-weight: 400;
      font-size: 14px;

    }
    input[type="email"]{
      box-sizing: border-box;
      display: inline-block;
      width: 80%;
      max-width: 400px;
      margin: 5px 10px 5px 0px;
      height: 46px;
      padding-left: 10px;
      border: 1px solid #1b1b1b;
      box-shadow: none;
      font-family: "nationale","nationale-regular","Helvetica",sans-serif;
      font-weight: 400;
      font-size: 14px;

    }
    input.ng-invalid {
      box-shadow: inset 0 0 7px rgba(255, 0, 12, 1);
      border: 1px solid rgba(255, 0, 12, 1);
    }
    input.ng-valid {
      box-shadow: inset 0 0 7px rgba(95, 183, 97, 1);
      border: 1px solid rgba(95, 183, 97, 1);
    }*/ }
    .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; } }

@media (max-width: 767px) {
  .store {
    background: #000000;
    height: 100%;
    position: relative;
    padding-bottom: 200px;
    padding-top: 80px;
    /*input[type="text"]{
      box-sizing: border-box;
      display: inline-block;
      width: 80%;
      max-width: 400px;
      margin: 5px 10px 5px 0px;
      height: 46px;
      padding-left: 10px;
      border: 1px solid #1b1b1b;
      box-shadow: none;
      font-family: "nationale","nationale-regular","Helvetica",sans-serif;
      font-weight: 400;
      font-size: 14px;

    }
    input[type="email"]{
      box-sizing: border-box;
      display: inline-block;
      width: 80%;
      max-width: 400px;
      margin: 5px 10px 5px 0px;
      height: 46px;
      padding-left: 10px;
      border: 1px solid #1b1b1b;
      box-shadow: none;
      font-family: "nationale","nationale-regular","Helvetica",sans-serif;
      font-weight: 400;
      font-size: 14px;
    }

    input.ng-invalid {
      box-shadow: inset 0 0 7px rgba(255, 0, 12, 1);
      border: 1px solid rgba(255, 0, 12, 1);
    }
    input.ng-valid {
      box-shadow: inset 0 0 7px rgba(95, 183, 97, 1);
      border: 1px solid rgba(95, 183, 97, 1);
    }*/ }
    .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: 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; } }

.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 .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-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 {
  width: 95%;
  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-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 .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-purchased-nr {
  width: 10%;
  text-align: center; }
  .store .store-account-purchased-nr p {
    font-size: 12px;
    color: #818181; }

.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 .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: 140px;
    max-width: 580px;
    margin-left: 12%; }
    .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! */ }

: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; }
  .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 .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 */
  /* ----------------------------------------------- */
  /* !FOOTER */
  /* ----------------------------------------------- */ }
  @media screen and (max-width: 800px) {
    .about-tidal-page body {
      font-size: 0.8em; } }
  .about-tidal-page img {
    max-width: 100%; }
  .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; } }
  .about-tidal-page footer {
    clear: left; }
    .about-tidal-page footer .footer-logo {
      max-width: 250px !important; }
      @media screen and (max-width: 320px) {
        .about-tidal-page footer .footer-logo {
          max-width: 150px !important; } }
    .about-tidal-page footer .splash.splash-last {
      background: #000;
      text-align: center;
      min-height: 0 !important;
      height: auto !important;
      padding: 20px 0; }
    .about-tidal-page footer .available-on-txt {
      font-size: 12px;
      max-width: 440px;
      color: #d0d0d0;
      line-height: 1.4;
      margin: 0 auto;
      width: 94%; }

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