@import url('//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,300,400,700&subset=cyrillic,latin,latin-ext');
/* ==========================================================================
   Site-wide css
   ========================================================================== */
/* Bootstrap
   ========================================================================== */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
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: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
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;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  select {
    background: #fff !important;
  }
  .navbar {
    display: none;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Open Sans", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, Sans-serif;
  font-size: 14px;
  line-height: 1.71428571;
  color: #222222;
  background-color: #ffffff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #005399;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #005399;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.71428571;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 5px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 24px;
  margin-bottom: 24px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #999999;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 24px;
  margin-bottom: 12px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 12px;
  margin-bottom: 12px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 12px;
}
.lead {
  margin-bottom: 24px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}
cite {
  font-style: normal;
}
mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-muted {
  color: #999999;
}
.text-primary {
  color: #bb0000;
}
a.text-primary:hover {
  color: #880000;
}
.text-success {
  color: #008947;
}
a.text-success:hover {
  color: #00562d;
}
.text-info {
  color: #31708f;
}
a.text-info:hover {
  color: #245269;
}
.text-warning {
  color: #cc7d00;
}
a.text-warning:hover {
  color: #995e00;
}
.text-danger {
  color: #b90000;
}
a.text-danger:hover {
  color: #860000;
}
.bg-primary {
  color: #fff;
  background-color: #bb0000;
}
a.bg-primary:hover {
  background-color: #880000;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 11px;
  margin: 48px 0 24px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 12px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 24px;
}
dt,
dd {
  line-height: 1.71428571;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 12px 24px;
  margin: 0 0 24px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.71428571;
  color: #999999;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
blockquote:before,
blockquote:after {
  content: "";
}
address {
  margin-bottom: 24px;
  font-style: normal;
  line-height: 1.71428571;
}
.alert {
  padding: 15px;
  margin-bottom: 24px;
  border: 1px solid transparent;
  border-radius: 5px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable {
  padding-right: 35px;
}
.alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #008947;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #00562d;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #cc7d00;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #995e00;
}
.alert-danger {
  background-color: #f2dede;
  border-color: transparent;
  color: #b90000;
}
.alert-danger hr {
  border-top-color: rgba(0, 0, 0, 0);
}
.alert-danger .alert-link {
  color: #860000;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
a.label:hover,
a.label:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #999999;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #808080;
}
.label-primary {
  background-color: #bb0000;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #880000;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.semi-fluid-container:before,
.semi-fluid-container:after,
.row:before,
.row:after,
.skinAd .content-top-inner-wrap:before,
.skinAd .content-top-inner-wrap:after,
.pagination:before,
.pagination:after,
.pagination:before,
.pagination:after,
.error-page-l10n:before,
.error-page-l10n:after,
.error-page-l10n:before,
.error-page-l10n:after,
.player-bar:before,
.player-bar:after,
.player-bar:before,
.player-bar:after,
.grid-items--large:before,
.grid-items--large:after,
.grid-items--large:before,
.grid-items--large:after,
.album-metadata .album-metadata-items:before,
.album-metadata .album-metadata-items:after,
.album-metadata .album-metadata-items:before,
.album-metadata .album-metadata-items:after,
.content-form .form-horizontal .form-group:before,
.content-form .form-horizontal .form-group:after,
.footer-wrapper .feedback-message--dismissed .feedback-message-inner:before,
.footer-wrapper .feedback-message--dismissed .feedback-message-inner:after,
.music-charts-row:before,
.music-charts-row:after,
.music-charts-row:before,
.music-charts-row:after,
.features-feed .features-posts:before,
.features-feed .features-posts:after,
.features-feed .features-posts:before,
.features-feed .features-posts:after {
  content: " ";
  display: table;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.semi-fluid-container:after,
.row:after,
.skinAd .content-top-inner-wrap:after,
.pagination:after,
.pagination:after,
.error-page-l10n:after,
.error-page-l10n:after,
.player-bar:after,
.player-bar:after,
.grid-items--large:after,
.grid-items--large:after,
.album-metadata .album-metadata-items:after,
.album-metadata .album-metadata-items:after,
.content-form .form-horizontal .form-group:after,
.footer-wrapper .feedback-message--dismissed .feedback-message-inner:after,
.music-charts-row:after,
.music-charts-row:after,
.features-feed .features-posts:after,
.features-feed .features-posts:after {
  clear: both;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.semi-fluid-container:after,
.row:after,
.skinAd .content-top-inner-wrap:after,
.pagination:after,
.pagination:after,
.error-page-l10n:after,
.error-page-l10n:after,
.player-bar:after,
.player-bar:after,
.grid-items--large:after,
.grid-items--large:after,
.album-metadata .album-metadata-items:after,
.album-metadata .album-metadata-items:after,
.content-form .form-horizontal .form-group:after,
.footer-wrapper .feedback-message--dismissed .feedback-message-inner:after,
.music-charts-row:after,
.music-charts-row:after,
.features-feed .features-posts:after,
.features-feed .features-posts:after {
  content: "";
  display: table;
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1259px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1259px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1259px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1259px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1260px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1260px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1260px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1260px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1259px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1260px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
/* Last.fm
   ========================================================================== */
/* Only to be used by Bootstrap, our own sizes are defined in typography.less */
/* Only to be used by Bootstrap, our own sizes are defined in typography.less */
/* 'red' stripe  + 'white' stripe */
/* 'red' stripe  */
/* ==========================================================================
   Components
   ========================================================================== */
/* ==========================================================================
   z-indexes
   ========================================================================== */
/**
 * All z-indexes that are in the global stacking context should be defined here.
 *
 * Before adjusting this, consider scoping your element's z-index to the
 * elements you're styling by adding z-index: 0; to a container.
 *
 * These should follow the CBSi/IAB z-index guidelines (WEB-19122), as defined
 * by the headings below.
 */
/* Regular page content     0 - 4,999
   ========================================================================== */
/* Pop-up Element           3,000,000 - 3,999,999
   ========================================================================== */
/* Expanding navigation     5,000,000 - 5,999,999
   ========================================================================== */
/**
 * For example, drop down navigation, site warnings, user-spawned dialogs.
 * Only the expanding portion of the element should be at this level.
 */
/* Development tools        100,000,000+
   ========================================================================== */
.avatar {
  border-radius: 50%;
}
abbr.intabbr {
  border-bottom: none;
  cursor: default;
}
/* Remove blue outline from clicked buttons in Chrome
   See: button-focus.js */
.remove-outline {
  outline: none;
}
.external-link:after {
  content: "";
  position: relative;
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url('/static/images/icons/external_ccc_12.png?1943ceeeecc3') 0 0 no-repeat;
  margin-left: 5px;
  top: 1px;
}
.skiplink-polyfill-target:focus {
  outline: none;
}
.underline-link {
  color: inherit;
  text-decoration: underline;
}
.underline-link:hover,
.underline-link:focus {
  color: inherit;
}
.underline-link:hover,
.underline-link:focus {
  text-decoration: none;
}
.text-colour-link {
  color: inherit;
}
.text-colour-link:hover,
.text-colour-link:focus {
  color: inherit;
}
.more-link {
  margin-top: 12px;
  text-align: right;
}
.more-link:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .more-link:first-child {
    margin-top: 0;
  }
}
.sr-only-reset {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.nowrap {
  white-space: nowrap;
}
.leader_top,
.leader_bottom,
.mpu_top,
.mpu_bottom {
  /*
    Apply margin to the root element inserted by the GPT library. As collapsing applies
    display: none to the parent there is no margin applied for blanks.
    */
  text-align: center;
}
.leader_top:before,
.leader_bottom:before,
.mpu_top:before,
.mpu_bottom:before,
.leader_top:after,
.leader_bottom:after,
.mpu_top:after,
.mpu_bottom:after {
  content: " ";
  display: table;
}
.leader_top:after,
.leader_bottom:after,
.mpu_top:after,
.mpu_bottom:after {
  clear: both;
}
.leader_top:before,
.leader_bottom:before,
.mpu_top:before,
.mpu_bottom:before,
.leader_top:after,
.leader_bottom:after,
.mpu_top:after,
.mpu_bottom:after {
  content: " ";
  display: table;
}
.leader_top:after,
.leader_bottom:after,
.mpu_top:after,
.mpu_bottom:after {
  clear: both;
}
.leader_top:after,
.leader_bottom:after,
.mpu_top:after,
.mpu_bottom:after {
  content: "";
  display: table;
  clear: both;
}
.leader_top:after,
.leader_bottom:after,
.mpu_top:after,
.mpu_bottom:after {
  content: "";
  display: table;
  clear: both;
}
.leader_top > * > *,
.leader_bottom > * > *,
.mpu_top > * > *,
.mpu_bottom > * > * {
  margin-top: 18px;
}
@media (min-width: 768px) {
  .leader_top > * > *,
  .leader_bottom > * > *,
  .mpu_top > * > *,
  .mpu_bottom > * > * {
    margin-top: 24px;
  }
}
.leader_top > * > * > *,
.leader_bottom > * > * > *,
.mpu_top > * > * > *,
.mpu_bottom > * > * > * {
  margin-left: auto;
  margin-right: auto;
}
.leader_top:first-child > * > *,
.leader_bottom:first-child > * > *,
.mpu_top:first-child > * > *,
.mpu_bottom:first-child > * > * {
  margin-top: 0;
}
@media (min-width: 768px) {
  .leader_top:first-child > * > *,
  .leader_bottom:first-child > * > *,
  .mpu_top:first-child > * > *,
  .mpu_bottom:first-child > * > * {
    margin-top: 0;
  }
}
.mobile_pos_1,
.mobile_pos_2,
.mobile_pos_3,
.mobile_pos_4 {
  /*
    Apply margin to the root element inserted by the GPT library. As collapsing applies
    display: none to the parent there is no margin applied for blanks.
    */
  text-align: center;
  margin-left: -15px;
  margin-right: -15px;
}
.mobile_pos_1:before,
.mobile_pos_2:before,
.mobile_pos_3:before,
.mobile_pos_4:before,
.mobile_pos_1:after,
.mobile_pos_2:after,
.mobile_pos_3:after,
.mobile_pos_4:after {
  content: " ";
  display: table;
}
.mobile_pos_1:after,
.mobile_pos_2:after,
.mobile_pos_3:after,
.mobile_pos_4:after {
  clear: both;
}
.mobile_pos_1:before,
.mobile_pos_2:before,
.mobile_pos_3:before,
.mobile_pos_4:before,
.mobile_pos_1:after,
.mobile_pos_2:after,
.mobile_pos_3:after,
.mobile_pos_4:after {
  content: " ";
  display: table;
}
.mobile_pos_1:after,
.mobile_pos_2:after,
.mobile_pos_3:after,
.mobile_pos_4:after {
  clear: both;
}
.mobile_pos_1:after,
.mobile_pos_2:after,
.mobile_pos_3:after,
.mobile_pos_4:after {
  content: "";
  display: table;
  clear: both;
}
.mobile_pos_1:after,
.mobile_pos_2:after,
.mobile_pos_3:after,
.mobile_pos_4:after {
  content: "";
  display: table;
  clear: both;
}
.mobile_pos_1 > * > *,
.mobile_pos_2 > * > *,
.mobile_pos_3 > * > *,
.mobile_pos_4 > * > * {
  margin-top: 18px;
}
@media (min-width: 768px) {
  .mobile_pos_1 > * > *,
  .mobile_pos_2 > * > *,
  .mobile_pos_3 > * > *,
  .mobile_pos_4 > * > * {
    margin-top: 24px;
  }
}
.mobile_pos_1 > * > * > *,
.mobile_pos_2 > * > * > *,
.mobile_pos_3 > * > * > *,
.mobile_pos_4 > * > * > * {
  margin-left: auto;
  margin-right: auto;
}
.mobile_pos_1:first-child > * > *,
.mobile_pos_2:first-child > * > *,
.mobile_pos_3:first-child > * > *,
.mobile_pos_4:first-child > * > * {
  margin-top: 0;
}
@media (min-width: 768px) {
  .mobile_pos_1:first-child > * > *,
  .mobile_pos_2:first-child > * > *,
  .mobile_pos_3:first-child > * > *,
  .mobile_pos_4:first-child > * > * {
    margin-top: 0;
  }
}
.leader_top > * > *,
.mobile_pos_1:not(.overlay_leaderboard .mobile_pos_1) > * > * {
  margin-top: 0;
}
@media (min-width: 768px) {
  .leader_top > * > *,
  .mobile_pos_1:not(.overlay_leaderboard .mobile_pos_1) > * > * {
    margin-top: 0;
  }
}
.leader_top > * > *,
.mobile_pos_1 > * > *,
.leader_bottom > * > * {
  margin-bottom: 18px;
}
@media (min-width: 768px) {
  .leader_top > * > *,
  .mobile_pos_1 > * > *,
  .leader_bottom > * > * {
    margin-bottom: 24px;
  }
}
.related-content {
  margin-top: 18px;
}
.related-content:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .related-content:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .related-content {
    margin-top: 24px;
  }
}
.related-ads {
  margin-top: 18px;
  text-align: center;
}
.related-ads:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .related-ads:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .related-ads {
    margin-top: 24px;
  }
}
.yahoo-search-ads,
.yahoo-search-ads iframe {
  width: 100%;
  display: block;
}
.yahoo-search-ads:first-child + *,
.yahoo-search-ads:first-child + .yahoo-search-ads + *,
.yahoo-search-ads:first-child + .yahoo-search-ads + .yahoo-search-ads + *,
.yahoo-search-ads:first-child + .yahoo-search-ads + .yahoo-search-ads + .yahoo-search-ads + *,
.yahoo-search-ads:first-child + .yahoo-search-ads + .yahoo-search-ads + .yahoo-search-ads + .yahoo-search-ads + *,
.yahoo-search-ads:first-child + .yahoo-search-ads + .yahoo-search-ads + .yahoo-search-ads + .yahoo-search-ads + .yahoo-search-ads + * {
  margin-top: 0;
}
@media (min-width: 768px) {
  .yahoo-search-ads:first-child + *,
  .yahoo-search-ads:first-child + .yahoo-search-ads + *,
  .yahoo-search-ads:first-child + .yahoo-search-ads + .yahoo-search-ads + *,
  .yahoo-search-ads:first-child + .yahoo-search-ads + .yahoo-search-ads + .yahoo-search-ads + *,
  .yahoo-search-ads:first-child + .yahoo-search-ads + .yahoo-search-ads + .yahoo-search-ads + .yahoo-search-ads + *,
  .yahoo-search-ads:first-child + .yahoo-search-ads + .yahoo-search-ads + .yahoo-search-ads + .yahoo-search-ads + .yahoo-search-ads + * {
    margin-top: 0;
  }
}
.recs-feed .lastfm-ad-mobile > * > * {
  margin-top: 12px;
}
@media (min-width: 768px) {
  .adaptive-skin-container {
    position: relative;
  }
  .adaptive-skin-container .container {
    position: relative;
  }
  .adaptive-skin-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .adaptive-skin-left,
  .adaptive-skin-right {
    position: absolute;
    width: 50%;
    height: 100%;
  }
  .adaptive-skin-left {
    right: 50%;
    margin-right: 100px;
    background-position: top left;
  }
  .adaptive-skin-right {
    left: 50%;
    margin-left: 100px;
    background-position: top right;
  }
  .skinAd .adaptive-skin-container {
    margin-top: 24px;
  }
  .skinAd.minimal-header-layout .adaptive-skin-container,
  .skinAd.search-layout .adaptive-skin-container,
  .skinAd .header--reduced + .adaptive-skin-container {
    margin-top: 0;
  }
  .skinAd.two-column-layout .main-content:before {
    background-image: none;
  }
}
.alert {
  margin-top: 18px;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 0;
  padding: 9px 15px;
}
.alert:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .alert:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .alert {
    margin-top: 24px;
  }
}
.alert a {
  color: inherit;
  text-decoration: underline;
}
.alert a:hover,
.alert a:focus {
  color: inherit;
}
.alert a:hover,
.alert a:focus {
  text-decoration: none;
}
body {
  font-size: 14px;
  line-height: 24px;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
p,
ul,
ol,
dl,
blockquote,
address,
pre {
  margin-top: 18px;
  margin-bottom: 0;
}
h1:first-child,
.h1:first-child,
h2:first-child,
.h2:first-child,
h3:first-child,
.h3:first-child,
h4:first-child,
.h4:first-child,
h5:first-child,
.h5:first-child,
h6:first-child,
.h6:first-child,
p:first-child,
ul:first-child,
ol:first-child,
dl:first-child,
blockquote:first-child,
address:first-child,
pre:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  h1:first-child,
  .h1:first-child,
  h2:first-child,
  .h2:first-child,
  h3:first-child,
  .h3:first-child,
  h4:first-child,
  .h4:first-child,
  h5:first-child,
  .h5:first-child,
  h6:first-child,
  .h6:first-child,
  p:first-child,
  ul:first-child,
  ol:first-child,
  dl:first-child,
  blockquote:first-child,
  address:first-child,
  pre:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  h1,
  .h1,
  h2,
  .h2,
  h3,
  .h3,
  h4,
  .h4,
  h5,
  .h5,
  h6,
  .h6,
  p,
  ul,
  ol,
  dl,
  blockquote,
  address,
  pre {
    margin-top: 24px;
  }
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-bottom: -6px;
}
p + p,
p + ul,
p + ol,
p + dl,
p + blockquote,
p + address,
p + pre,
ul + p,
ul + ul,
ul + ol,
ul + dl,
ul + blockquote,
ul + address,
ul + pre,
ol + p,
ol + ul,
ol + ol,
ol + dl,
ol + blockquote,
ol + address,
ol + pre,
dl + p,
dl + ul,
dl + ol,
dl + dl,
dl + blockquote,
dl + address,
dl + pre,
blockquote + p,
blockquote + ul,
blockquote + ol,
blockquote + dl,
blockquote + blockquote,
blockquote + address,
blockquote + pre,
address + p,
address + ul,
address + ol,
address + dl,
address + blockquote,
address + address,
address + pre,
pre + p,
pre + ul,
pre + ol,
pre + dl,
pre + blockquote,
pre + address,
pre + pre {
  margin-top: 12px;
}
h1,
.h1 {
  font-size: 24px;
  line-height: 30px;
}
@media (min-width: 768px) {
  h1,
  .h1 {
    font-size: 40px;
    line-height: 54px;
  }
}
h2,
.h2 {
  font-size: 20px;
  line-height: 30px;
}
@media (min-width: 768px) {
  h2,
  .h2 {
    font-size: 24px;
    line-height: 30px;
  }
}
h3,
.h3 {
  font-size: 18px;
  line-height: 24px;
}
h4,
.h4 {
  font-size: 14px;
  line-height: 24px;
}
h5,
.h5 {
  font-size: inherit;
}
h6,
.h6 {
  font-size: inherit;
}
h1,
.h1,
h3,
.h3,
h4,
.h4 {
  font-weight: bold;
}
.metadata {
  font-size: 12px;
  line-height: 18px;
}
.metadata-heading {
  font-size: 14px;
  line-height: 18px;
}
.metadata-title {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 0;
  color: #666666;
  text-transform: uppercase;
  font-weight: normal;
}
.metadata-display {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
  margin-top: 24px;
  margin-bottom: 12px;
  font-size: 24px;
  margin-top: 18px;
  margin-bottom: 0;
  margin-bottom: -6px;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  margin-top: 0;
}
.metadata-display small,
.metadata-display .small {
  font-weight: normal;
  line-height: 1;
  color: #999999;
}
.metadata-display small,
.metadata-display .small {
  font-size: 65%;
}
.metadata-display:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .metadata-display:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .metadata-display {
    margin-top: 24px;
  }
}
@media (min-width: 768px) {
  .metadata-display {
    margin-top: 0;
  }
}
ul {
  list-style-type: none;
  padding-left: 0;
}
.bulleted-list {
  list-style-type: disc;
  padding-left: 40px;
}
.bulleted-list ul {
  list-style-type: disc;
  padding-left: 40px;
}
.reset-list {
  margin-top: 0;
}
@media (min-width: 768px) {
  .reset-list {
    margin-top: 0;
  }
}
.reset-heading {
  margin-bottom: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
/* Text buttons
   ========================================================================== */
button,
input[type="submit"] {
  padding: 0;
  border: none;
  background: none;
}
.mimic-link {
  color: #005399;
  background: none;
  border: none;
  padding: 0;
}
.mimic-link:hover,
.mimic-link:focus {
  text-decoration: underline;
}
.btn,
input[type="submit"].btn {
  display: inline-block;
  padding-top: 9px;
  padding-bottom: 9px;
}
/* Filled buttons
   ========================================================================== */
.btn-primary-skin {
  background-color: #b90000;
  color: #ffffff;
}
.btn-primary-skin:hover,
.btn-primary-skin:focus {
  background-color: #d50000;
  color: #ffffff;
}
.btn-primary-skin:active,
.btn-primary-skin:focus:not(:hover) {
  background-color: #9d0000;
  color: #ffffff;
}
.btn-primary-skin[disabled]:hover,
.btn-primary-skin.disabled:hover {
  background-color: #b90000;
}
.btn-secondary-skin {
  background-color: #999999;
  color: #ffffff;
}
.btn-secondary-skin:hover,
.btn-secondary-skin:focus {
  background-color: #c2c2c2;
  color: #ffffff;
}
.btn-secondary-skin:active,
.btn-secondary-skin:focus:not(:hover) {
  background-color: #707070;
  color: #ffffff;
}
.btn-secondary-skin[disabled]:hover,
.btn-secondary-skin.disabled:hover {
  background-color: #999999;
}
.btn-tertiary-skin {
  background-color: #009966;
  color: #ffffff;
}
.btn-tertiary-skin:hover,
.btn-tertiary-skin:focus {
  background-color: #d50000;
  color: #ffffff;
}
.btn-tertiary-skin:active,
.btn-tertiary-skin:focus:not(:hover) {
  background-color: #9d0000;
  color: #ffffff;
}
.btn-tertiary-skin[disabled]:hover,
.btn-tertiary-skin.disabled:hover {
  background-color: #009966;
}
.btn-primary {
  display: inline-block;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 5px;
  background-color: #b90000;
  color: #ffffff;
}
.btn-primary:hover,
.btn-primary:focus {
  text-decoration: none;
}
.btn-primary[disabled],
.btn-primary.disabled {
  opacity: 0.3;
  filter: alpha(opacity=30);
  color: #ffffff !important;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #d50000;
  color: #ffffff;
}
.btn-primary:active,
.btn-primary:focus:not(:hover) {
  background-color: #9d0000;
  color: #ffffff;
}
.btn-primary[disabled]:hover,
.btn-primary.disabled:hover {
  background-color: #b90000;
}
.btn-secondary {
  display: inline-block;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 5px;
  background-color: #999999;
  color: #ffffff;
}
.btn-secondary:hover,
.btn-secondary:focus {
  text-decoration: none;
}
.btn-secondary[disabled],
.btn-secondary.disabled {
  opacity: 0.3;
  filter: alpha(opacity=30);
  color: #ffffff !important;
}
.btn-secondary:hover,
.btn-secondary:focus {
  background-color: #c2c2c2;
  color: #ffffff;
}
.btn-secondary:active,
.btn-secondary:focus:not(:hover) {
  background-color: #707070;
  color: #ffffff;
}
.btn-secondary[disabled]:hover,
.btn-secondary.disabled:hover {
  background-color: #999999;
}
.btn-tertiary {
  display: inline-block;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 5px;
  background-color: #009966;
  color: #ffffff;
}
.btn-tertiary:hover,
.btn-tertiary:focus {
  text-decoration: none;
}
.btn-tertiary[disabled],
.btn-tertiary.disabled {
  opacity: 0.3;
  filter: alpha(opacity=30);
  color: #ffffff !important;
}
.btn-tertiary:hover,
.btn-tertiary:focus {
  background-color: #d50000;
  color: #ffffff;
}
.btn-tertiary:active,
.btn-tertiary:focus:not(:hover) {
  background-color: #9d0000;
  color: #ffffff;
}
.btn-tertiary[disabled]:hover,
.btn-tertiary.disabled:hover {
  background-color: #009966;
}
.btn-file {
  position: relative;
  margin-right: 15px;
  overflow: hidden;
  cursor: pointer;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  min-width: 100%;
  min-height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  outline: none;
  cursor: inherit;
}
.btn-file-label {
  display: inline-block;
  padding-top: 9px;
  padding-bottom: 9px;
  vertical-align: top;
}
.btn-sm,
.btn-file-label {
  font-size: 12px;
  line-height: 18px;
  padding-top: 6px;
  padding-bottom: 6px;
}
/* Circular buttons
   ========================================================================== */
.btn-filled-circle-icon {
  padding: 8px 0 6px 45.5px;
  text-transform: uppercase;
  text-align: left;
  font-weight: bold;
  font-size: 12px;
}
.btn-filled-circle-icon:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  content: "";
}
@media (min-width: 768px) {
  .btn-filled-circle-icon {
    width: 100px;
    padding: 0;
    text-align: center;
  }
  .btn-filled-circle-icon:before {
    position: static;
    margin: 0 auto 6px;
    width: 48px;
    height: 48px;
  }
}
.btn-add-follower,
.btn-remove-follower {
  padding: 8px 0 6px 45.5px;
  text-transform: uppercase;
  text-align: left;
  font-weight: bold;
  font-size: 12px;
}
.btn-add-follower:before,
.btn-remove-follower:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  content: "";
}
@media (min-width: 768px) {
  .btn-add-follower,
  .btn-remove-follower {
    width: 100px;
    padding: 0;
    text-align: center;
  }
  .btn-add-follower:before,
  .btn-remove-follower:before {
    position: static;
    margin: 0 auto 6px;
    width: 48px;
    height: 48px;
  }
}
.btn-add-follower:before,
.btn-remove-follower:before {
  background-color: #b90000;
  color: #ffffff;
}
.btn-add-follower:before:hover,
.btn-remove-follower:before:hover,
.btn-add-follower:before:focus,
.btn-remove-follower:before:focus {
  background-color: #d50000;
  color: #ffffff;
}
.btn-add-follower:before:active,
.btn-remove-follower:before:active,
.btn-add-follower:before:focus:not(:hover),
.btn-remove-follower:before:focus:not(:hover) {
  background-color: #9d0000;
  color: #ffffff;
}
.btn-add-follower:before[disabled]:hover,
.btn-remove-follower:before[disabled]:hover,
.btn-add-follower:before.disabled:hover,
.btn-remove-follower:before.disabled:hover {
  background-color: #b90000;
}
.btn-add-follower:hover:before,
.btn-remove-follower:hover:before,
.btn-add-follower:focus:before,
.btn-remove-follower:focus:before {
  background-color: #d50000;
}
.btn-add-follower:active:before,
.btn-remove-follower:active:before {
  background-color: #9d0000;
}
.btn-add-follower:before {
  background-image: url('/static/images/icons/add_fff_16.png?1943ceeeecc3');
}
@media (min-width: 768px) {
  .btn-add-follower:before {
    background-image: url('/static/images/icons/add_fff_24.png?1943ceeeecc3');
  }
}
.btn-remove-follower:before {
  background-image: url('/static/images/icons/delete_fff_16.png?1943ceeeecc3');
}
@media (min-width: 768px) {
  .btn-remove-follower:before {
    background-image: url('/static/images/icons/delete_fff_24.png?1943ceeeecc3');
  }
}
.btn-following {
  padding: 8px 0 6px 45.5px;
  text-transform: uppercase;
  text-align: left;
  font-weight: bold;
  font-size: 12px;
}
.btn-following:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  content: "";
}
@media (min-width: 768px) {
  .btn-following {
    width: 100px;
    padding: 0;
    text-align: center;
  }
  .btn-following:before {
    position: static;
    margin: 0 auto 6px;
    width: 48px;
    height: 48px;
  }
}
.btn-following:before {
  background-color: #009966;
  color: #ffffff;
  background-image: url('/static/images/icons/accept_fff_16.png?1943ceeeecc3');
}
.btn-following:before:hover,
.btn-following:before:focus {
  background-color: #d50000;
  color: #ffffff;
}
.btn-following:before:active,
.btn-following:before:focus:not(:hover) {
  background-color: #9d0000;
  color: #ffffff;
}
.btn-following:before[disabled]:hover,
.btn-following:before.disabled:hover {
  background-color: #009966;
}
@media (min-width: 768px) {
  .btn-following:before {
    background-image: url('/static/images/icons/accept_fff_24.png?1943ceeeecc3');
  }
}
/* ==========================================================================
   Icons mixins
   ========================================================================== */
/* ==========================================================================
   Buttons with icons mixins
   ========================================================================== */
/* ==========================================================================
   Icons
   ========================================================================== */
/* Play Button
   -------------------------------------------------------------------------- */
.iconleft--play {
  position: relative;
  padding-left: 30px;
}
.iconleft--play:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.iconleft--play:before {
  width: 24px;
  height: 24px;
}
.iconleft--play:before {
  top: 50%;
  margin-top: -12px;
}
.iconleft--play:before {
  background-position: -6px -6px;
}
.iconleft--play:before {
  background-image: url('/static/images/icons/tracklist_play.png?1943ceeeecc3');
}
.iconleft--play.iconleft--big {
  padding-left: 38px;
}
.iconleft--play.iconleft--big:before {
  width: 32px;
  height: 32px;
}
.iconleft--play.iconleft--big:before {
  top: 50%;
  margin-top: -16px;
}
.iconleft--play.iconleft--big:before {
  background-position: -2px -38px;
}
.iconleft--play.iconleft--big:before {
  background-image: url('/static/images/icons/tracklist_play.png?1943ceeeecc3');
}
.btn.iconleft--play:focus:before,
.btn.iconleft--play:hover:before {
  background-position: -42px -6px;
}
.btn.iconleft--play:focus:before,
.btn.iconleft--play:hover:before {
  background-image: url('/static/images/icons/tracklist_play.png?1943ceeeecc3');
}
.btn.iconleft--play.iconleft--big:focus:before,
.btn.iconleft--play.iconleft--big:hover:before {
  background-position: -38px -38px;
}
.btn.iconleft--play.iconleft--big:focus:before,
.btn.iconleft--play.iconleft--big:hover:before {
  background-image: url('/static/images/icons/tracklist_play.png?1943ceeeecc3');
}
/* Loved Button
   -------------------------------------------------------------------------- */
.iconleft--loved {
  position: relative;
  padding-left: 30px;
}
.iconleft--loved:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.iconleft--loved:before {
  width: 24px;
  height: 24px;
}
.iconleft--loved:before {
  top: 50%;
  margin-top: -12px;
}
.iconleft--loved:before {
  background-position: -6px -78px;
}
.iconleft--loved:before {
  background-image: url('/static/images/icons/tracklist_love.png?1943ceeeecc3');
}
.btn.iconleft--loved:focus:before,
.btn.iconleft--loved:hover:before {
  background-position: -6px -114px;
}
.btn.iconleft--loved:focus:before,
.btn.iconleft--loved:hover:before {
  background-image: url('/static/images/icons/tracklist_love.png?1943ceeeecc3');
}
/* UnLoved Button
   -------------------------------------------------------------------------- */
.iconleft--unloved {
  position: relative;
  padding-left: 30px;
}
.iconleft--unloved:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.iconleft--unloved:before {
  width: 24px;
  height: 24px;
}
.iconleft--unloved:before {
  top: 50%;
  margin-top: -12px;
}
.iconleft--unloved:before {
  background-position: -6px -6px;
}
.iconleft--unloved:before {
  background-image: url('/static/images/icons/tracklist_love.png?1943ceeeecc3');
}
.btn.iconleft--unloved:focus:before,
.btn.iconleft--unloved:hover:before {
  background-position: -6px -42px;
}
.btn.iconleft--unloved:focus:before,
.btn.iconleft--unloved:hover:before {
  background-image: url('/static/images/icons/tracklist_love.png?1943ceeeecc3');
}
/* Delete Button
   -------------------------------------------------------------------------- */
.iconleft--delete {
  position: relative;
  padding-left: 30px;
}
.iconleft--delete:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.iconleft--delete:before {
  width: 24px;
  height: 24px;
}
.iconleft--delete:before {
  top: 50%;
  margin-top: -12px;
}
.iconleft--delete:before {
  background-position: -6px -6px;
}
.iconleft--delete:before {
  background-image: url('/static/images/icons/tracklist_delete.png?1943ceeeecc3');
}
.iconleft--delete.iconleft--big {
  padding-left: 38px;
}
.iconleft--delete.iconleft--big:before {
  width: 32px;
  height: 32px;
}
.iconleft--delete.iconleft--big:before {
  top: 50%;
  margin-top: -16px;
}
.iconleft--delete.iconleft--big:before {
  background-position: -2px -2px;
}
.iconleft--delete.iconleft--big:before {
  background-image: url('/static/images/icons/tracklist_delete.png?1943ceeeecc3');
}
.btn.iconleft--delete:focus:before,
.btn.iconleft--delete:hover:before {
  background-position: -6px -42px;
}
.btn.iconleft--delete:focus:before,
.btn.iconleft--delete:hover:before {
  background-image: url('/static/images/icons/tracklist_delete.png?1943ceeeecc3');
}
.btn.iconleft--delete.iconleft--big:focus:before,
.btn.iconleft--delete.iconleft--big:hover:before {
  background-position: -2px -38px;
}
.btn.iconleft--delete.iconleft--big:focus:before,
.btn.iconleft--delete.iconleft--big:hover:before {
  background-image: url('/static/images/icons/tracklist_delete.png?1943ceeeecc3');
}
/* ==========================================================================
   Scrobbles Nav Buttons
   ==========================================================================

   These don't have pre-set hover states, as they differ between page sizes, so
   we just name them by their colour.

*/
/* History Icons
   -------------------------------------------------------------------------- */
.iconleft--history-white {
  position: relative;
}
.iconleft--history-white:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.iconleft--history-white.iconleft--big {
  padding-left: 38px;
}
.iconleft--history-white.iconleft--big:before {
  width: 32px;
  height: 32px;
}
.iconleft--history-white.iconleft--big:before {
  top: 50%;
  margin-top: -16px;
}
.iconleft--history-white.iconleft--big:before {
  background-position: -2px -74px;
}
.iconleft--history-white.iconleft--big:before {
  background-image: url('/static/images/icons/library_nav.png?1943ceeeecc3');
}
.iconleft--history-red {
  position: relative;
}
.iconleft--history-red:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.iconleft--history-red.iconleft--big {
  padding-left: 38px;
}
.iconleft--history-red.iconleft--big:before {
  width: 32px;
  height: 32px;
}
.iconleft--history-red.iconleft--big:before {
  top: 50%;
  margin-top: -16px;
}
.iconleft--history-red.iconleft--big:before {
  background-position: -2px -2px;
}
.iconleft--history-red.iconleft--big:before {
  background-image: url('/static/images/icons/library_nav.png?1943ceeeecc3');
}
.iconleft--history-black {
  position: relative;
}
.iconleft--history-black:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.iconleft--history-black.iconleft--big {
  padding-left: 38px;
}
.iconleft--history-black.iconleft--big:before {
  width: 32px;
  height: 32px;
}
.iconleft--history-black.iconleft--big:before {
  top: 50%;
  margin-top: -16px;
}
.iconleft--history-black.iconleft--big:before {
  background-position: -2px -38px;
}
.iconleft--history-black.iconleft--big:before {
  background-image: url('/static/images/icons/library_nav.png?1943ceeeecc3');
}
/* Artist Icons
   -------------------------------------------------------------------------- */
.iconleft--artists-white {
  position: relative;
}
.iconleft--artists-white:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.iconleft--artists-white.iconleft--big {
  padding-left: 38px;
}
.iconleft--artists-white.iconleft--big:before {
  width: 32px;
  height: 32px;
}
.iconleft--artists-white.iconleft--big:before {
  top: 50%;
  margin-top: -16px;
}
.iconleft--artists-white.iconleft--big:before {
  background-position: -38px -74px;
}
.iconleft--artists-white.iconleft--big:before {
  background-image: url('/static/images/icons/library_nav.png?1943ceeeecc3');
}
.iconleft--artists-red {
  position: relative;
}
.iconleft--artists-red:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.iconleft--artists-red.iconleft--big {
  padding-left: 38px;
}
.iconleft--artists-red.iconleft--big:before {
  width: 32px;
  height: 32px;
}
.iconleft--artists-red.iconleft--big:before {
  top: 50%;
  margin-top: -16px;
}
.iconleft--artists-red.iconleft--big:before {
  background-position: -38px -2px;
}
.iconleft--artists-red.iconleft--big:before {
  background-image: url('/static/images/icons/library_nav.png?1943ceeeecc3');
}
.iconleft--artists-black {
  position: relative;
}
.iconleft--artists-black:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.iconleft--artists-black.iconleft--big {
  padding-left: 38px;
}
.iconleft--artists-black.iconleft--big:before {
  width: 32px;
  height: 32px;
}
.iconleft--artists-black.iconleft--big:before {
  top: 50%;
  margin-top: -16px;
}
.iconleft--artists-black.iconleft--big:before {
  background-position: -38px -38px;
}
.iconleft--artists-black.iconleft--big:before {
  background-image: url('/static/images/icons/library_nav.png?1943ceeeecc3');
}
/* Album Icons
   -------------------------------------------------------------------------- */
.iconleft--albums-white {
  position: relative;
}
.iconleft--albums-white:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.iconleft--albums-white.iconleft--big {
  padding-left: 38px;
}
.iconleft--albums-white.iconleft--big:before {
  width: 32px;
  height: 32px;
}
.iconleft--albums-white.iconleft--big:before {
  top: 50%;
  margin-top: -16px;
}
.iconleft--albums-white.iconleft--big:before {
  background-position: -74px -74px;
}
.iconleft--albums-white.iconleft--big:before {
  background-image: url('/static/images/icons/library_nav.png?1943ceeeecc3');
}
.iconleft--albums-red {
  position: relative;
}
.iconleft--albums-red:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.iconleft--albums-red.iconleft--big {
  padding-left: 38px;
}
.iconleft--albums-red.iconleft--big:before {
  width: 32px;
  height: 32px;
}
.iconleft--albums-red.iconleft--big:before {
  top: 50%;
  margin-top: -16px;
}
.iconleft--albums-red.iconleft--big:before {
  background-position: -74px -2px;
}
.iconleft--albums-red.iconleft--big:before {
  background-image: url('/static/images/icons/library_nav.png?1943ceeeecc3');
}
.iconleft--albums-black {
  position: relative;
}
.iconleft--albums-black:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.iconleft--albums-black.iconleft--big {
  padding-left: 38px;
}
.iconleft--albums-black.iconleft--big:before {
  width: 32px;
  height: 32px;
}
.iconleft--albums-black.iconleft--big:before {
  top: 50%;
  margin-top: -16px;
}
.iconleft--albums-black.iconleft--big:before {
  background-position: -74px -38px;
}
.iconleft--albums-black.iconleft--big:before {
  background-image: url('/static/images/icons/library_nav.png?1943ceeeecc3');
}
/* Track Icons
   -------------------------------------------------------------------------- */
.iconleft--tracks-white {
  position: relative;
}
.iconleft--tracks-white:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.iconleft--tracks-white.iconleft--big {
  padding-left: 38px;
}
.iconleft--tracks-white.iconleft--big:before {
  width: 32px;
  height: 32px;
}
.iconleft--tracks-white.iconleft--big:before {
  top: 50%;
  margin-top: -16px;
}
.iconleft--tracks-white.iconleft--big:before {
  background-position: -111px -74px;
}
.iconleft--tracks-white.iconleft--big:before {
  background-image: url('/static/images/icons/library_nav.png?1943ceeeecc3');
}
.iconleft--tracks-red {
  position: relative;
}
.iconleft--tracks-red:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.iconleft--tracks-red.iconleft--big {
  padding-left: 38px;
}
.iconleft--tracks-red.iconleft--big:before {
  width: 32px;
  height: 32px;
}
.iconleft--tracks-red.iconleft--big:before {
  top: 50%;
  margin-top: -16px;
}
.iconleft--tracks-red.iconleft--big:before {
  background-position: -111px -2px;
}
.iconleft--tracks-red.iconleft--big:before {
  background-image: url('/static/images/icons/library_nav.png?1943ceeeecc3');
}
.iconleft--tracks-black {
  position: relative;
}
.iconleft--tracks-black:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.iconleft--tracks-black.iconleft--big {
  padding-left: 38px;
}
.iconleft--tracks-black.iconleft--big:before {
  width: 32px;
  height: 32px;
}
.iconleft--tracks-black.iconleft--big:before {
  top: 50%;
  margin-top: -16px;
}
.iconleft--tracks-black.iconleft--big:before {
  background-position: -111px -38px;
}
.iconleft--tracks-black.iconleft--big:before {
  background-image: url('/static/images/icons/library_nav.png?1943ceeeecc3');
}
/* Tag Icons
   -------------------------------------------------------------------------- */
.iconleft--tags-white {
  position: relative;
}
.iconleft--tags-white:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.iconleft--tags-white.iconleft--big {
  padding-left: 38px;
}
.iconleft--tags-white.iconleft--big:before {
  width: 32px;
  height: 32px;
}
.iconleft--tags-white.iconleft--big:before {
  top: 50%;
  margin-top: -16px;
}
.iconleft--tags-white.iconleft--big:before {
  background-position: -147px -74px;
}
.iconleft--tags-white.iconleft--big:before {
  background-image: url('/static/images/icons/library_nav.png?1943ceeeecc3');
}
.iconleft--tags-red {
  position: relative;
}
.iconleft--tags-red:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.iconleft--tags-red.iconleft--big {
  padding-left: 38px;
}
.iconleft--tags-red.iconleft--big:before {
  width: 32px;
  height: 32px;
}
.iconleft--tags-red.iconleft--big:before {
  top: 50%;
  margin-top: -16px;
}
.iconleft--tags-red.iconleft--big:before {
  background-position: -147px -2px;
}
.iconleft--tags-red.iconleft--big:before {
  background-image: url('/static/images/icons/library_nav.png?1943ceeeecc3');
}
.iconleft--tags-black {
  position: relative;
}
.iconleft--tags-black:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.iconleft--tags-black.iconleft--big {
  padding-left: 38px;
}
.iconleft--tags-black.iconleft--big:before {
  width: 32px;
  height: 32px;
}
.iconleft--tags-black.iconleft--big:before {
  top: 50%;
  margin-top: -16px;
}
.iconleft--tags-black.iconleft--big:before {
  background-position: -147px -38px;
}
.iconleft--tags-black.iconleft--big:before {
  background-image: url('/static/images/icons/library_nav.png?1943ceeeecc3');
}
/* Close Icons
   -------------------------------------------------------------------------- */
.iconleft--close {
  position: relative;
}
.iconleft--close:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.iconleft--close.iconleft--big {
  padding-left: 38px;
}
.iconleft--close.iconleft--big:before {
  width: 32px;
  height: 32px;
}
.iconleft--close.iconleft--big:before {
  top: 50%;
  margin-top: -16px;
}
.iconleft--close.iconleft--big:before {
  background-position: -38px -2px;
}
.iconleft--close.iconleft--big:before {
  background-image: url('/static/images/icons/library_controls.png?1943ceeeecc3');
}
/* ==========================================================================
   Buttons with icons
   ========================================================================== */
.btn-icon-only {
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 24px;
  height: 24px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  padding-left: 0;
}
.btn-icon-only:before {
  left: 50%;
  margin-left: -12px;
}
.btn-icon-only.iconleft--big {
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 32px;
  height: 32px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  padding-left: 0;
}
.btn-icon-only.iconleft--big:before {
  left: 50%;
  margin-left: -16px;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 768px) {
  .container {
    width: 980px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 980px;
  }
}
@media (min-width: 1260px) {
  .container {
    width: 1230px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.row {
  margin-left: -10px;
  margin-right: -10px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1260px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
/* ==========================================================================
   Grid mixins
   ========================================================================== */
body:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  background-color: #aaaaaa;
}
.main-content {
  position: relative;
}
.main-content:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  background-color: #ffffff;
}
@media (min-width: 768px) {
  .main-content {
    margin-top: 50px;
  }
}
.minimal-layout:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  background-color: #ffffff;
}
.minimal-layout .main-content {
  margin-top: 0;
}
.add-bottom-margin {
  margin-bottom: 24px;
}
.remove-margin-top {
  margin-top: 0;
}
/* Vertical spacing
   ========================================================================== */
/**
 * Add buffer between certain adjacent elements, inspired by
 * http://alistapart.com/article/axiomatic-css-and-lobotomized-owls
 * except without using the adjacent selector as it doesn't work nicely with
 * LESS mixins.
 */
.buffer-wrap-top {
  padding-top: 18px;
}
@media (min-width: 768px) {
  .buffer-wrap-top {
    padding-top: 24px;
  }
}
.buffer-wrap-bottom {
  padding-bottom: 18px;
}
@media (min-width: 768px) {
  .buffer-wrap-bottom {
    padding-bottom: 24px;
  }
}
.buffer-wrap-top-mini {
  padding-top: 12px;
}
.buffer-wrap-top-tiny {
  padding-top: 6px;
}
.buffer-wrap-bottom-small {
  padding-bottom: 12px;
}
.buffer-wrap-bottom-regular {
  padding-bottom: 24px;
}
.buffer-wrap {
  padding-top: 18px;
  padding-bottom: 18px;
}
@media (min-width: 768px) {
  .buffer-wrap {
    padding-top: 24px;
  }
}
@media (min-width: 768px) {
  .buffer-wrap {
    padding-bottom: 24px;
  }
}
@media (min-width: 768px) {
  .buffer-wrap-huge {
    padding-top: 96px;
    padding-bottom: 96px;
  }
}
.buffer-wrap-reset {
  padding-top: 0;
  padding-bottom: 0;
}
.buffer-reset {
  margin-top: 0;
}
@media (min-width: 768px) {
  .buffer-reset {
    margin-top: 0;
  }
}
.buffer-reset-bottom {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .buffer-reset-bottom {
    margin-bottom: 0;
  }
}
.buffer-spacing {
  margin-top: 18px;
}
@media (min-width: 768px) {
  .buffer-spacing {
    margin-top: 24px;
  }
}
.buffer-spacing-small {
  margin-top: 18px;
}
.buffer-spacing-mini {
  margin-top: 12px;
}
.buffer-spacing-tiny {
  margin-top: 6px;
}
.buffer-spacing-bottom {
  margin-bottom: 18px;
}
@media (min-width: 768px) {
  .buffer-spacing-bottom {
    margin-bottom: 24px;
  }
}
.buffer {
  margin-top: 18px;
}
.buffer:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .buffer:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .buffer {
    margin-top: 24px;
  }
}
.buffer-mini {
  margin-top: 12px;
}
.buffer-mini:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .buffer-mini:first-child {
    margin-top: 0;
  }
}
.buffer-small {
  margin-top: 18px;
}
.buffer-small:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .buffer-small:first-child {
    margin-top: 0;
  }
}
.buffer-tiny {
  margin-top: 6px;
}
.buffer-tiny:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .buffer-tiny:first-child {
    margin-top: 0;
  }
}
.buffer-large {
  margin-top: 48px;
}
.buffer-large:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .buffer-large:first-child {
    margin-top: 0;
  }
}
.buffer-huge {
  margin-top: 96px;
}
.buffer-huge:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .buffer-huge:first-child {
    margin-top: 0;
  }
}
.buffer-match-gutter {
  margin-top: 15px;
}
.buffer-match-gutter:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .buffer-match-gutter:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .buffer-match-gutter {
    margin-top: 20px;
  }
}
@media (min-width: 1260px) {
  .buffer-match-gutter {
    margin-top: 30px;
  }
}
.buffer-wrap-collapse {
  margin-top: -18px;
}
@media (min-width: 768px) {
  .buffer-wrap-collapse {
    margin-top: -24px;
  }
}
@media (min-width: 768px) {
  .buffer-wrap-reduce-bottom-huge {
    margin-bottom: -72px;
  }
}
.buffer-collapse-tiny {
  margin-bottom: -6px;
}
.buffer-collapse-reset {
  margin-bottom: 0;
}
.buffer-common-mini + .buffer-common-mini {
  margin-top: 12px;
}
article,
section {
  margin-top: 18px;
}
article:first-child,
section:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  article:first-child,
  section:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  article,
  section {
    margin-top: 24px;
  }
}
/* ==========================================================================
   Grid configuration
   ========================================================================== */
/**
 * Mobile (xs)
 * 100% width (1 column - linearised) with 15px side margins.
 *
 * Reduced (sm-md)
 * 940px width (12 columns, 60px each, 20px gutters) with 20px side margins.
 * This grid is used for both the sm and md breakpoints.
 *
 * Full-size (lg)
 * 1170px width (12 columns, 70px each, 30px gutters) with 30px side margins.
 */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 7.5px;
  padding-right: 7.5px;
}
@media (min-width: 768px) {
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 1260px) {
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.container {
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1260px) {
  .container {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.semi-fluid-container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #ffffff;
}
@media (min-width: 768px) {
  .semi-fluid-container {
    width: 980px;
  }
}
@media (min-width: 992px) {
  .semi-fluid-container {
    width: 980px;
  }
}
@media (min-width: 1260px) {
  .semi-fluid-container {
    width: 1230px;
  }
}
@media (min-width: 768px) {
  .semi-fluid-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1260px) {
  .semi-fluid-container {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 768px) {
  .semi-fluid-container {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .semi-fluid-container {
    width: 980px;
  }
}
@media (min-width: 1260px) {
  .semi-fluid-container {
    width: 1230px;
  }
}
.row {
  margin-left: -7.5px;
  margin-right: -7.5px;
}
@media (min-width: 768px) {
  .row {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (min-width: 1260px) {
  .row {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 960px;
  }
  .col-sm-11 {
    width: 880px;
  }
  .col-sm-10 {
    width: 800px;
  }
  .col-sm-9 {
    width: 720px;
  }
  .col-sm-8 {
    width: 640px;
  }
  .col-sm-7 {
    width: 560px;
  }
  .col-sm-6 {
    width: 480px;
  }
  .col-sm-5 {
    width: 400px;
  }
  .col-sm-4 {
    width: 320px;
  }
  .col-sm-3 {
    width: 240px;
  }
  .col-sm-2 {
    width: 160px;
  }
  .col-sm-1 {
    width: 80px;
  }
  .col-sm-pull-12 {
    right: 960px;
  }
  .col-sm-pull-11 {
    right: 880px;
  }
  .col-sm-pull-10 {
    right: 800px;
  }
  .col-sm-pull-9 {
    right: 720px;
  }
  .col-sm-pull-8 {
    right: 640px;
  }
  .col-sm-pull-7 {
    right: 560px;
  }
  .col-sm-pull-6 {
    right: 480px;
  }
  .col-sm-pull-5 {
    right: 400px;
  }
  .col-sm-pull-4 {
    right: 320px;
  }
  .col-sm-pull-3 {
    right: 240px;
  }
  .col-sm-pull-2 {
    right: 160px;
  }
  .col-sm-pull-1 {
    right: 80px;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 960px;
  }
  .col-sm-push-11 {
    left: 880px;
  }
  .col-sm-push-10 {
    left: 800px;
  }
  .col-sm-push-9 {
    left: 720px;
  }
  .col-sm-push-8 {
    left: 640px;
  }
  .col-sm-push-7 {
    left: 560px;
  }
  .col-sm-push-6 {
    left: 480px;
  }
  .col-sm-push-5 {
    left: 400px;
  }
  .col-sm-push-4 {
    left: 320px;
  }
  .col-sm-push-3 {
    left: 240px;
  }
  .col-sm-push-2 {
    left: 160px;
  }
  .col-sm-push-1 {
    left: 80px;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 960px;
  }
  .col-sm-offset-11 {
    margin-left: 880px;
  }
  .col-sm-offset-10 {
    margin-left: 800px;
  }
  .col-sm-offset-9 {
    margin-left: 720px;
  }
  .col-sm-offset-8 {
    margin-left: 640px;
  }
  .col-sm-offset-7 {
    margin-left: 560px;
  }
  .col-sm-offset-6 {
    margin-left: 480px;
  }
  .col-sm-offset-5 {
    margin-left: 400px;
  }
  .col-sm-offset-4 {
    margin-left: 320px;
  }
  .col-sm-offset-3 {
    margin-left: 240px;
  }
  .col-sm-offset-2 {
    margin-left: 160px;
  }
  .col-sm-offset-1 {
    margin-left: 80px;
  }
  .col-sm-offset-0 {
    margin-left: 0px;
  }
}
@media (min-width: 992px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 960px;
  }
  .col-sm-11 {
    width: 880px;
  }
  .col-sm-10 {
    width: 800px;
  }
  .col-sm-9 {
    width: 720px;
  }
  .col-sm-8 {
    width: 640px;
  }
  .col-sm-7 {
    width: 560px;
  }
  .col-sm-6 {
    width: 480px;
  }
  .col-sm-5 {
    width: 400px;
  }
  .col-sm-4 {
    width: 320px;
  }
  .col-sm-3 {
    width: 240px;
  }
  .col-sm-2 {
    width: 160px;
  }
  .col-sm-1 {
    width: 80px;
  }
  .col-sm-pull-12 {
    right: 960px;
  }
  .col-sm-pull-11 {
    right: 880px;
  }
  .col-sm-pull-10 {
    right: 800px;
  }
  .col-sm-pull-9 {
    right: 720px;
  }
  .col-sm-pull-8 {
    right: 640px;
  }
  .col-sm-pull-7 {
    right: 560px;
  }
  .col-sm-pull-6 {
    right: 480px;
  }
  .col-sm-pull-5 {
    right: 400px;
  }
  .col-sm-pull-4 {
    right: 320px;
  }
  .col-sm-pull-3 {
    right: 240px;
  }
  .col-sm-pull-2 {
    right: 160px;
  }
  .col-sm-pull-1 {
    right: 80px;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 960px;
  }
  .col-sm-push-11 {
    left: 880px;
  }
  .col-sm-push-10 {
    left: 800px;
  }
  .col-sm-push-9 {
    left: 720px;
  }
  .col-sm-push-8 {
    left: 640px;
  }
  .col-sm-push-7 {
    left: 560px;
  }
  .col-sm-push-6 {
    left: 480px;
  }
  .col-sm-push-5 {
    left: 400px;
  }
  .col-sm-push-4 {
    left: 320px;
  }
  .col-sm-push-3 {
    left: 240px;
  }
  .col-sm-push-2 {
    left: 160px;
  }
  .col-sm-push-1 {
    left: 80px;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 960px;
  }
  .col-sm-offset-11 {
    margin-left: 880px;
  }
  .col-sm-offset-10 {
    margin-left: 800px;
  }
  .col-sm-offset-9 {
    margin-left: 720px;
  }
  .col-sm-offset-8 {
    margin-left: 640px;
  }
  .col-sm-offset-7 {
    margin-left: 560px;
  }
  .col-sm-offset-6 {
    margin-left: 480px;
  }
  .col-sm-offset-5 {
    margin-left: 400px;
  }
  .col-sm-offset-4 {
    margin-left: 320px;
  }
  .col-sm-offset-3 {
    margin-left: 240px;
  }
  .col-sm-offset-2 {
    margin-left: 160px;
  }
  .col-sm-offset-1 {
    margin-left: 80px;
  }
  .col-sm-offset-0 {
    margin-left: 0px;
  }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 960px;
  }
  .col-md-11 {
    width: 880px;
  }
  .col-md-10 {
    width: 800px;
  }
  .col-md-9 {
    width: 720px;
  }
  .col-md-8 {
    width: 640px;
  }
  .col-md-7 {
    width: 560px;
  }
  .col-md-6 {
    width: 480px;
  }
  .col-md-5 {
    width: 400px;
  }
  .col-md-4 {
    width: 320px;
  }
  .col-md-3 {
    width: 240px;
  }
  .col-md-2 {
    width: 160px;
  }
  .col-md-1 {
    width: 80px;
  }
  .col-md-pull-12 {
    right: 960px;
  }
  .col-md-pull-11 {
    right: 880px;
  }
  .col-md-pull-10 {
    right: 800px;
  }
  .col-md-pull-9 {
    right: 720px;
  }
  .col-md-pull-8 {
    right: 640px;
  }
  .col-md-pull-7 {
    right: 560px;
  }
  .col-md-pull-6 {
    right: 480px;
  }
  .col-md-pull-5 {
    right: 400px;
  }
  .col-md-pull-4 {
    right: 320px;
  }
  .col-md-pull-3 {
    right: 240px;
  }
  .col-md-pull-2 {
    right: 160px;
  }
  .col-md-pull-1 {
    right: 80px;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 960px;
  }
  .col-md-push-11 {
    left: 880px;
  }
  .col-md-push-10 {
    left: 800px;
  }
  .col-md-push-9 {
    left: 720px;
  }
  .col-md-push-8 {
    left: 640px;
  }
  .col-md-push-7 {
    left: 560px;
  }
  .col-md-push-6 {
    left: 480px;
  }
  .col-md-push-5 {
    left: 400px;
  }
  .col-md-push-4 {
    left: 320px;
  }
  .col-md-push-3 {
    left: 240px;
  }
  .col-md-push-2 {
    left: 160px;
  }
  .col-md-push-1 {
    left: 80px;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 960px;
  }
  .col-md-offset-11 {
    margin-left: 880px;
  }
  .col-md-offset-10 {
    margin-left: 800px;
  }
  .col-md-offset-9 {
    margin-left: 720px;
  }
  .col-md-offset-8 {
    margin-left: 640px;
  }
  .col-md-offset-7 {
    margin-left: 560px;
  }
  .col-md-offset-6 {
    margin-left: 480px;
  }
  .col-md-offset-5 {
    margin-left: 400px;
  }
  .col-md-offset-4 {
    margin-left: 320px;
  }
  .col-md-offset-3 {
    margin-left: 240px;
  }
  .col-md-offset-2 {
    margin-left: 160px;
  }
  .col-md-offset-1 {
    margin-left: 80px;
  }
  .col-md-offset-0 {
    margin-left: 0px;
  }
}
@media (min-width: 1260px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 1200px;
  }
  .col-sm-11 {
    width: 1100px;
  }
  .col-sm-10 {
    width: 1000px;
  }
  .col-sm-9 {
    width: 900px;
  }
  .col-sm-8 {
    width: 800px;
  }
  .col-sm-7 {
    width: 700px;
  }
  .col-sm-6 {
    width: 600px;
  }
  .col-sm-5 {
    width: 500px;
  }
  .col-sm-4 {
    width: 400px;
  }
  .col-sm-3 {
    width: 300px;
  }
  .col-sm-2 {
    width: 200px;
  }
  .col-sm-1 {
    width: 100px;
  }
  .col-sm-pull-12 {
    right: 1200px;
  }
  .col-sm-pull-11 {
    right: 1100px;
  }
  .col-sm-pull-10 {
    right: 1000px;
  }
  .col-sm-pull-9 {
    right: 900px;
  }
  .col-sm-pull-8 {
    right: 800px;
  }
  .col-sm-pull-7 {
    right: 700px;
  }
  .col-sm-pull-6 {
    right: 600px;
  }
  .col-sm-pull-5 {
    right: 500px;
  }
  .col-sm-pull-4 {
    right: 400px;
  }
  .col-sm-pull-3 {
    right: 300px;
  }
  .col-sm-pull-2 {
    right: 200px;
  }
  .col-sm-pull-1 {
    right: 100px;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 1200px;
  }
  .col-sm-push-11 {
    left: 1100px;
  }
  .col-sm-push-10 {
    left: 1000px;
  }
  .col-sm-push-9 {
    left: 900px;
  }
  .col-sm-push-8 {
    left: 800px;
  }
  .col-sm-push-7 {
    left: 700px;
  }
  .col-sm-push-6 {
    left: 600px;
  }
  .col-sm-push-5 {
    left: 500px;
  }
  .col-sm-push-4 {
    left: 400px;
  }
  .col-sm-push-3 {
    left: 300px;
  }
  .col-sm-push-2 {
    left: 200px;
  }
  .col-sm-push-1 {
    left: 100px;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 1200px;
  }
  .col-sm-offset-11 {
    margin-left: 1100px;
  }
  .col-sm-offset-10 {
    margin-left: 1000px;
  }
  .col-sm-offset-9 {
    margin-left: 900px;
  }
  .col-sm-offset-8 {
    margin-left: 800px;
  }
  .col-sm-offset-7 {
    margin-left: 700px;
  }
  .col-sm-offset-6 {
    margin-left: 600px;
  }
  .col-sm-offset-5 {
    margin-left: 500px;
  }
  .col-sm-offset-4 {
    margin-left: 400px;
  }
  .col-sm-offset-3 {
    margin-left: 300px;
  }
  .col-sm-offset-2 {
    margin-left: 200px;
  }
  .col-sm-offset-1 {
    margin-left: 100px;
  }
  .col-sm-offset-0 {
    margin-left: 0px;
  }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 1200px;
  }
  .col-md-11 {
    width: 1100px;
  }
  .col-md-10 {
    width: 1000px;
  }
  .col-md-9 {
    width: 900px;
  }
  .col-md-8 {
    width: 800px;
  }
  .col-md-7 {
    width: 700px;
  }
  .col-md-6 {
    width: 600px;
  }
  .col-md-5 {
    width: 500px;
  }
  .col-md-4 {
    width: 400px;
  }
  .col-md-3 {
    width: 300px;
  }
  .col-md-2 {
    width: 200px;
  }
  .col-md-1 {
    width: 100px;
  }
  .col-md-pull-12 {
    right: 1200px;
  }
  .col-md-pull-11 {
    right: 1100px;
  }
  .col-md-pull-10 {
    right: 1000px;
  }
  .col-md-pull-9 {
    right: 900px;
  }
  .col-md-pull-8 {
    right: 800px;
  }
  .col-md-pull-7 {
    right: 700px;
  }
  .col-md-pull-6 {
    right: 600px;
  }
  .col-md-pull-5 {
    right: 500px;
  }
  .col-md-pull-4 {
    right: 400px;
  }
  .col-md-pull-3 {
    right: 300px;
  }
  .col-md-pull-2 {
    right: 200px;
  }
  .col-md-pull-1 {
    right: 100px;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 1200px;
  }
  .col-md-push-11 {
    left: 1100px;
  }
  .col-md-push-10 {
    left: 1000px;
  }
  .col-md-push-9 {
    left: 900px;
  }
  .col-md-push-8 {
    left: 800px;
  }
  .col-md-push-7 {
    left: 700px;
  }
  .col-md-push-6 {
    left: 600px;
  }
  .col-md-push-5 {
    left: 500px;
  }
  .col-md-push-4 {
    left: 400px;
  }
  .col-md-push-3 {
    left: 300px;
  }
  .col-md-push-2 {
    left: 200px;
  }
  .col-md-push-1 {
    left: 100px;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 1200px;
  }
  .col-md-offset-11 {
    margin-left: 1100px;
  }
  .col-md-offset-10 {
    margin-left: 1000px;
  }
  .col-md-offset-9 {
    margin-left: 900px;
  }
  .col-md-offset-8 {
    margin-left: 800px;
  }
  .col-md-offset-7 {
    margin-left: 700px;
  }
  .col-md-offset-6 {
    margin-left: 600px;
  }
  .col-md-offset-5 {
    margin-left: 500px;
  }
  .col-md-offset-4 {
    margin-left: 400px;
  }
  .col-md-offset-3 {
    margin-left: 300px;
  }
  .col-md-offset-2 {
    margin-left: 200px;
  }
  .col-md-offset-1 {
    margin-left: 100px;
  }
  .col-md-offset-0 {
    margin-left: 0px;
  }
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 1200px;
  }
  .col-lg-11 {
    width: 1100px;
  }
  .col-lg-10 {
    width: 1000px;
  }
  .col-lg-9 {
    width: 900px;
  }
  .col-lg-8 {
    width: 800px;
  }
  .col-lg-7 {
    width: 700px;
  }
  .col-lg-6 {
    width: 600px;
  }
  .col-lg-5 {
    width: 500px;
  }
  .col-lg-4 {
    width: 400px;
  }
  .col-lg-3 {
    width: 300px;
  }
  .col-lg-2 {
    width: 200px;
  }
  .col-lg-1 {
    width: 100px;
  }
  .col-lg-pull-12 {
    right: 1200px;
  }
  .col-lg-pull-11 {
    right: 1100px;
  }
  .col-lg-pull-10 {
    right: 1000px;
  }
  .col-lg-pull-9 {
    right: 900px;
  }
  .col-lg-pull-8 {
    right: 800px;
  }
  .col-lg-pull-7 {
    right: 700px;
  }
  .col-lg-pull-6 {
    right: 600px;
  }
  .col-lg-pull-5 {
    right: 500px;
  }
  .col-lg-pull-4 {
    right: 400px;
  }
  .col-lg-pull-3 {
    right: 300px;
  }
  .col-lg-pull-2 {
    right: 200px;
  }
  .col-lg-pull-1 {
    right: 100px;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 1200px;
  }
  .col-lg-push-11 {
    left: 1100px;
  }
  .col-lg-push-10 {
    left: 1000px;
  }
  .col-lg-push-9 {
    left: 900px;
  }
  .col-lg-push-8 {
    left: 800px;
  }
  .col-lg-push-7 {
    left: 700px;
  }
  .col-lg-push-6 {
    left: 600px;
  }
  .col-lg-push-5 {
    left: 500px;
  }
  .col-lg-push-4 {
    left: 400px;
  }
  .col-lg-push-3 {
    left: 300px;
  }
  .col-lg-push-2 {
    left: 200px;
  }
  .col-lg-push-1 {
    left: 100px;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 1200px;
  }
  .col-lg-offset-11 {
    margin-left: 1100px;
  }
  .col-lg-offset-10 {
    margin-left: 1000px;
  }
  .col-lg-offset-9 {
    margin-left: 900px;
  }
  .col-lg-offset-8 {
    margin-left: 800px;
  }
  .col-lg-offset-7 {
    margin-left: 700px;
  }
  .col-lg-offset-6 {
    margin-left: 600px;
  }
  .col-lg-offset-5 {
    margin-left: 500px;
  }
  .col-lg-offset-4 {
    margin-left: 400px;
  }
  .col-lg-offset-3 {
    margin-left: 300px;
  }
  .col-lg-offset-2 {
    margin-left: 200px;
  }
  .col-lg-offset-1 {
    margin-left: 100px;
  }
  .col-lg-offset-0 {
    margin-left: 0px;
  }
}
.full-bleed-mobile {
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .full-bleed-mobile {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
/* ==========================================================================
   Development grid overlay
   ========================================================================== */
.dev-grid-overlay {
  background: linear-gradient(rgba(0, 255, 255, 0.15) 50%, transparent 50%);
  background-size: 100% 48px;
  position: absolute;
  top: 0;
  height: 9000px;
  width: 100%;
  pointer-events: none;
  z-index: 100000000;
}
@media (min-width: 768px) {
  .dev-grid-overlay {
    background: linear-gradient(rgba(0, 255, 255, 0.15) 50%, transparent 50%), linear-gradient(90deg, transparent 20px, rgba(255, 0, 0, 0.1) 20px);
    background-size: 100% 48px, 80px 100%;
    left: 50%;
    width: 980px;
    margin-left: -490px;
  }
}
@media (min-width: 1260px) {
  .dev-grid-overlay {
    background: linear-gradient(rgba(0, 255, 255, 0.15) 50%, transparent 50%), linear-gradient(90deg, transparent 30px, rgba(255, 0, 0, 0.1) 30px);
    background-size: 100% 48px, 100px 100%;
    left: 50%;
    width: 1230px;
    margin-left: -615px;
  }
}
@media (max-width: 992px) {
  .dev-grid-overlay {
    left: 0;
    margin-left: 0;
  }
}
.dev-grid-overlay--baseline {
  background: linear-gradient(rgba(0, 155, 255, 0.5) 50%, transparent 50%);
  background-size: 100% 12px;
}
/* ==========================================================================
   Main two column layout
   ========================================================================== */
/**
 * Two columns 8:4 for Reduced and Full-size breakpoints, linearised on mobile
 *
 * Add .two-column-layout class to body for sidebar colouring
 */
/* Column dimensions
   ========================================================================== */
/* Main column (8 wide) */
.col-main {
  position: relative;
  min-height: 1px;
  padding-left: 7.5px;
  padding-right: 7.5px;
  float: left;
  width: 100%;
}
@media (min-width: 768px) {
  .col-main {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .col-main {
    float: left;
    width: 640px;
  }
}
@media (min-width: 1260px) {
  .col-main {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1260px) and (min-width: 1260px) {
  .col-main {
    float: left;
    width: 800px;
  }
}
/* Sidebar column (4 wide) */
.col-sidebar {
  position: relative;
  min-height: 1px;
  padding-left: 7.5px;
  padding-right: 7.5px;
  float: left;
  width: 100%;
}
@media (min-width: 768px) {
  .col-sidebar {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .col-sidebar {
    float: left;
    width: 320px;
  }
}
@media (min-width: 1260px) {
  .col-sidebar {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1260px) and (min-width: 1260px) {
  .col-sidebar {
    float: left;
    width: 400px;
  }
}
/* Collapsing vertical space
   ========================================================================== */
/**
 * no-float utility
 *
 * Disables float but simulates the same margin clearing behaviour.
 * Based on http://nicolasgallagher.com/micro-clearfix-hack/
 */
.no-float {
  float: none;
}
.no-float:before,
.no-float:after {
  content: " ";
  display: table;
}
/**
 * Collapse vertical space between long sidebar column blocks
 *
 * Use when sidebar column blocks are longer than their preceding main
 * column blocks.
 */
@media (min-width: 768px) {
  .col-sidebar--long {
    float: right !important;
  }
}
/**
 * Collapse vertical space between short sidebar column blocks
 *
 * Use when sidebar column blocks are shorter than their preceding main
 * column blocks.
 */
@media (min-width: 768px) {
  .col-sidebar--short {
    float: none;
  }
  .col-sidebar--short:before,
  .col-sidebar--short:after {
    content: " ";
    display: table;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .col-sidebar--short {
    margin-left: 66.66666667%;
  }
}
@media (min-width: 1260px) and (min-width: 1260px) {
  .col-sidebar--short {
    margin-left: 66.66666667%;
  }
}
/* Content Top
   ========================================================================= */
.content-top {
  position: relative;
  padding-top: 18px;
}
.content-top:after {
  content: '';
  border-top: 1px solid #ebebeb;
  margin-top: -1px;
  position: absolute;
  left: 50%;
  right: 0;
  width: 50%;
}
@media (min-width: 768px) {
  .content-top {
    padding-top: 24px;
  }
}
.content-top .content-top-lower {
  position: relative;
  padding-bottom: 18px;
}
.content-top .content-top-lower:after {
  position: relative;
  content: '';
  border-top: 1px solid #ebebeb;
  width: 100%;
  bottom: -18px;
}
.content-top .content-top-lower .secondary-nav {
  margin-bottom: -18px;
}
.content-top .content-top-upper {
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .content-top .content-top-upper {
    display: none;
  }
}
.two-column-layout .content-top {
  background: #ffffff;
}
.two-column-layout .content-top .container {
  background: none;
}
.content-top-header {
  margin-bottom: 0;
}
.skinAd .content-top:after {
  display: none;
}
.skinAd .content-top-inner-wrap {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #ffffff;
  position: relative;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: none;
}
@media (min-width: 768px) {
  .skinAd .content-top-inner-wrap {
    width: 980px;
  }
}
@media (min-width: 992px) {
  .skinAd .content-top-inner-wrap {
    width: 980px;
  }
}
@media (min-width: 1260px) {
  .skinAd .content-top-inner-wrap {
    width: 1230px;
  }
}
@media (min-width: 768px) {
  .skinAd .content-top-inner-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1260px) {
  .skinAd .content-top-inner-wrap {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.skinAd .content-top-inner-wrap:after {
  content: '';
  border-top: 1px solid #ebebeb;
  margin-top: -1px;
  position: absolute;
  left: 50%;
  right: 0;
  width: 50%;
}
.skinAd.two-column-layout .content-top {
  background: none;
}
.skinAd.two-column-layout .content-top .container {
  background: #ffffff;
}
.skinAd .content-top .container {
  padding-top: 18px;
}
@media (min-width: 768px) {
  .skinAd .content-top .container {
    padding-top: 24px;
  }
}
/* Main content
   ========================================================================== */
.page-content {
  padding-top: 18px;
  padding-bottom: 18px;
}
@media (min-width: 768px) {
  .page-content {
    padding-top: 24px;
  }
}
@media (min-width: 768px) {
  .page-content {
    padding-bottom: 24px;
  }
}
/* Sidebar colouring
   ========================================================================== */
/**
 * Extra top and bottom spacing
 */
@media (min-width: 768px) {
  .centered-layout .page-content {
    padding-top: 96px;
    padding-bottom: 96px;
  }
}
/* Sidebar colouring
   ========================================================================== */
/* Stop ad skins showing through */
.container {
  background-color: #ffffff;
}
@media (min-width: 768px) {
  body {
    min-width: 980px;
  }
  /* Half white and half grey, gets covered by the skin if there is one */
  .two-column-layout .main-content:before {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVQI12P4+fMnAAXaAuz+eyWWAAAAAElFTkSuQmCC');
    background-size: 50% 1px;
    background-position: 100% 0;
    background-repeat: repeat-y;
  }
  /* Grey sidebar with a 1px border */
  .two-column-layout .container {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVQI12N4/fo1AAWGAsJ+khd7AAAAAElFTkSuQmCC'), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVQI12P4+fMnAAXaAuz+eyWWAAAAAElFTkSuQmCC');
    background-size: 1px 1px, 100% 1px;
    background-position: 650px 0;
    background-repeat: repeat-y;
  }
  .two-column-layout .masthead-wrapper .container {
    background: none;
  }
}
@media (min-width: 992px) {
  body {
    min-width: 0;
  }
}
@media (min-width: 1260px) {
  .two-column-layout .container {
    background-position: 815px 0;
  }
}
.content-top-back-link + .content-top-header {
  margin-top: 0;
}
@media (min-width: 768px) {
  .content-top-back-link + .content-top-header {
    margin-top: 0;
  }
}
.header {
  position: relative;
}
.header .header-background {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 128px;
  background-image: url('/static/images/defaults/default_header.jpg?1943ceeeecc3');
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center 20%;
  background-color: #2c2c2c;
}
.header .header-background:before {
  background-image: url('/static/images/header_mob_gradient.png?1943ceeeecc3');
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.header .header-background--has-image {
  background-size: cover;
}
.header .container {
  background: none;
}
.header .header-inner-wrap {
  padding-top: 128px;
}
.header .header-info:before,
.header .header-info:after {
  content: " ";
  display: table;
}
.header .header-info:after {
  clear: both;
}
.header .header-info:before,
.header .header-info:after {
  content: " ";
  display: table;
}
.header .header-info:after {
  clear: both;
}
.header .header-info:after {
  content: "";
  display: table;
  clear: both;
}
.header .header-info:after {
  content: "";
  display: table;
  clear: both;
}
.header .header-info-primary {
  margin-top: 18px;
}
@media (min-width: 768px) {
  .header .header-info-primary {
    margin-top: 24px;
  }
}
.header .header-crumb {
  display: block;
  float: left;
  color: inherit;
}
.header .header-title {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
  margin-top: 24px;
  margin-bottom: 12px;
  font-size: 36px;
  margin-top: 18px;
  margin-bottom: -6px;
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
  clear: left;
  margin-top: 0;
  margin-bottom: 0;
}
.header .header-title small,
.header .header-title .small {
  font-weight: normal;
  line-height: 1;
  color: #999999;
}
.header .header-title small,
.header .header-title .small {
  font-size: 65%;
}
.header .header-title:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .header .header-title:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .header .header-title {
    margin-top: 24px;
  }
}
@media (min-width: 768px) {
  .header .header-title {
    font-size: 40px;
    line-height: 54px;
  }
}
.header .header-title a {
  color: inherit;
}
.header .header-title h1 {
  margin: 0;
}
.header .header-title-duration {
  font-weight: normal;
}
.header .header-title-secondary {
  margin-top: 0;
}
@media (min-width: 768px) {
  .header .header-title-secondary {
    margin-top: 0;
  }
}
.header .header-info-secondary {
  margin-top: 12px;
}
.header.header--with-avatar .header-avatar {
  position: relative;
  position: absolute;
  z-index: 1;
  margin-top: -72px;
  width: 90px;
}
.header.header--with-avatar .header-avatar .cover-art {
  width: 100%;
}
.header.header--with-avatar .header-avatar .image-overlay-playlink-link {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 48px;
  height: 48px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.header.header--with-avatar .header-avatar .image-overlay-playlink-link:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.header.header--with-avatar .header-avatar .image-overlay-playlink-link:before {
  background-position: 0 0;
}
.header.header--with-avatar .header-avatar .image-overlay-playlink-link:before {
  background-image: url('/static/images/icons/play_48.png?1943ceeeecc3');
}
.header.header--with-avatar .header-avatar .image-overlay-playlink-link:before {
  width: 48px;
  height: 48px;
}
.header.header--with-avatar .header-avatar .image-overlay-playlink-link:before {
  top: 50%;
  margin-top: -24px;
}
.header.header--with-avatar .header-avatar .image-overlay-playlink-link:before {
  left: 50%;
  margin-left: -24px;
}
.header.header--with-avatar .header-avatar .image-overlay-playlink-link:focus:before,
.header.header--with-avatar .header-avatar .image-overlay-playlink-link:hover:before {
  background-position: 0 -48px;
}
.header.header--with-avatar .header-avatar .image-overlay-playlink-link:focus:before,
.header.header--with-avatar .header-avatar .image-overlay-playlink-link:hover:before {
  background-image: url('/static/images/icons/play_48.png?1943ceeeecc3');
}
.header.header--with-avatar .avatar {
  width: 100%;
}
.header.header--with-avatar .header-primary-info {
  margin-top: 24px;
}
@media (min-width: 768px) {
  .header {
    height: 260px;
    overflow: hidden;
    /* Stop white overlay causing horizontal scroll */
    color: #ffffff;
  }
  .header .header-background {
    height: 200px;
    background-size: auto;
  }
  .header .header-background:before {
    background-image: url('/static/images/header_gradient.png?1943ceeeecc3');
  }
  .header .header-background--has-image {
    background-size: cover;
  }
  .header .header-inner-wrap {
    padding-top: 90px;
  }
  .header .header-info {
    position: static;
    /* Allow white overlay to go full width */
  }
  .header .header-info-primary {
    margin-top: 0;
    min-height: 110px;
  }
  .header .header-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 0;
    /* Override .h1() */
    margin-bottom: 0;
  }
  .header .header-title .label {
    background: rgba(255, 255, 255, 0.1);
  }
  .header .header-title .label:hover {
    color: #ffffff;
  }
  .header .header-title-duration {
    font-size: 36px;
    line-height: 36px;
  }
  .header .header-info-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .header .header-info-truncate p {
    display: inline-block;
    vertical-align: middle;
    max-width: 80%;
  }
  .header .header-info-truncate .label {
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
  }
  .header .header-info-truncate .header-tags-add {
    color: #5cb4ff;
    vertical-align: middle;
  }
  .header .header-info-truncate.header-info--on-tour p {
    max-width: 65%;
  }
  .header .header-title-secondary a,
  .header .header-title-secondary a:hover,
  .header .header-title-secondary a:focus {
    color: #5cb4ff;
  }
  .header .header-crumb {
    font-size: 18px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    color: #ffffff;
    margin-top: -6px;
  }
  .header .header-info-secondary {
    /* Stop margins collapsing */
    display: inline-block;
    margin-top: 0;
    width: 100%;
    position: relative;
    color: #222222;
  }
  .header .header-info-secondary:before {
    content: "";
    position: absolute;
    z-index: -1;
    display: block;
    background: #ffffff;
    width: 10000px;
    margin-left: -5000px;
    left: -50%;
    height: 500px;
  }
  .header.header--with-avatar .header-inner-wrap {
    margin-left: -10px;
    margin-right: -10px;
    margin-left: -7.5px;
    margin-right: -7.5px;
  }
  .header.header--with-avatar .header-avatar {
    position: relative;
    margin-top: 0;
  }
  .header.header--with-avatar .header-avatar .cover-art {
    width: 100%;
  }
  .header.header--with-avatar .header-avatar .image-overlay-playlink-link {
    position: relative;
    /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
    font: 0/0 a;
    text-shadow: none;
    /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
    color: transparent !important;
    vertical-align: top;
    /* Set the box size of the image's containing element
     */
    display: inline-block;
    width: 96px;
    height: 96px;
    /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
    min-width: 0;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .header.header--with-avatar .header-avatar .image-overlay-playlink-link:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .header.header--with-avatar .header-avatar .image-overlay-playlink-link:before {
    background-position: 0 0;
  }
  .header.header--with-avatar .header-avatar .image-overlay-playlink-link:before {
    background-image: url('/static/images/icons/play_96.png?1943ceeeecc3');
  }
  .header.header--with-avatar .header-avatar .image-overlay-playlink-link:before {
    width: 96px;
    height: 96px;
  }
  .header.header--with-avatar .header-avatar .image-overlay-playlink-link:before {
    top: 50%;
    margin-top: -48px;
  }
  .header.header--with-avatar .header-avatar .image-overlay-playlink-link:before {
    left: 50%;
    margin-left: -48px;
  }
  .header.header--with-avatar .header-avatar .image-overlay-playlink-link:focus:before,
  .header.header--with-avatar .header-avatar .image-overlay-playlink-link:hover:before {
    background-position: 0 -96px;
  }
  .header.header--with-avatar .header-avatar .image-overlay-playlink-link:focus:before,
  .header.header--with-avatar .header-avatar .image-overlay-playlink-link:hover:before {
    background-image: url('/static/images/icons/play_96.png?1943ceeeecc3');
  }
  .header.header--with-avatar .header-avatar-inner-wrap {
    position: relative;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .header .header-title {
    line-height: 60px;
    /* Stop decenders being cut off */
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .header.header--with-avatar .header-inner-wrap {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (min-width: 768px) and (min-width: 1260px) {
  .header.header--with-avatar .header-inner-wrap {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .header.header--with-avatar .header-avatar {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (min-width: 768px) and (min-width: 768px) {
  .header.header--with-avatar .header-avatar {
    float: left;
    width: 160px;
  }
}
@media (min-width: 768px) and (min-width: 1260px) {
  .header.header--with-avatar .header-avatar {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) and (min-width: 1260px) and (min-width: 1260px) {
  .header.header--with-avatar .header-avatar {
    float: left;
    width: 200px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .header.header--with-avatar .header-info {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (min-width: 768px) and (min-width: 768px) {
  .header.header--with-avatar .header-info {
    float: left;
    width: 800px;
  }
}
@media (min-width: 768px) and (min-width: 1260px) {
  .header.header--with-avatar .header-info {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) and (min-width: 1260px) and (min-width: 1260px) {
  .header.header--with-avatar .header-info {
    float: left;
    width: 1000px;
  }
}
@media (min-width: 768px) {
  .header .header-title-display-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
    float: left;
    padding-right: 3px;
    max-width: 255px;
  }
}
@media (min-width: 1260px) {
  .header .header-title-display-name {
    max-width: 385px;
  }
}
@media (min-width: 768px) {
  .header.header--album .header-title,
  .header.header--track .header-title {
    line-height: 56px;
  }
}
@media (min-width: 768px) {
  .header.header--reduced {
    height: 200px;
  }
}
@media (min-width: 768px) {
  .header.header--user {
    height: 284px;
  }
}
.header .label {
  margin-right: 9px;
}
.minimal-header-layout .header,
.search-layout .header {
  height: 48px;
}
.minimal-header-layout .header .container,
.search-layout .header .container {
  display: none;
}
.minimal-header-layout .header .header-background,
.search-layout .header .header-background {
  height: 100%;
}
@media (min-width: 768px) {
  .minimal-header-layout .header,
  .search-layout .header {
    height: 84px;
  }
}
.search-layout .header {
  display: none;
}
@media (min-width: 768px) {
  .search-layout .header {
    display: block;
  }
}
.navbar-auth {
  margin-bottom: 0px;
}
.navbar-auth > .container {
  background: none;
  background-color: inherit;
}
.footer-wrapper {
  background-color: #aaaaaa;
}
.footer-wrapper .container {
  background: none;
}
.footer-wrapper .container .footer {
  color: #eeeeee;
}
.footer-wrapper .container .footer a,
.footer-wrapper .container .footer .mimic-link {
  color: inherit;
}
.footer-wrapper .container .footer .active {
  font-weight: bold;
  color: #444444;
}
.footer-wrapper .container .footer .legal {
  padding-left: 6px;
  color: #666666;
  font-size: 12px;
  line-height: 1.71428571;
}
.footer-wrapper .container .footer .legal li {
  padding: 0;
}
.footer-wrapper .container .footer .legal li:nth-child(n+2):before {
  content: '\b7\a0';
  /* \b7 is a middot, \a0 is a space */
}
.footer-wrapper .container .footer .wiki-legalise {
  padding-left: 0;
}
.footer-wrapper .container .footer .language-selector {
  margin-top: 0;
  padding-top: 18px;
}
@media (min-width: 768px) {
  .footer-wrapper .container .footer .language-selector {
    margin-top: 0;
  }
}
.footer-wrapper .container .footer .language-selector li,
.footer-wrapper .container .footer .language-selector form {
  display: inline;
}
.footer-wrapper .container .footer .language-selector li {
  padding-right: 10px;
}
@media (min-width: 768px) {
  .footer-wrapper .container .footer .language-selector {
    padding-top: 30px;
  }
}
.footer-wrapper .container .footer .site-links {
  margin-top: 0;
  box-shadow: inset 0 -1px #b9b9b9;
  margin-bottom: 0;
  padding-top: 18px;
  padding-bottom: 18px;
}
@media (min-width: 768px) {
  .footer-wrapper .container .footer .site-links {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .footer-wrapper .container .footer .site-links {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .footer-wrapper .container .footer .site-links li {
    display: inline;
    padding-right: 20px;
  }
}
@media (min-width: 1260px) {
  .footer-wrapper .container .footer .site-links li {
    padding-right: 30px;
  }
}
.footer-wrapper .container .footer .logo {
  padding-top: 18px;
  text-align: right;
}
@media (min-width: 768px) {
  .footer-wrapper .container .footer .logo {
    padding-top: 30px;
  }
}
.footer-wrapper .container .footer .copyright {
  margin-top: 18px;
  margin-bottom: 30px;
}
.footer-wrapper .container .footer .copyright:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .footer-wrapper .container .footer .copyright:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .footer-wrapper .container .footer .copyright {
    margin-top: 24px;
  }
}
.masthead .masthead-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3000000;
}
.masthead .masthead-fixed:before {
  content: " ";
  background-color: #000000;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: -1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  -o-transition: -o-transform 0.2s;
  transition: transform 0.2s;
}
.masthead.masthead--transparent .masthead-fixed:before {
  -webkit-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  transform: translate(0, -100%);
}
.masthead .container {
  background: none;
}
.masthead .masthead-nav-links {
  font-size: 18px;
  line-height: 24px;
  background: #000000;
}
.masthead .masthead-nav-links ul {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}
.masthead .masthead-nav-links li:first-child a,
.masthead .masthead-nav-links li:first-child .mimic-link {
  border-top: 1px solid #262626;
}
.masthead .masthead-nav-links a,
.masthead .masthead-nav-links .mimic-link {
  display: block;
  border-bottom: 1px solid #262626;
  color: #ffffff;
  padding: 12px 15px;
}
.masthead .masthead-nav-links a:hover,
.masthead .masthead-nav-links .mimic-link:hover,
.masthead .masthead-nav-links a:focus,
.masthead .masthead-nav-links .mimic-link:focus {
  text-decoration: none;
  background: transparent;
  color: #b90000;
}
.masthead .masthead-hamburger-toggle {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 24px;
  height: 24px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
  left: 0;
}
.masthead .masthead-hamburger-toggle:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.masthead .masthead-hamburger-toggle:before {
  background-position: 0 0;
}
.masthead .masthead-hamburger-toggle:before {
  background-image: url('/static/images/icons/hamburger_mobile.png?1943ceeeecc3');
}
.masthead .masthead-hamburger-toggle:before {
  width: 24px;
  height: 24px;
}
.masthead .masthead-hamburger-toggle:before {
  top: 50%;
  margin-top: -12px;
}
.masthead .masthead-hamburger-toggle:before {
  left: 50%;
  margin-left: -12px;
}
.masthead .masthead-search-link {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 24px;
  height: 24px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
  right: 0;
}
.masthead .masthead-search-link:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.masthead .masthead-search-link:before {
  background-position: 0 0;
}
.masthead .masthead-search-link:before {
  background-image: url('/static/images/icons/search_mob.png?1943ceeeecc3');
}
.masthead .masthead-search-link:before {
  width: 24px;
  height: 24px;
}
.masthead .masthead-search-link:before {
  top: 50%;
  margin-top: -12px;
}
.masthead .masthead-search-link:before {
  left: 50%;
  margin-left: -12px;
}
.masthead .masthead-hamburger-toggle,
.masthead .masthead-search-link {
  position: absolute;
  top: 0;
  width: 48px;
  height: 48px;
}
.masthead .search-form {
  display: none;
}
@media (min-width: 768px) {
  .masthead {
    padding-top: 24px;
    position: absolute;
    z-index: 1;
    width: 100%;
  }
  .masthead .masthead-fixed {
    position: static;
    z-index: 0;
  }
  .masthead .masthead-logo {
    float: left;
  }
  .masthead .masthead-nav-links {
    font-size: 20px;
    line-height: 30px;
    float: right;
    margin: 0;
    background: transparent;
  }
  .masthead .masthead-nav-links a,
  .masthead .masthead-nav-links .mimic-link {
    border: none;
    color: #ffffff;
    padding: 0;
  }
  .masthead .masthead-nav-links li {
    float: left;
    padding-left: 20px;
  }
  .masthead .masthead-nav-links li:first-child a,
  .masthead .masthead-nav-links li:first-child .mimic-link {
    border-top: 0;
  }
  .masthead .masthead-nav-links.collapse {
    display: block;
  }
  .masthead .masthead-hamburger-toggle,
  .masthead .masthead-search-link {
    display: none;
  }
  .masthead .search-form {
    display: block;
    float: left;
    margin-left: 32px;
    mergin-top: -1px;
  }
  .masthead .search-form .search-field {
    border-color: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.5);
    /* These don't work when combined into one rule */
  }
  .masthead .search-form .search-field:focus {
    border-color: rgba(255, 255, 255, 0.4);
    color: #ffffff;
  }
  .masthead .search-form .search-field::-webkit-input-placeholder {
    opacity: 0.5;
    filter: alpha(opacity=50);
    color: #ffffff;
  }
  .masthead .search-form .search-field::-moz-placeholder {
    opacity: 0.5;
    filter: alpha(opacity=50);
    color: #ffffff;
  }
  .masthead .search-form .search-field:-ms-input-placeholder {
    opacity: 0.5;
    filter: alpha(opacity=50);
    color: #ffffff;
  }
  .masthead .search-form .search-submit {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }
  .masthead .search-form .search-submit:before {
    background-position: 0 0;
  }
  .masthead .search-form .search-submit:before {
    background-image: url('/static/images/icons/search_16.png?1943ceeeecc3');
  }
  .masthead .search-form .search-field:focus + .search-submit {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .masthead .masthead-fixed:before {
    display: none;
  }
}
.masthead-logo {
  background-image: url('/static/images/logo_mobile_beta.png?1943ceeeecc3');
  background-size: 90px 24px;
  background-position: 50% 44%;
  background-repeat: no-repeat;
  height: 48px;
  margin-bottom: 0;
  margin-top: 0;
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .masthead-logo {
    background-image: url('/static/images/logo_beta.png?1943ceeeecc3');
    background-size: 119px 30px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .masthead-logo {
    background-image: url('/static/images/logo_beta2x.png?1943ceeeecc3');
  }
}
.masthead-logo a {
  display: block;
  height: 100%;
}
@media (min-width: 768px) {
  .masthead-logo {
    background-position: 0 50%;
    height: 36px;
    width: 119px;
  }
}
.minimal-header-layout .masthead--transparent .masthead-fixed:before,
.search-layout .masthead--transparent .masthead-fixed:before,
.has-nag-bar--language-mismatch-prompt .masthead--transparent .masthead-fixed:before,
.has-nag-bar--live-traffic-test .masthead--transparent .masthead-fixed:before,
.has-nag-bar--verify-prompt .masthead--transparent .masthead-fixed:before {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.search-layout .masthead {
  margin-top: 48px;
  padding: 18px 0 0;
}
.search-layout .masthead .search-form {
  display: block;
}
@media (min-width: 768px) {
  .search-layout .masthead {
    margin-top: 0;
    padding: 24px 0;
  }
}
.bullet:after {
  content: "•";
  display: inline-block;
  color: inherit;
}
/* ==========================================================================
   Top bar
   ========================================================================== */
/**
 * Display items in a black bar fixed to the top of the screen
 *
 * .top-bar
 * For the main bar fixed to the top of the screen
 *
 * .top-bar-overlay
 * For items that should appear to be inside the bar, but can't be
 * inside the main .top-bar element
 */
.top-bar,
.top-bar-overlay {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 3000001;
  color: #ffffff;
}
.top-bar .semi-fluid-container,
.top-bar-overlay .semi-fluid-container {
  /* Stop full-width containers overlaying the main bar */
  height: 0;
  min-height: 0;
}
.top-bar {
  height: 50px;
  background: black;
}
.top-bar-overlay {
  /* Stop full-width containers overlaying the main bar */
  height: 0;
}
.top-bar,
.top-bar-overlay {
  display: none;
}
@media (min-width: 768px) {
  .top-bar,
  .top-bar-overlay {
    display: block;
  }
}
.loading-indicator {
  margin: 17px 0;
  float: right;
}
.pagination {
  margin-top: 0;
  margin-left: -10px;
  margin-right: -10px;
  margin-left: -7.5px;
  margin-right: -7.5px;
  margin-top: 18px;
}
@media (min-width: 768px) {
  .pagination {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .pagination {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (min-width: 1260px) {
  .pagination {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.pagination:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .pagination:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .pagination {
    margin-top: 24px;
  }
}
.pagination li {
  position: relative;
  min-height: 1px;
  padding-left: 7.5px;
  padding-right: 7.5px;
  float: left;
  width: 100%;
  width: 33%;
}
@media (min-width: 768px) {
  .pagination li {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .pagination li {
    float: left;
    width: 80px;
  }
}
@media (min-width: 1260px) {
  .pagination li {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1260px) and (min-width: 1260px) {
  .pagination li {
    float: left;
    width: 100px;
  }
}
.pagination .previous {
  text-align: left;
}
.pagination .previous a {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 32px;
  height: 32px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
}
.pagination .previous a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.pagination .previous a:before {
  background-position: -1px -38px;
}
.pagination .previous a:before {
  background-image: url('/static/images/icons/pagination_arrows.png?1943ceeeecc3');
}
.pagination .previous a:before {
  width: 32px;
  height: 32px;
}
.pagination .next {
  text-align: right;
}
.pagination .next a {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 32px;
  height: 32px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
}
.pagination .next a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.pagination .next a:before {
  background-position: -38px -38px;
}
.pagination .next a:before {
  background-image: url('/static/images/icons/pagination_arrows.png?1943ceeeecc3');
}
.pagination .next a:before {
  width: 32px;
  height: 32px;
}
.pagination .pages {
  text-align: center;
}
@media (min-width: 768px) {
  .pagination li {
    width: 25%;
  }
  .pagination li.pages {
    width: 50%;
  }
  .pagination .previous a {
    position: relative;
    text-align: left;
    /* override hide text styles when not required */
    font: inherit;
    text-shadow: inherit;
    color: inherit !important;
    vertical-align: inherit;
    width: auto;
    height: auto;
    padding-left: 20px;
  }
  .pagination .previous a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .pagination .previous a:before {
    background-position: -10px -11px;
  }
  .pagination .previous a:before {
    background-image: url('/static/images/icons/pagination_arrows.png?1943ceeeecc3');
  }
  .pagination .previous a:before {
    width: 16px;
    height: 16px;
  }
  .pagination .previous a:before {
    top: 50%;
    margin-top: -8px;
  }
  .pagination .next a {
    position: relative;
    text-align: right;
    /* override hide text styles when not required */
    font: inherit;
    text-shadow: inherit;
    color: inherit !important;
    vertical-align: inherit;
    width: auto;
    height: auto;
    padding-right: 20px;
  }
  .pagination .next a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .pagination .next a:before {
    background-position: -45px -11px;
  }
  .pagination .next a:before {
    background-image: url('/static/images/icons/pagination_arrows.png?1943ceeeecc3');
  }
  .pagination .next a:before {
    width: 16px;
    height: 16px;
  }
  .pagination .next a:before {
    top: 50%;
    margin-top: -8px;
  }
}
.comments {
  padding-left: 0;
  list-style: none;
  margin-top: 18px;
}
.comments:before,
.comments:after {
  content: " ";
  display: table;
}
.comments:after {
  clear: both;
}
.comments:before,
.comments:after {
  content: " ";
  display: table;
}
.comments:after {
  clear: both;
}
.comments:after {
  content: "";
  display: table;
  clear: both;
}
.comments:after {
  content: "";
  display: table;
  clear: both;
}
.comments:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .comments:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .comments {
    margin-top: 24px;
  }
}
.comments .media,
.comments .text-container {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
}
.comments .input-container {
  position: relative;
}
.comments .input-container .comment-input {
  width: 100%;
}
.comments .input-container .textarea-actions {
  margin-top: 5px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .comments .input-container .textarea-actions {
    margin-top: 0;
  }
}
.comments .media {
  min-height: 72px;
}
.comments .media:before,
.comments .media:after {
  content: " ";
  display: table;
}
.comments .media:after {
  clear: both;
}
.comments .media:before,
.comments .media:after {
  content: " ";
  display: table;
}
.comments .media:after {
  clear: both;
}
.comments .media:after {
  content: "";
  display: table;
  clear: both;
}
.comments .media:after {
  content: "";
  display: table;
  clear: both;
}
.comments .media .img {
  float: left;
  margin-right: 15px;
}
.comments .media .img img {
  display: block;
}
.comments .media .text-container .timestamp {
  float: right;
  line-height: 24px;
  color: #666666;
}
.comments .media .text-container .comment-text {
  display: block;
  word-break: break-word;
}
.comments .comments-container {
  margin-top: 0;
  margin-top: 18px;
}
@media (min-width: 768px) {
  .comments .comments-container {
    margin-top: 0;
  }
}
.comments .comments-container:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .comments .comments-container:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .comments .comments-container {
    margin-top: 24px;
  }
}
.comments .comment-container {
  padding: 0;
  margin-top: 18px;
}
.comments .comment-container:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .comments .comment-container:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .comments .comment-container {
    margin-top: 24px;
  }
}
.comments .comment-container .avatar {
  width: 70px;
  height: 70px;
}
@media (min-width: 768px) and (max-width: 1260px) {
  .comments .comment-container .avatar {
    width: 60px;
    height: 60px;
  }
}
.comments .avatar {
  width: 70px;
  height: 70px;
}
@media (min-width: 768px) and (max-width: 1260px) {
  .comments .avatar {
    width: 60px;
    height: 60px;
  }
}
.comments .shout-btn {
  display: inline-block;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 5px;
  background-color: #b90000;
  color: #ffffff;
  float: right !important;
  margin: 0;
}
.comments .shout-btn:hover,
.comments .shout-btn:focus {
  text-decoration: none;
}
.comments .shout-btn[disabled],
.comments .shout-btn.disabled {
  opacity: 0.3;
  filter: alpha(opacity=30);
  color: #ffffff !important;
}
.comments .shout-btn:hover,
.comments .shout-btn:focus {
  background-color: #d50000;
  color: #ffffff;
}
.comments .shout-btn:active,
.comments .shout-btn:focus:not(:hover) {
  background-color: #9d0000;
  color: #ffffff;
}
.comments .shout-btn[disabled]:hover,
.comments .shout-btn.disabled:hover {
  background-color: #b90000;
}
.comments .shoutbox-char-count {
  color: #666666;
}
.whats-new .secondary-nav,
.content-top .secondary-nav {
  margin-top: 18px;
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  color: #222222;
}
.whats-new .secondary-nav:first-child,
.content-top .secondary-nav:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .whats-new .secondary-nav:first-child,
  .content-top .secondary-nav:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .whats-new .secondary-nav,
  .content-top .secondary-nav {
    margin-top: 24px;
  }
}
@media (min-width: 768px) {
  .whats-new .secondary-nav,
  .content-top .secondary-nav {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
.whats-new .list-inline--secondary-nav,
.content-top .list-inline--secondary-nav {
  margin: 0;
}
.whats-new .list-inline--secondary-nav .secondary-nav-item,
.content-top .list-inline--secondary-nav .secondary-nav-item {
  padding: 0;
}
.whats-new .secondary-nav .secondary-nav-item-link,
.content-top .secondary-nav .secondary-nav-item-link {
  position: relative;
  display: inline-block;
  padding: 0 10px 18px;
  color: inherit;
}
@media (min-width: 1260px) {
  .whats-new .secondary-nav .secondary-nav-item-link,
  .content-top .secondary-nav .secondary-nav-item-link {
    padding: 0 15px 18px;
  }
}
.whats-new .secondary-nav a.secondary-nav-item-link:hover,
.content-top .secondary-nav a.secondary-nav-item-link:hover,
.whats-new .secondary-nav a.secondary-nav-item-link:focus,
.content-top .secondary-nav a.secondary-nav-item-link:focus {
  color: inherit;
  text-decoration: none;
}
.whats-new .secondary-nav .secondary-nav-item:first-child .secondary-nav-item-link,
.content-top .secondary-nav .secondary-nav-item:first-child .secondary-nav-item-link {
  padding-left: 0;
}
.whats-new .secondary-nav .secondary-nav-item-link--active,
.content-top .secondary-nav .secondary-nav-item-link--active {
  font-weight: bold;
}
.whats-new .secondary-nav .secondary-nav-item-link--disabled,
.content-top .secondary-nav .secondary-nav-item-link--disabled {
  color: #666666;
}
.whats-new .secondary-nav .secondary-nav-item-link--active:after,
.content-top .secondary-nav .secondary-nav-item-link--active:after,
.whats-new .secondary-nav a.secondary-nav-item-link:hover:after,
.content-top .secondary-nav a.secondary-nav-item-link:hover:after,
.whats-new .secondary-nav a.secondary-nav-item-link:focus:after,
.content-top .secondary-nav a.secondary-nav-item-link:focus:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 10px;
  right: 10px;
  z-index: 1;
  height: 5px;
  background-color: #b90000;
}
@media (min-width: 1260px) {
  .whats-new .secondary-nav .secondary-nav-item-link--active:after,
  .content-top .secondary-nav .secondary-nav-item-link--active:after,
  .whats-new .secondary-nav a.secondary-nav-item-link:hover:after,
  .content-top .secondary-nav a.secondary-nav-item-link:hover:after,
  .whats-new .secondary-nav a.secondary-nav-item-link:focus:after,
  .content-top .secondary-nav a.secondary-nav-item-link:focus:after {
    left: 15px;
    right: 15px;
  }
}
.whats-new .secondary-nav .secondary-nav-item:first-child .secondary-nav-item-link--active:after,
.content-top .secondary-nav .secondary-nav-item:first-child .secondary-nav-item-link--active:after,
.whats-new .secondary-nav .secondary-nav-item:first-child a.secondary-nav-item-link:hover:after,
.content-top .secondary-nav .secondary-nav-item:first-child a.secondary-nav-item-link:hover:after,
.whats-new .secondary-nav .secondary-nav-item:first-child a.secondary-nav-item-link:focus:after,
.content-top .secondary-nav .secondary-nav-item:first-child a.secondary-nav-item-link:focus:after {
  left: 0;
}
.whats-new .secondary-nav--step-nav .secondary-nav-item + .secondary-nav-item,
.content-top .secondary-nav--step-nav .secondary-nav-item + .secondary-nav-item {
  position: relative;
  text-align: left;
}
.whats-new .secondary-nav--step-nav .secondary-nav-item + .secondary-nav-item:before,
.content-top .secondary-nav--step-nav .secondary-nav-item + .secondary-nav-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.whats-new .secondary-nav--step-nav .secondary-nav-item + .secondary-nav-item:before,
.content-top .secondary-nav--step-nav .secondary-nav-item + .secondary-nav-item:before {
  background-position: 0 0;
}
.whats-new .secondary-nav--step-nav .secondary-nav-item + .secondary-nav-item:before,
.content-top .secondary-nav--step-nav .secondary-nav-item + .secondary-nav-item:before {
  background-image: url('/static/images/icons/arrow_right_ccc_16.png?1943ceeeecc3');
}
.whats-new .secondary-nav--step-nav .secondary-nav-item + .secondary-nav-item:before,
.content-top .secondary-nav--step-nav .secondary-nav-item + .secondary-nav-item:before {
  width: 16px;
  height: 16px;
}
.whats-new .secondary-nav--step-nav .secondary-nav-item + .secondary-nav-item:before,
.content-top .secondary-nav--step-nav .secondary-nav-item + .secondary-nav-item:before {
  left: -8px;
  top: 4px;
}
.whats-new .secondary-nav--step-nav .secondary-nav-item-link,
.content-top .secondary-nav--step-nav .secondary-nav-item-link {
  padding-left: 20px;
  padding-right: 20px;
  z-index: 1;
}
.whats-new .secondary-nav--step-nav .secondary-nav-item-link--active,
.content-top .secondary-nav--step-nav .secondary-nav-item-link--active,
.whats-new .secondary-nav--step-nav a.secondary-nav-item-link:hover,
.content-top .secondary-nav--step-nav a.secondary-nav-item-link:hover,
.whats-new .secondary-nav--step-nav a.secondary-nav-item-link:focus,
.content-top .secondary-nav--step-nav a.secondary-nav-item-link:focus {
  color: #b90000;
}
.whats-new .secondary-nav--step-nav .secondary-nav-item-link--active:after,
.content-top .secondary-nav--step-nav .secondary-nav-item-link--active:after,
.whats-new .secondary-nav--step-nav a.secondary-nav-item-link:hover:after,
.content-top .secondary-nav--step-nav a.secondary-nav-item-link:hover:after,
.whats-new .secondary-nav--step-nav a.secondary-nav-item-link:focus:after,
.content-top .secondary-nav--step-nav a.secondary-nav-item-link:focus:after {
  display: none;
}
.scrollable-nav {
  margin-top: -18px;
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  .scrollable-nav {
    margin-top: -24px;
  }
}
.scrollable-nav .scrollable-nav-list {
  margin-left: -5px;
  padding-left: 0;
  list-style: none;
  background-color: #f9f9f9;
  padding: 15px;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
.scrollable-nav .scrollable-nav-list > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.scrollable-nav .scrollable-nav-list .scrollable-nav-item-link {
  color: inherit;
}
.scrollable-nav .scrollable-nav-list .scrollable-nav-item-link.scrollable-nav-item-link--active {
  color: #b90000;
  font-weight: bold;
}
@media (min-width: 768px) {
  .scrollable-nav {
    margin-top: 18px;
    margin: 0;
    border-bottom: 1px solid #262626;
  }
  .scrollable-nav:first-child {
    margin-top: 0;
  }
  .scrollable-nav .scrollable-nav-list {
    background: none;
    white-space: normal;
    overflow-x: auto;
    overflow-y: auto;
    padding: 0;
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .scrollable-nav:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .scrollable-nav {
    margin-top: 24px;
  }
}
.section-with-control {
  position: relative;
}
.section-with-control .selectable-range {
  margin-top: 18px;
}
.section-with-control .selectable-range:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .section-with-control .selectable-range:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .section-with-control .selectable-range {
    margin-top: 24px;
  }
}
.section-control,
.selectboxit-container.section-control {
  position: absolute;
  top: -3px;
  right: 0;
}
.section-with-settings .section-control {
  right: 36px;
}
@media (min-width: 768px) {
  .section-control,
  .selectboxit-container.section-control {
    top: 0;
  }
}
.selectboxit-container.section-control .selectboxit-options {
  right: 0;
}
.notification {
  margin-top: 18px;
}
.notification:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .notification:first-child {
    margin-top: 0;
  }
}
.nag-bar {
  font-size: 12px;
  line-height: 18px;
  position: relative;
  z-index: 1;
  margin-top: 48px;
  margin-bottom: -48px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #d9edf7;
}
.nag-bar .container {
  min-height: auto;
  background: none;
}
.nag-bar .nag-bar-close {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 16px;
  height: 16px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
  float: right;
  height: 18px;
}
.nag-bar .nag-bar-close:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.nag-bar .nag-bar-close:before {
  background-position: 0 0;
}
.nag-bar .nag-bar-close:before {
  background-image: url('/static/images/icons/delete_222_16.png?1943ceeeecc3');
}
.nag-bar .nag-bar-close:before {
  width: 16px;
  height: 16px;
}
.nag-bar .nag-bar-close:before {
  top: 50%;
  margin-top: -8px;
}
.nag-bar .nag-bar-close:before {
  left: 50%;
  margin-left: -8px;
}
.nag-bar .nag-bar-message {
  margin-top: 0;
  padding-right: 30px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .nag-bar .nag-bar-message {
    margin-top: 0;
  }
}
.nag-bar .nag-bar-message a,
.nag-bar .nag-bar-message a:focus,
.nag-bar .nag-bar-message a:hover {
  color: #222222;
  text-decoration: underline;
}
@media (min-width: 768px) {
  .nag-bar {
    position: static;
    z-index: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.scrobbles-layout .nag-bar,
.gallery-layout .nag-bar {
  display: none;
}
.verify-prompt {
  background-color: #fffcca;
}
.error-page-l10n {
  margin-left: -10px;
  margin-right: -10px;
  margin-left: -7.5px;
  margin-right: -7.5px;
}
@media (min-width: 768px) {
  .error-page-l10n {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (min-width: 1260px) {
  .error-page-l10n {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.error-page-l10n dl {
  font-size: 12px;
  line-height: 18px;
  position: relative;
  min-height: 1px;
  padding-left: 7.5px;
  padding-right: 7.5px;
  float: left;
  width: 100%;
}
@media (min-width: 768px) {
  .error-page-l10n dl {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .error-page-l10n dl {
    float: left;
    width: 960px;
  }
}
@media (min-width: 1260px) {
  .error-page-l10n dl {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1260px) and (min-width: 1260px) {
  .error-page-l10n dl {
    float: left;
    width: 1200px;
  }
}
.error-page-l10n dl:nth-child(-n + 2) {
  margin-top: 0;
}
@media (min-width: 768px) {
  .error-page-l10n dl:nth-child(-n + 2) {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .error-page-l10n dl {
    width: 50%;
  }
}
.error-page-l10n dt {
  float: left;
  margin-right: 5px;
}
.error-page-l10n dd {
  margin-bottom: 18px;
}
.error-page-marvin {
  margin-top: 18px;
}
.error-page-marvin:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .error-page-marvin:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .error-page-marvin {
    margin-top: 24px;
  }
}
@media (min-width: 768px) {
  .error-page-marvin {
    margin-top: 0;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .error-page-marvin {
    margin-top: 0;
  }
}
.auth-avatar-mobile {
  position: absolute;
  left: 53px;
  top: 11px;
}
.auth-avatar-mobile img {
  border-radius: 50%;
  width: 22px;
  height: 22px;
  border: 1px solid #fff;
}
@media (min-width: 768px) {
  .auth-avatar-mobile {
    display: none;
  }
}
.auth-avatar-desktop {
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -16px;
  width: 32px;
  height: 32px;
}
@media (min-width: 768px) {
  .auth-hide-show {
    display: none;
  }
  .site-auth {
    margin-top: 0;
    float: right;
    margin-left: 15px;
  }
  .site-auth .auth-hide-show {
    display: block;
  }
  .auth-menu-item {
    float: left;
  }
  .auth-menu-item + .auth-menu-item {
    margin-left: 7.5px;
    padding-left: 15px;
  }
  .auth-menu-item + .auth-menu-item:before {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: inherit;
    display: block;
    line-height: 50px;
    content: "•";
    position: absolute;
    margin-left: -15px;
  }
  .auth-menu-item + .auth-menu-item:before:hover,
  .auth-menu-item + .auth-menu-item:before:focus {
    color: inherit;
  }
  .auth-link {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: inherit;
    display: block;
    line-height: 50px;
  }
  .auth-link:hover,
  .auth-link:focus {
    color: inherit;
  }
  .auth-login-link {
    font-weight: bold;
  }
  .auth-dropdown-toggle {
    text-align: left;
    padding-left: 22px;
    position: relative;
    padding-right: 39.5px;
  }
  .auth-dropdown-toggle:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .auth-dropdown-toggle:before {
    background-position: 0 -16px;
  }
  .auth-dropdown-toggle:before {
    background-image: url('/static/images/icons/dropdown_arrow_fff.png?1943ceeeecc3');
  }
  .auth-dropdown-toggle:before {
    width: 16px;
    height: 16px;
  }
  .auth-dropdown-toggle:before {
    top: 50%;
    margin-top: -8px;
  }
  .auth-dropdown-toggle:before {
    margin-top: -7px;
  }
  .auth-dropdown-toggle.dropdown--open:before {
    background-position: 0 0;
  }
  .auth-dropdown-toggle.dropdown--open:before {
    background-image: url('/static/images/icons/dropdown_arrow_fff.png?1943ceeeecc3');
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .site-auth {
    margin-top: 0;
  }
}
/* Resets
   ========================================================================== */
/* Core styles
   ========================================================================== */
/* Concrete mixins
   ========================================================================== */
/* For table elements */
/* For list elements */
/* Concrete classes
   ========================================================================== */
table.table {
  margin-top: 18px;
  width: 100%;
}
table.table:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  table.table:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  table.table {
    margin-top: 24px;
  }
}
table.table th {
  color: #666666;
  font-weight: normal;
  text-align: left;
}
table.table td,
table.table th {
  padding: 6px 10px;
  box-shadow: inset 0 -1px #ebebeb;
}
table.table tr:nth-child(even) td {
  background-color: #f9f9f9;
}
table.table--no-stripes {
  box-shadow: inset 0 1px #ebebeb;
}
table.table--no-stripes tr:nth-child(even) td {
  background-color: transparent;
}
table.table--flush td {
  padding-left: 0;
  padding-right: 0;
}
ul.table {
  margin-top: 0;
  margin-top: 18px;
  width: 100%;
}
@media (min-width: 768px) {
  ul.table {
    margin-top: 0;
  }
}
ul.table:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  ul.table:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  ul.table {
    margin-top: 24px;
  }
}
ul.table li {
  padding: 6px 10px;
  box-shadow: inset 0 -1px #ebebeb;
}
ul.table li:nth-child(even) {
  background-color: #f9f9f9;
}
ul.table--no-stripes {
  box-shadow: inset 0 1px #ebebeb;
}
ul.table--no-stripes li:nth-child(even) {
  background-color: transparent;
}
ul.table--flush li {
  padding-left: 0;
  padding-right: 0;
}
.responsive-table {
  display: block;
  box-shadow: inset 0 1px #ebebeb;
  width: 100%;
}
.responsive-table thead,
.responsive-table tbody,
.responsive-table tr,
.responsive-table td {
  display: block;
}
.responsive-table tr:nth-child(even) td {
  background-color: transparent;
}
.responsive-table thead {
  display: none;
}
.responsive-table tr {
  padding-top: 6px;
  padding-bottom: 6px;
  box-shadow: inset 0 -1px #ebebeb;
}
.responsive-table td {
  display: table-row;
}
.responsive-table td:before {
  color: #666666;
  content: attr(data-header-name);
  width: 160px;
  display: table-cell;
}
@media (min-width: 768px) {
  .responsive-table {
    display: table;
    margin-top: 18px;
    width: 100%;
    box-shadow: none;
  }
  .responsive-table thead,
  .responsive-table tbody {
    display: table-row-group;
  }
  .responsive-table tr {
    display: table-row;
  }
  .responsive-table td,
  .responsive-table th {
    display: table-cell;
  }
  .responsive-table:first-child {
    margin-top: 0;
  }
  .responsive-table th {
    color: #666666;
    font-weight: normal;
    text-align: left;
  }
  .responsive-table td,
  .responsive-table th {
    padding: 6px 10px;
    box-shadow: inset 0 -1px #ebebeb;
  }
  .responsive-table tr:nth-child(even) td {
    background-color: #f9f9f9;
  }
  .responsive-table td:before {
    display: none;
  }
  .responsive-table tr,
  .responsive-table td {
    border-bottom: none;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .responsive-table:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .responsive-table {
    margin-top: 24px;
  }
}
.dropdown-menu {
  position: absolute;
  z-index: 5000000;
}
.dropdown-menu-item {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.dropdown-menu-item:active,
.dropdown-menu-item:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.dropdown:hover .dropdown-menu-item,
.dropdown:focus .dropdown-menu-item {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.dropdown--js-active .dropdown-menu {
  display: none;
}
.dropdown--js-active .dropdown-menu.dropdown--open {
  display: block;
}
.dropdown--js-active .dropdown-menu-item {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.dropdown-menu {
  margin-top: 0;
}
@media (min-width: 768px) {
  .dropdown-menu {
    margin-top: 0;
  }
}
.dropdown:hover .dropdown-menu,
.dropdown:focus .dropdown-menu {
  padding: 6px 0;
  border-radius: 5px;
  border: #333333 1px solid;
  box-shadow: 0 0 1px 0 rgba(153, 153, 153, 0.5);
  background: #000;
}
.dropdown-menu.dropdown--open {
  padding: 6px 0;
  border-radius: 5px;
  border: #333333 1px solid;
  box-shadow: 0 0 1px 0 rgba(153, 153, 153, 0.5);
  background: #000;
}
.dropdown .dropdown-menu-item {
  display: block;
  padding: 6px 15px;
  color: #ffffff;
}
.dropdown .dropdown-menu-item:hover,
.dropdown .dropdown-menu-item:focus {
  background: #191919;
  text-decoration: none;
  color: #ffffff;
}
.link-block {
  position: relative;
}
.link-block a {
  position: relative;
  z-index: 1;
}
.link-block.link-block--hover .link-block-target {
  text-decoration: underline;
}
.link-block .link-block-cover-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
/* ==========================================================================
   YouTube video player
   ========================================================================== */
.video-player {
  position: fixed;
  z-index: 3000000;
  width: 100%;
  left: 0;
  bottom: 20px;
  height: 0;
}
.video-player .container {
  height: 0;
}
.video-player .video-player-embed {
  display: block;
  float: right;
  margin-top: -200px;
}
/**
 * Setting display:none causes Firefox to disallow JavaScript
 * interaction with the YouTube player, so we're shrinking it
 * to 1 pixel and shunting it off the page instead.
 *
 * http://stackoverflow.com/questions/17462110/youtube-iframe-api-started-to-give-errors-in-firefox
 * https://jira.last.fm/browse/WEB-19984
**/
.video-player--hidden .video-player-embed {
  position: absolute;
  width: 1px;
  height: 1px;
  bottom: -100px;
}
/* ==========================================================================
   Player bar
   ========================================================================== */
.player-bar {
  /* ======================================================================
       Variables
       ====================================================================== */
  /* Colours
       ====================================================================== */
  /* Sizing
       ====================================================================== */
  /* Layout
       ====================================================================== */
  margin-left: -10px;
  margin-right: -10px;
  margin-left: -7.5px;
  margin-right: -7.5px;
  /* Base
       ====================================================================== */
  font-size: 12px;
  line-height: 18px;
  background: black;
  color: #ffffff;
  /* Controls
       ====================================================================== */
  /* Source
       ====================================================================== */
  /* Skiplink
       ====================================================================== */
  /* Now playing
       ====================================================================== */
  /* Error messages
       ====================================================================== */
  /* Progress
       ====================================================================== */
  /* Bar */
  /* Time */
  /* ======================================================================
       States
       ====================================================================== */
  /* Active
       ====================================================================== */
  /* YouTube provider
       ====================================================================== */
  /* Spotify provider
       ====================================================================== */
  /* Inactive
       ====================================================================== */
}
@media (min-width: 768px) {
  .player-bar {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (min-width: 1260px) {
  .player-bar {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.player-bar .player-bar-controls {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  width: 33.33333333%;
}
@media (min-width: 992px) {
  .player-bar .player-bar-controls {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 992px) and (min-width: 768px) {
  .player-bar .player-bar-controls {
    float: left;
    width: 320px;
  }
}
@media (min-width: 1260px) {
  .player-bar .player-bar-controls {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1260px) and (min-width: 1260px) {
  .player-bar .player-bar-controls {
    float: left;
    width: 400px;
  }
}
.player-bar .player-bar-now-playing {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  width: 33.33333333%;
}
@media (min-width: 992px) {
  .player-bar .player-bar-now-playing {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 992px) and (min-width: 768px) {
  .player-bar .player-bar-now-playing {
    float: left;
    width: 320px;
  }
}
@media (min-width: 1260px) {
  .player-bar .player-bar-now-playing {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1260px) and (min-width: 1260px) {
  .player-bar .player-bar-now-playing {
    float: left;
    width: 400px;
  }
}
.player-bar a {
  color: inherit;
}
.player-bar .player-bar-controls ul.media-controls {
  margin-bottom: 0;
  padding-left: 0;
  /* Line up the first button icon (rewind) with the left edge of
           the column */
  margin-left: -12px;
}
.player-bar .player-bar-controls .media-controls li {
  margin-top: 0;
  float: left;
}
@media (min-width: 768px) {
  .player-bar .player-bar-controls .media-controls li {
    margin-top: 0;
  }
}
.player-bar .player-bar-btn--previous {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 40px;
  height: 50px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
}
.player-bar .player-bar-btn--previous:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.player-bar .player-bar-btn--previous:before {
  background-position: -40px 0;
}
.player-bar .player-bar-btn--previous:before {
  background-image: url('/static/images/player_controls.png?1943ceeeecc3');
}
.player-bar .player-bar-btn--previous:before {
  width: 40px;
  height: 50px;
}
.player-bar .player-bar-btn--previous:before {
  top: 50%;
  margin-top: -25px;
}
.player-bar .player-bar-btn--previous:before {
  left: 50%;
  margin-left: -20px;
}
.player-bar .player-bar-btn--play {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 40px;
  height: 50px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
}
.player-bar .player-bar-btn--play:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.player-bar .player-bar-btn--play:before {
  background-position: -80px 0;
}
.player-bar .player-bar-btn--play:before {
  background-image: url('/static/images/player_controls.png?1943ceeeecc3');
}
.player-bar .player-bar-btn--play:before {
  width: 40px;
  height: 50px;
}
.player-bar .player-bar-btn--play:before {
  top: 50%;
  margin-top: -25px;
}
.player-bar .player-bar-btn--play:before {
  left: 50%;
  margin-left: -20px;
}
.player-bar .player-bar-btn--pause {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 40px;
  height: 50px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
}
.player-bar .player-bar-btn--pause:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.player-bar .player-bar-btn--pause:before {
  background-position: -120px 0;
}
.player-bar .player-bar-btn--pause:before {
  background-image: url('/static/images/player_controls.png?1943ceeeecc3');
}
.player-bar .player-bar-btn--pause:before {
  width: 40px;
  height: 50px;
}
.player-bar .player-bar-btn--pause:before {
  top: 50%;
  margin-top: -25px;
}
.player-bar .player-bar-btn--pause:before {
  left: 50%;
  margin-left: -20px;
}
.player-bar .player-bar-btn--next {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 40px;
  height: 50px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
}
.player-bar .player-bar-btn--next:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.player-bar .player-bar-btn--next:before {
  background-position: -160px 0;
}
.player-bar .player-bar-btn--next:before {
  background-image: url('/static/images/player_controls.png?1943ceeeecc3');
}
.player-bar .player-bar-btn--next:before {
  width: 40px;
  height: 50px;
}
.player-bar .player-bar-btn--next:before {
  top: 50%;
  margin-top: -25px;
}
.player-bar .player-bar-btn--next:before {
  left: 50%;
  margin-left: -20px;
}
.player-bar .player-bar-btn--love {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 40px;
  height: 50px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
}
.player-bar .player-bar-btn--love:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.player-bar .player-bar-btn--love:before {
  background-position: -200px 0;
}
.player-bar .player-bar-btn--love:before {
  background-image: url('/static/images/player_controls.png?1943ceeeecc3');
}
.player-bar .player-bar-btn--love:before {
  width: 40px;
  height: 50px;
}
.player-bar .player-bar-btn--love:before {
  top: 50%;
  margin-top: -25px;
}
.player-bar .player-bar-btn--love:before {
  left: 50%;
  margin-left: -20px;
}
.player-bar .player-bar-btn--love.player-bar-btn--loved:hover {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 40px;
  height: 50px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
}
.player-bar .player-bar-btn--love.player-bar-btn--loved:hover:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.player-bar .player-bar-btn--love.player-bar-btn--loved:hover:before {
  background-position: -200px -100px;
}
.player-bar .player-bar-btn--love.player-bar-btn--loved:hover:before {
  background-image: url('/static/images/player_controls.png?1943ceeeecc3');
}
.player-bar .player-bar-btn--love.player-bar-btn--loved:hover:before {
  width: 40px;
  height: 50px;
}
.player-bar .player-bar-btn--love.player-bar-btn--loved:hover:before {
  top: 50%;
  margin-top: -25px;
}
.player-bar .player-bar-btn--love.player-bar-btn--loved:hover:before {
  left: 50%;
  margin-left: -20px;
}
.player-bar .player-bar-btn--love.player-bar-btn--loved,
.player-bar .player-bar-btn--love.player-bar-btn--loved.disable-hover:hover,
.player-bar .player-bar-btn--love.player-bar-btn--loved[disabled],
.player-bar .player-bar-btn--love.player-bar-btn--loved[disabled]:hover {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 40px;
  height: 50px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
  opacity: 0.9;
}
.player-bar .player-bar-btn--love.player-bar-btn--loved:before,
.player-bar .player-bar-btn--love.player-bar-btn--loved.disable-hover:hover:before,
.player-bar .player-bar-btn--love.player-bar-btn--loved[disabled]:before,
.player-bar .player-bar-btn--love.player-bar-btn--loved[disabled]:hover:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.player-bar .player-bar-btn--love.player-bar-btn--loved:before,
.player-bar .player-bar-btn--love.player-bar-btn--loved.disable-hover:hover:before,
.player-bar .player-bar-btn--love.player-bar-btn--loved[disabled]:before,
.player-bar .player-bar-btn--love.player-bar-btn--loved[disabled]:hover:before {
  background-position: -200px -50px;
}
.player-bar .player-bar-btn--love.player-bar-btn--loved:before,
.player-bar .player-bar-btn--love.player-bar-btn--loved.disable-hover:hover:before,
.player-bar .player-bar-btn--love.player-bar-btn--loved[disabled]:before,
.player-bar .player-bar-btn--love.player-bar-btn--loved[disabled]:hover:before {
  background-image: url('/static/images/player_controls.png?1943ceeeecc3');
}
.player-bar .player-bar-btn--love.player-bar-btn--loved:before,
.player-bar .player-bar-btn--love.player-bar-btn--loved.disable-hover:hover:before,
.player-bar .player-bar-btn--love.player-bar-btn--loved[disabled]:before,
.player-bar .player-bar-btn--love.player-bar-btn--loved[disabled]:hover:before {
  width: 40px;
  height: 50px;
}
.player-bar .player-bar-btn--love.player-bar-btn--loved:before,
.player-bar .player-bar-btn--love.player-bar-btn--loved.disable-hover:hover:before,
.player-bar .player-bar-btn--love.player-bar-btn--loved[disabled]:before,
.player-bar .player-bar-btn--love.player-bar-btn--loved[disabled]:hover:before {
  top: 50%;
  margin-top: -25px;
}
.player-bar .player-bar-btn--love.player-bar-btn--loved:before,
.player-bar .player-bar-btn--love.player-bar-btn--loved.disable-hover:hover:before,
.player-bar .player-bar-btn--love.player-bar-btn--loved[disabled]:before,
.player-bar .player-bar-btn--love.player-bar-btn--loved[disabled]:hover:before {
  left: 50%;
  margin-left: -20px;
}
.player-bar .player-bar-btn--love[disabled],
.player-bar .player-bar-btn--love[disabled]:hover {
  opacity: 0.3;
}
.player-bar .player-bar-btn--love.player-bar-btn--loved {
  opacity: 0.9;
}
.player-bar .player-bar-btn {
  opacity: 0.9;
}
.player-bar .player-bar-btn:hover,
.player-bar .player-bar-btn:focus {
  opacity: 1;
}
.player-bar .player-bar-source {
  margin-left: 10px;
}
.player-bar .player-bar-source--youtube {
  position: relative;
  text-align: left;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 58px;
  height: 50px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  padding-left: 58px;
}
.player-bar .player-bar-source--youtube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.player-bar .player-bar-source--youtube:before {
  background-position: 0 0;
}
.player-bar .player-bar-source--youtube:before {
  background-image: url('/static/images/player_sources.png?1943ceeeecc3');
}
.player-bar .player-bar-source--youtube:before {
  width: 58px;
  height: 50px;
}
.player-bar .player-bar-source--youtube:before {
  top: 50%;
  margin-top: -25px;
}
.player-bar .player-bar-source--spotify {
  position: relative;
  text-align: left;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 58px;
  height: 50px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  padding-left: 58px;
}
.player-bar .player-bar-source--spotify:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.player-bar .player-bar-source--spotify:before {
  background-position: 24px -50px;
}
.player-bar .player-bar-source--spotify:before {
  background-image: url('/static/images/player_sources.png?1943ceeeecc3');
}
.player-bar .player-bar-source--spotify:before {
  width: 58px;
  height: 50px;
}
.player-bar .player-bar-source--spotify:before {
  top: 50%;
  margin-top: -25px;
}
.player-bar .player-bar-skiplink {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  display: inline-block;
  height: 50px;
  padding: 6px 10px 0;
  background: #262626;
}
.player-bar .player-bar-skiplink:active,
.player-bar .player-bar-skiplink:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.player-bar .player-bar-skiplink:focus,
.player-bar .player-bar-skiplink:hover {
  text-decoration: none;
}
.player-bar .player-bar-skiplink:active,
.player-bar .player-bar-skiplink:focus {
  height: 50px;
}
.player-bar .player-bar-track {
  text-align: center;
  /* There's nothing close to the baseline height that works here */
  margin-top: 9px;
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.player-bar .player-bar-track-name {
  font-weight: bold;
}
.player-bar .player-bar-error {
  text-align: center;
  /* There's nothing close to the baseline height that works here */
  margin-top: 9px;
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: none;
}
.player-bar .player-bar-error .player-bar-error-message {
  position: relative;
  text-align: left;
  padding-left: 19.5px;
  color: #cc7d00;
}
.player-bar .player-bar-error .player-bar-error-message:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.player-bar .player-bar-error .player-bar-error-message:before {
  background-position: 0 0;
}
.player-bar .player-bar-error .player-bar-error-message:before {
  background-image: url('/static/images/icons/warning_12.png?1943ceeeecc3');
}
.player-bar .player-bar-error .player-bar-error-message:before {
  width: 12px;
  height: 12px;
}
.player-bar .player-bar-error .player-bar-error-message:before {
  top: 50%;
  margin-top: -6px;
}
.player-bar .player-bar-progress {
  position: relative;
  width: 100%;
  height: 3px;
  background: #333333;
}
.player-bar .player-bar-progress-slug {
  position: relative;
  height: 100%;
  background: #b90000;
}
.player-bar .player-bar-progress-slug:after {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 7px;
  right: 0;
  top: 50%;
  margin-top: -3.5px;
  background: #ffffff;
}
.player-bar .player-bar-progress-elapsed,
.player-bar .player-bar-progress-remaining {
  position: absolute;
  top: 49%;
  /* Round down to the lowest pixel */
  margin-top: -9px;
  width: 100px;
  color: #999999;
}
.player-bar .player-bar-progress-elapsed {
  left: -100px;
  padding-right: 10px;
  text-align: right;
}
.player-bar .player-bar-progress-remaining {
  right: -100px;
  padding-left: 10px;
}
.player-bar .player-bar-source {
  display: none;
}
.player-bar .player-bar-skiplink {
  display: none;
}
.player-bar.player-bar--provider-youtube .player-bar-source--youtube {
  display: inline-block;
}
.player-bar.player-bar--provider-youtube .player-bar-skiplink--youtube {
  display: inline-block;
}
.player-bar.player-bar--provider-spotify .player-bar-source--spotify {
  display: inline-block;
}
.player-bar .player-bar-btn.inactive,
.player-bar .player-bar-btn.inactive:hover,
.player-bar .player-bar-btn.inactive:focus {
  opacity: 0.3;
}
.player-bar.inactive .player-bar-btn {
  opacity: 0.3;
}
.player-bar.inactive .player-bar-source {
  display: none;
}
.player-bar.inactive .player-bar-skiplink {
  display: none;
}
.player-bar.inactive .player-bar-progress-slug {
  display: none;
}
.player-bar.inactive .player-bar-progress-elapsed,
.player-bar.inactive .player-bar-progress-remaining {
  display: none;
}
.player-bar.inactive .switch-source {
  display: none;
}
.player-bar.is-playing-ad .player-bar-btn {
  opacity: 0.3;
}
.player-bar.is-playing-ad .player-bar-progress-slug {
  display: none;
}
.player-bar.is-playing-ad .player-bar-progress-elapsed,
.player-bar.is-playing-ad .player-bar-progress-remaining {
  display: none;
}
.player-bar .source-switcher {
  display: none;
  margin-left: 10px;
}
.player-bar .source-switcher .player-bar-source {
  margin-left: 0;
}
.player-bar .source-switcher .dropdown-menu {
  margin-left: -1px;
}
.player-bar.has-multiple-sources .source-info {
  display: none;
}
.player-bar.has-multiple-sources .source-switcher {
  display: inline-block;
}
.player-bar .dropdown--js-active {
  /* Specificity hack to override position:static from .sr-only-reset in dropdowns.less */
  /* Specificity hack to override position:static from .sr-only-reset in dropdowns.less */
}
.player-bar .dropdown--js-active .dropdown-menu-item.switch-source--youtube {
  position: relative;
  text-align: left;
  padding-left: 65px;
}
.player-bar .dropdown--js-active .dropdown-menu-item.switch-source--youtube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.player-bar .dropdown--js-active .dropdown-menu-item.switch-source--youtube:before {
  background-position: 0 0;
}
.player-bar .dropdown--js-active .dropdown-menu-item.switch-source--youtube:before {
  background-image: url('/static/images/player_sources.png?1943ceeeecc3');
}
.player-bar .dropdown--js-active .dropdown-menu-item.switch-source--youtube:before {
  width: 58px;
  height: 50px;
}
.player-bar .dropdown--js-active .dropdown-menu-item.switch-source--youtube:before {
  top: 50%;
  margin-top: -25px;
}
.player-bar .dropdown--js-active .dropdown-menu-item.switch-source--spotify {
  position: relative;
  text-align: left;
  padding-left: 65px;
}
.player-bar .dropdown--js-active .dropdown-menu-item.switch-source--spotify:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.player-bar .dropdown--js-active .dropdown-menu-item.switch-source--spotify:before {
  background-position: 24px -50px;
}
.player-bar .dropdown--js-active .dropdown-menu-item.switch-source--spotify:before {
  background-image: url('/static/images/player_sources.png?1943ceeeecc3');
}
.player-bar .dropdown--js-active .dropdown-menu-item.switch-source--spotify:before {
  width: 58px;
  height: 50px;
}
.player-bar .dropdown--js-active .dropdown-menu-item.switch-source--spotify:before {
  top: 50%;
  margin-top: -25px;
}
.player-bar .switcher-dropdown-toggle {
  position: relative;
  text-align: right;
  padding-right: 22px;
}
.player-bar .switcher-dropdown-toggle:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.player-bar .switcher-dropdown-toggle:after {
  background-position: 0 -16px;
}
.player-bar .switcher-dropdown-toggle:after {
  background-image: url('/static/images/icons/dropdown_arrow_fff.png?1943ceeeecc3');
}
.player-bar .switcher-dropdown-toggle:after {
  width: 16px;
  height: 16px;
}
.player-bar .switcher-dropdown-toggle:after {
  top: 50%;
  margin-top: -8px;
}
.player-bar .switcher-dropdown-toggle:after {
  margin-top: -7px;
}
.player-bar .switcher-dropdown-toggle.dropdown--open:after {
  background-position: 0 0;
}
.player-bar .switcher-dropdown-toggle.dropdown--open:after {
  background-image: url('/static/images/icons/dropdown_arrow_fff.png?1943ceeeecc3');
}
/* constant padding on the ends of the chartlist */
.chartlist {
  /* ==========================================================================
       Definitions
       ========================================================================== */
  margin-top: 18px;
  display: block;
  /* ==========================================================================
       Mobile styles
       ========================================================================== */
  width: 100%;
  /* ==========================================================================
       Common styles for desktop
       ========================================================================== */
  /* ==========================================================================
       Medium Size Desktop Styles
       ========================================================================== */
  /* ==========================================================================
       Large Size Desktop Styles
       ========================================================================== */
}
.chartlist:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .chartlist:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .chartlist {
    margin-top: 24px;
  }
}
.chartlist thead,
.chartlist tbody,
.chartlist tr,
.chartlist td {
  display: block;
}
.chartlist .chartlist-index,
.chartlist .chartlist-name,
.chartlist .chartlist-ellipsis-wrap,
.chartlist .chartlist-duration,
.chartlist .chartlist-countbar {
  line-height: 18px;
}
.chartlist .chartlist-index,
.chartlist .chartlist-artists,
.chartlist .chartlist-album,
.chartlist .artist-name-spacer,
.chartlist .chartlist-duration,
.chartlist .chartlist-timestamp,
.chartlist .chartlist-countbar {
  color: #666666;
}
.chartlist .chartlist-index {
  position: absolute;
  left: 15px;
  top: 18px;
}
.chartlist .chartlist-ellipsis-wrap {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.chartlist tr {
  position: relative;
}
.chartlist tr a {
  position: relative;
  z-index: 1;
}
.chartlist tr.link-block--hover .link-block-target {
  text-decoration: underline;
}
.chartlist tr .link-block-cover-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.chartlist tr .chartlist-cover-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.chartlist tr {
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-left: 85px;
  padding-right: 62px;
  padding-top: 9px;
  padding-bottom: 9px;
  position: relative;
  box-shadow: inset 0 -1px #ebebeb;
}
@media (min-width: 768px) {
  .chartlist tr {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
.chartlist.chartlist--no-index tr {
  padding-left: 62px;
}
.chartlist.chartlist--no-image tr {
  padding-left: 38px;
}
.chartlist.chartlist--no-index.chartlist--no-image tr {
  padding-left: 15px;
}
.chartlist.chartlist--no-deletelink tr {
  padding-right: 15px;
}
.chartlist .now-scrobbling {
  background-color: #fffcca;
}
.chartlist .chartlist-play,
.chartlist .chartlist-image,
.chartlist .chartlist-download,
.chartlist .chartlist-delete {
  position: absolute;
  top: 11px;
}
.chartlist .chartlist-play,
.chartlist .chartlist-image {
  left: 38px;
}
.chartlist.chartlist--index-extended-3 tr {
  padding-left: 93px;
}
.chartlist.chartlist--index-extended-3.chartlist--no-image tr {
  padding-left: 46px;
}
.chartlist.chartlist--index-extended-3 .chartlist-play,
.chartlist.chartlist--index-extended-3 .chartlist-image {
  left: 46px;
}
.chartlist.chartlist--index-extended-4 tr {
  padding-left: 104px;
}
.chartlist.chartlist--index-extended-4.chartlist--no-image tr {
  padding-left: 57px;
}
.chartlist.chartlist--index-extended-4 .chartlist-play,
.chartlist.chartlist--index-extended-4 .chartlist-image {
  left: 57px;
}
.chartlist.chartlist--index-extended-5 tr {
  padding-left: 112px;
}
.chartlist.chartlist--index-extended-5.chartlist--no-image tr {
  padding-left: 65px;
}
.chartlist.chartlist--index-extended-5 .chartlist-play,
.chartlist.chartlist--index-extended-5 .chartlist-image {
  left: 65px;
}
.chartlist.chartlist--index-extended-6 tr {
  padding-left: 120px;
}
.chartlist.chartlist--index-extended-6.chartlist--no-image tr {
  padding-left: 73px;
}
.chartlist.chartlist--index-extended-6 .chartlist-play,
.chartlist.chartlist--index-extended-6 .chartlist-image {
  left: 73px;
}
.chartlist.chartlist--index-extended-7 tr {
  padding-left: 131px;
}
.chartlist.chartlist--index-extended-7.chartlist--no-image tr {
  padding-left: 84px;
}
.chartlist.chartlist--index-extended-7 .chartlist-play,
.chartlist.chartlist--index-extended-7 .chartlist-image {
  left: 84px;
}
.chartlist.chartlist--no-index .chartlist-play,
.chartlist.chartlist--no-index .chartlist-image {
  left: 15px;
}
.chartlist .chartlist-delete {
  right: 15px;
}
.chartlist [data-ajax-form-state='deleted'] td > * {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.chartlist [data-ajax-form-state='deleted'] .chartlist-play-button,
.chartlist [data-ajax-form-state='deleted'] .chartlist-delete-button,
.chartlist [data-ajax-form-state='deleted'] .image-overlay-playlink-link,
.chartlist [data-ajax-form-state='deleted'] .love-button {
  visibility: hidden;
}
.chartlist .cover-art,
.chartlist .avatar {
  width: 32px;
  height: 32px;
}
.chartlist .image-overlay-playlink-link,
.chartlist .chartlist-play-button {
  display: none;
}
.chartlist .chartlist-delete-button {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 36px;
  height: 36px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
  width: 12px;
  height: 32px;
}
.chartlist .chartlist-delete-button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.chartlist .chartlist-delete-button:before {
  background-position: 0 0;
}
.chartlist .chartlist-delete-button:before {
  background-image: url('/static/images/icons/tracklist_delete.png?1943ceeeecc3');
}
.chartlist .chartlist-delete-button:before {
  width: 36px;
  height: 36px;
}
.chartlist .chartlist-delete-button:before {
  top: 50%;
  margin-top: -18px;
}
.chartlist .chartlist-delete-button:before {
  left: 50%;
  margin-left: -18px;
}
.chartlist .chartlist-delete-button:hover:before,
.chartlist .chartlist-delete-button:focus:before {
  background-position: 0 -36px;
}
.chartlist .chartlist-download {
  right: 15px;
}
.chartlist .chartlist-download-button {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 36px;
  height: 36px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
  width: 32px;
  height: 32px;
}
.chartlist .chartlist-download-button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.chartlist .chartlist-download-button:before {
  background-position: 0 0;
}
.chartlist .chartlist-download-button:before {
  background-image: url('/static/images/icons/download_32.png?1943ceeeecc3');
}
.chartlist .chartlist-download-button:before {
  width: 36px;
  height: 36px;
}
.chartlist .chartlist-download-button:before {
  top: 50%;
  margin-top: -18px;
}
.chartlist .chartlist-download-button:before {
  left: 50%;
  margin-left: -18px;
}
.chartlist .chartlist-download-button:hover:before,
.chartlist .chartlist-download-button:focus:before {
  background-position: 0 -36px;
}
.chartlist .chartlist-loved,
.chartlist .chartlist-loved-heading {
  display: none;
}
.chartlist .chartlist-name a,
.chartlist .chartlist-album a {
  color: #222222;
}
.chartlist .chartlist-artists {
  display: block;
  margin: 0;
}
.chartlist .artist-name-spacer {
  display: none;
}
.chartlist .chartlist-duration,
.chartlist .chartlist-duration-heading {
  display: none;
}
.chartlist .chartlist-timestamp {
  font-size: 12px;
  line-height: 18px;
}
.chartlist .chartlist-now-scrobbling {
  position: relative;
  text-align: right;
  padding-right: 18px;
}
.chartlist .chartlist-now-scrobbling:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.chartlist .chartlist-now-scrobbling:before {
  background-position: 0 0;
}
.chartlist .chartlist-now-scrobbling:before {
  background-image: url('/static/images/icons/eq_icon.gif?1943ceeeecc3');
}
.chartlist .chartlist-now-scrobbling:before {
  width: 10px;
  height: 10px;
}
.chartlist .chartlist-now-scrobbling:before {
  margin-top: 2px;
}
.chartlist .countbar-bar {
  position: relative;
  height: 5px;
  display: block;
  margin-top: 22px;
  margin-bottom: -9px;
}
.chartlist .countbar-bar-slug {
  display: block;
  height: 5px;
  background: #b6c0bf;
}
.chartlist .countbar-bar-value {
  font-size: 12px;
  line-height: 18px;
  color: inherit;
  display: block;
  position: absolute;
  top: -22px;
}
.chartlist .countbar-bar-value:hover,
.chartlist .countbar-bar-value:focus {
  color: inherit;
}
@media (min-width: 768px) {
  .chartlist {
    /* ------------ Resets --------------- */
    margin-top: 18px;
    width: 100%;
    display: table;
    margin-bottom: 0;
    /* ------------ Everything Else ------------ */
  }
  .chartlist:first-child {
    margin-top: 0;
  }
  .chartlist th {
    color: #666666;
    font-weight: normal;
    text-align: left;
  }
  .chartlist td,
  .chartlist th {
    padding: 6px 10px;
    box-shadow: inset 0 -1px #ebebeb;
  }
  .chartlist tr:nth-child(even) td {
    background-color: #f9f9f9;
  }
  .chartlist thead,
  .chartlist tbody {
    display: table-row-group;
  }
  .chartlist tr {
    display: table-row;
  }
  .chartlist td,
  .chartlist th {
    display: table-cell;
  }
  .chartlist tr {
    min-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .chartlist .chartlist-cover-link {
    display: none;
  }
  .chartlist .chartlist-loved,
  .chartlist .chartlist-loved-heading,
  .chartlist .chartlist-duration,
  .chartlist .chartlist-duration-heading {
    display: table-cell;
  }
  .chartlist th,
  .chartlist td,
  .chartlist .chartlist-loved,
  .chartlist .chartlist-loved-heading,
  .chartlist .chartlist-duration,
  .chartlist .chartlist-duration-heading {
    padding-left: 0;
    padding-right: 0;
  }
  .chartlist .chartlist-index,
  .chartlist .chartlist-name,
  .chartlist .chartlist-ellipsis-wrap,
  .chartlist .chartlist-duration,
  .chartlist .chartlist-countbar {
    line-height: 24px;
  }
  .chartlist .chartlist-index {
    position: static;
  }
  .chartlist .chartlist-play,
  .chartlist .chartlist-image,
  .chartlist .chartlist-download,
  .chartlist .chartlist-delete {
    position: static;
  }
  .chartlist .chartlist-download {
    width: 36px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .chartlist .countbar-bar-value {
    font-size: inherit;
    line-height: inherit;
  }
  .chartlist tr .image-overlay-playlink-link:before {
    display: none;
  }
  .chartlist tr .image-overlay-playlink-link:hover:before,
  .chartlist tr .image-overlay-playlink-link:focus:before,
  .chartlist tr:hover .image-overlay-playlink-link:before,
  .chartlist tr:focus .image-overlay-playlink-link:before {
    display: block;
  }
  .chartlist.chartlist--has-image td {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .chartlist .chartlist-play-image {
    position: relative;
    height: 100%;
  }
  .chartlist .chartlist-play-image .cover-art {
    width: 100%;
  }
  .chartlist .chartlist-play-image .image-overlay-playlink-link {
    position: relative;
    /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
    font: 0/0 a;
    text-shadow: none;
    /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
    color: transparent !important;
    vertical-align: top;
    /* Set the box size of the image's containing element
     */
    display: inline-block;
    width: 32px;
    height: 32px;
    /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
    min-width: 0;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .chartlist .chartlist-play-image .image-overlay-playlink-link:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .chartlist .chartlist-play-image .image-overlay-playlink-link:before {
    background-position: 0 0;
  }
  .chartlist .chartlist-play-image .image-overlay-playlink-link:before {
    background-image: url('/static/images/icons/play_32.png?1943ceeeecc3');
  }
  .chartlist .chartlist-play-image .image-overlay-playlink-link:before {
    width: 32px;
    height: 32px;
  }
  .chartlist .chartlist-play-image .image-overlay-playlink-link:before {
    top: 50%;
    margin-top: -16px;
  }
  .chartlist .chartlist-play-image .image-overlay-playlink-link:before {
    left: 50%;
    margin-left: -16px;
  }
  .chartlist .chartlist-play-image .image-overlay-playlink-link:focus:before,
  .chartlist .chartlist-play-image .image-overlay-playlink-link:hover:before {
    background-position: 0 -32px;
  }
  .chartlist .chartlist-play-image .image-overlay-playlink-link:focus:before,
  .chartlist .chartlist-play-image .image-overlay-playlink-link:hover:before {
    background-image: url('/static/images/icons/play_32.png?1943ceeeecc3');
  }
  .chartlist .cover-art,
  .chartlist .avatar {
    position: static;
    width: 100%;
    height: auto;
    margin-left: 0;
  }
  .chartlist .chartlist-play-button {
    position: relative;
    padding-left: 30px;
    /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
    font: 0/0 a;
    text-shadow: none;
    /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
    color: transparent !important;
    vertical-align: top;
    /* Set the box size of the image's containing element
     */
    display: inline-block;
    width: 24px;
    height: 24px;
    /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
    min-width: 0;
    padding-left: 0;
    top: 0;
  }
  .chartlist .chartlist-play-button:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .chartlist .chartlist-play-button:before {
    width: 24px;
    height: 24px;
  }
  .chartlist .chartlist-play-button:before {
    top: 50%;
    margin-top: -12px;
  }
  .chartlist .chartlist-play-button:before {
    background-position: -6px -6px;
  }
  .chartlist .chartlist-play-button:before {
    background-image: url('/static/images/icons/tracklist_play.png?1943ceeeecc3');
  }
  .chartlist .chartlist-play-button.iconleft--big {
    padding-left: 38px;
  }
  .chartlist .chartlist-play-button.iconleft--big:before {
    width: 32px;
    height: 32px;
  }
  .chartlist .chartlist-play-button.iconleft--big:before {
    top: 50%;
    margin-top: -16px;
  }
  .chartlist .chartlist-play-button.iconleft--big:before {
    background-position: -2px -38px;
  }
  .chartlist .chartlist-play-button.iconleft--big:before {
    background-image: url('/static/images/icons/tracklist_play.png?1943ceeeecc3');
  }
  .chartlist .chartlist-play-button:focus:before,
  .chartlist .chartlist-play-button:hover:before {
    background-position: -42px -6px;
  }
  .chartlist .chartlist-play-button:focus:before,
  .chartlist .chartlist-play-button:hover:before {
    background-image: url('/static/images/icons/tracklist_play.png?1943ceeeecc3');
  }
  .chartlist .chartlist-play-button:before {
    left: 50%;
    margin-left: -12px;
  }
  .chartlist .chartlist-play-button.iconleft--big {
    /* Set the box size of the image's containing element
     */
    display: inline-block;
    width: 32px;
    height: 32px;
    /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
    min-width: 0;
    padding-left: 0;
  }
  .chartlist .chartlist-play-button.iconleft--big:before {
    left: 50%;
    margin-left: -16px;
  }
  .chartlist .chartlist-delete-button {
    position: relative;
    padding-left: 30px;
    /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
    font: 0/0 a;
    text-shadow: none;
    /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
    color: transparent !important;
    vertical-align: top;
    /* Set the box size of the image's containing element
     */
    display: inline-block;
    width: 24px;
    height: 24px;
    /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
    min-width: 0;
    padding-left: 0;
    top: 0;
  }
  .chartlist .chartlist-delete-button:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .chartlist .chartlist-delete-button:before {
    width: 24px;
    height: 24px;
  }
  .chartlist .chartlist-delete-button:before {
    top: 50%;
    margin-top: -12px;
  }
  .chartlist .chartlist-delete-button:before {
    background-position: -6px -6px;
  }
  .chartlist .chartlist-delete-button:before {
    background-image: url('/static/images/icons/tracklist_delete.png?1943ceeeecc3');
  }
  .chartlist .chartlist-delete-button.iconleft--big {
    padding-left: 38px;
  }
  .chartlist .chartlist-delete-button.iconleft--big:before {
    width: 32px;
    height: 32px;
  }
  .chartlist .chartlist-delete-button.iconleft--big:before {
    top: 50%;
    margin-top: -16px;
  }
  .chartlist .chartlist-delete-button.iconleft--big:before {
    background-position: -2px -2px;
  }
  .chartlist .chartlist-delete-button.iconleft--big:before {
    background-image: url('/static/images/icons/tracklist_delete.png?1943ceeeecc3');
  }
  .chartlist .chartlist-delete-button:focus:before,
  .chartlist .chartlist-delete-button:hover:before {
    background-position: -6px -42px;
  }
  .chartlist .chartlist-delete-button:focus:before,
  .chartlist .chartlist-delete-button:hover:before {
    background-image: url('/static/images/icons/tracklist_delete.png?1943ceeeecc3');
  }
  .chartlist .chartlist-delete-button:before {
    left: 50%;
    margin-left: -12px;
  }
  .chartlist .chartlist-delete-button.iconleft--big {
    /* Set the box size of the image's containing element
     */
    display: inline-block;
    width: 32px;
    height: 32px;
    /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
    min-width: 0;
    padding-left: 0;
  }
  .chartlist .chartlist-delete-button.iconleft--big:before {
    left: 50%;
    margin-left: -16px;
  }
  .chartlist.chartlist--has-image .chartlist-loved {
    padding-left: 10px;
  }
  .chartlist .chartlist-name,
  .chartlist .chartlist-album {
    position: relative;
    height: 36px;
  }
  .chartlist .chartlist-artists a {
    color: inherit;
  }
  .chartlist .chartlist-album {
    padding-left: 10px;
  }
  .chartlist .chartlist-album a {
    color: inherit;
  }
  .chartlist .chartlist-ellipsis-wrap {
    position: absolute;
    width: 100%;
    margin-top: -12px;
    padding-left: 8px;
  }
  .chartlist.chartlist--has-image .chartlist-ellipsis-wrap {
    margin-top: -24px;
    padding-left: 10px;
  }
  .chartlist.chartlist--has-image.chartlist--no-loved .chartlist-ellipsis-wrap {
    padding-left: 15px;
  }
  .chartlist.chartlist--has-image.chartlist--single-line-name .chartlist-ellipsis-wrap {
    margin-top: -12px;
  }
  .chartlist.chartlist--no-image .chartlist-artists,
  .chartlist.chartlist--no-image .artist-name-spacer {
    display: inline;
  }
  .chartlist.chartlist--no-image.chartlist--no-loved .chartlist-ellipsis-wrap {
    padding-left: 0;
  }
  .chartlist .chartlist-duration,
  .chartlist .chartlist-timestamp {
    text-align: right;
  }
  .chartlist .chartlist-timestamp {
    /* hack to make the baseline line up with the larger name text */
    padding-top: 2px;
    padding-bottom: 0;
  }
  .chartlist .chartlist-now-scrobbling {
    position: relative;
    text-align: left;
    padding-right: 0;
    padding-left: 18px;
  }
  .chartlist .chartlist-now-scrobbling:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .chartlist .chartlist-now-scrobbling:before {
    background-position: 0 0;
  }
  .chartlist .chartlist-now-scrobbling:before {
    background-image: url('/static/images/icons/eq_icon.gif?1943ceeeecc3');
  }
  .chartlist .chartlist-now-scrobbling:before {
    width: 10px;
    height: 10px;
  }
  .chartlist .chartlist-countbar {
    /* resets from mobile styling */
    font-size: 14px;
    line-height: 1.71428571;
    color: #222222;
    margin-bottom: 0;
    padding-right: 0;
  }
  .chartlist .countbar-bar {
    height: auto;
    margin: auto;
    background: none;
    padding-left: 0;
  }
  .chartlist .countbar-bar:before {
    display: none;
  }
  .chartlist .countbar-bar-slug {
    height: auto;
    min-width: 60px;
    color: #ffffff;
  }
  .chartlist .countbar-bar-value {
    /* resets from mobile styling */
    position: relative;
    background-color: transparent;
    padding: 0;
    margin-left: 7px;
    top: auto;
    font-weight: bold;
  }
  .chartlist.chartlist--index-extended .chartlist-index {
    padding-right: 15px;
  }
  .chartlist .stat-name {
    display: none;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .chartlist:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .chartlist {
    margin-top: 24px;
  }
}
@media (min-width: 768px) {
  .chartlist {
    /* RHS field padding */
  }
  .chartlist tr td:first-child {
    padding-left: 10px;
  }
  .chartlist.chartlist--no-countbar .chartlist-timestamp,
  .chartlist.chartlist--no-countbar.chartlist--no-timestamp .chartlist-duration,
  .chartlist.chartlist--no-countbar.chartlist--no-timestamp.chartlist--no-duration .chartlist-name,
  .chartlist .chartlist-delete {
    padding-right: 10px;
  }
  .chartlist .chartlist-index {
    width: 36px;
  }
  .chartlist .chartlist-play,
  .chartlist .chartlist-delete,
  .chartlist .chartlist-image {
    width: 24px;
  }
  .chartlist.chartlist--has-image .chartlist-play,
  .chartlist.chartlist--has-image .chartlist-image {
    width: 48px;
    height: 72px;
  }
  .chartlist .chartlist-loved {
    width: 24px;
  }
  .chartlist .chartlist-duration {
    width: 60px;
  }
  .chartlist .chartlist-timestamp {
    width: 160px;
  }
  .chartlist .chartlist-countbar {
    width: 240px;
    padding-left: 20px;
  }
}
@media (min-width: 1260px) {
  .chartlist {
    /* RHS field padding */
  }
  .chartlist tr td:first-child {
    padding-left: 15px;
  }
  .chartlist.chartlist--no-countbar .chartlist-timestamp,
  .chartlist.chartlist--no-countbar.chartlist--no-timestamp .chartlist-duration,
  .chartlist.chartlist--no-countbar.chartlist--no-timestamp.chartlist--no-duration .chartlist-name {
    padding-right: 15px;
  }
  .chartlist .chartlist-loved {
    padding-left: 3px;
  }
  .chartlist .chartlist-index {
    width: 46px;
  }
  .chartlist .chartlist-loved {
    width: 30px;
  }
  .chartlist .chartlist-duration {
    width: 70px;
  }
  .chartlist .chartlist-timestamp {
    width: 170px;
  }
  .chartlist .chartlist-countbar {
    width: 300px;
    padding-left: 30px;
  }
}
.namespace--user_overview .chartlist tr:nth-child(1n+6),
.namespace--music_artist_overview .chartlist tr:nth-child(1n+6),
.namespace--tag_overview .chartlist tr:nth-child(1n+6) {
  display: none;
}
@media (min-width: 768px) {
  .namespace--user_overview .chartlist tr:nth-child(1n+6),
  .namespace--music_artist_overview .chartlist tr:nth-child(1n+6),
  .namespace--tag_overview .chartlist tr:nth-child(1n+6) {
    display: table-row;
  }
}
.chartlist .love-button {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 24px;
  height: 24px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
  top: 0;
}
.chartlist .love-button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.chartlist .love-button:before {
  background-position: -6px -6px;
}
.chartlist .love-button:before {
  background-image: url('/static/images/icons/tracklist_love.png?1943ceeeecc3');
}
.chartlist .love-button:before {
  width: 24px;
  height: 24px;
}
.chartlist .love-button:before {
  top: 50%;
  margin-top: -12px;
}
.chartlist .love-button:before {
  left: 50%;
  margin-left: -12px;
}
.chartlist button.love-button:hover:before,
.chartlist a.love-button:hover:before,
.chartlist button.love-button:focus:before,
.chartlist a.love-button:focus:before {
  background-position: -6px -42px;
}
.chartlist button.love-button:hover:before,
.chartlist a.love-button:hover:before,
.chartlist button.love-button:focus:before,
.chartlist a.love-button:focus:before {
  background-image: url('/static/images/icons/tracklist_love.png?1943ceeeecc3');
}
.chartlist .love-button--loved:before {
  background-position: -6px -78px;
}
.chartlist .love-button--loved:before {
  background-image: url('/static/images/icons/tracklist_love.png?1943ceeeecc3');
}
.chartlist button.love-button--loved:hover:before,
.chartlist button.love-button--loved:focus:before {
  background-position: -6px -114px;
}
.chartlist button.love-button--loved:hover:before,
.chartlist button.love-button--loved:focus:before {
  background-image: url('/static/images/icons/tracklist_love.png?1943ceeeecc3');
}
.chartlist .ajax-form-disable-hover button.love-button:hover,
.chartlist .ajax-form-disable-hover button.love-button:focus {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 24px;
  height: 24px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
}
.chartlist .ajax-form-disable-hover button.love-button:hover:before,
.chartlist .ajax-form-disable-hover button.love-button:focus:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.chartlist .ajax-form-disable-hover button.love-button:hover:before,
.chartlist .ajax-form-disable-hover button.love-button:focus:before {
  background-position: -6px -6px;
}
.chartlist .ajax-form-disable-hover button.love-button:hover:before,
.chartlist .ajax-form-disable-hover button.love-button:focus:before {
  background-image: url('/static/images/icons/tracklist_love.png?1943ceeeecc3');
}
.chartlist .ajax-form-disable-hover button.love-button:hover:before,
.chartlist .ajax-form-disable-hover button.love-button:focus:before {
  width: 24px;
  height: 24px;
}
.chartlist .ajax-form-disable-hover button.love-button:hover:before,
.chartlist .ajax-form-disable-hover button.love-button:focus:before {
  top: 50%;
  margin-top: -12px;
}
.chartlist .ajax-form-disable-hover button.love-button:hover:before,
.chartlist .ajax-form-disable-hover button.love-button:focus:before {
  left: 50%;
  margin-left: -12px;
}
.chartlist .ajax-form-disable-hover button.love-button--loved:hover:before,
.chartlist .ajax-form-disable-hover button.love-button--loved:focus:before {
  background-position: -6px -78px;
}
.chartlist .ajax-form-disable-hover button.love-button--loved:hover:before,
.chartlist .ajax-form-disable-hover button.love-button--loved:focus:before {
  background-image: url('/static/images/icons/tracklist_love.png?1943ceeeecc3');
}
.grid-items {
  margin-top: 18px;
  padding: 0;
  margin-left: -15px;
  margin-right: -15px;
}
.grid-items:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .grid-items:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .grid-items {
    margin-top: 24px;
  }
}
@media (min-width: 768px) {
  .grid-items {
    margin-left: 0;
    margin-right: 0;
  }
}
.grid-items-item {
  width: 50%;
  height: 0;
  padding-top: 50%;
  position: relative;
  z-index: 0;
  /* Create stacking context for nested .cover-image */
  display: inline-block;
  vertical-align: top;
  list-style: none;
}
.grid-items-item:hover .image-overlay-playlink-link,
.grid-items-item:focus .image-overlay-playlink-link {
  opacity: 1;
  filter: alpha(opacity=100);
}
.grid-items-item .image-overlay-playlink-link {
  opacity: 0;
  filter: alpha(opacity=0);
}
.grid-items-item .image-overlay-playlink-link:hover,
.grid-items-item .image-overlay-playlink-link:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
@media (min-width: 768px) {
  .grid-items-item {
    width: 155px;
    height: 155px;
    padding-top: 0;
  }
}
@media (min-width: 1260px) {
  .grid-items-item {
    width: 192px;
    height: 192px;
  }
}
.grid-items-item-playlink {
  display: none;
}
@media (min-width: 768px) {
  .grid-items-item-playlink {
    position: relative;
    position: absolute;
    top: 15px;
    left: 15px;
    width: 32px;
    height: 32px;
    display: block;
    z-index: 2;
  }
  .grid-items-item-playlink .cover-art {
    width: 100%;
  }
  .grid-items-item-playlink .image-overlay-playlink-link {
    position: relative;
    /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
    font: 0/0 a;
    text-shadow: none;
    /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
    color: transparent !important;
    vertical-align: top;
    /* Set the box size of the image's containing element
     */
    display: inline-block;
    width: 32px;
    height: 32px;
    /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
    min-width: 0;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .grid-items-item-playlink .image-overlay-playlink-link:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .grid-items-item-playlink .image-overlay-playlink-link:before {
    background-position: 0 0;
  }
  .grid-items-item-playlink .image-overlay-playlink-link:before {
    background-image: url('/static/images/icons/play_32.png?1943ceeeecc3');
  }
  .grid-items-item-playlink .image-overlay-playlink-link:before {
    width: 32px;
    height: 32px;
  }
  .grid-items-item-playlink .image-overlay-playlink-link:before {
    top: 50%;
    margin-top: -16px;
  }
  .grid-items-item-playlink .image-overlay-playlink-link:before {
    left: 50%;
    margin-left: -16px;
  }
  .grid-items-item-playlink .image-overlay-playlink-link:focus:before,
  .grid-items-item-playlink .image-overlay-playlink-link:hover:before {
    background-position: 0 -32px;
  }
  .grid-items-item-playlink .image-overlay-playlink-link:focus:before,
  .grid-items-item-playlink .image-overlay-playlink-link:hover:before {
    background-image: url('/static/images/icons/play_32.png?1943ceeeecc3');
  }
}
@media (min-width: 1260px) {
  .grid-items-item-playlink {
    position: relative;
    position: absolute;
    top: 15px;
    left: 15px;
    width: 48px;
    height: 48px;
  }
  .grid-items-item-playlink .cover-art {
    width: 100%;
  }
  .grid-items-item-playlink .image-overlay-playlink-link {
    position: relative;
    /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
    font: 0/0 a;
    text-shadow: none;
    /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
    color: transparent !important;
    vertical-align: top;
    /* Set the box size of the image's containing element
     */
    display: inline-block;
    width: 48px;
    height: 48px;
    /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
    min-width: 0;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .grid-items-item-playlink .image-overlay-playlink-link:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .grid-items-item-playlink .image-overlay-playlink-link:before {
    background-position: 0 0;
  }
  .grid-items-item-playlink .image-overlay-playlink-link:before {
    background-image: url('/static/images/icons/play_48.png?1943ceeeecc3');
  }
  .grid-items-item-playlink .image-overlay-playlink-link:before {
    width: 48px;
    height: 48px;
  }
  .grid-items-item-playlink .image-overlay-playlink-link:before {
    top: 50%;
    margin-top: -24px;
  }
  .grid-items-item-playlink .image-overlay-playlink-link:before {
    left: 50%;
    margin-left: -24px;
  }
  .grid-items-item-playlink .image-overlay-playlink-link:focus:before,
  .grid-items-item-playlink .image-overlay-playlink-link:hover:before {
    background-position: 0 -48px;
  }
  .grid-items-item-playlink .image-overlay-playlink-link:focus:before,
  .grid-items-item-playlink .image-overlay-playlink-link:hover:before {
    background-image: url('/static/images/icons/play_48.png?1943ceeeecc3');
  }
}
@media (min-width: 768px) {
  .grid-items-item--big .grid-items-item-playlink {
    position: relative;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 96px;
    height: 96px;
    margin: -48px 0 0 -48px;
  }
  .grid-items-item--big .grid-items-item-playlink .cover-art {
    width: 100%;
  }
  .grid-items-item--big .grid-items-item-playlink .image-overlay-playlink-link {
    position: relative;
    /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
    font: 0/0 a;
    text-shadow: none;
    /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
    color: transparent !important;
    vertical-align: top;
    /* Set the box size of the image's containing element
     */
    display: inline-block;
    width: 96px;
    height: 96px;
    /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
    min-width: 0;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .grid-items-item--big .grid-items-item-playlink .image-overlay-playlink-link:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .grid-items-item--big .grid-items-item-playlink .image-overlay-playlink-link:before {
    background-position: 0 0;
  }
  .grid-items-item--big .grid-items-item-playlink .image-overlay-playlink-link:before {
    background-image: url('/static/images/icons/play_96.png?1943ceeeecc3');
  }
  .grid-items-item--big .grid-items-item-playlink .image-overlay-playlink-link:before {
    width: 96px;
    height: 96px;
  }
  .grid-items-item--big .grid-items-item-playlink .image-overlay-playlink-link:before {
    top: 50%;
    margin-top: -48px;
  }
  .grid-items-item--big .grid-items-item-playlink .image-overlay-playlink-link:before {
    left: 50%;
    margin-left: -48px;
  }
  .grid-items-item--big .grid-items-item-playlink .image-overlay-playlink-link:focus:before,
  .grid-items-item--big .grid-items-item-playlink .image-overlay-playlink-link:hover:before {
    background-position: 0 -96px;
  }
  .grid-items-item--big .grid-items-item-playlink .image-overlay-playlink-link:focus:before,
  .grid-items-item--big .grid-items-item-playlink .image-overlay-playlink-link:hover:before {
    background-image: url('/static/images/icons/play_96.png?1943ceeeecc3');
  }
}
@media (min-width: 1260px) {
  .grid-items-item--big .grid-items-item-playlink {
    position: relative;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 128px;
    height: 128px;
    margin: -64px 0 0 -64px;
  }
  .grid-items-item--big .grid-items-item-playlink .cover-art {
    width: 100%;
  }
  .grid-items-item--big .grid-items-item-playlink .image-overlay-playlink-link {
    position: relative;
    /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
    font: 0/0 a;
    text-shadow: none;
    /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
    color: transparent !important;
    vertical-align: top;
    /* Set the box size of the image's containing element
     */
    display: inline-block;
    width: 128px;
    height: 128px;
    /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
    min-width: 0;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .grid-items-item--big .grid-items-item-playlink .image-overlay-playlink-link:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .grid-items-item--big .grid-items-item-playlink .image-overlay-playlink-link:before {
    background-position: 0 0;
  }
  .grid-items-item--big .grid-items-item-playlink .image-overlay-playlink-link:before {
    background-image: url('/static/images/icons/play_128.png?1943ceeeecc3');
  }
  .grid-items-item--big .grid-items-item-playlink .image-overlay-playlink-link:before {
    width: 128px;
    height: 128px;
  }
  .grid-items-item--big .grid-items-item-playlink .image-overlay-playlink-link:before {
    top: 50%;
    margin-top: -64px;
  }
  .grid-items-item--big .grid-items-item-playlink .image-overlay-playlink-link:before {
    left: 50%;
    margin-left: -64px;
  }
  .grid-items-item--big .grid-items-item-playlink .image-overlay-playlink-link:focus:before,
  .grid-items-item--big .grid-items-item-playlink .image-overlay-playlink-link:hover:before {
    background-position: 0 -128px;
  }
  .grid-items-item--big .grid-items-item-playlink .image-overlay-playlink-link:focus:before,
  .grid-items-item--big .grid-items-item-playlink .image-overlay-playlink-link:hover:before {
    background-image: url('/static/images/icons/play_128.png?1943ceeeecc3');
  }
}
.grid-items--large {
  margin-left: -10px;
  margin-right: -10px;
  margin-left: -7.5px;
  margin-right: -7.5px;
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  .grid-items--large {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (min-width: 1260px) {
  .grid-items--large {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (min-width: 768px) {
  .grid-items--large .large-grid-wrapper:nth-child(odd) {
    clear: left;
  }
}
.large-grid-wrapper {
  margin-top: 18px;
  position: relative;
  min-height: 1px;
  padding-left: 7.5px;
  padding-right: 7.5px;
  float: left;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  list-style: none;
}
.large-grid-wrapper:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .large-grid-wrapper:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .large-grid-wrapper {
    margin-top: 24px;
  }
}
@media (min-width: 768px) {
  .large-grid-wrapper {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .large-grid-wrapper {
    float: left;
    width: 320px;
  }
}
@media (min-width: 1260px) {
  .large-grid-wrapper {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1260px) and (min-width: 1260px) {
  .large-grid-wrapper {
    float: left;
    width: 400px;
  }
}
.large-grid-wrapper .large-grid-item {
  width: 100%;
  overflow: hidden;
  padding-top: 100%;
  display: block;
}
.large-grid-wrapper .large-grid-item.grid-items-item--artist {
  padding-top: 75%;
}
.large-grid-wrapper .large-grid-item .grid-items-item-main-text {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
  margin-top: 24px;
  margin-bottom: 12px;
  font-size: 24px;
  margin-top: 18px;
  margin-bottom: 0;
  margin-bottom: -6px;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  margin: 0;
}
.large-grid-wrapper .large-grid-item .grid-items-item-main-text small,
.large-grid-wrapper .large-grid-item .grid-items-item-main-text .small {
  font-weight: normal;
  line-height: 1;
  color: #999999;
}
.large-grid-wrapper .large-grid-item .grid-items-item-main-text small,
.large-grid-wrapper .large-grid-item .grid-items-item-main-text .small {
  font-size: 65%;
}
.large-grid-wrapper .large-grid-item .grid-items-item-main-text:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .large-grid-wrapper .large-grid-item .grid-items-item-main-text:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .large-grid-wrapper .large-grid-item .grid-items-item-main-text {
    margin-top: 24px;
  }
}
.large-grid-wrapper .large-grid-item.grid-items-item--track .grid-items-item-playlink,
.large-grid-wrapper .large-grid-item.grid-items-item--album .grid-items-item-playlink {
  position: relative;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 128px;
  height: 128px;
  margin: -64px 0 0 -64px;
}
.large-grid-wrapper .large-grid-item.grid-items-item--track .grid-items-item-playlink .cover-art,
.large-grid-wrapper .large-grid-item.grid-items-item--album .grid-items-item-playlink .cover-art {
  width: 100%;
}
.large-grid-wrapper .large-grid-item.grid-items-item--track .grid-items-item-playlink .image-overlay-playlink-link,
.large-grid-wrapper .large-grid-item.grid-items-item--album .grid-items-item-playlink .image-overlay-playlink-link {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 128px;
  height: 128px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.large-grid-wrapper .large-grid-item.grid-items-item--track .grid-items-item-playlink .image-overlay-playlink-link:before,
.large-grid-wrapper .large-grid-item.grid-items-item--album .grid-items-item-playlink .image-overlay-playlink-link:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.large-grid-wrapper .large-grid-item.grid-items-item--track .grid-items-item-playlink .image-overlay-playlink-link:before,
.large-grid-wrapper .large-grid-item.grid-items-item--album .grid-items-item-playlink .image-overlay-playlink-link:before {
  background-position: 0 0;
}
.large-grid-wrapper .large-grid-item.grid-items-item--track .grid-items-item-playlink .image-overlay-playlink-link:before,
.large-grid-wrapper .large-grid-item.grid-items-item--album .grid-items-item-playlink .image-overlay-playlink-link:before {
  background-image: url('/static/images/icons/play_128.png?1943ceeeecc3');
}
.large-grid-wrapper .large-grid-item.grid-items-item--track .grid-items-item-playlink .image-overlay-playlink-link:before,
.large-grid-wrapper .large-grid-item.grid-items-item--album .grid-items-item-playlink .image-overlay-playlink-link:before {
  width: 128px;
  height: 128px;
}
.large-grid-wrapper .large-grid-item.grid-items-item--track .grid-items-item-playlink .image-overlay-playlink-link:before,
.large-grid-wrapper .large-grid-item.grid-items-item--album .grid-items-item-playlink .image-overlay-playlink-link:before {
  top: 50%;
  margin-top: -64px;
}
.large-grid-wrapper .large-grid-item.grid-items-item--track .grid-items-item-playlink .image-overlay-playlink-link:before,
.large-grid-wrapper .large-grid-item.grid-items-item--album .grid-items-item-playlink .image-overlay-playlink-link:before {
  left: 50%;
  margin-left: -64px;
}
.large-grid-wrapper .large-grid-item.grid-items-item--track .grid-items-item-playlink .image-overlay-playlink-link:focus:before,
.large-grid-wrapper .large-grid-item.grid-items-item--album .grid-items-item-playlink .image-overlay-playlink-link:focus:before,
.large-grid-wrapper .large-grid-item.grid-items-item--track .grid-items-item-playlink .image-overlay-playlink-link:hover:before,
.large-grid-wrapper .large-grid-item.grid-items-item--album .grid-items-item-playlink .image-overlay-playlink-link:hover:before {
  background-position: 0 -128px;
}
.large-grid-wrapper .large-grid-item.grid-items-item--track .grid-items-item-playlink .image-overlay-playlink-link:focus:before,
.large-grid-wrapper .large-grid-item.grid-items-item--album .grid-items-item-playlink .image-overlay-playlink-link:focus:before,
.large-grid-wrapper .large-grid-item.grid-items-item--track .grid-items-item-playlink .image-overlay-playlink-link:hover:before,
.large-grid-wrapper .large-grid-item.grid-items-item--album .grid-items-item-playlink .image-overlay-playlink-link:hover:before {
  background-image: url('/static/images/icons/play_128.png?1943ceeeecc3');
}
.large-grid-wrapper .bio,
.large-grid-wrapper .context {
  margin-top: 15px;
  margin-left: 15px;
  margin-right: 15px;
}
@media (min-width: 768px) {
  .large-grid-wrapper .bio,
  .large-grid-wrapper .context {
    margin-left: 0;
    margin-right: 0;
  }
}
.large-grid-wrapper .context {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .large-grid-wrapper:nth-child(-n + 2) {
    margin-top: 0;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .large-grid-wrapper:nth-child(-n + 2) {
    margin-top: 0;
  }
}
.grid-items--big-first .grid-items-item:nth-child(n+5) {
  display: none;
}
@media (min-width: 768px) {
  .grid-items--big-first .grid-items-item:nth-child(5) {
    display: inline-block;
  }
}
@media (min-width: 768px) {
  .grid-items--big-first .grid-items-item--big {
    width: 310px;
    height: 310px;
    float: left;
  }
}
@media (min-width: 1260px) {
  .grid-items--big-first .grid-items-item--big {
    width: 384px;
    height: 384px;
  }
}
@media (min-width: 768px) {
  .grid-items--big-first .grid-items-item--big .grid-items-item-main-text {
    font-size: 18px;
    line-height: 24px;
    /* Try to align baseline of large item with adjancent small items */
    margin-bottom: 0;
  }
}
.grid-items-cover-image {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  color: #ffffff;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.95) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.95) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.95) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#f2000000', GradientType=0);
}
.grid-items-cover-image:hover,
.grid-items-cover-image:focus {
  color: #ffffff;
  text-decoration: none;
}
.grid-items-cover-image a {
  color: inherit;
}
.grid-items-cover-image a:hover,
.grid-items-cover-image a:focus {
  color: inherit;
}
.grid-items-cover-image.link-block--hover .link-block-target {
  text-decoration: underline;
}
.grid-items-item-details {
  font-size: 12px;
  line-height: 18px;
  position: absolute;
  bottom: 15px;
  left: 15px;
  right: 15px;
  margin: 0;
}
.grid-items-item-main-text {
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  /* Try to align baseline of small items with adjancent large item */
  margin-bottom: 1px;
}
.grid-items-item-aux-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
}
.grid-items-item-aux-block {
  display: block;
}
.grid-items-cover-image-image {
  width: 100%;
  position: relative;
  z-index: -1;
  /* Display below .grid-items content */
}
.grid-items-cover-default {
  height: inherit;
}
.track-metadata:before,
.track-metadata:after {
  content: " ";
  display: table;
}
.track-metadata:after {
  clear: both;
}
.track-metadata:before,
.track-metadata:after {
  content: " ";
  display: table;
}
.track-metadata:after {
  clear: both;
}
.track-metadata:after {
  content: "";
  display: table;
  clear: both;
}
.track-metadata:after {
  content: "";
  display: table;
  clear: both;
}
.track-metadata .primary-album .primary-album-art {
  display: none;
}
@media (min-width: 768px) {
  .track-metadata .primary-album .primary-album-art {
    width: 60px;
    float: left;
    display: block;
    margin-right: 15px;
  }
}
@media (min-width: 1260px) {
  .track-metadata .primary-album .primary-album-art {
    width: 70px;
  }
}
.track-metadata .primary-album .album-details .metadata-display {
  margin-bottom: 0;
}
.track-metadata .primary-album .album-details a {
  color: inherit;
}
.track-metadata .primary-album .album-details a:hover,
.track-metadata .primary-album .album-details a:focus {
  color: inherit;
}
.track-metadata .other-releases {
  margin-top: 18px;
}
.track-metadata .other-releases:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .track-metadata .other-releases:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .track-metadata .other-releases {
    margin-top: 24px;
  }
}
.track-metadata .other-releases img {
  vertical-align: top;
  margin-top: 6px;
  margin-right: 10px;
  float: left;
}
.track-metadata .other-releases .additional-release-count {
  display: inline-block;
}
.track-metadata .other-releases .additional-release-count a {
  color: inherit;
}
.track-metadata .other-releases .additional-release-count .release-count {
  font-size: 18px;
  line-height: 24px;
  display: block;
  font-weight: bold;
}
.track-metadata .primary-album-stats {
  margin: 0;
}
@media (min-width: 768px) {
  .track-metadata .other-releases {
    margin-top: 0;
  }
  .track-metadata .primary-album,
  .track-metadata .other-releases {
    padding-right: 30px;
  }
  .track-metadata .primary-album,
  .track-metadata .other-releases,
  .track-metadata .album-details {
    float: left;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .track-metadata .other-releases {
    margin-top: 0;
  }
}
/* ====================================================================================
   Overlay framework
   ==================================================================================== */
/* ====================================================================================
   Scrobbles framework
   ==================================================================================== */
.scrobbles-layout {
  /* Pinning styles - these are set by the javascript when pinned to the viewport on scroll */
  /*  Intermediate View (desktop layout without columns)
    ==================================================================================== */
  /* Pinning styles - these are set by the javascript when pinned to the viewport on scroll */
}
.scrobbles-layout:before {
  background: none;
}
.scrobbles-layout .main-content {
  margin-top: 0;
}
.scrobbles-layout .fluid-container {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  min-height: 0;
  padding: 0;
  background-color: #ffffff;
}
.scrobbles-layout .overlay-leaderboard {
  height: 80px;
  background-color: #000;
  color: #fff;
  z-index: 1;
}
.scrobbles-layout .overlay-control-bar {
  height: 60px;
  z-index: 1;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 15px;
  padding-right: 15px;
}
.scrobbles-layout .overlay-control-bar .control-bar-wrapper {
  padding-top: 2px;
}
.scrobbles-layout .overlay-control-bar .control-close-button {
  padding-top: 9px;
  padding-bottom: 9px;
  position: relative;
  padding-left: 38px;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  width: 24px;
  height: 24px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 32px;
  height: 32px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  padding-left: 0;
  position: absolute;
  z-index: 1;
  top: 95px;
  right: 15px;
}
.scrobbles-layout .overlay-control-bar .control-close-button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.scrobbles-layout .overlay-control-bar .control-close-button.iconleft--big {
  padding-left: 38px;
}
.scrobbles-layout .overlay-control-bar .control-close-button.iconleft--big:before {
  width: 32px;
  height: 32px;
}
.scrobbles-layout .overlay-control-bar .control-close-button.iconleft--big:before {
  top: 50%;
  margin-top: -16px;
}
.scrobbles-layout .overlay-control-bar .control-close-button.iconleft--big:before {
  background-position: -38px -2px;
}
.scrobbles-layout .overlay-control-bar .control-close-button.iconleft--big:before {
  background-image: url('/static/images/icons/library_controls.png?1943ceeeecc3');
}
.scrobbles-layout .overlay-control-bar .control-close-button:before {
  width: 32px;
  height: 32px;
}
.scrobbles-layout .overlay-control-bar .control-close-button:before {
  top: 50%;
  margin-top: -16px;
}
.scrobbles-layout .overlay-control-bar .control-close-button:before {
  background-position: -38px -2px;
}
.scrobbles-layout .overlay-control-bar .control-close-button:before {
  background-image: url('/static/images/icons/library_controls.png?1943ceeeecc3');
}
.scrobbles-layout .overlay-control-bar .control-close-button:before {
  width: 32px;
  height: 32px;
}
.scrobbles-layout .overlay-control-bar .control-close-button:before {
  top: 50%;
  margin-top: -16px;
}
.scrobbles-layout .overlay-control-bar .control-close-button:before {
  background-position: -38px -2px;
}
.scrobbles-layout .overlay-control-bar .control-close-button:before {
  background-image: url('/static/images/icons/library_controls.png?1943ceeeecc3');
}
.scrobbles-layout .overlay-control-bar .control-close-button:before {
  left: 50%;
  margin-left: -12px;
}
.scrobbles-layout .overlay-control-bar .control-close-button.iconleft--big {
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 32px;
  height: 32px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  padding-left: 0;
}
.scrobbles-layout .overlay-control-bar .control-close-button.iconleft--big:before {
  left: 50%;
  margin-left: -16px;
}
.scrobbles-layout .overlay-control-bar .control-close-button:before {
  left: 50%;
  margin-left: -16px;
}
.scrobbles-layout .overlay-control-bar .overlay-control-bar-avatar,
.scrobbles-layout .overlay-control-bar .overlay-control-bar-title,
.scrobbles-layout .overlay-control-bar .overlay-control-bar-subtitle {
  margin-top: 0;
  margin-bottom: 0;
}
.scrobbles-layout .overlay-control-bar .overlay-control-bar-avatar {
  float: left;
  width: 32px;
  height: 32px;
}
.scrobbles-layout .overlay-control-bar .overlay-control-bar-title {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
  margin-top: 12px;
  margin-bottom: 12px;
  font-size: 18px;
  margin-top: 18px;
  margin-bottom: -6px;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 47px;
  line-height: 18px;
  margin-top: -2px;
}
.scrobbles-layout .overlay-control-bar .overlay-control-bar-title small,
.scrobbles-layout .overlay-control-bar .overlay-control-bar-title .small {
  font-weight: normal;
  line-height: 1;
  color: #999999;
}
.scrobbles-layout .overlay-control-bar .overlay-control-bar-title small,
.scrobbles-layout .overlay-control-bar .overlay-control-bar-title .small {
  font-size: 75%;
}
.scrobbles-layout .overlay-control-bar .overlay-control-bar-title:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .scrobbles-layout .overlay-control-bar .overlay-control-bar-title:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .scrobbles-layout .overlay-control-bar .overlay-control-bar-title {
    margin-top: 24px;
  }
}
.scrobbles-layout .overlay-control-bar .overlay-control-bar-subtitle {
  margin-left: 47px;
  line-height: 18px;
}
.scrobbles-layout .overlay-content {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  z-index: 0;
}
.scrobbles-layout .overlay-content .chartlist {
  padding-top: 12px;
}
.scrobbles-layout .overlay-side-rail {
  padding: 15px 15px 0;
}
.scrobbles-layout .overlay-control-bar.pinned {
  position: fixed;
  top: 0;
}
.scrobbles-layout .overlay-control-bar.pinned .control-close-button {
  position: fixed;
  top: 15px;
}
@media (min-width: 768px) {
  .scrobbles-layout {
    height: 100%;
  }
  .scrobbles-layout .overlay-main {
    height: 100%;
  }
  .scrobbles-layout .overlay-leaderboard {
    position: fixed;
    height: 106px;
    top: 50px;
  }
  .scrobbles-layout .overlay-leaderboard .leader_top > * > *,
  .scrobbles-layout .overlay-leaderboard .leader_bottom > * > *,
  .scrobbles-layout .overlay-leaderboard .mpu_top > * > *,
  .scrobbles-layout .overlay-leaderboard .mpu_bottom > * > *,
  .scrobbles-layout .overlay-leaderboard .mobile_pos_1 > * > *,
  .scrobbles-layout .overlay-leaderboard .mobile_pos_2 > * > *,
  .scrobbles-layout .overlay-leaderboard .mobile_pos_3 > * > *,
  .scrobbles-layout .overlay-leaderboard .mobile_pos_4 > * > * {
    margin-top: 0;
    margin-bottom: 0;
  }
  .scrobbles-layout .overlay-control-bar {
    position: fixed;
    top: 156px;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid #ebebeb;
    height: 61px;
  }
  .scrobbles-layout .overlay-control-bar .control-bar-wrapper {
    padding-top: 0;
    position: relative;
  }
  .scrobbles-layout .overlay-control-bar .control-close-button {
    top: 0;
    right: 0;
  }
  .scrobbles-layout .overlay-control-bar .overlay-control-bar-title,
  .scrobbles-layout .overlay-control-bar .overlay-control-bar-subtitle {
    font-size: 18px;
    line-height: 24px;
    display: inline-block;
    line-height: 30px;
  }
  .scrobbles-layout .overlay-control-bar .overlay-control-bar-title {
    margin-top: 0;
    margin-left: 15px;
  }
  .scrobbles-layout .overlay-control-bar .overlay-control-bar-subtitle {
    margin-left: 0;
  }
  .scrobbles-layout .overlay-content {
    margin-top: 217px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 24px;
    min-height: 100%;
  }
  .scrobbles-layout .overlay-content .chartlist {
    padding-top: 0;
  }
  .scrobbles-layout .overlay-side-rail {
    padding: 20px 20px 0;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .scrobbles-layout .overlay-leaderboard .leader_top > * > *,
  .scrobbles-layout .overlay-leaderboard .leader_bottom > * > *,
  .scrobbles-layout .overlay-leaderboard .mpu_top > * > *,
  .scrobbles-layout .overlay-leaderboard .mpu_bottom > * > *,
  .scrobbles-layout .overlay-leaderboard .mobile_pos_1 > * > *,
  .scrobbles-layout .overlay-leaderboard .mobile_pos_2 > * > *,
  .scrobbles-layout .overlay-leaderboard .mobile_pos_3 > * > *,
  .scrobbles-layout .overlay-leaderboard .mobile_pos_4 > * > * {
    margin-top: 0;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .scrobbles-layout .overlay-leaderboard .leader_top > * > *,
  .scrobbles-layout .overlay-leaderboard .leader_bottom > * > *,
  .scrobbles-layout .overlay-leaderboard .mpu_top > * > *,
  .scrobbles-layout .overlay-leaderboard .mpu_bottom > * > *,
  .scrobbles-layout .overlay-leaderboard .mobile_pos_1 > * > *,
  .scrobbles-layout .overlay-leaderboard .mobile_pos_2 > * > *,
  .scrobbles-layout .overlay-leaderboard .mobile_pos_3 > * > *,
  .scrobbles-layout .overlay-leaderboard .mobile_pos_4 > * > * {
    margin-bottom: 0;
  }
}
.scrobbles-layout .overlay-control-bar .selectboxit-btn {
  margin-top: -9px;
}
.scrobbles-layout .scrobbles-nav-bar {
  height: 50px;
  box-shadow: inset 0 -1px #ebebeb;
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav {
  display: block;
  text-align: center;
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav:before,
.scrobbles-layout .scrobbles-nav-bar .secondary-nav:after {
  content: " ";
  display: table;
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav:after {
  clear: both;
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav:before,
.scrobbles-layout .scrobbles-nav-bar .secondary-nav:after {
  content: " ";
  display: table;
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav:after {
  clear: both;
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav:after {
  content: "";
  display: table;
  clear: both;
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav:after {
  content: "";
  display: table;
  clear: both;
}
.scrobbles-layout .scrobbles-nav-bar ul {
  /* user-agent resets */
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: inline-block;
  width: 232px;
  height: 49px;
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item {
  float: left;
  padding: 0;
  height: 100%;
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item-link {
  opacity: 0.2;
  filter: alpha(opacity=20);
  margin-left: 18px;
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item-link.secondary-nav-item-link--active {
  opacity: 1;
  filter: alpha(opacity=100);
  border-bottom: 3px solid #bb0000;
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--overview .secondary-nav-item-link {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 32px;
  height: 32px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
  margin-left: 0;
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--overview .secondary-nav-item-link:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--overview .secondary-nav-item-link:before {
  background-position: -2px -38px;
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--overview .secondary-nav-item-link:before {
  background-image: url('/static/images/icons/library_nav.png?1943ceeeecc3');
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--overview .secondary-nav-item-link:before {
  width: 32px;
  height: 32px;
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--overview .secondary-nav-item-link.secondary-nav-item-link--active:before {
  background-position: -2px -2px;
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--overview .secondary-nav-item-link.secondary-nav-item-link--active:before {
  background-image: url('/static/images/icons/library_nav.png?1943ceeeecc3');
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--artists .secondary-nav-item-link {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 32px;
  height: 32px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--artists .secondary-nav-item-link:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--artists .secondary-nav-item-link:before {
  background-position: -38px -38px;
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--artists .secondary-nav-item-link:before {
  background-image: url('/static/images/icons/library_nav.png?1943ceeeecc3');
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--artists .secondary-nav-item-link:before {
  width: 32px;
  height: 32px;
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--artists .secondary-nav-item-link.secondary-nav-item-link--active:before {
  background-position: -38px -2px;
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--artists .secondary-nav-item-link.secondary-nav-item-link--active:before {
  background-image: url('/static/images/icons/library_nav.png?1943ceeeecc3');
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--albums .secondary-nav-item-link {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 32px;
  height: 32px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--albums .secondary-nav-item-link:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--albums .secondary-nav-item-link:before {
  background-position: -74px -38px;
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--albums .secondary-nav-item-link:before {
  background-image: url('/static/images/icons/library_nav.png?1943ceeeecc3');
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--albums .secondary-nav-item-link:before {
  width: 32px;
  height: 32px;
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--albums .secondary-nav-item-link.secondary-nav-item-link--active:before {
  background-position: -74px -2px;
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--albums .secondary-nav-item-link.secondary-nav-item-link--active:before {
  background-image: url('/static/images/icons/library_nav.png?1943ceeeecc3');
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--tracks .secondary-nav-item-link {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 32px;
  height: 32px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--tracks .secondary-nav-item-link:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--tracks .secondary-nav-item-link:before {
  background-position: -111px -38px;
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--tracks .secondary-nav-item-link:before {
  background-image: url('/static/images/icons/library_nav.png?1943ceeeecc3');
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--tracks .secondary-nav-item-link:before {
  width: 32px;
  height: 32px;
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--tracks .secondary-nav-item-link.secondary-nav-item-link--active:before {
  background-position: -111px -2px;
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--tracks .secondary-nav-item-link.secondary-nav-item-link--active:before {
  background-image: url('/static/images/icons/library_nav.png?1943ceeeecc3');
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--tags .secondary-nav-item-link {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 32px;
  height: 32px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--tags .secondary-nav-item-link:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--tags .secondary-nav-item-link:before {
  background-position: -147px -38px;
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--tags .secondary-nav-item-link:before {
  background-image: url('/static/images/icons/library_nav.png?1943ceeeecc3');
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--tags .secondary-nav-item-link:before {
  width: 32px;
  height: 32px;
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--tags .secondary-nav-item-link.secondary-nav-item-link--active:before {
  background-position: -147px -2px;
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--tags .secondary-nav-item-link.secondary-nav-item-link--active:before {
  background-image: url('/static/images/icons/library_nav.png?1943ceeeecc3');
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item .secondary-nav-item-link {
  height: 100%;
}
.scrobbles-layout .scrobbles-nav-bar .secondary-nav-item .secondary-nav-item-link:before {
  top: 3px;
}
.scrobbles-layout .overlay-control-bar.pinned + .scrobbles-nav-bar {
  margin-top: 60px;
}
.scrobbles-layout .overlay-control-bar.pinned + .scrobbles-nav-bar.pinned {
  position: fixed;
  margin-top: 0;
  top: 11px;
}
.scrobbles-layout .scrobbles-nav-bar.pinned + .overlay-main {
  margin-top: 111px;
}
.scrobbles-layout .overlay-content {
  padding-top: 18px;
  padding-bottom: 18px;
}
@media (min-width: 768px) {
  .scrobbles-layout .overlay-content {
    padding-top: 24px;
  }
}
@media (min-width: 768px) {
  .scrobbles-layout .overlay-content {
    padding-bottom: 24px;
  }
}
@media (min-width: 768px) {
  .scrobbles-layout .overlay-control-bar {
    padding-left: 90px;
  }
  .scrobbles-layout .overlay-control-bar .overlay-control-bar-subtitle {
    position: absolute;
    right: 47px;
    top: 0;
  }
  .scrobbles-layout .overlay-control-bar .selectboxit-btn {
    position: relative;
    text-align: right;
    padding-right: 32px;
  }
  .scrobbles-layout .overlay-control-bar .selectboxit-btn:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .scrobbles-layout .overlay-control-bar .selectboxit-btn:before {
    background-position: -2px -2px;
  }
  .scrobbles-layout .overlay-control-bar .selectboxit-btn:before {
    background-image: url('/static/images/icons/library_controls.png?1943ceeeecc3');
  }
  .scrobbles-layout .overlay-control-bar .selectboxit-btn:before {
    width: 32px;
    height: 32px;
  }
  .scrobbles-layout .overlay-control-bar .selectboxit-btn:before {
    top: 50%;
    margin-top: -16px;
  }
  .scrobbles-layout .overlay-control-bar .selectboxit-options {
    font-size: 14px;
    line-height: 24px;
  }
  .scrobbles-layout .scrobbles-nav-bar.fluid-container {
    height: 100%;
    position: fixed;
    width: 70px;
    left: 0;
    top: 156px;
    z-index: 2;
    background-color: #b90000;
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav {
    height: 100%;
    margin-top: 61px;
    background-color: #333333;
  }
  .scrobbles-layout .scrobbles-nav-bar ul {
    display: block;
    width: 70px;
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item {
    width: 100%;
    height: auto;
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item-link {
    opacity: 0.5;
    filter: alpha(opacity=50);
    margin: 0;
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item-link.secondary-nav-item-link--active {
    opacity: 1;
    filter: alpha(opacity=100);
    border-bottom: none;
    border-left: 5px solid #bb0000;
    background-color: #ffffff;
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item-link:focus,
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item-link:hover {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--overview .secondary-nav-item-link {
    position: relative;
    /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
    font: 0/0 a;
    text-shadow: none;
    /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
    color: transparent !important;
    vertical-align: top;
    /* Set the box size of the image's containing element
     */
    display: inline-block;
    width: 32px;
    height: 32px;
    /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
    min-width: 0;
    text-align: left;
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--overview .secondary-nav-item-link:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--overview .secondary-nav-item-link:before {
    background-position: -2px -74px;
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--overview .secondary-nav-item-link:before {
    background-image: url('/static/images/icons/library_nav.png?1943ceeeecc3');
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--overview .secondary-nav-item-link:before {
    width: 32px;
    height: 32px;
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--overview .secondary-nav-item-link:before {
    top: 50%;
    margin-top: -16px;
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--overview .secondary-nav-item-link:before {
    left: 50%;
    margin-left: -16px;
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--artists .secondary-nav-item-link {
    position: relative;
    /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
    font: 0/0 a;
    text-shadow: none;
    /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
    color: transparent !important;
    vertical-align: top;
    /* Set the box size of the image's containing element
     */
    display: inline-block;
    width: 32px;
    height: 32px;
    /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
    min-width: 0;
    text-align: left;
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--artists .secondary-nav-item-link:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--artists .secondary-nav-item-link:before {
    background-position: -38px -74px;
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--artists .secondary-nav-item-link:before {
    background-image: url('/static/images/icons/library_nav.png?1943ceeeecc3');
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--artists .secondary-nav-item-link:before {
    width: 32px;
    height: 32px;
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--artists .secondary-nav-item-link:before {
    top: 50%;
    margin-top: -16px;
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--artists .secondary-nav-item-link:before {
    left: 50%;
    margin-left: -16px;
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--albums .secondary-nav-item-link {
    position: relative;
    /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
    font: 0/0 a;
    text-shadow: none;
    /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
    color: transparent !important;
    vertical-align: top;
    /* Set the box size of the image's containing element
     */
    display: inline-block;
    width: 32px;
    height: 32px;
    /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
    min-width: 0;
    text-align: left;
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--albums .secondary-nav-item-link:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--albums .secondary-nav-item-link:before {
    background-position: -74px -74px;
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--albums .secondary-nav-item-link:before {
    background-image: url('/static/images/icons/library_nav.png?1943ceeeecc3');
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--albums .secondary-nav-item-link:before {
    width: 32px;
    height: 32px;
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--albums .secondary-nav-item-link:before {
    top: 50%;
    margin-top: -16px;
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--albums .secondary-nav-item-link:before {
    left: 50%;
    margin-left: -16px;
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--tracks .secondary-nav-item-link {
    position: relative;
    /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
    font: 0/0 a;
    text-shadow: none;
    /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
    color: transparent !important;
    vertical-align: top;
    /* Set the box size of the image's containing element
     */
    display: inline-block;
    width: 32px;
    height: 32px;
    /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
    min-width: 0;
    text-align: left;
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--tracks .secondary-nav-item-link:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--tracks .secondary-nav-item-link:before {
    background-position: -111px -74px;
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--tracks .secondary-nav-item-link:before {
    background-image: url('/static/images/icons/library_nav.png?1943ceeeecc3');
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--tracks .secondary-nav-item-link:before {
    width: 32px;
    height: 32px;
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--tracks .secondary-nav-item-link:before {
    top: 50%;
    margin-top: -16px;
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--tracks .secondary-nav-item-link:before {
    left: 50%;
    margin-left: -16px;
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--tags .secondary-nav-item-link {
    position: relative;
    /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
    font: 0/0 a;
    text-shadow: none;
    /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
    color: transparent !important;
    vertical-align: top;
    /* Set the box size of the image's containing element
     */
    display: inline-block;
    width: 32px;
    height: 32px;
    /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
    min-width: 0;
    text-align: left;
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--tags .secondary-nav-item-link:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--tags .secondary-nav-item-link:before {
    background-position: -147px -74px;
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--tags .secondary-nav-item-link:before {
    background-image: url('/static/images/icons/library_nav.png?1943ceeeecc3');
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--tags .secondary-nav-item-link:before {
    width: 32px;
    height: 32px;
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--tags .secondary-nav-item-link:before {
    top: 50%;
    margin-top: -16px;
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item--tags .secondary-nav-item-link:before {
    left: 50%;
    margin-left: -16px;
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item .secondary-nav-item-link {
    height: 60px;
    width: 100%;
  }
  .scrobbles-layout .scrobbles-nav-bar .secondary-nav-item .secondary-nav-item-link.secondary-nav-item-link--active:before {
    margin-left: -18.5px;
  }
  .scrobbles-layout .overlay-content,
  .scrobbles-layout .overlay-side-rail {
    margin-left: 70px;
  }
}
@media (min-width: 1110px) {
  .scrobbles-layout .overlay-control-bar {
    padding-right: 380px;
  }
  .scrobbles-layout .overlay-control-bar:after {
    content: "";
    position: absolute;
    width: 361px;
    height: 60px;
    right: 0;
    top: 0;
    border-left: 1px solid #ebebeb;
  }
  .scrobbles-layout .overlay-control-bar .control-close-button {
    right: -360px;
  }
  .scrobbles-layout .overlay-content {
    margin-right: 360px;
    border-right: 1px solid #ebebeb;
  }
  .scrobbles-layout .overlay-side-rail {
    background-color: #f9f9f9;
    width: 360px;
  }
  .scrobbles-layout .overlay-control-bar .overlay-control-bar-subtitle {
    right: 0;
  }
  .scrobbles-layout .overlay-side-rail {
    position: fixed;
    right: 0;
    top: 217px;
    height: 100%;
    margin-left: 0;
  }
}
@media (min-width: 1260px) {
  .scrobbles-layout .overlay-control-bar {
    padding-left: 30px;
    padding-right: 390px;
  }
  .scrobbles-layout .overlay-content {
    padding-left: 30px;
    padding-right: 30px;
  }
  .scrobbles-layout .overlay-control-bar {
    padding-left: 100px;
  }
}
.album-metadata .album-metadata-items {
  margin-left: -10px;
  margin-right: -10px;
  margin-left: -7.5px;
  margin-right: -7.5px;
  padding-left: 0;
}
@media (min-width: 768px) {
  .album-metadata .album-metadata-items {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (min-width: 1260px) {
  .album-metadata .album-metadata-items {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.album-metadata .metadata-item {
  position: relative;
  min-height: 1px;
  padding-left: 7.5px;
  padding-right: 7.5px;
  float: left;
  width: 100%;
  margin-top: 18px;
  list-style-type: none;
  width: 50%;
}
@media (min-width: 768px) {
  .album-metadata .metadata-item {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .album-metadata .metadata-item {
    float: left;
    width: 80px;
  }
}
@media (min-width: 1260px) {
  .album-metadata .metadata-item {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1260px) and (min-width: 1260px) {
  .album-metadata .metadata-item {
    float: left;
    width: 100px;
  }
}
.album-metadata .metadata-item:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .album-metadata .metadata-item:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .album-metadata .metadata-item {
    margin-top: 24px;
  }
}
.album-metadata .metadata-item:nth-child(-n + 2) {
  margin-top: 0;
}
@media (min-width: 768px) {
  .album-metadata .metadata-item:nth-child(-n + 2) {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .album-metadata .metadata-item {
    margin-top: 0;
    width: auto;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .album-metadata .metadata-item {
    margin-top: 0;
  }
}
.album-metadata .metacritic-link {
  position: relative;
  text-align: left;
  display: block;
  margin-top: 4px;
  color: #ffffff;
}
.album-metadata .metacritic-link:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.album-metadata .metacritic-link:after {
  background-position: 0 0;
}
.album-metadata .metacritic-link:after {
  background-image: url('/static/images/icons/metacritic_32.png?1943ceeeecc3');
}
.album-metadata .metacritic-link:after {
  width: 32px;
  height: 32px;
}
.album-metadata .metacritic-link:hover {
  text-decoration: none;
}
.album-metadata .metacritic-link:after {
  display: inline-block;
  position: static;
  vertical-align: bottom;
}
.album-metadata .metacritic-score {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
.album-metadata .metacritic-score.metacritic-score--low {
  background-color: #ff0000;
}
.album-metadata .metacritic-score.metacritic-score--med {
  background-color: #ffcc33;
}
.album-metadata .metacritic-score.metacritic-score--high {
  background-color: #66cc33;
}
.header .header-featured-track {
  display: none;
}
@media (min-width: 768px) {
  .header .header-info-primary {
    position: relative;
  }
  .header .header-info-primary--with-featured-track {
    padding-right: 320px;
  }
  .header .header-featured-track {
    display: block;
    position: absolute;
    bottom: 24px;
    right: 0;
  }
  .header .header-featured-track .featured-track-body {
    position: absolute;
    bottom: -3px;
    right: 75px;
    width: 225px;
    text-align: right;
  }
  .header .header-featured-track .featured-track-body .metadata-title {
    margin-top: 0;
    margin-bottom: 0;
  }
  .header .header-featured-track .featured-track-body .metadata-display {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    margin-top: 24px;
    margin-bottom: 12px;
    font-size: 24px;
    margin-top: 18px;
    margin-bottom: 0;
    margin-bottom: -6px;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    margin: 0;
  }
  .header .header-featured-track .featured-track-body .metadata-display small,
  .header .header-featured-track .featured-track-body .metadata-display .small {
    font-weight: normal;
    line-height: 1;
    color: #999999;
  }
  .header .header-featured-track .featured-track-body .metadata-display small,
  .header .header-featured-track .featured-track-body .metadata-display .small {
    font-size: 65%;
  }
  .header .header-featured-track .featured-track-body .metadata-display:first-child {
    margin-top: 0;
  }
  .header .header-featured-track .featured-track-body .metadata-display:hover,
  .header .header-featured-track .featured-track-body .metadata-display:focus {
    color: inherit;
  }
  .header .header-featured-track .featured-track-body .featured-track-subtitle {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    margin-top: 24px;
    margin-bottom: 12px;
    font-size: 24px;
    margin-top: 18px;
    margin-bottom: 0;
    margin-bottom: -6px;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    margin: 0;
    font-weight: normal;
  }
  .header .header-featured-track .featured-track-body .featured-track-subtitle small,
  .header .header-featured-track .featured-track-body .featured-track-subtitle .small {
    font-weight: normal;
    line-height: 1;
    color: #999999;
  }
  .header .header-featured-track .featured-track-body .featured-track-subtitle small,
  .header .header-featured-track .featured-track-body .featured-track-subtitle .small {
    font-size: 65%;
  }
  .header .header-featured-track .featured-track-body .featured-track-subtitle:first-child {
    margin-top: 0;
  }
  .header .header-featured-track .featured-track-body .featured-track-subtitle:hover,
  .header .header-featured-track .featured-track-body .featured-track-subtitle:focus {
    color: inherit;
  }
  .header .header-featured-track .featured-track-avatar {
    position: relative;
    width: 60px;
  }
  .header .header-featured-track .featured-track-avatar .cover-art {
    width: 100%;
  }
  .header .header-featured-track .featured-track-avatar .image-overlay-playlink-link {
    position: relative;
    /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
    font: 0/0 a;
    text-shadow: none;
    /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
    color: transparent !important;
    vertical-align: top;
    /* Set the box size of the image's containing element
     */
    display: inline-block;
    width: 48px;
    height: 48px;
    /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
    min-width: 0;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .header .header-featured-track .featured-track-avatar .image-overlay-playlink-link:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .header .header-featured-track .featured-track-avatar .image-overlay-playlink-link:before {
    background-position: 0 0;
  }
  .header .header-featured-track .featured-track-avatar .image-overlay-playlink-link:before {
    background-image: url('/static/images/icons/play_48.png?1943ceeeecc3');
  }
  .header .header-featured-track .featured-track-avatar .image-overlay-playlink-link:before {
    width: 48px;
    height: 48px;
  }
  .header .header-featured-track .featured-track-avatar .image-overlay-playlink-link:before {
    top: 50%;
    margin-top: -24px;
  }
  .header .header-featured-track .featured-track-avatar .image-overlay-playlink-link:before {
    left: 50%;
    margin-left: -24px;
  }
  .header .header-featured-track .featured-track-avatar .image-overlay-playlink-link:focus:before,
  .header .header-featured-track .featured-track-avatar .image-overlay-playlink-link:hover:before {
    background-position: 0 -48px;
  }
  .header .header-featured-track .featured-track-avatar .image-overlay-playlink-link:focus:before,
  .header .header-featured-track .featured-track-avatar .image-overlay-playlink-link:hover:before {
    background-image: url('/static/images/icons/play_48.png?1943ceeeecc3');
  }
  .header .header-featured-track .featured-track-listeners {
    margin: 0;
  }
}
@media (min-width: 768px) and (min-width: 1260px) {
  .header .header-info-primary--with-featured-track {
    padding-right: 400px;
  }
}
@media (min-width: 768px) and (min-width: 1260px) {
  .header .header-featured-track .featured-track-body {
    bottom: 0;
    right: 85px;
    width: 285px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .header .header-featured-track .featured-track-body .metadata-display:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .header .header-featured-track .featured-track-body .metadata-display {
    margin-top: 24px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .header .header-featured-track .featured-track-body .metadata-display {
    margin-top: 0;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .header .header-featured-track .featured-track-body .featured-track-subtitle:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .header .header-featured-track .featured-track-body .featured-track-subtitle {
    margin-top: 24px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .header .header-featured-track .featured-track-body .featured-track-subtitle {
    margin-top: 0;
  }
}
@media (min-width: 768px) and (min-width: 1260px) {
  .header .header-featured-track .featured-track-avatar {
    width: 70px;
  }
}
.header-tags {
  display: inline;
}
.header-tags-aux-text {
  padding-right: 5px;
}
.header-tags-add {
  position: relative;
  display: inline-block;
  padding-left: 22px;
}
.header-tags-add:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.header-tags-add:before {
  width: 16px;
  height: 16px;
}
.header-tags-add:before {
  top: 50%;
  margin-top: -8px;
}
.header-tags-add:before {
  background-position: 0px 0px;
}
.header-tags-add:before {
  background-image: url('/static/images/icons/tag_005399_16.png?1943ceeeecc3');
}
@media (min-width: 768px) {
  .header-tags {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .header-tags-add:before {
    background-position: 0px 0px;
  }
  .header-tags-add:before {
    background-image: url('/static/images/icons/tag_5cb4ff_16.png?1943ceeeecc3');
  }
}
.header .header-metadata-user-stats {
  margin-top: 6px;
}
.header .header-metadata-user-stats:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .header .header-metadata-user-stats:first-child {
    margin-top: 0;
  }
}
.header .header-metadata-user-stats p {
  margin-top: 0;
}
@media (min-width: 768px) {
  .header .header-metadata-user-stats p {
    margin-top: 0;
  }
}
.header .attendance-control {
  margin-top: 12px;
}
.header .attendance-control:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .header .attendance-control:first-child {
    margin-top: 0;
  }
}
.header .header-metadata-global-stats:before,
.header .header-metadata-global-stats:after {
  content: " ";
  display: table;
}
.header .header-metadata-global-stats:after {
  clear: both;
}
.header .header-metadata-global-stats:before,
.header .header-metadata-global-stats:after {
  content: " ";
  display: table;
}
.header .header-metadata-global-stats:after {
  clear: both;
}
.header .header-metadata-global-stats:after {
  content: "";
  display: table;
  clear: both;
}
.header .header-metadata-global-stats:after {
  content: "";
  display: table;
  clear: both;
}
.header .header-metadata-global-stats .metadata-display,
.header .header-metadata-global-stats .metadata-title {
  padding-right: 20px;
}
.header .header-metadata-global-stats table {
  position: relative;
  float: left;
}
.header .header-metadata-avatar {
  display: none;
}
.header .sparkline {
  width: 90px;
  float: left;
}
.header .sparkline-graph {
  height: 42px;
  width: 70px;
}
@media (min-width: 768px) {
  .header .header-metadata-global-stats,
  .header .header-metadata-user-stats,
  .header .attendance-control {
    margin-top: 0;
    float: left;
    padding-top: 18px;
  }
  .header * + .attendance-control {
    padding-left: 20px;
  }
  .header .header-metadata-user-stats {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    padding-left: 77px;
    padding-top: 24px;
    width: 447px;
  }
  .header .header-metadata-user-stats p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .header .header-metadata-user-stats--two-lines {
    padding-top: 12px;
  }
  .header .header-metadata-user-stats--two-lines .header-metadata-avatar {
    margin-top: 6px;
  }
  .header .header-metadata-avatar {
    display: block;
    float: left;
    margin-left: -57px;
    margin-top: -6px;
    border-radius: 50%;
    width: 42px;
  }
  .header .header-metadata-global-stats + .header-metadata-user-stats,
  .header .header-metadata-global-stats + .attendance-control {
    border-left: 1px solid #eaeaea;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .header .header-metadata-global-stats,
  .header .header-metadata-user-stats,
  .header .attendance-control {
    margin-top: 0;
  }
}
@media (min-width: 1260px) {
  .header .header-metadata-user-stats {
    width: 637px;
  }
}
.album-grid {
  list-style: none;
  /* 980 grid */
  /* 980 and above */
  /* 1230 grid */
}
.album-grid a {
  color: inherit;
}
.album-grid .album-grid-item {
  margin-top: 18px;
  vertical-align: top;
}
.album-grid .album-grid-item:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .album-grid .album-grid-item:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .album-grid .album-grid-item {
    margin-top: 24px;
  }
}
.album-grid .album-grid-album-art {
  width: 100%;
  display: block;
}
.album-grid .album-grid-item-main-text {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
  margin-top: 24px;
  margin-bottom: 12px;
  font-size: 24px;
  margin-top: 18px;
  margin-bottom: -6px;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 0;
}
.album-grid .album-grid-item-main-text small,
.album-grid .album-grid-item-main-text .small {
  font-weight: normal;
  line-height: 1;
  color: #999999;
}
.album-grid .album-grid-item-main-text small,
.album-grid .album-grid-item-main-text .small {
  font-size: 65%;
}
.album-grid .album-grid-item-main-text:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .album-grid .album-grid-item-main-text:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .album-grid .album-grid-item-main-text {
    margin-top: 24px;
  }
}
.album-grid .album-grid-item-aux-text {
  margin-top: 0;
  font-size: 12px;
  line-height: 18px;
  margin: 0;
}
@media (min-width: 768px) {
  .album-grid .album-grid-item-aux-text {
    margin-top: 0;
  }
}
.album-grid .album-grid-item-main-text,
.album-grid .album-grid-item-details {
  padding: 0 15px;
}
@media (min-width: 768px) and (max-width: 1260px) {
  .album-grid .album-grid-item {
    margin-right: 20px;
    max-width: 193px;
  }
  .album-grid .album-grid-item:nth-child(-n + 3) {
    margin-top: 0;
  }
  .album-grid .album-grid-album-art {
    width: 193px;
  }
  .album-grid .album-grid-item-main-text,
  .album-grid .album-grid-item-aux-text {
    width: 193px;
  }
}
@media (min-width: 768px) and (max-width: 1260px) and (min-width: 768px) {
  .album-grid .album-grid-item:nth-child(-n + 3) {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .album-grid .album-grid-item {
    display: inline-block;
    position: relative;
  }
  .album-grid .album-grid-item:hover .image-overlay-playlink-link,
  .album-grid .album-grid-item:focus .image-overlay-playlink-link {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .album-grid .album-grid-item .image-overlay-playlink-link {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  .album-grid .album-grid-item .image-overlay-playlink-link:hover,
  .album-grid .album-grid-item .image-overlay-playlink-link:focus {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .album-grid .album-grid-item .grid-items-item-playlink {
    position: relative;
    position: absolute;
    top: 48.5px;
    left: 48.5px;
    width: 96px;
    height: 96px;
  }
  .album-grid .album-grid-item .grid-items-item-playlink .cover-art {
    width: 100%;
  }
  .album-grid .album-grid-item .grid-items-item-playlink .image-overlay-playlink-link {
    position: relative;
    /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
    font: 0/0 a;
    text-shadow: none;
    /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
    color: transparent !important;
    vertical-align: top;
    /* Set the box size of the image's containing element
     */
    display: inline-block;
    width: 96px;
    height: 96px;
    /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
    min-width: 0;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .album-grid .album-grid-item .grid-items-item-playlink .image-overlay-playlink-link:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .album-grid .album-grid-item .grid-items-item-playlink .image-overlay-playlink-link:before {
    background-position: 0 0;
  }
  .album-grid .album-grid-item .grid-items-item-playlink .image-overlay-playlink-link:before {
    background-image: url('/static/images/icons/play_96.png?1943ceeeecc3');
  }
  .album-grid .album-grid-item .grid-items-item-playlink .image-overlay-playlink-link:before {
    width: 96px;
    height: 96px;
  }
  .album-grid .album-grid-item .grid-items-item-playlink .image-overlay-playlink-link:before {
    top: 50%;
    margin-top: -48px;
  }
  .album-grid .album-grid-item .grid-items-item-playlink .image-overlay-playlink-link:before {
    left: 50%;
    margin-left: -48px;
  }
  .album-grid .album-grid-item .grid-items-item-playlink .image-overlay-playlink-link:focus:before,
  .album-grid .album-grid-item .grid-items-item-playlink .image-overlay-playlink-link:hover:before {
    background-position: 0 -96px;
  }
  .album-grid .album-grid-item .grid-items-item-playlink .image-overlay-playlink-link:focus:before,
  .album-grid .album-grid-item .grid-items-item-playlink .image-overlay-playlink-link:hover:before {
    background-image: url('/static/images/icons/play_96.png?1943ceeeecc3');
  }
  .album-grid .album-grid-item:nth-of-type(3n) {
    margin-right: 0;
  }
  .album-grid .album-grid-item-main-text,
  .album-grid .album-grid-item-details {
    padding: 0;
  }
}
@media (min-width: 1260px) {
  .album-grid .album-grid-item {
    margin-right: 30px;
  }
  .album-grid .album-grid-item:nth-child(-n + 3) {
    margin-top: 0;
  }
  .album-grid .album-grid-item .grid-items-item-playlink {
    position: relative;
    position: absolute;
    top: 70px;
    left: 70px;
    width: 96px;
    height: 96px;
  }
  .album-grid .album-grid-item .grid-items-item-playlink .cover-art {
    width: 100%;
  }
  .album-grid .album-grid-item .grid-items-item-playlink .image-overlay-playlink-link {
    position: relative;
    /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
    font: 0/0 a;
    text-shadow: none;
    /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
    color: transparent !important;
    vertical-align: top;
    /* Set the box size of the image's containing element
     */
    display: inline-block;
    width: 96px;
    height: 96px;
    /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
    min-width: 0;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .album-grid .album-grid-item .grid-items-item-playlink .image-overlay-playlink-link:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .album-grid .album-grid-item .grid-items-item-playlink .image-overlay-playlink-link:before {
    background-position: 0 0;
  }
  .album-grid .album-grid-item .grid-items-item-playlink .image-overlay-playlink-link:before {
    background-image: url('/static/images/icons/play_96.png?1943ceeeecc3');
  }
  .album-grid .album-grid-item .grid-items-item-playlink .image-overlay-playlink-link:before {
    width: 96px;
    height: 96px;
  }
  .album-grid .album-grid-item .grid-items-item-playlink .image-overlay-playlink-link:before {
    top: 50%;
    margin-top: -48px;
  }
  .album-grid .album-grid-item .grid-items-item-playlink .image-overlay-playlink-link:before {
    left: 50%;
    margin-left: -48px;
  }
  .album-grid .album-grid-item .grid-items-item-playlink .image-overlay-playlink-link:focus:before,
  .album-grid .album-grid-item .grid-items-item-playlink .image-overlay-playlink-link:hover:before {
    background-position: 0 -96px;
  }
  .album-grid .album-grid-item .grid-items-item-playlink .image-overlay-playlink-link:focus:before,
  .album-grid .album-grid-item .grid-items-item-playlink .image-overlay-playlink-link:hover:before {
    background-image: url('/static/images/icons/play_96.png?1943ceeeecc3');
  }
  .album-grid .album-grid-album-art {
    width: 236px;
  }
  .album-grid .album-grid-item-main-text,
  .album-grid .album-grid-item-aux-text {
    width: 236px;
  }
}
@media (min-width: 1260px) and (min-width: 768px) {
  .album-grid .album-grid-item:nth-child(-n + 3) {
    margin-top: 0;
  }
}
/* ====================================================================================
   Galleries
   ==================================================================================== */
.gallery-layout {
  /* Pinning styles - these are set by the javascript when pinned to the viewport on scroll */
  /*  Intermediate View (desktop layout without columns)
    ==================================================================================== */
}
.gallery-layout:before {
  background: none;
}
.gallery-layout .main-content {
  margin-top: 0;
}
.gallery-layout .fluid-container {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  min-height: 0;
  padding: 0;
  background-color: #ffffff;
}
.gallery-layout .overlay-leaderboard {
  height: 80px;
  background-color: #000;
  color: #fff;
  z-index: 1;
}
.gallery-layout .overlay-control-bar {
  height: 60px;
  z-index: 1;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 15px;
  padding-right: 15px;
}
.gallery-layout .overlay-control-bar .control-bar-wrapper {
  padding-top: 2px;
}
.gallery-layout .overlay-control-bar .control-close-button {
  padding-top: 9px;
  padding-bottom: 9px;
  position: relative;
  padding-left: 38px;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  width: 24px;
  height: 24px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 32px;
  height: 32px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  padding-left: 0;
  position: absolute;
  z-index: 1;
  top: 95px;
  right: 15px;
}
.gallery-layout .overlay-control-bar .control-close-button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.gallery-layout .overlay-control-bar .control-close-button.iconleft--big {
  padding-left: 38px;
}
.gallery-layout .overlay-control-bar .control-close-button.iconleft--big:before {
  width: 32px;
  height: 32px;
}
.gallery-layout .overlay-control-bar .control-close-button.iconleft--big:before {
  top: 50%;
  margin-top: -16px;
}
.gallery-layout .overlay-control-bar .control-close-button.iconleft--big:before {
  background-position: -38px -2px;
}
.gallery-layout .overlay-control-bar .control-close-button.iconleft--big:before {
  background-image: url('/static/images/icons/library_controls.png?1943ceeeecc3');
}
.gallery-layout .overlay-control-bar .control-close-button:before {
  width: 32px;
  height: 32px;
}
.gallery-layout .overlay-control-bar .control-close-button:before {
  top: 50%;
  margin-top: -16px;
}
.gallery-layout .overlay-control-bar .control-close-button:before {
  background-position: -38px -2px;
}
.gallery-layout .overlay-control-bar .control-close-button:before {
  background-image: url('/static/images/icons/library_controls.png?1943ceeeecc3');
}
.gallery-layout .overlay-control-bar .control-close-button:before {
  width: 32px;
  height: 32px;
}
.gallery-layout .overlay-control-bar .control-close-button:before {
  top: 50%;
  margin-top: -16px;
}
.gallery-layout .overlay-control-bar .control-close-button:before {
  background-position: -38px -2px;
}
.gallery-layout .overlay-control-bar .control-close-button:before {
  background-image: url('/static/images/icons/library_controls.png?1943ceeeecc3');
}
.gallery-layout .overlay-control-bar .control-close-button:before {
  left: 50%;
  margin-left: -12px;
}
.gallery-layout .overlay-control-bar .control-close-button.iconleft--big {
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 32px;
  height: 32px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  padding-left: 0;
}
.gallery-layout .overlay-control-bar .control-close-button.iconleft--big:before {
  left: 50%;
  margin-left: -16px;
}
.gallery-layout .overlay-control-bar .control-close-button:before {
  left: 50%;
  margin-left: -16px;
}
.gallery-layout .overlay-control-bar .overlay-control-bar-avatar,
.gallery-layout .overlay-control-bar .overlay-control-bar-title,
.gallery-layout .overlay-control-bar .overlay-control-bar-subtitle {
  margin-top: 0;
  margin-bottom: 0;
}
.gallery-layout .overlay-control-bar .overlay-control-bar-avatar {
  float: left;
  width: 32px;
  height: 32px;
}
.gallery-layout .overlay-control-bar .overlay-control-bar-title {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
  margin-top: 12px;
  margin-bottom: 12px;
  font-size: 18px;
  margin-top: 18px;
  margin-bottom: -6px;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 47px;
  line-height: 18px;
  margin-top: -2px;
}
.gallery-layout .overlay-control-bar .overlay-control-bar-title small,
.gallery-layout .overlay-control-bar .overlay-control-bar-title .small {
  font-weight: normal;
  line-height: 1;
  color: #999999;
}
.gallery-layout .overlay-control-bar .overlay-control-bar-title small,
.gallery-layout .overlay-control-bar .overlay-control-bar-title .small {
  font-size: 75%;
}
.gallery-layout .overlay-control-bar .overlay-control-bar-title:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .gallery-layout .overlay-control-bar .overlay-control-bar-title:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .gallery-layout .overlay-control-bar .overlay-control-bar-title {
    margin-top: 24px;
  }
}
.gallery-layout .overlay-control-bar .overlay-control-bar-subtitle {
  margin-left: 47px;
  line-height: 18px;
}
.gallery-layout .overlay-content {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  z-index: 0;
}
.gallery-layout .overlay-content .chartlist {
  padding-top: 12px;
}
.gallery-layout .overlay-side-rail {
  padding: 15px 15px 0;
}
.gallery-layout .overlay-control-bar.pinned {
  position: fixed;
  top: 0;
}
.gallery-layout .overlay-control-bar.pinned .control-close-button {
  position: fixed;
  top: 15px;
}
@media (min-width: 768px) {
  .gallery-layout {
    height: 100%;
  }
  .gallery-layout .overlay-main {
    height: 100%;
  }
  .gallery-layout .overlay-leaderboard {
    position: fixed;
    height: 106px;
    top: 50px;
  }
  .gallery-layout .overlay-leaderboard .leader_top > * > *,
  .gallery-layout .overlay-leaderboard .leader_bottom > * > *,
  .gallery-layout .overlay-leaderboard .mpu_top > * > *,
  .gallery-layout .overlay-leaderboard .mpu_bottom > * > *,
  .gallery-layout .overlay-leaderboard .mobile_pos_1 > * > *,
  .gallery-layout .overlay-leaderboard .mobile_pos_2 > * > *,
  .gallery-layout .overlay-leaderboard .mobile_pos_3 > * > *,
  .gallery-layout .overlay-leaderboard .mobile_pos_4 > * > * {
    margin-top: 0;
    margin-bottom: 0;
  }
  .gallery-layout .overlay-control-bar {
    position: fixed;
    top: 156px;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid #ebebeb;
    height: 61px;
  }
  .gallery-layout .overlay-control-bar .control-bar-wrapper {
    padding-top: 0;
    position: relative;
  }
  .gallery-layout .overlay-control-bar .control-close-button {
    top: 0;
    right: 0;
  }
  .gallery-layout .overlay-control-bar .overlay-control-bar-title,
  .gallery-layout .overlay-control-bar .overlay-control-bar-subtitle {
    font-size: 18px;
    line-height: 24px;
    display: inline-block;
    line-height: 30px;
  }
  .gallery-layout .overlay-control-bar .overlay-control-bar-title {
    margin-top: 0;
    margin-left: 15px;
  }
  .gallery-layout .overlay-control-bar .overlay-control-bar-subtitle {
    margin-left: 0;
  }
  .gallery-layout .overlay-content {
    margin-top: 217px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 24px;
    min-height: 100%;
  }
  .gallery-layout .overlay-content .chartlist {
    padding-top: 0;
  }
  .gallery-layout .overlay-side-rail {
    padding: 20px 20px 0;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .gallery-layout .overlay-leaderboard .leader_top > * > *,
  .gallery-layout .overlay-leaderboard .leader_bottom > * > *,
  .gallery-layout .overlay-leaderboard .mpu_top > * > *,
  .gallery-layout .overlay-leaderboard .mpu_bottom > * > *,
  .gallery-layout .overlay-leaderboard .mobile_pos_1 > * > *,
  .gallery-layout .overlay-leaderboard .mobile_pos_2 > * > *,
  .gallery-layout .overlay-leaderboard .mobile_pos_3 > * > *,
  .gallery-layout .overlay-leaderboard .mobile_pos_4 > * > * {
    margin-top: 0;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .gallery-layout .overlay-leaderboard .leader_top > * > *,
  .gallery-layout .overlay-leaderboard .leader_bottom > * > *,
  .gallery-layout .overlay-leaderboard .mpu_top > * > *,
  .gallery-layout .overlay-leaderboard .mpu_bottom > * > *,
  .gallery-layout .overlay-leaderboard .mobile_pos_1 > * > *,
  .gallery-layout .overlay-leaderboard .mobile_pos_2 > * > *,
  .gallery-layout .overlay-leaderboard .mobile_pos_3 > * > *,
  .gallery-layout .overlay-leaderboard .mobile_pos_4 > * > * {
    margin-bottom: 0;
  }
}
.gallery-layout .overlay-control-bar {
  border-bottom: 1px solid #ebebeb;
  height: 61px;
}
.gallery-layout .overlay-control-bar .overlay-control-bar-subtitle {
  color: #666666;
}
.gallery-layout .overlay-control-bar.pinned + .overlay-main .overlay-content {
  margin-top: 61px;
}
.gallery-layout .overlay-content {
  padding-left: 0;
  padding-right: 0;
}
.gallery-layout .overlay-side-rail .gallery-image-title,
.gallery-layout .overlay-side-rail .gallery-image-description {
  font-size: 14px;
  line-height: 1.71428571;
}
.gallery-layout .overlay-side-rail .gallery-image-title {
  font-weight: bold;
  margin-bottom: 6px;
  margin-top: 0;
}
.gallery-layout .overlay-side-rail .gallery-image-title + .gallery-image-description {
  margin-top: -24px;
}
.gallery-layout .overlay-side-rail .gallery-image-uploaded-by {
  font-size: 12px;
  line-height: 18px;
  color: #666666;
}
.gallery-layout .overlay-side-rail .gallery-image-vote-down,
.gallery-layout .overlay-side-rail .gallery-image-vote-up {
  font-size: 24px;
  line-height: 30px;
  color: #222222;
  padding-left: 27px;
  text-decoration: none;
}
.gallery-layout .overlay-side-rail .gallery-image-vote-down:before,
.gallery-layout .overlay-side-rail .gallery-image-vote-up:before {
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.gallery-layout .overlay-side-rail .gallery-image-vote-up {
  position: relative;
  text-align: left;
  padding-right: 15px;
}
.gallery-layout .overlay-side-rail .gallery-image-vote-up:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.gallery-layout .overlay-side-rail .gallery-image-vote-up:before {
  background-position: -24px 0;
}
.gallery-layout .overlay-side-rail .gallery-image-vote-up:before {
  background-image: url('/static/images/icons/gallery_vote_thumbs.png?1943ceeeecc3');
}
.gallery-layout .overlay-side-rail .gallery-image-vote-up:before {
  width: 24px;
  height: 24px;
}
.gallery-layout .overlay-side-rail .gallery-image-vote-up:before {
  top: 50%;
  margin-top: -12px;
}
.gallery-layout .overlay-side-rail .gallery-image-vote-down {
  position: relative;
  text-align: left;
}
.gallery-layout .overlay-side-rail .gallery-image-vote-down:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.gallery-layout .overlay-side-rail .gallery-image-vote-down:before {
  background-position: 0 0;
}
.gallery-layout .overlay-side-rail .gallery-image-vote-down:before {
  background-image: url('/static/images/icons/gallery_vote_thumbs.png?1943ceeeecc3');
}
.gallery-layout .overlay-side-rail .gallery-image-vote-down:before {
  width: 24px;
  height: 24px;
}
.gallery-layout .overlay-side-rail .gallery-image-vote-down:before {
  top: 50%;
  margin-top: -12px;
}
@media (min-width: 768px) {
  .gallery-layout .overlay-content {
    padding-bottom: 0;
    padding-top: 0;
  }
  .gallery-layout .overlay-control-bar-subtitle:before {
    content: '\00B7';
    padding-right: 5px;
  }
}
@media (min-width: 1110px) {
  .gallery-layout {
    background-color: #f9f9f9;
  }
  .gallery-layout .overlay-control-bar {
    padding-right: 380px;
  }
  .gallery-layout .overlay-control-bar:after {
    content: "";
    position: absolute;
    width: 361px;
    height: 60px;
    right: 0;
    top: 0;
    border-left: 1px solid #ebebeb;
  }
  .gallery-layout .overlay-control-bar .control-close-button {
    right: -360px;
  }
  .gallery-layout .overlay-content {
    margin-right: 360px;
    border-right: 1px solid #ebebeb;
  }
  .gallery-layout .overlay-side-rail {
    background-color: #f9f9f9;
    width: 360px;
  }
  .gallery-layout .overlay-content {
    background: #ffffff;
    bottom: 0;
    left: 0;
    margin-right: 0;
    min-height: 0;
    padding-left: 15px;
    padding-right: 15px;
    position: fixed;
    right: 360px;
    top: 0;
  }
  .gallery-layout .overlay-side-rail {
    float: right;
    margin-top: 217px;
  }
}
@media (min-width: 1260px) {
  .gallery-layout .overlay-control-bar {
    padding-left: 30px;
    padding-right: 390px;
  }
  .gallery-layout .overlay-content {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.gallery-section {
  text-align: center;
}
.gallery-section .gallery-image-container {
  background: #f9f9f9;
  position: relative;
}
.gallery-section .gallery-image-container .gallery-image {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
.gallery-section .gallery-image-container .gallery-image img {
  max-width: 100%;
}
.gallery-section .gallery-image-container .gallery-previous .arrow {
  left: 15px;
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 32px;
  height: 32px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
}
.gallery-section .gallery-image-container .gallery-previous .arrow:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.gallery-section .gallery-image-container .gallery-previous .arrow:before {
  background-position: 0 0;
}
.gallery-section .gallery-image-container .gallery-previous .arrow:before {
  background-image: url('/static/images/icons/gallery_arrows.png?1943ceeeecc3');
}
.gallery-section .gallery-image-container .gallery-previous .arrow:before {
  width: 32px;
  height: 32px;
}
.gallery-section .gallery-image-container .gallery-previous .arrow:before {
  top: 50%;
  margin-top: -16px;
}
.gallery-section .gallery-image-container .gallery-previous .arrow:before {
  left: 50%;
  margin-left: -16px;
}
.gallery-section .gallery-image-container .gallery-previous .arrow:hover,
.gallery-section .gallery-image-container .gallery-previous .arrow:focus {
  background-color: rgba(0, 0, 0, 0.4);
}
.gallery-section .gallery-image-container .gallery-next {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.gallery-section .gallery-image-container .gallery-next:hover .arrow,
.gallery-section .gallery-image-container .gallery-next:focus .arrow {
  background-color: rgba(0, 0, 0, 0.4);
}
.gallery-section .gallery-image-container .gallery-next .arrow {
  right: 15px;
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 32px;
  height: 32px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
}
.gallery-section .gallery-image-container .gallery-next .arrow:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.gallery-section .gallery-image-container .gallery-next .arrow:before {
  background-position: -32px 0;
}
.gallery-section .gallery-image-container .gallery-next .arrow:before {
  background-image: url('/static/images/icons/gallery_arrows.png?1943ceeeecc3');
}
.gallery-section .gallery-image-container .gallery-next .arrow:before {
  width: 32px;
  height: 32px;
}
.gallery-section .gallery-image-container .gallery-next .arrow:before {
  top: 50%;
  margin-top: -16px;
}
.gallery-section .gallery-image-container .gallery-next .arrow:before {
  left: 50%;
  margin-left: -16px;
}
.gallery-section .gallery-image-container .gallery-previous .arrow,
.gallery-section .gallery-image-container .gallery-next .arrow {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  height: 64px;
  position: absolute;
  top: 15px;
  width: 64px;
}
.gallery-section .gallery-thumbnail-container {
  display: none;
}
@media (min-width: 768px) {
  .gallery-section .gallery-image-container {
    height: 500px;
  }
  .gallery-section .gallery-image-container .gallery-image {
    height: 100%;
  }
  .gallery-section .gallery-image-container .gallery-image img {
    opacity: 0;
    filter: alpha(opacity=0);
    height: 100%;
  }
  .gallery-section .gallery-image-container .gallery-previous .arrow,
  .gallery-section .gallery-image-container .gallery-next .arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media (min-width: 1110px) {
  .gallery-section {
    padding: 30px 15px 90px;
    height: 100%;
    width: 100%;
  }
  .gallery-section .gallery-image-container {
    background: #ffffff;
    height: 100%;
  }
  .gallery-section .gallery-image-container .gallery-image {
    position: absolute;
    height: 100%;
    width: 100%;
  }
  .gallery-section .gallery-image-container .gallery-image img {
    width: 100%;
  }
  .gallery-section .gallery-thumbnail-container {
    left: 0;
    bottom: 0;
    display: block;
    position: absolute;
    right: 0;
  }
  .gallery-section .gallery-thumbnail-container .gallery-thumbnails {
    margin-left: -5px;
    padding-left: 0;
    list-style: none;
    height: 60px;
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
  }
  .gallery-section .gallery-thumbnail-container .gallery-thumbnails > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
  }
  .gallery-section .gallery-thumbnail-container .gallery-thumbnails li {
    opacity: 0.5;
    filter: alpha(opacity=50);
    height: 60px;
    padding-left: 0;
    padding-right: 0;
    width: 60px;
  }
  .gallery-section .gallery-thumbnail-container .gallery-thumbnails li:hover,
  .gallery-section .gallery-thumbnail-container .gallery-thumbnails li:focus,
  .gallery-section .gallery-thumbnail-container .gallery-thumbnails li.selected {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
/* The image background-size will adjusted by javascript, if it's enabled */
@media (min-width: 768px) {
  .js .gallery-section .gallery-image-container .gallery-image {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  .js .gallery-section .gallery-image-container .gallery-image--auto {
    background-size: auto;
  }
  .js .gallery-section .gallery-image-container .gallery-image--visible {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
/*
 * Last.fm modifications:
 *
 * - Remove default theme section, leaving it as close to just funcational css
 *   without deeper changes
 * - Don't remove the outline on focus
 */

/*
 * jquery.selectBoxIt.css 3.8.0
 * Author: @gregfranko
 */

/*
  Common CSS Properties
  ---------------------
  These properties will be applied to any themes that you use
*/

/* SelectBoxIt container */
.selectboxit-container {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

/* Styles that apply to all SelectBoxIt elements */
.selectboxit-container * {
  font: 14px Helvetica, Arial;
  /* Prevents text selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  /*outline: none;*/
  white-space: nowrap;
}

/* Button */
.selectboxit-container .selectboxit {
  width: 220px; /* Width of the dropdown button */
  cursor: pointer;
  margin: 0;
  padding: 0;
  border-radius: 6px;
  overflow: hidden;
  display: block;
  position: relative;
}

/* Height and Vertical Alignment of Text */
.selectboxit-container span, .selectboxit-container .selectboxit-options a {
  height: 30px; /* Height of the drop down */
  line-height: 30px; /* Vertically positions the drop down text */
  display: block;
}

/* Focus pseudo selector */
/*
.selectboxit-container .selectboxit:focus {
  outline: 0;
}
*/

/* Disabled Mouse Interaction */
.selectboxit.selectboxit-disabled, .selectboxit-options .selectboxit-disabled {
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: default;
}

/* Button Text */
.selectboxit-text {
  text-indent: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}

.selectboxit .selectboxit-option-icon-container {
  margin-left: 5px;
}

/* Options List */
.selectboxit-container .selectboxit-options {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 100%;  /* Minimum Width of the dropdown list box options */
  *width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  cursor: pointer;
  display: none;
  z-index: 9999999999999;
  border-radius: 6px;
  text-align: left;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* Individual options */
 .selectboxit-option .selectboxit-option-anchor{
  padding: 0 2px;
}

/* Individual Option Hover Action */
.selectboxit-option .selectboxit-option-anchor:hover {
  text-decoration: none;
}

/* Individual Option Optgroup Header */
.selectboxit-option, .selectboxit-optgroup-header {
  text-indent: 5px; /* Horizontal Positioning of the select box option text */
  margin: 0;
  list-style-type: none;
}

/* The first Drop Down option */
.selectboxit-option-first {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}

/* The first Drop Down option optgroup */
.selectboxit-optgroup-header + .selectboxit-option-first {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

/* The last Drop Down option */
.selectboxit-option-last {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

/* Drop Down optgroup headers */
.selectboxit-optgroup-header {
  font-weight: bold;
}

/* Drop Down optgroup header hover psuedo class */
.selectboxit-optgroup-header:hover {
  cursor: default;
}

/* Drop Down down arrow container */
.selectboxit-arrow-container {
  /* Positions the down arrow */
  width: 30px;
  position: absolute;
  right: 0;
}

/* Drop Down down arrow */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
  /* Horizontally centers the down arrow */
  margin: 0 auto;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
}

/* Drop Down down arrow for jQueryUI and jQuery Mobile */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
  top: 30%;
}

/* Drop Down individual option icon positioning */
.selectboxit-option-icon-container {
  float: left;
}

.selectboxit-container .selectboxit-option-icon {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

/* Drop Down individual option icon positioning */
.selectboxit-option-icon-url {
  width: 18px;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  height: 100%;
  background-position: center;
  float: left;
}

.selectboxit-rendering {
  display: inline-block !important;
  *display: inline !important;
  zoom: 1 !important;
  visibility: visible !important;
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}

/* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon {
  background-color: inherit;
}

/* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.selectboxit-container span,
.selectboxit-container .selectboxit-options a {
  height: auto;
  line-height: inherit;
}
.selectboxit .selectboxit-arrow-container,
.selectboxit-container .selectboxit-option-icon-container {
  display: none;
}
.selectboxit-text {
  text-indent: 0;
}
.selectboxit-container * {
  font: inherit;
}
.selectboxit-option,
.selectboxit-optgroup-header {
  text-indent: 0;
}
.selectboxit-option .selectboxit-option-anchor {
  padding: 0;
}
.selectboxit-container .selectboxit-options {
  z-index: 5000000;
}
.selectboxit-container .selectboxit {
  width: auto;
}
.selectboxit-text {
  max-width: 100% !important;
}
select.selectbox.remove-outline + .selectbox .selectboxit-btn {
  outline: none;
}
.selectbox.noscript-hide {
  display: none;
}
.selectbox.selectboxit-container.noscript-hide {
  display: inline-block;
}
.selectbox .selectboxit-btn {
  display: inline-block;
  padding-top: 9px;
  padding-bottom: 9px;
  color: #666666;
  display: block;
  text-decoration: none;
}
.selectbox .selectboxit-btn .selectboxit-text:before {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.selectbox .selectboxit-btn:hover,
.selectbox .selectboxit-btn:focus {
  color: #222222;
}
.selectbox .selectboxit-btn:hover .selectboxit-text:before,
.selectbox .selectboxit-btn:focus .selectboxit-text:before {
  opacity: 1;
  filter: alpha(opacity=100);
}
.selectbox .selectboxit-text {
  position: relative;
  text-align: right;
  padding-right: 22px;
}
.selectbox .selectboxit-text:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.selectbox .selectboxit-text:before {
  background-position: 0 -16px;
}
.selectbox .selectboxit-text:before {
  background-image: url('/static/images/icons/dropdown_arrow_16.png?1943ceeeecc3');
}
.selectbox .selectboxit-text:before {
  width: 16px;
  height: 16px;
}
.selectbox .selectboxit-text:before {
  top: 50%;
  margin-top: -8px;
}
.selectbox .selectboxit-text:before {
  margin-top: -7px;
}
.selectbox .selectboxit-text.dropdown--open:before {
  background-position: 0 0;
}
.selectbox .selectboxit-text.dropdown--open:before {
  background-image: url('/static/images/icons/dropdown_arrow_16.png?1943ceeeecc3');
}
.selectbox .selectboxit-open .selectboxit-text:before {
  background-position: 0 0;
}
.selectbox .selectboxit-open .selectboxit-text:before {
  background-image: url('/static/images/icons/dropdown_arrow_16.png?1943ceeeecc3');
}
.selectbox .selectboxit-options {
  padding: 6px 0;
  border-radius: 5px;
  border: #aaaaaa 1px solid;
  background: #ffffff;
}
.selectbox .selectboxit-option-anchor {
  display: block;
  padding: 6px 15px;
  color: #b90000;
}
.selectbox .selectboxit-option-anchor:hover,
.selectbox .selectboxit-option-anchor:focus {
  background: #f9f9f9;
  text-decoration: none;
  color: #b90000;
}
.selectbox .selectboxit-focus .selectboxit-option-anchor {
  background: #f9f9f9;
}
.selectbox .selectboxit-selected .selectboxit-option-anchor {
  color: #222222;
}
.selectbox.selectbox--remove-focus .selectboxit-btn {
  color: #666666;
}
.selectbox.selectbox--remove-focus .selectboxit-btn .selectboxit-text:before {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.selectbox.selectbox--remove-focus .selectboxit-btn:hover,
.selectbox.selectbox--remove-focus .selectboxit-btn.selectboxit-open {
  color: #222222;
}
.selectbox.selectbox--remove-focus .selectboxit-btn:hover .selectboxit-text:before,
.selectbox.selectbox--remove-focus .selectboxit-btn.selectboxit-open .selectboxit-text:before {
  opacity: 1;
  filter: alpha(opacity=100);
}
.selectbox.selectbox--remove-option-focus .selectboxit-option-anchor {
  background: none;
}
.selectbox.selectbox--brand-red .selectboxit-btn {
  color: #b90000;
}
.selectbox.selectbox--brand-red .selectboxit-btn .selectboxit-text {
  text-decoration: none;
}
.selectbox.selectbox--brand-red .selectboxit-btn .selectboxit-text:before {
  opacity: 1;
  filter: alpha(opacity=100);
}
.selectbox.selectbox--brand-red .selectboxit-btn:hover,
.selectbox.selectbox--brand-red .selectboxit-btn:focus {
  color: #b90000;
}
.selectbox.selectbox--brand-red .selectboxit-btn:hover .selectboxit-text,
.selectbox.selectbox--brand-red .selectboxit-btn:focus .selectboxit-text {
  text-decoration: underline;
}
.selectbox.selectbox--brand-red .selectboxit-text {
  position: relative;
  text-align: right;
  padding-right: 22px;
}
.selectbox.selectbox--brand-red .selectboxit-text:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.selectbox.selectbox--brand-red .selectboxit-text:before {
  background-position: 0 -16px;
}
.selectbox.selectbox--brand-red .selectboxit-text:before {
  background-image: url('/static/images/icons/dropdown_arrow_b90000.png?1943ceeeecc3');
}
.selectbox.selectbox--brand-red .selectboxit-text:before {
  width: 16px;
  height: 16px;
}
.selectbox.selectbox--brand-red .selectboxit-text:before {
  top: 50%;
  margin-top: -8px;
}
.selectbox.selectbox--brand-red .selectboxit-text:before {
  margin-top: -7px;
}
.selectbox.selectbox--brand-red .selectboxit-text.dropdown--open:before {
  background-position: 0 0;
}
.selectbox.selectbox--brand-red .selectboxit-text.dropdown--open:before {
  background-image: url('/static/images/icons/dropdown_arrow_b90000.png?1943ceeeecc3');
}
.selectbox.selectbox--brand-red .selectboxit-open .selectboxit-text:before {
  background-position: 0 0;
}
.selectbox.selectbox--brand-red .selectboxit-open .selectboxit-text:before {
  background-image: url('/static/images/icons/dropdown_arrow_b90000.png?1943ceeeecc3');
}
.selectbox.selectbox--brand-red.selectbox--remove-focus .selectboxit-btn {
  color: #b90000;
}
.selectbox.selectbox--brand-red.selectbox--remove-focus .selectboxit-btn .selectboxit-text {
  text-decoration: none;
}
.selectbox.selectbox--brand-red.selectbox--remove-focus .selectboxit-btn .selectboxit-text:before {
  opacity: 1;
  filter: alpha(opacity=100);
}
.selectbox.selectbox--brand-red.selectbox--remove-focus .selectboxit-btn:hover,
.selectbox.selectbox--brand-red.selectbox--remove-focus .selectboxit-btn.selectboxit-open {
  color: #b90000;
}
.selectbox.selectbox--brand-red.selectbox--remove-focus .selectboxit-btn:hover .selectboxit-text,
.selectbox.selectbox--brand-red.selectbox--remove-focus .selectboxit-btn.selectboxit-open .selectboxit-text {
  text-decoration: underline;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
  border-radius: 5px;
  font-size: 10px;
  height: 20px;
  font-weight: normal;
  background-color: #b90000;
  text-transform: uppercase;
}
a.label:hover,
a.label:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label:empty {
  display: none;
}
.user-status-staff {
  background-color: #b90000;
}
.user-status-staff:after {
  background-color: #b90000;
}
.user-status-alum {
  background-color: #6633cc;
}
.user-status-alum:after {
  background-color: #6633cc;
}
.user-status-mod {
  background-color: #f7941d;
}
.user-status-mod:after {
  background-color: #f7941d;
}
.user-status-subscriber {
  background-color: #222222;
}
.user-status-subscriber:after {
  background-color: #222222;
}
.user-follow {
  background-color: rgba(0, 0, 0, 0.1);
  color: #666666;
}
.user-follow:after {
  background-color: rgba(0, 0, 0, 0.1);
}
.user-follow.label:hover {
  color: #666666;
}
.user-status-dot {
  background-color: transparent;
  position: relative;
  display: inline-block;
}
.user-status-dot:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  height: 6px;
  width: 6px;
  border-radius: 6px;
}
.content-form fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
.content-form legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 24px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
.content-form label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
.content-form input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.content-form input[type="radio"],
.content-form input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
.content-form input[type="file"] {
  display: block;
}
.content-form input[type="range"] {
  display: block;
  width: 100%;
}
.content-form select[multiple],
.content-form select[size] {
  height: auto;
}
.content-form input[type="file"]:focus,
.content-form input[type="radio"]:focus,
.content-form input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.content-form output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.71428571;
  color: #222222;
}
.content-form .form-control,
.content-form input[type=text],
.content-form input[type=password],
.content-form input[type=email],
.content-form input[type=url],
.content-form textarea,
.content-form select {
  display: block;
  width: 100%;
  height: 42px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.71428571;
  color: #222222;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.content-form .form-control:focus,
.content-form input[type=text]:focus,
.content-form input[type=password]:focus,
.content-form input[type=email]:focus,
.content-form input[type=url]:focus,
.content-form textarea:focus,
.content-form select:focus {
  border-color: #cccccc;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204, 204, 204, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204, 204, 204, 0.6);
}
.content-form .form-control::-moz-placeholder,
.content-form input[type=text]::-moz-placeholder,
.content-form input[type=password]::-moz-placeholder,
.content-form input[type=email]::-moz-placeholder,
.content-form input[type=url]::-moz-placeholder,
.content-form textarea::-moz-placeholder,
.content-form select::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.content-form .form-control:-ms-input-placeholder,
.content-form input[type=text]:-ms-input-placeholder,
.content-form input[type=password]:-ms-input-placeholder,
.content-form input[type=email]:-ms-input-placeholder,
.content-form input[type=url]:-ms-input-placeholder,
.content-form textarea:-ms-input-placeholder,
.content-form select:-ms-input-placeholder {
  color: #999999;
}
.content-form .form-control::-webkit-input-placeholder,
.content-form input[type=text]::-webkit-input-placeholder,
.content-form input[type=password]::-webkit-input-placeholder,
.content-form input[type=email]::-webkit-input-placeholder,
.content-form input[type=url]::-webkit-input-placeholder,
.content-form textarea::-webkit-input-placeholder,
.content-form select::-webkit-input-placeholder {
  color: #999999;
}
.content-form .form-control[disabled],
.content-form .form-control[readonly],
fieldset[disabled] .content-form .form-control,
.content-form input[type=text][disabled],
.content-form input[type=text][readonly],
fieldset[disabled] .content-form input[type=text],
.content-form input[type=password][disabled],
.content-form input[type=password][readonly],
fieldset[disabled] .content-form input[type=password],
.content-form input[type=email][disabled],
.content-form input[type=email][readonly],
fieldset[disabled] .content-form input[type=email],
.content-form input[type=url][disabled],
.content-form input[type=url][readonly],
fieldset[disabled] .content-form input[type=url],
.content-form textarea[disabled],
.content-form textarea[readonly],
fieldset[disabled] .content-form textarea,
.content-form select[disabled],
.content-form select[readonly],
fieldset[disabled] .content-form select {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}
textarea.content-form .form-control,
textarea.content-form input[type=text],
textarea.content-form input[type=password],
textarea.content-form input[type=email],
textarea.content-form input[type=url],
textarea.content-form textarea,
textarea.content-form select {
  height: auto;
}
.content-form input[type="search"] {
  -webkit-appearance: none;
}
.content-form input[type="date"],
.content-form input[type="time"],
.content-form input[type="datetime-local"],
.content-form input[type="month"] {
  line-height: 42px;
  line-height: 1.71428571 \0;
}
.content-form input[type="date"].input-sm,
.content-form input[type="time"].input-sm,
.content-form input[type="datetime-local"].input-sm,
.content-form input[type="month"].input-sm {
  line-height: 30px;
}
.content-form input[type="date"].input-lg,
.content-form input[type="time"].input-lg,
.content-form input[type="datetime-local"].input-lg,
.content-form input[type="month"].input-lg {
  line-height: 46px;
}
.content-form .form-group {
  margin-bottom: 15px;
}
.content-form .radio,
.content-form .checkbox,
.content-form .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li,
.content-form .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li {
  display: block;
  min-height: 24px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.content-form .radio label,
.content-form .checkbox label,
.content-form .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li label,
.content-form .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li label {
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.content-form .radio input[type="radio"],
.content-form .radio-inline input[type="radio"],
.content-form .checkbox input[type="checkbox"],
.content-form .checkbox-inline input[type="checkbox"],
.content-form .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li input[type="radio"],
.content-form .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}
.content-form .radio + .radio,
.content-form .checkbox + .checkbox,
.content-form .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li + .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li,
.content-form .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li + .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li {
  margin-top: -5px;
}
.content-form .radio-inline,
.content-form .checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.content-form .radio-inline + .radio-inline,
.content-form .checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
.content-form input[type="radio"][disabled],
.content-form input[type="checkbox"][disabled],
.content-form .radio[disabled],
.content-form .radio-inline[disabled],
.content-form .checkbox[disabled],
.content-form .checkbox-inline[disabled],
fieldset[disabled] .content-form input[type="radio"],
fieldset[disabled] .content-form input[type="checkbox"],
fieldset[disabled] .content-form .radio,
fieldset[disabled] .content-form .radio-inline,
fieldset[disabled] .content-form .checkbox,
fieldset[disabled] .content-form .checkbox-inline,
.content-form .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li[disabled],
fieldset[disabled] .content-form .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li,
.content-form .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li[disabled],
fieldset[disabled] .content-form .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li {
  cursor: not-allowed;
}
.content-form .input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.content-form .input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.content-form .input-sm,
select[multiple].content-form .input-sm {
  height: auto;
}
.content-form .input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
select.content-form .input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.content-form .input-lg,
select[multiple].content-form .input-lg {
  height: auto;
}
.content-form .has-feedback {
  position: relative;
}
.content-form .has-feedback .form-control,
.content-form .has-feedback input[type=text],
.content-form .has-feedback input[type=password],
.content-form .has-feedback input[type=email],
.content-form .has-feedback input[type=url],
.content-form .has-feedback textarea,
.content-form .has-feedback select {
  padding-right: 52.5px;
}
.content-form .form-control-feedback {
  position: absolute;
  top: 29px;
  right: 0;
  z-index: 2;
  display: block;
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
}
.content-form .input-lg + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.content-form .input-sm + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.content-form .has-success .help-block,
.content-form .has-success .control-label,
.content-form .has-success .radio,
.content-form .has-success .checkbox,
.content-form .has-success .radio-inline,
.content-form .has-success .checkbox-inline,
.content-form .has-success .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li,
.content-form .has-success .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li {
  color: #008947;
}
.content-form .has-success .form-control,
.content-form .has-success input[type=text],
.content-form .has-success input[type=password],
.content-form .has-success input[type=email],
.content-form .has-success input[type=url],
.content-form .has-success textarea,
.content-form .has-success select {
  border-color: #008947;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.content-form .has-success .form-control:focus,
.content-form .has-success input[type=text]:focus,
.content-form .has-success input[type=password]:focus,
.content-form .has-success input[type=email]:focus,
.content-form .has-success input[type=url]:focus,
.content-form .has-success textarea:focus,
.content-form .has-success select:focus {
  border-color: #00562d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #00ef7c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #00ef7c;
}
.content-form .has-success .input-group-addon {
  color: #008947;
  border-color: #008947;
  background-color: #dff0d8;
}
.content-form .has-success .form-control-feedback {
  color: #008947;
}
.content-form .has-warning .help-block,
.content-form .has-warning .control-label,
.content-form .has-warning .radio,
.content-form .has-warning .checkbox,
.content-form .has-warning .radio-inline,
.content-form .has-warning .checkbox-inline,
.content-form .has-warning .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li,
.content-form .has-warning .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li {
  color: #cc7d00;
}
.content-form .has-warning .form-control,
.content-form .has-warning input[type=text],
.content-form .has-warning input[type=password],
.content-form .has-warning input[type=email],
.content-form .has-warning input[type=url],
.content-form .has-warning textarea,
.content-form .has-warning select {
  border-color: #cc7d00;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.content-form .has-warning .form-control:focus,
.content-form .has-warning input[type=text]:focus,
.content-form .has-warning input[type=password]:focus,
.content-form .has-warning input[type=email]:focus,
.content-form .has-warning input[type=url]:focus,
.content-form .has-warning textarea:focus,
.content-form .has-warning select:focus {
  border-color: #995e00;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffb033;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffb033;
}
.content-form .has-warning .input-group-addon {
  color: #cc7d00;
  border-color: #cc7d00;
  background-color: #fcf8e3;
}
.content-form .has-warning .form-control-feedback {
  color: #cc7d00;
}
.content-form .has-error .help-block,
.content-form .has-error .control-label,
.content-form .has-error .radio,
.content-form .has-error .checkbox,
.content-form .has-error .radio-inline,
.content-form .has-error .checkbox-inline,
.content-form .has-error .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li,
.content-form .has-error .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li {
  color: #b90000;
}
.content-form .has-error .form-control,
.content-form .has-error input[type=text],
.content-form .has-error input[type=password],
.content-form .has-error input[type=email],
.content-form .has-error input[type=url],
.content-form .has-error textarea,
.content-form .has-error select {
  border-color: #b90000;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.content-form .has-error .form-control:focus,
.content-form .has-error input[type=text]:focus,
.content-form .has-error input[type=password]:focus,
.content-form .has-error input[type=email]:focus,
.content-form .has-error input[type=url]:focus,
.content-form .has-error textarea:focus,
.content-form .has-error select:focus {
  border-color: #860000;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff2020;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff2020;
}
.content-form .has-error .input-group-addon {
  color: #b90000;
  border-color: #b90000;
  background-color: #f2dede;
}
.content-form .has-error .form-control-feedback {
  color: #b90000;
}
.content-form .has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.content-form .form-control-static {
  margin-bottom: 0;
}
.content-form .help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #626262;
}
@media (min-width: 768px) {
  .content-form .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .content-form .form-inline .form-control,
  .content-form .form-inline input[type=text],
  .content-form .form-inline input[type=password],
  .content-form .form-inline input[type=email],
  .content-form .form-inline input[type=url],
  .content-form .form-inline textarea,
  .content-form .form-inline select {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .content-form .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .content-form .form-inline .input-group .input-group-addon,
  .content-form .form-inline .input-group .input-group-btn,
  .content-form .form-inline .input-group .form-control,
  .content-form .form-inline .input-group input[type=text],
  .content-form .form-inline .input-group input[type=password],
  .content-form .form-inline .input-group input[type=email],
  .content-form .form-inline .input-group input[type=url],
  .content-form .form-inline .input-group textarea,
  .content-form .form-inline .input-group select {
    width: auto;
  }
  .content-form .form-inline .input-group > .form-control,
  .content-form .form-inline .input-group > input[type=text],
  .content-form .form-inline .input-group > input[type=password],
  .content-form .form-inline .input-group > input[type=email],
  .content-form .form-inline .input-group > input[type=url],
  .content-form .form-inline .input-group > textarea,
  .content-form .form-inline .input-group > select {
    width: 100%;
  }
  .content-form .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .content-form .form-inline .radio,
  .content-form .form-inline .checkbox,
  .content-form .form-inline .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li,
  .content-form .form-inline .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .content-form .form-inline .radio label,
  .content-form .form-inline .checkbox label,
  .content-form .form-inline .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li label,
  .content-form .form-inline .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li label {
    padding-left: 0;
  }
  .content-form .form-inline .radio input[type="radio"],
  .content-form .form-inline .checkbox input[type="checkbox"],
  .content-form .form-inline .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li input[type="radio"],
  .content-form .form-inline .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }
  .content-form .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.content-form .form-horizontal .radio,
.content-form .form-horizontal .checkbox,
.content-form .form-horizontal .radio-inline,
.content-form .form-horizontal .checkbox-inline,
.content-form .form-horizontal .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li,
.content-form .form-horizontal .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.content-form .form-horizontal .radio,
.content-form .form-horizontal .checkbox,
.content-form .form-horizontal .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li,
.content-form .form-horizontal .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li {
  min-height: 31px;
}
.content-form .form-horizontal .form-group {
  margin-left: -10px;
  margin-right: -10px;
}
.content-form .form-horizontal .form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
}
@media (min-width: 768px) {
  .content-form .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.content-form .form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 10px;
}
/* ==========================================================================
   Extending already namespaced Bootstrap form styles
   ========================================================================== */
/* ==========================================================================
   Custom form styles under namespace
   ========================================================================== */
.content-form {
  margin-top: 18px;
}
.content-form:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .content-form:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .content-form {
    margin-top: 24px;
  }
}
.content-form form {
  margin-top: 18px;
}
.content-form form:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .content-form form:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .content-form form {
    margin-top: 24px;
  }
}
.content-form textarea {
  height: auto;
  resize: vertical;
}
.content-form textarea.textarea--s {
  height: 126px;
}
.content-form label {
  margin-bottom: 0;
}
.content-form .control-label {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
  margin-top: 12px;
  margin-bottom: 12px;
  font-size: 18px;
  margin-top: 18px;
  margin-bottom: 0;
  margin-bottom: -6px;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
  display: block;
}
.content-form .control-label small,
.content-form .control-label .small {
  font-weight: normal;
  line-height: 1;
  color: #999999;
}
.content-form .control-label small,
.content-form .control-label .small {
  font-size: 75%;
}
.content-form .control-label:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .content-form .control-label:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .content-form .control-label {
    margin-top: 24px;
  }
}
.content-form .form-group-controls {
  margin-top: 18px;
}
.content-form .form-group-controls:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .content-form .form-group-controls:first-child {
    margin-top: 0;
  }
}
.content-form .form-group-controls:before,
.content-form .form-group-controls:after {
  content: " ";
  display: table;
}
.content-form .form-group-controls:after {
  clear: both;
}
.content-form .form-group-controls:before,
.content-form .form-group-controls:after {
  content: " ";
  display: table;
}
.content-form .form-group-controls:after {
  clear: both;
}
.content-form .form-group-controls:after {
  content: "";
  display: table;
  clear: both;
}
.content-form .form-group-controls:after {
  content: "";
  display: table;
  clear: both;
}
.content-form .checkbox input,
.content-form .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li input {
  margin-top: 6px;
}
.content-form .form-submit *:not([type="hidden"]) + *:not([type="hidden"]) {
  margin-left: 15px;
}
.content-form .form-horizontal .control-label {
  position: relative;
  min-height: 1px;
  padding-left: 7.5px;
  padding-right: 7.5px;
  float: left;
  width: 100%;
}
@media (min-width: 768px) {
  .content-form .form-horizontal .control-label {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .content-form .form-horizontal .control-label {
    float: left;
    width: 160px;
  }
}
@media (min-width: 1260px) {
  .content-form .form-horizontal .control-label {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1260px) and (min-width: 1260px) {
  .content-form .form-horizontal .control-label {
    float: left;
    width: 200px;
  }
}
.content-form .form-horizontal .form-group-context {
  margin-bottom: 24px;
}
.content-form .form-horizontal .form-group-controls {
  position: relative;
  min-height: 1px;
  padding-left: 7.5px;
  padding-right: 7.5px;
  float: left;
  width: 100%;
}
@media (min-width: 768px) and (min-width: 768px) {
  .content-form .form-horizontal .form-group-controls {
    margin-left: 160px;
  }
}
@media (min-width: 1260px) and (min-width: 1260px) {
  .content-form .form-horizontal .form-group-controls {
    margin-left: 200px;
  }
}
@media (min-width: 768px) {
  .content-form .form-horizontal .form-group-controls {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .content-form .form-horizontal .form-group-controls {
    float: left;
    width: 400px;
  }
}
@media (min-width: 1260px) {
  .content-form .form-horizontal .form-group-controls {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1260px) and (min-width: 1260px) {
  .content-form .form-horizontal .form-group-controls {
    float: left;
    width: 500px;
  }
}
.content-form .form-horizontal .control-label + .form-group-controls {
  margin-left: 0;
}
.content-form .form-horizontal .form-group {
  margin-left: -7.5px;
  margin-right: -7.5px;
}
.content-form .form-horizontal .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li,
.content-form .form-horizontal .form-group .checkbox,
.content-form .form-horizontal .form-group .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li {
  margin-top: 6px;
  min-height: 0;
  margin-bottom: 0;
  padding: 0;
}
.content-form .form-horizontal .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li:first-child,
.content-form .form-horizontal .form-group .checkbox:first-child,
.content-form .form-horizontal .form-group .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .content-form .form-horizontal .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li:first-child,
  .content-form .form-horizontal .form-group .checkbox:first-child,
  .content-form .form-horizontal .form-group .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .content-form .form-horizontal .form-group {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (min-width: 992px) {
  .content-form .form-horizontal .form-group {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (min-width: 1260px) {
  .content-form .form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (min-width: 768px) {
  .content-form .form-horizontal .form-group {
    padding-top: 9px;
  }
  .content-form .form-horizontal input[type=text],
  .content-form .form-horizontal input[type=password],
  .content-form .form-horizontal input[type=email],
  .content-form .form-horizontal input[type=url],
  .content-form .form-horizontal textarea,
  .content-form .form-horizontal select,
  .content-form .form-horizontal button {
    margin-top: -9px;
  }
  .content-form .form-horizontal .btn-sm,
  .content-form .form-horizontal .btn-file-label {
    margin-top: -3px;
  }
  .content-form .form-horizontal .control-label {
    padding-top: 0;
  }
  .content-form .form-horizontal .form-group-controls {
    margin-top: 0;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .content-form .form-horizontal .form-group-controls {
    margin-top: 0;
  }
}
.content-form .form-horizontal .form-submit {
  position: relative;
  min-height: 1px;
  padding-left: 7.5px;
  padding-right: 7.5px;
  float: left;
  width: 100%;
}
@media (min-width: 768px) {
  .content-form .form-horizontal .form-submit {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .content-form .form-horizontal .form-submit {
    float: left;
    width: 400px;
  }
}
@media (min-width: 1260px) {
  .content-form .form-horizontal .form-submit {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1260px) and (min-width: 1260px) {
  .content-form .form-horizontal .form-submit {
    float: left;
    width: 500px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .content-form .form-horizontal .form-submit {
    margin-left: 160px;
  }
}
@media (min-width: 1260px) and (min-width: 1260px) {
  .content-form .form-horizontal .form-submit {
    margin-left: 200px;
  }
}
.content-form .form-group {
  margin-top: 18px;
  margin-bottom: 0;
}
.content-form .form-group:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .content-form .form-group:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .content-form .form-group {
    margin-top: 24px;
  }
}
.content-form .form-group ul:not(.bulleted-list):not(.redactor-toolbar) {
  padding: 0;
  margin-bottom: 0;
}
.content-form .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li,
.content-form .form-group .checkbox,
.content-form .form-group .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li {
  margin-top: 6px;
  min-height: 0;
  margin-bottom: 0;
}
.content-form .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li:first-child,
.content-form .form-group .checkbox:first-child,
.content-form .form-group .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .content-form .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li:first-child,
  .content-form .form-group .checkbox:first-child,
  .content-form .form-group .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li:first-child {
    margin-top: 0;
  }
}
.content-form input[type=hidden]:first-child + *,
.content-form input[type=hidden]:first-child + input[type=hidden] + *,
.content-form input[type=hidden]:first-child + input[type=hidden] + input[type=hidden] + *,
.content-form input[type=hidden]:first-child + input[type=hidden] + input[type=hidden] + input[type=hidden] + *,
.content-form input[type=hidden]:first-child + input[type=hidden] + input[type=hidden] + input[type=hidden] + input[type=hidden] + *,
.content-form input[type=hidden]:first-child + input[type=hidden] + input[type=hidden] + input[type=hidden] + input[type=hidden] + input[type=hidden] + * {
  margin-top: 0;
}
@media (min-width: 768px) {
  .content-form input[type=hidden]:first-child + *,
  .content-form input[type=hidden]:first-child + input[type=hidden] + *,
  .content-form input[type=hidden]:first-child + input[type=hidden] + input[type=hidden] + *,
  .content-form input[type=hidden]:first-child + input[type=hidden] + input[type=hidden] + input[type=hidden] + *,
  .content-form input[type=hidden]:first-child + input[type=hidden] + input[type=hidden] + input[type=hidden] + input[type=hidden] + *,
  .content-form input[type=hidden]:first-child + input[type=hidden] + input[type=hidden] + input[type=hidden] + input[type=hidden] + input[type=hidden] + * {
    margin-top: 0;
  }
}
.content-form .form-group-error {
  margin-top: 12px;
}
.content-form .form-group-error:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .content-form .form-group-error:first-child {
    margin-top: 0;
  }
}
.content-form .form-control,
.content-form input[type=text],
.content-form input[type=password],
.content-form input[type=email],
.content-form input[type=url],
.content-form textarea,
.content-form select {
  border-width: 2px;
  box-shadow: none;
}
.content-form .form-control:focus,
.content-form input[type=text]:focus,
.content-form input[type=password]:focus,
.content-form input[type=email]:focus,
.content-form input[type=url]:focus,
.content-form textarea:focus,
.content-form select:focus {
  box-shadow: none;
}
.content-form .form-control-date {
  display: inline-block;
  box-sizing: border-box;
  width: 30%;
  margin-left: 3%;
}
.content-form .form-control-date:first-child {
  margin-left: 0;
}
.content-form .has-error .form-control:focus,
.content-form .has-success .form-control:focus,
.content-form .has-warning .form-control:focus,
.content-form .has-error input[type=text]:focus,
.content-form .has-success input[type=text]:focus,
.content-form .has-warning input[type=text]:focus,
.content-form .has-error input[type=password]:focus,
.content-form .has-success input[type=password]:focus,
.content-form .has-warning input[type=password]:focus,
.content-form .has-error input[type=email]:focus,
.content-form .has-success input[type=email]:focus,
.content-form .has-warning input[type=email]:focus,
.content-form .has-error input[type=url]:focus,
.content-form .has-success input[type=url]:focus,
.content-form .has-warning input[type=url]:focus,
.content-form .has-error textarea:focus,
.content-form .has-success textarea:focus,
.content-form .has-warning textarea:focus,
.content-form .has-error select:focus,
.content-form .has-success select:focus,
.content-form .has-warning select:focus {
  box-shadow: none;
}
.content-form .has-error .control-label,
.content-form .has-success .control-label,
.content-form .has-warning .control-label,
.content-form .has-error .checkbox,
.content-form .has-success .checkbox,
.content-form .has-warning .checkbox,
.content-form .has-error .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li,
.content-form .has-success .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li,
.content-form .has-warning .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li {
  color: #222222;
}
.content-form .form-row-help-text {
  font-size: 12px;
  line-height: 18px;
  margin-top: 12px;
  color: #666666;
}
.content-form .form-row-help-text:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .content-form .form-row-help-text:first-child {
    margin-top: 0;
  }
}
.content-form .avatar-upload-form label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.content-form .avatar-upload-form .form-group-controls {
  margin-top: 0;
}
@media (min-width: 768px) {
  .content-form .avatar-upload-form .form-group-controls {
    margin-top: 0;
  }
}
.content-form .image-upload-preview {
  max-width: 100%;
}
.content-form .image-remove-form {
  font-size: 12px;
  line-height: 18px;
  margin-top: 18px;
  text-align: center;
}
.content-form .form-section {
  margin-top: 48px;
}
.content-form .form-section:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .content-form .form-section:first-child {
    margin-top: 0;
  }
}
.content-form .table .delete {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 16px;
  height: 16px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
  float: right;
  margin-top: 0;
  /* Form style override */
}
.content-form .table .delete:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.content-form .table .delete:before {
  background-position: 0 0;
}
.content-form .table .delete:before {
  background-image: url('/static/images/icons/delete_222_16.png?1943ceeeecc3');
}
.content-form .table .delete:before {
  width: 16px;
  height: 16px;
}
.content-form .table .delete:before {
  top: 50%;
  margin-top: -8px;
}
.content-form .table .delete:before {
  left: 50%;
  margin-left: -8px;
}
.lfm-recaptcha {
  margin: 0 auto;
  width: 304px;
}
.content-form.privacy-settings-form label {
  margin-top: 12px;
  margin-bottom: 0;
  font-weight: normal;
  padding-left: 7.5px;
}
.content-form.privacy-settings-form label:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .content-form.privacy-settings-form label:first-child {
    margin-top: 0;
  }
}
.content-form.privacy-settings-form select {
  margin-top: 18px;
}
.content-form.privacy-settings-form select:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .content-form.privacy-settings-form select:first-child {
    margin-top: 0;
  }
}
.content-form.privacy-settings-form .message-privacy-label {
  margin-bottom: -6px;
  padding-left: 0;
  display: block;
}
.content-form.ignore-list-form .ignore-list {
  margin-top: -6px;
}
.artist-events--heading {
  font-size: 18px;
  line-height: 24px;
  color: #666666;
}
.events-filters {
  margin-top: 18px;
  box-shadow: inset 0 -1px #ebebeb;
  padding-bottom: 18px;
}
.events-filters:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .events-filters:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .events-filters {
    margin-top: 24px;
  }
}
.events-filter-from-date {
  position: relative;
  text-align: left;
  padding-left: 31.5px;
}
@media (min-width: 768px) {
  .events-filter-from-date {
    display: inline-block;
    padding-right: 15px;
  }
  .events-filter-from-date:nth-child(-n + 2) {
    margin-top: 0;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .events-filter-from-date:nth-child(-n + 2) {
    margin-top: 0;
  }
}
.events-filter-from-date:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.events-filter-from-date:before {
  background-position: 0 0;
}
.events-filter-from-date:before {
  background-image: url('/static/images/icons/calendar_222_24.png?1943ceeeecc3');
}
.events-filter-from-date:before {
  width: 24px;
  height: 24px;
}
.events-filter-location {
  position: relative;
  text-align: left;
  padding-left: 31.5px;
}
@media (min-width: 768px) {
  .events-filter-location {
    display: inline-block;
    padding-right: 15px;
  }
  .events-filter-location:nth-child(-n + 2) {
    margin-top: 0;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .events-filter-location:nth-child(-n + 2) {
    margin-top: 0;
  }
}
.events-filter-location:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.events-filter-location:before {
  background-position: 0 0;
}
.events-filter-location:before {
  background-image: url('/static/images/icons/location_222_24.png?1943ceeeecc3');
}
.events-filter-location:before {
  width: 24px;
  height: 24px;
}
.events-date-heading {
  font-size: 18px;
  line-height: 24px;
  font-weight: normal;
  color: #b90000;
}
.events-list {
  margin-top: 18px;
  display: block;
  font-size: 12px;
  line-height: 18px;
}
.events-list:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .events-list:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .events-list {
    margin-top: 24px;
  }
}
.events-list thead,
.events-list tbody,
.events-list tr,
.events-list td {
  display: block;
}
.events-list tr {
  position: relative;
}
.events-list tr a {
  position: relative;
  z-index: 1;
}
.events-list tr.link-block--hover .link-block-target {
  text-decoration: underline;
}
.events-list tr .link-block-cover-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.events-list tr .events-list-cover-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.events-list a {
  color: inherit;
}
.events-list a:hover,
.events-list a:focus {
  color: inherit;
}
.events-list .events-list-item {
  margin-top: 12px;
  position: relative;
  padding-bottom: 18px;
  padding-left: 85px;
  border-bottom: 1px solid #ebebeb;
  min-height: 94px;
}
.events-list .events-list-item:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .events-list .events-list-item:first-child {
    margin-top: 0;
  }
}
.events-list .events-list-item-art {
  position: absolute;
  left: 0;
  top: 6px;
}
.events-list .calendar-icon {
  width: 70px;
}
.events-list .calendar-icon .calendar-icon-month {
  font-size: 12px;
  line-height: 24px;
}
.events-list .calendar-icon .calendar-icon-day {
  font-size: 36px;
  line-height: 46px;
}
.events-list .avatar {
  width: 70px;
  height: 70px;
}
@media (min-width: 768px) and (max-width: 1260px) {
  .events-list .avatar {
    width: 60px;
    height: 60px;
  }
}
.events-list .events-list-item-event--title {
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
}
.events-list .events-list-item-event--lineup {
  display: none;
}
.events-list .events-list-item-venue {
  margin-top: 6px;
}
.events-list .events-list-item-venue:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .events-list .events-list-item-venue:first-child {
    margin-top: 0;
  }
}
.events-list .events-list-item-venue--city,
.events-list .events-list-item-venue--country {
  display: inline-block;
}
.events-list .events-list-item-venue--city:after {
  content: ', ';
}
.events-list .attendance-badge {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 16px;
  height: 16px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
  position: absolute;
  left: 43px;
  top: 49px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #009966;
}
.events-list .attendance-badge:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.events-list .attendance-badge:before {
  background-position: 0 0;
}
.events-list .attendance-badge:before {
  background-image: url('/static/images/icons/accept_fff_16.png?1943ceeeecc3');
}
.events-list .attendance-badge:before {
  width: 16px;
  height: 16px;
}
.events-list .attendance-badge:before {
  top: 50%;
  margin-top: -8px;
}
.events-list .attendance-badge:before {
  left: 50%;
  margin-left: -8px;
}
.events-list .attendance-badge--maybe {
  background-color: #ff9900;
}
.events-list .attendance-badge--maybe:before {
  background-position: 0 0;
}
.events-list .attendance-badge--maybe:before {
  background-image: url('/static/images/icons/question_fff_16.png?1943ceeeecc3');
}
.events-list .events-list-item-attendees {
  margin-top: 6px;
}
.events-list .events-list-item-attendees:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .events-list .events-list-item-attendees:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .events-list {
    /* Resets
           ========================================================================== */
    display: table;
    margin-top: 18px;
    width: 100%;
    box-shadow: inset 0 1px #ebebeb;
    box-shadow: none;
    /* Everything else
           ========================================================================== */
  }
  .events-list thead,
  .events-list tbody {
    display: table-row-group;
  }
  .events-list tr {
    display: table-row;
  }
  .events-list td,
  .events-list th {
    display: table-cell;
  }
  .events-list:first-child {
    margin-top: 0;
  }
  .events-list th {
    color: #666666;
    font-weight: normal;
    text-align: left;
  }
  .events-list td,
  .events-list th {
    padding: 6px 10px;
    box-shadow: inset 0 -1px #ebebeb;
  }
  .events-list tr:nth-child(even) td {
    background-color: #f9f9f9;
  }
  .events-list tr:nth-child(even) td {
    background-color: transparent;
  }
  .events-list td {
    padding-left: 0;
    padding-right: 0;
  }
  .events-list .events-list-item {
    border: none;
    padding: 0;
  }
  .events-list .events-list-item-art {
    position: static;
  }
  .events-list .events-list-item-event--lineup {
    display: block;
  }
  .events-list td {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 12px;
    padding-bottom: 18px;
    vertical-align: top;
  }
  .events-list td:first-child {
    padding-left: 0;
  }
  .events-list td:last-child {
    padding-right: 0;
  }
  .events-list .events-list-cover-link {
    display: none;
  }
  .events-list .events-list-item-art {
    width: 60px;
    padding-top: 18px;
  }
  .events-list .calendar-icon {
    width: 60px;
  }
  .events-list .calendar-icon .calendar-icon-month {
    font-size: 12px;
    line-height: 20px;
  }
  .events-list .calendar-icon .calendar-icon-day {
    font-size: 36px;
    line-height: 40px;
  }
  .events-list .events-list-item-event {
    width: 240px;
  }
  .events-list .events-list-item-venue {
    width: 160px;
  }
  .events-list .events-list-item-event--lineup {
    margin-top: 6px;
  }
  .events-list .events-list-item-event--lineup:first-child {
    margin-top: 0;
  }
  .events-list .events-list-item-venue--title {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    margin-top: 12px;
    margin-bottom: 12px;
    font-size: 18px;
    margin-top: 18px;
    margin-bottom: 0;
    margin-bottom: -6px;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
  }
  .events-list .events-list-item-venue--title small,
  .events-list .events-list-item-venue--title .small {
    font-weight: normal;
    line-height: 1;
    color: #999999;
  }
  .events-list .events-list-item-venue--title small,
  .events-list .events-list-item-venue--title .small {
    font-size: 75%;
  }
  .events-list .events-list-item-venue--title:first-child {
    margin-top: 0;
  }
  .events-list .events-list-item-venue--address {
    margin-top: 12px;
  }
  .events-list .events-list-item-venue--address:first-child {
    margin-top: 0;
  }
  .events-list .events-list-item-venue--city,
  .events-list .events-list-item-venue--country {
    display: block;
  }
  .events-list .events-list-item-venue--city:after {
    content: '';
  }
  .events-list .events-list-item-user-attendance {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    width: 0;
  }
  .events-list .attendance-badge {
    left: -437px;
    top: 51px;
  }
  .events-list .events-list-item-attendees {
    font-size: 14px;
    line-height: 24px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .events-list:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .events-list {
    margin-top: 24px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .events-list .events-list-item-event--lineup:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .events-list .events-list-item-venue--title:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .events-list .events-list-item-venue--title {
    margin-top: 24px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .events-list .events-list-item-venue--address:first-child {
    margin-top: 0;
  }
}
@media (min-width: 1260px) {
  .events-list td {
    padding-left: 15px;
    padding-right: 15px;
  }
  .events-list .events-list-item-art {
    width: 70px;
  }
  .events-list .calendar-icon {
    width: 70px;
  }
  .events-list .calendar-icon .calendar-icon-month {
    font-size: 12px;
    line-height: 24px;
  }
  .events-list .calendar-icon .calendar-icon-day {
    font-size: 36px;
    line-height: 46px;
  }
  .events-list .events-list-item-event {
    width: 300px;
  }
  .events-list .events-list-item-venue {
    width: 200px;
  }
  .events-list .attendance-badge {
    left: -542px;
    top: 61px;
  }
}
.no-events {
  margin-top: 15px;
}
.add-event-btn {
  display: inline-block;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 5px;
  background-color: #b90000;
  color: #ffffff;
  font-size: 12px;
  line-height: 18px;
  padding-top: 6px;
  padding-bottom: 6px;
  position: relative;
  text-align: left;
  padding-left: 31px;
}
.add-event-btn:hover,
.add-event-btn:focus {
  text-decoration: none;
}
.add-event-btn[disabled],
.add-event-btn.disabled {
  opacity: 0.3;
  filter: alpha(opacity=30);
  color: #ffffff !important;
}
.add-event-btn:hover,
.add-event-btn:focus {
  background-color: #d50000;
  color: #ffffff;
}
.add-event-btn:active,
.add-event-btn:focus:not(:hover) {
  background-color: #9d0000;
  color: #ffffff;
}
.add-event-btn[disabled]:hover,
.add-event-btn.disabled:hover {
  background-color: #b90000;
}
.add-event-btn:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.add-event-btn:before {
  background-position: 0 0;
}
.add-event-btn:before {
  background-image: url('/static/images/icons/add_fff_16.png?1943ceeeecc3');
}
.add-event-btn:before {
  width: 16px;
  height: 16px;
}
.add-event-btn:before {
  top: 50%;
  margin-top: -8px;
}
.add-event-btn:before {
  left: 7.5px;
}
@media (min-width: 768px) {
  .add-event-btn {
    margin-top: 12px;
  }
}
.calendar-icon {
  display: block;
  width: 90px;
  background: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
  color: #222222;
  text-align: center;
}
.calendar-icon .calendar-icon-month,
.calendar-icon .calendar-icon-day {
  display: block;
}
.calendar-icon .calendar-icon-month {
  font-size: 18px;
  line-height: 30px;
  background: #b90000;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
}
.calendar-icon .calendar-icon-day {
  font-size: 42px;
  line-height: 60px;
}
@media (min-width: 768px) {
  .calendar-icon {
    width: 60px;
  }
  .calendar-icon .calendar-icon-month {
    font-size: 12px;
    line-height: 20px;
  }
  .calendar-icon .calendar-icon-day {
    font-size: 36px;
    line-height: 40px;
  }
}
@media (min-width: 1260px) {
  .calendar-icon {
    width: 70px;
  }
  .calendar-icon .calendar-icon-month {
    font-size: 12px;
    line-height: 24px;
  }
  .calendar-icon .calendar-icon-day {
    font-size: 36px;
    line-height: 46px;
  }
}
.calendar-icon--outer-border {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
}
.calendar-icon--no-border {
  box-shadow: none;
}
.calendar-icon--1-col-md {
  width: 60px;
}
.calendar-icon--1-col-md .calendar-icon-month {
  font-size: 12px;
  line-height: 20px;
}
.calendar-icon--1-col-md .calendar-icon-day {
  font-size: 36px;
  line-height: 40px;
}
.calendar-icon--1-col-lg {
  width: 70px;
}
.calendar-icon--1-col-lg .calendar-icon-month {
  font-size: 12px;
  line-height: 24px;
}
.calendar-icon--1-col-lg .calendar-icon-day {
  font-size: 36px;
  line-height: 46px;
}
.calendar-icon--mini {
  width: 32px;
}
.calendar-icon--mini .calendar-icon-month {
  padding-top: 0;
  padding-bottom: 0;
  font-size: 9px;
  line-height: 14px;
  height: 14px;
}
.calendar-icon--mini .calendar-icon-day {
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
  line-height: 18px;
  height: 18px;
  font-weight: bold;
}
.header-info-primary .calendar-icon {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 1;
  margin-bottom: 18px;
  margin-top: -90px;
}
@media (min-width: 768px) {
  .header-info-primary.header-info-primary--with-calendar {
    padding-left: 80px;
  }
  .header-info-primary .calendar-icon {
    position: absolute;
    left: 0;
    margin: 0;
    top: 12px;
  }
}
@media (min-width: 1260px) {
  .header-info-primary.header-info-primary--with-calendar {
    padding-left: 100px;
  }
}
/* ==========================================================================
   Track page
   ========================================================================== */
.header .love-button-toggle,
.library-header .love-button-toggle {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}
.header .love-button,
.library-header .love-button {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 36px;
  height: 36px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
  width: 32px;
  height: 32px;
}
.header .love-button:before,
.library-header .love-button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.header .love-button:before,
.library-header .love-button:before {
  background-position: 0 0;
}
.header .love-button:before,
.library-header .love-button:before {
  background-image: url('/static/images/icons/love_24.png?1943ceeeecc3');
}
.header .love-button:before,
.library-header .love-button:before {
  width: 36px;
  height: 36px;
}
.header .love-button:before,
.library-header .love-button:before {
  top: 50%;
  margin-top: -18px;
}
.header .love-button:before,
.library-header .love-button:before {
  left: 50%;
  margin-left: -18px;
}
@media (min-width: 768px) {
  .header .love-button:before,
  .library-header .love-button:before {
    background-position: 0 0;
  }
  .header .love-button:before,
  .library-header .love-button:before {
    background-image: url('/static/images/icons/love_32.png?1943ceeeecc3');
  }
}
.header button.love-button:hover:before,
.library-header button.love-button:hover:before,
.header a.love-button:hover:before,
.library-header a.love-button:hover:before,
.header button.love-button:focus:before,
.library-header button.love-button:focus:before,
.header a.love-button:focus:before,
.library-header a.love-button:focus:before {
  background-position: 0 -36px;
}
.header button.love-button:hover:before,
.library-header button.love-button:hover:before,
.header a.love-button:hover:before,
.library-header a.love-button:hover:before,
.header button.love-button:focus:before,
.library-header button.love-button:focus:before,
.header a.love-button:focus:before,
.library-header a.love-button:focus:before {
  background-image: url('/static/images/icons/love_24.png?1943ceeeecc3');
}
@media (min-width: 768px) {
  .header button.love-button:hover:before,
  .library-header button.love-button:hover:before,
  .header a.love-button:hover:before,
  .library-header a.love-button:hover:before,
  .header button.love-button:focus:before,
  .library-header button.love-button:focus:before,
  .header a.love-button:focus:before,
  .library-header a.love-button:focus:before {
    background-position: 0 -36px;
  }
  .header button.love-button:hover:before,
  .library-header button.love-button:hover:before,
  .header a.love-button:hover:before,
  .library-header a.love-button:hover:before,
  .header button.love-button:focus:before,
  .library-header button.love-button:focus:before,
  .header a.love-button:focus:before,
  .library-header a.love-button:focus:before {
    background-image: url('/static/images/icons/love_32.png?1943ceeeecc3');
  }
}
.header .love-button--loved:before,
.library-header .love-button--loved:before {
  background-position: 0 -72px;
}
.header .love-button--loved:before,
.library-header .love-button--loved:before {
  background-image: url('/static/images/icons/love_24.png?1943ceeeecc3');
}
@media (min-width: 768px) {
  .header .love-button--loved:before,
  .library-header .love-button--loved:before {
    background-position: 0 -72px;
  }
  .header .love-button--loved:before,
  .library-header .love-button--loved:before {
    background-image: url('/static/images/icons/love_32.png?1943ceeeecc3');
  }
}
.header button.love-button--loved:hover:before,
.library-header button.love-button--loved:hover:before,
.header button.love-button--loved:focus:before,
.library-header button.love-button--loved:focus:before {
  background-position: 0 -108px;
}
.header button.love-button--loved:hover:before,
.library-header button.love-button--loved:hover:before,
.header button.love-button--loved:focus:before,
.library-header button.love-button--loved:focus:before {
  background-image: url('/static/images/icons/love_24.png?1943ceeeecc3');
}
@media (min-width: 768px) {
  .header button.love-button--loved:hover:before,
  .library-header button.love-button--loved:hover:before,
  .header button.love-button--loved:focus:before,
  .library-header button.love-button--loved:focus:before {
    background-position: 0 -108px;
  }
  .header button.love-button--loved:hover:before,
  .library-header button.love-button--loved:hover:before,
  .header button.love-button--loved:focus:before,
  .library-header button.love-button--loved:focus:before {
    background-image: url('/static/images/icons/love_32.png?1943ceeeecc3');
  }
}
.header .ajax-form-disable-hover button.love-button:hover,
.library-header .ajax-form-disable-hover button.love-button:hover,
.header .ajax-form-disable-hover button.love-button:focus,
.library-header .ajax-form-disable-hover button.love-button:focus {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 36px;
  height: 36px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
  width: 32px;
  height: 32px;
}
.header .ajax-form-disable-hover button.love-button:hover:before,
.library-header .ajax-form-disable-hover button.love-button:hover:before,
.header .ajax-form-disable-hover button.love-button:focus:before,
.library-header .ajax-form-disable-hover button.love-button:focus:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.header .ajax-form-disable-hover button.love-button:hover:before,
.library-header .ajax-form-disable-hover button.love-button:hover:before,
.header .ajax-form-disable-hover button.love-button:focus:before,
.library-header .ajax-form-disable-hover button.love-button:focus:before {
  background-position: 0 0;
}
.header .ajax-form-disable-hover button.love-button:hover:before,
.library-header .ajax-form-disable-hover button.love-button:hover:before,
.header .ajax-form-disable-hover button.love-button:focus:before,
.library-header .ajax-form-disable-hover button.love-button:focus:before {
  background-image: url('/static/images/icons/love_24.png?1943ceeeecc3');
}
.header .ajax-form-disable-hover button.love-button:hover:before,
.library-header .ajax-form-disable-hover button.love-button:hover:before,
.header .ajax-form-disable-hover button.love-button:focus:before,
.library-header .ajax-form-disable-hover button.love-button:focus:before {
  width: 36px;
  height: 36px;
}
.header .ajax-form-disable-hover button.love-button:hover:before,
.library-header .ajax-form-disable-hover button.love-button:hover:before,
.header .ajax-form-disable-hover button.love-button:focus:before,
.library-header .ajax-form-disable-hover button.love-button:focus:before {
  top: 50%;
  margin-top: -18px;
}
.header .ajax-form-disable-hover button.love-button:hover:before,
.library-header .ajax-form-disable-hover button.love-button:hover:before,
.header .ajax-form-disable-hover button.love-button:focus:before,
.library-header .ajax-form-disable-hover button.love-button:focus:before {
  left: 50%;
  margin-left: -18px;
}
@media (min-width: 768px) {
  .header .ajax-form-disable-hover button.love-button:hover:before,
  .library-header .ajax-form-disable-hover button.love-button:hover:before,
  .header .ajax-form-disable-hover button.love-button:focus:before,
  .library-header .ajax-form-disable-hover button.love-button:focus:before {
    background-position: 0 0;
  }
  .header .ajax-form-disable-hover button.love-button:hover:before,
  .library-header .ajax-form-disable-hover button.love-button:hover:before,
  .header .ajax-form-disable-hover button.love-button:focus:before,
  .library-header .ajax-form-disable-hover button.love-button:focus:before {
    background-image: url('/static/images/icons/love_32.png?1943ceeeecc3');
  }
}
.header .ajax-form-disable-hover button.love-button--loved:hover:before,
.library-header .ajax-form-disable-hover button.love-button--loved:hover:before,
.header .ajax-form-disable-hover button.love-button--loved:focus:before,
.library-header .ajax-form-disable-hover button.love-button--loved:focus:before {
  background-position: 0 -72px;
}
.header .ajax-form-disable-hover button.love-button--loved:hover:before,
.library-header .ajax-form-disable-hover button.love-button--loved:hover:before,
.header .ajax-form-disable-hover button.love-button--loved:focus:before,
.library-header .ajax-form-disable-hover button.love-button--loved:focus:before {
  background-image: url('/static/images/icons/love_24.png?1943ceeeecc3');
}
@media (min-width: 768px) {
  .header .ajax-form-disable-hover button.love-button--loved:hover:before,
  .library-header .ajax-form-disable-hover button.love-button--loved:hover:before,
  .header .ajax-form-disable-hover button.love-button--loved:focus:before,
  .library-header .ajax-form-disable-hover button.love-button--loved:focus:before {
    background-position: 0 -72px;
  }
  .header .ajax-form-disable-hover button.love-button--loved:hover:before,
  .library-header .ajax-form-disable-hover button.love-button--loved:hover:before,
  .header .ajax-form-disable-hover button.love-button--loved:focus:before,
  .library-header .ajax-form-disable-hover button.love-button--loved:focus:before {
    background-image: url('/static/images/icons/love_32.png?1943ceeeecc3');
  }
}
.header .love-button-toggle {
  top: 86px;
  right: 47px;
}
@media (min-width: 768px) {
  .header .love-button-toggle {
    top: 24px;
    right: 0;
  }
}
.library-header .love-button-toggle {
  display: none;
}
@media (min-width: 768px) {
  .library-header .love-button-toggle {
    display: block;
  }
}
.event-detail {
  position: relative;
  padding-left: 39px;
}
.event-detail-heading-date {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 24px;
  height: 24px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
}
.event-detail-heading-date:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.event-detail-heading-date:before {
  background-position: 0 0;
}
.event-detail-heading-date:before {
  background-image: url('/static/images/icons/calendar_ccc_24.png?1943ceeeecc3');
}
.event-detail-heading-date:before {
  width: 24px;
  height: 24px;
}
.event-detail-heading-date:before {
  top: 50%;
  margin-top: -12px;
}
.event-detail-heading-date:before {
  left: 50%;
  margin-left: -12px;
}
.event-detail-heading-location {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 24px;
  height: 24px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
}
.event-detail-heading-location:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.event-detail-heading-location:before {
  background-position: 0 0;
}
.event-detail-heading-location:before {
  background-image: url('/static/images/icons/location_ccc_24.png?1943ceeeecc3');
}
.event-detail-heading-location:before {
  width: 24px;
  height: 24px;
}
.event-detail-heading-location:before {
  top: 50%;
  margin-top: -12px;
}
.event-detail-heading-location:before {
  left: 50%;
  margin-left: -12px;
}
.event-detail-heading-link {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 24px;
  height: 24px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
}
.event-detail-heading-link:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.event-detail-heading-link:before {
  background-position: 0 0;
}
.event-detail-heading-link:before {
  background-image: url('/static/images/icons/link_ccc_24.png?1943ceeeecc3');
}
.event-detail-heading-link:before {
  width: 24px;
  height: 24px;
}
.event-detail-heading-link:before {
  top: 50%;
  margin-top: -12px;
}
.event-detail-heading-link:before {
  left: 50%;
  margin-left: -12px;
}
.event-detail-heading-date,
.event-detail-heading-location,
.event-detail-heading-link {
  position: absolute;
  left: 0;
  margin: 0;
}
.event-detail-address,
.event-detail-tel,
.event-detail-web {
  margin-bottom: 0;
}
.event-detail-long-link {
  word-wrap: break-word;
}
.event-type-switcher {
  padding-left: 5px;
}
/* ==========================================================================
   Attendance buttons
   ========================================================================== */
/* Toggle functionality
   ========================================================================== */
.attendance-btn--attending.attendance-btn--turn-off {
  display: none;
}
.attendance-btn--maybe.attendance-btn--turn-off {
  display: none;
}
.attendance-control[data-ajax-form-state='attending'] .attendance-btn--attending.attendance-btn--turn-on {
  display: none;
}
.attendance-control[data-ajax-form-state='attending'] .attendance-btn--attending.attendance-btn--turn-off {
  display: block;
}
.attendance-control[data-ajax-form-state='attending'] .attendance-btn--maybe.attendance-btn--turn-on {
  display: block;
}
.attendance-control[data-ajax-form-state='attending'] .attendance-btn--maybe.attendance-btn--turn-off {
  display: none;
}
.attendance-control[data-ajax-form-state='maybe'] .attendance-btn--attending.attendance-btn--turn-on {
  display: block;
}
.attendance-control[data-ajax-form-state='maybe'] .attendance-btn--attending.attendance-btn--turn-off {
  display: none;
}
.attendance-control[data-ajax-form-state='maybe'] .attendance-btn--maybe.attendance-btn--turn-on {
  display: none;
}
.attendance-control[data-ajax-form-state='maybe'] .attendance-btn--maybe.attendance-btn--turn-off {
  display: block;
}
/* Button styling
   ========================================================================== */
.attendance-btn {
  display: inline-block;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 5px;
  background-color: #999999;
  color: #ffffff;
}
.attendance-btn:hover,
.attendance-btn:focus {
  text-decoration: none;
}
.attendance-btn[disabled],
.attendance-btn.disabled {
  opacity: 0.3;
  filter: alpha(opacity=30);
  color: #ffffff !important;
}
.attendance-btn:hover,
.attendance-btn:focus {
  background-color: #c2c2c2;
  color: #ffffff;
}
.attendance-btn:active,
.attendance-btn:focus:not(:hover) {
  background-color: #707070;
  color: #ffffff;
}
.attendance-btn[disabled]:hover,
.attendance-btn.disabled:hover {
  background-color: #999999;
}
.attendance-btn--turn-off {
  display: inline-block;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 5px;
  background-color: #009966;
  color: #ffffff;
  position: relative;
  text-align: left;
  padding-left: 41px;
}
.attendance-btn--turn-off:hover,
.attendance-btn--turn-off:focus {
  text-decoration: none;
}
.attendance-btn--turn-off[disabled],
.attendance-btn--turn-off.disabled {
  opacity: 0.3;
  filter: alpha(opacity=30);
  color: #ffffff !important;
}
.attendance-btn--turn-off:hover,
.attendance-btn--turn-off:focus {
  background-color: #d50000;
  color: #ffffff;
}
.attendance-btn--turn-off:active,
.attendance-btn--turn-off:focus:not(:hover) {
  background-color: #9d0000;
  color: #ffffff;
}
.attendance-btn--turn-off[disabled]:hover,
.attendance-btn--turn-off.disabled:hover {
  background-color: #009966;
}
.attendance-btn--turn-off:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.attendance-btn--turn-off:before {
  background-position: 15px 0;
}
.attendance-btn--turn-off:before {
  background-image: url('/static/images/icons/accept_fff_16.png?1943ceeeecc3');
}
.attendance-btn--turn-off:before {
  width: 31px;
  height: 16px;
}
.attendance-btn--turn-off:before {
  top: 50%;
  margin-top: -8px;
}
.attendance-btn--turn-off:hover:before,
.attendance-btn--turn-off:focus:before {
  background-position: 15px 0;
}
.attendance-btn--turn-off:hover:before,
.attendance-btn--turn-off:focus:before {
  background-image: url('/static/images/icons/delete_fff_16.png?1943ceeeecc3');
}
.attendance-btn--turn-off.attendance-btn--disabled {
  background-color: #009966;
}
.attendance-btn--turn-off.attendance-btn--disabled:before {
  background-position: 15px 0;
}
.attendance-btn--turn-off.attendance-btn--disabled:before {
  background-image: url('/static/images/icons/accept_fff_16.png?1943ceeeecc3');
}
.attendance-control.ajax-form-disable-hover .attendance-btn:hover,
.attendance-control.ajax-form-disable-hover .attendance-btn:focus {
  background: #999999;
}
.attendance-control.ajax-form-disable-hover .attendance-btn--turn-off:hover,
.attendance-control.ajax-form-disable-hover .attendance-btn--turn-off:focus {
  background: #009966;
}
.attendance-control.ajax-form-disable-hover .attendance-btn--turn-off:hover:before,
.attendance-control.ajax-form-disable-hover .attendance-btn--turn-off:focus:before {
  background-position: 15px 0;
}
.attendance-control.ajax-form-disable-hover .attendance-btn--turn-off:hover:before,
.attendance-control.ajax-form-disable-hover .attendance-btn--turn-off:focus:before {
  background-image: url('/static/images/icons/accept_fff_16.png?1943ceeeecc3');
}
/* Layout
   ========================================================================== */
.attendance-btn {
  float: left;
}
.attendance-btn--attending {
  margin-right: 15px;
}
@media (min-width: 768px) {
  .attendance-control {
    margin-top: 18px;
  }
}
.edit-lineup .artist-name {
  position: relative;
  text-align: left;
  padding-left: 31px;
}
.edit-lineup .artist-name:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.edit-lineup .artist-name:before {
  background-position: 0 0;
}
.edit-lineup .artist-name:before {
  background-image: url('/static/images/icons/accept_009966_16.png?1943ceeeecc3');
}
.edit-lineup .artist-name:before {
  width: 16px;
  height: 16px;
}
.edit-lineup .artist-name:before {
  top: 50%;
  margin-top: -8px;
}
.edit-lineup .unknown-artist-name {
  position: relative;
  text-align: left;
  padding-left: 31px;
}
.edit-lineup .unknown-artist-name:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.edit-lineup .unknown-artist-name:before {
  background-position: 0 0;
}
.edit-lineup .unknown-artist-name:before {
  background-image: url('/static/images/icons/question_ccc_16.png?1943ceeeecc3');
}
.edit-lineup .unknown-artist-name:before {
  width: 16px;
  height: 16px;
}
.edit-lineup .unknown-artist-name:before {
  top: 50%;
  margin-top: -8px;
}
.event-metadata {
  font-size: 12px;
  line-height: 18px;
}
.event-metadata + .event-metadata:before {
  content: '\a0\b7\a0';
  /* \b7 is a middot, \a0 is a space */
}
.feedback-message {
  font-size: 12px;
  line-height: 18px;
  z-index: 1;
  background-color: #b90000;
  color: #ffffff;
  padding: 9px 15px;
}
.feedback-message p {
  margin: 0;
}
.feedback-message a {
  color: inherit;
  text-decoration: underline;
}
.feedback-message a:hover,
.feedback-message a:focus {
  color: inherit;
}
.feedback-message a:hover,
.feedback-message a:focus {
  text-decoration: none;
}
.feedback-message-dismiss {
  display: none;
}
.overlay-side-rail .feedback-message {
  margin-top: 24px;
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .overlay-side-rail .feedback-message {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.footer-wrapper .feedback-message {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1;
  padding-right: 36px;
}
.footer-wrapper .feedback-message-dismiss {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 16px;
  height: 16px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 36px;
}
.footer-wrapper .feedback-message-dismiss:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.footer-wrapper .feedback-message-dismiss:before {
  background-position: 0 0;
}
.footer-wrapper .feedback-message-dismiss:before {
  background-image: url('/static/images/icons/delete_fff_16.png?1943ceeeecc3');
}
.footer-wrapper .feedback-message-dismiss:before {
  width: 16px;
  height: 16px;
}
.footer-wrapper .feedback-message-dismiss:before {
  top: 50%;
  margin-top: -8px;
}
.footer-wrapper .feedback-message-dismiss:before {
  left: 50%;
  margin-left: -8px;
}
.footer-wrapper .feedback-message--dismissed {
  position: relative;
  padding-left: 0;
  padding-right: 0;
}
.footer-wrapper .feedback-message--dismissed .feedback-message-inner {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #ffffff;
  background: none;
}
@media (min-width: 768px) {
  .footer-wrapper .feedback-message--dismissed .feedback-message-inner {
    width: 980px;
  }
}
@media (min-width: 992px) {
  .footer-wrapper .feedback-message--dismissed .feedback-message-inner {
    width: 980px;
  }
}
@media (min-width: 1260px) {
  .footer-wrapper .feedback-message--dismissed .feedback-message-inner {
    width: 1230px;
  }
}
@media (min-width: 768px) {
  .footer-wrapper .feedback-message--dismissed .feedback-message-inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1260px) {
  .footer-wrapper .feedback-message--dismissed .feedback-message-inner {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.library-header {
  margin-top: 18px;
  position: relative;
  padding-left: 47px;
  margin-bottom: 24px;
  min-height: 38px;
}
.library-header:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .library-header:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .library-header {
    margin-top: 24px;
  }
}
.library-header:before,
.library-header:after {
  content: " ";
  display: table;
}
.library-header:after {
  clear: both;
}
.library-header:before,
.library-header:after {
  content: " ";
  display: table;
}
.library-header:after {
  clear: both;
}
.library-header:after {
  content: "";
  display: table;
  clear: both;
}
.library-header:after {
  content: "";
  display: table;
  clear: both;
}
.library-header .header-love-indicator {
  display: none;
}
.library-header--sans-artist-link .library-header-title {
  margin-top: 7px;
}
.library-header .library-header-title {
  margin-top: -6px;
  margin-bottom: 0;
  font-weight: bold;
}
.library-header-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
  height: 32px;
}
.library-header-image--playlink {
  position: relative;
  position: absolute;
}
.library-header-image--playlink .cover-art {
  width: 100%;
}
.library-header-image--playlink .image-overlay-playlink-link {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 32px;
  height: 32px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.library-header-image--playlink .image-overlay-playlink-link:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.library-header-image--playlink .image-overlay-playlink-link:before {
  background-position: 0 0;
}
.library-header-image--playlink .image-overlay-playlink-link:before {
  background-image: url('/static/images/icons/play_32.png?1943ceeeecc3');
}
.library-header-image--playlink .image-overlay-playlink-link:before {
  width: 32px;
  height: 32px;
}
.library-header-image--playlink .image-overlay-playlink-link:before {
  top: 50%;
  margin-top: -16px;
}
.library-header-image--playlink .image-overlay-playlink-link:before {
  left: 50%;
  margin-left: -16px;
}
.library-header-image--playlink .image-overlay-playlink-link:focus:before,
.library-header-image--playlink .image-overlay-playlink-link:hover:before {
  background-position: 0 -32px;
}
.library-header-image--playlink .image-overlay-playlink-link:focus:before,
.library-header-image--playlink .image-overlay-playlink-link:hover:before {
  background-image: url('/static/images/icons/play_32.png?1943ceeeecc3');
}
.library-header-crumb {
  display: inline-block;
  color: inherit;
}
.library-header-crumb:focus,
.library-header-crumb:hover {
  color: inherit;
}
@media (min-width: 768px) {
  .library-header {
    padding-left: 63px;
    min-height: 54px;
  }
  .library-header .library-header-image {
    width: 48px;
    height: 48px;
  }
  .library-header .header-love-indicator {
    display: block;
    top: 6px;
  }
  .library-header--sans-artist-link .library-header-title {
    margin-top: 15px;
  }
}
.overlay-side-rail .library-scrobbles {
  display: none;
}
@media (min-width: 1110px) {
  .overlay-content .library-scrobbles {
    display: none;
  }
  .overlay-side-rail .library-scrobbles {
    display: block;
  }
}
.wiki-section .wiki-content {
  display: inline;
}
.wiki-section .wiki-content p {
  display: inline;
}
.wiki-style-rules {
  padding: 15px;
  margin-bottom: 24px;
  border: 1px solid transparent;
  border-radius: 5px;
  margin-top: 18px;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 0;
  padding: 9px 15px;
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.wiki-style-rules h4 {
  margin-top: 0;
  color: inherit;
}
.wiki-style-rules .alert-link {
  font-weight: bold;
}
.wiki-style-rules > p,
.wiki-style-rules > ul {
  margin-bottom: 0;
}
.wiki-style-rules > p + p {
  margin-top: 5px;
}
.wiki-style-rules:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .wiki-style-rules:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .wiki-style-rules {
    margin-top: 24px;
  }
}
.wiki-style-rules a {
  color: inherit;
  text-decoration: underline;
}
.wiki-style-rules a:hover,
.wiki-style-rules a:focus {
  color: inherit;
}
.wiki-style-rules a:hover,
.wiki-style-rules a:focus {
  text-decoration: none;
}
.wiki-style-rules hr {
  border-top-color: #a6e1ec;
}
.wiki-style-rules .alert-link {
  color: #245269;
}
.wiki-style-rules h3 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
  margin-top: 12px;
  margin-bottom: 12px;
  font-size: 18px;
  margin-top: 18px;
  margin-bottom: 0;
  margin-bottom: -6px;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
}
.wiki-style-rules h3 small,
.wiki-style-rules h3 .small {
  font-weight: normal;
  line-height: 1;
  color: #999999;
}
.wiki-style-rules h3 small,
.wiki-style-rules h3 .small {
  font-size: 75%;
}
.wiki-style-rules h3:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .wiki-style-rules h3:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .wiki-style-rules h3 {
    margin-top: 24px;
  }
}
.wiki-legal {
  margin-top: 18px;
  padding-top: 18px;
  padding-bottom: 18px;
  font-size: 12px;
  line-height: 18px;
  color: #666666;
  border-top: 1px solid #ebebeb;
}
.wiki-legal:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .wiki-legal:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .wiki-legal {
    margin-top: 24px;
  }
}
@media (min-width: 768px) {
  .wiki-legal {
    padding-top: 24px;
  }
}
@media (min-width: 768px) {
  .wiki-legal {
    padding-bottom: 24px;
  }
}
.wiki-lock-form {
  display: inline-block;
  padding-left: 10px;
}
.wiki {
  margin-top: 12px;
}
.wiki:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .wiki:first-child {
    margin-top: 0;
  }
}
.buylink-category {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 0;
  color: #666666;
  text-transform: uppercase;
  font-weight: normal;
  margin-top: 18px;
  margin-bottom: 6px;
  margin-top: 0;
}
.buylink-category:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .buylink-category:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .buylink-category {
    margin-top: 24px;
  }
}
.buylink-list {
  margin-top: 0;
  margin-top: 18px;
  width: 100%;
  box-shadow: inset 0 1px #ebebeb;
  margin-bottom: 18px;
}
@media (min-width: 768px) {
  .buylink-list {
    margin-top: 0;
  }
}
.buylink-list:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .buylink-list:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .buylink-list {
    margin-top: 24px;
  }
}
.buylink-list li {
  padding: 6px 10px;
  box-shadow: inset 0 -1px #ebebeb;
}
.buylink-list li:nth-child(even) {
  background-color: #f9f9f9;
}
.buylink-list li:nth-child(even) {
  background-color: transparent;
}
.buylink-list li {
  padding-left: 0;
  padding-right: 0;
}
.buylink {
  color: inherit;
  display: block;
}
.buylink:hover,
.buylink:focus {
  color: inherit;
}
.buylink-search,
.buylink-price,
.buylink-free {
  float: right;
  font-style: normal;
}
.buylink-search {
  color: #666666;
}
.buylink-free {
  color: #b90000;
}
.buylink {
  position: relative;
  text-align: left;
  padding-left: 31px;
}
.buylink:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.buylink:before {
  background-position: 0 0;
}
.buylink:before {
  background-image: url('/static/images/icons/affiliates_16.png?1943ceeeecc3');
}
.buylink:before {
  width: 16px;
  height: 16px;
}
.buylink:before {
  top: 50%;
  margin-top: -8px;
}
.buylink.buylink--itunes {
  padding-left: 59px;
}
.buylink.buylink--itunes:before {
  width: 44px;
  height: 16px;
}
.buylink.buylink--sevendigital:before {
  background-position: -8px -8px;
}
.buylink.buylink--sevendigital:before {
  background-image: url('/static/images/icons/affiliates_16.png?1943ceeeecc3');
}
.buylink.buylink--amazon_physical:before {
  background-position: -8px -40px;
}
.buylink.buylink--amazon_physical:before {
  background-image: url('/static/images/icons/affiliates_16.png?1943ceeeecc3');
}
.buylink.buylink--amazon_digital:before {
  background-position: -8px -72px;
}
.buylink.buylink--amazon_digital:before {
  background-image: url('/static/images/icons/affiliates_16.png?1943ceeeecc3');
}
.buylink.buylink--ebay:before {
  background-position: -8px -104px;
}
.buylink.buylink--ebay:before {
  background-image: url('/static/images/icons/affiliates_16.png?1943ceeeecc3');
}
.buylink.buylink--google_play:before {
  background-position: -8px -136px;
}
.buylink.buylink--google_play:before {
  background-image: url('/static/images/icons/affiliates_16.png?1943ceeeecc3');
}
.buylink.buylink--itunes:before {
  background-position: -8px -168px;
}
.buylink.buylink--itunes:before {
  background-image: url('/static/images/icons/affiliates_16.png?1943ceeeecc3');
}
.buylink.buylink--juno:before {
  background-position: -8px -200px;
}
.buylink.buylink--juno:before {
  background-image: url('/static/images/icons/affiliates_16.png?1943ceeeecc3');
}
.buylink.buylink--ringtone_matcher:before {
  background-position: -8px -232px;
}
.buylink.buylink--ringtone_matcher:before {
  background-image: url('/static/images/icons/affiliates_16.png?1943ceeeecc3');
}
.buylink.buylink--music_manager:before {
  background-position: -8px -264px;
}
.buylink.buylink--music_manager:before {
  background-image: url('/static/images/icons/affiliates_16.png?1943ceeeecc3');
}
/* ==========================================================================
   Inbox
   ========================================================================== */
.inbox {
  /* ==========================================================================
       Definitions
       ========================================================================== */
  /* ==========================================================================
       Mobile styles
       ========================================================================== */
  /* ==========================================================================
       Common styles for desktop
       ========================================================================== */
  /* ==========================================================================
       Medium Size Desktop Styles
       ========================================================================== */
  /* ==========================================================================
       Large Size Desktop Styles
       ========================================================================== */
}
.inbox .inbox-buttons {
  border-bottom: 1px solid #ebebeb;
  margin-left: -15px;
  margin-right: -15px;
}
@media (max-width: 767px) {
  .inbox .inbox-buttons .inbox-select-all,
  .inbox .inbox-buttons .inbox-delete-button,
  .inbox .inbox-buttons .inbox-compose-button {
    display: none !important;
  }
}
.inbox table {
  display: block;
  width: 100%;
}
.inbox tbody,
.inbox tr,
.inbox td {
  display: block;
}
.inbox tr {
  box-shadow: inset 0 -1px #ebebeb;
  margin-left: -15px;
  margin-right: -15px;
}
.inbox td p {
  margin-bottom: 0;
  min-height: 24px;
}
.inbox .inbox-message {
  padding-left: 62px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-top: 15px;
  position: relative;
}
@media (max-width: 767px) {
  .inbox .inbox-message-select {
    display: none !important;
  }
}
.inbox .inbox-message-sender-avatar {
  position: absolute;
  margin-left: -47px;
}
.inbox .inbox-message-status {
  position: absolute;
  margin-left: -47px;
  margin-top: 32px;
}
.inbox .inbox-message-status:after {
  content: '';
  position: absolute;
  top: 12px;
  left: 12px;
  height: 8px;
  width: 8px;
  border-radius: 8px;
}
.inbox .inbox-message-info {
  margin-top: -6px;
  position: relative;
}
.inbox .inbox-message-timestamp {
  margin-top: 0;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  color: #666666;
}
@media (min-width: 768px) {
  .inbox .inbox-message-timestamp {
    margin-top: 0;
  }
}
.inbox .inbox-message-preview a {
  color: inherit;
}
.inbox .inbox-message-preview a:hover,
.inbox .inbox-message-preview a:focus {
  color: inherit;
}
.inbox .inbox-message-message {
  margin-top: 0;
}
@media (min-width: 768px) {
  .inbox .inbox-message-message {
    margin-top: 0;
  }
}
.inbox .inbox-ellipsis-wrap {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.inbox .inbox-message-subject {
  font-weight: bold;
}
.inbox .inbox-message-sender-avatar img {
  width: 32px;
  height: 32px;
}
.inbox .inbox-message--unviewed {
  background-color: #f5f8fa;
}
.inbox .inbox-message--unviewed .inbox-message-status:after {
  background-color: #005399;
}
@media (min-width: 768px) {
  .inbox {
    /* ------------ Resets --------------- */
    margin-top: 36px;
    /* ------------ Everything Else ------------ */
    /* ======================================================================
           Sent View
           ====================================================================== */
  }
  .inbox table {
    display: table;
  }
  .inbox tbody {
    display: table-row-group;
  }
  .inbox tr {
    display: table-row;
    margin: 0;
    min-height: 0;
    padding: 0;
    position: relative;
  }
  .inbox tr td:first-child {
    padding-left: 15px;
  }
  .inbox td,
  .inbox th,
  .inbox .inbox-message-select,
  .inbox .inbox-message-status {
    display: table-cell;
    padding: 12px 10px;
  }
  .inbox td {
    box-shadow: inset 0 -1px #ebebeb;
  }
  .inbox .inbox-message-sender-avatar,
  .inbox .inbox-message-timestamp {
    position: static;
  }
  .inbox .inbox-message-timestamp {
    font-size: 14px;
  }
  .inbox .inbox-message-sender-avatar {
    margin-left: 0;
  }
  .inbox .inbox-message-status {
    margin-left: 0;
    margin-top: 0;
  }
  .inbox .inbox-buttons {
    margin-left: 0;
    margin-right: 0;
  }
  .inbox .inbox-buttons {
    padding-bottom: 24px;
    padding-left: 15px;
    padding-top: 6px;
  }
  .inbox .inbox-buttons:before,
  .inbox .inbox-buttons:after {
    content: " ";
    display: table;
  }
  .inbox .inbox-buttons:after {
    clear: both;
  }
  .inbox .inbox-buttons:before,
  .inbox .inbox-buttons:after {
    content: " ";
    display: table;
  }
  .inbox .inbox-buttons:after {
    clear: both;
  }
  .inbox .inbox-buttons:after {
    content: "";
    display: table;
    clear: both;
  }
  .inbox .inbox-buttons:after {
    content: "";
    display: table;
    clear: both;
  }
  .inbox .inbox-buttons .inbox-select-all {
    padding-right: 10px;
  }
  .inbox .inbox-buttons .inbox-delete-button {
    display: inline-block;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 5px;
    background-color: #999999;
    color: #ffffff;
  }
  .inbox .inbox-buttons .inbox-delete-button:hover,
  .inbox .inbox-buttons .inbox-delete-button:focus {
    text-decoration: none;
  }
  .inbox .inbox-buttons .inbox-delete-button[disabled],
  .inbox .inbox-buttons .inbox-delete-button.disabled {
    opacity: 0.3;
    filter: alpha(opacity=30);
    color: #ffffff !important;
  }
  .inbox .inbox-buttons .inbox-delete-button:hover,
  .inbox .inbox-buttons .inbox-delete-button:focus {
    background-color: #c2c2c2;
    color: #ffffff;
  }
  .inbox .inbox-buttons .inbox-delete-button:active,
  .inbox .inbox-buttons .inbox-delete-button:focus:not(:hover) {
    background-color: #707070;
    color: #ffffff;
  }
  .inbox .inbox-buttons .inbox-delete-button[disabled]:hover,
  .inbox .inbox-buttons .inbox-delete-button.disabled:hover {
    background-color: #999999;
  }
  .inbox .inbox-buttons .inbox-compose-button {
    display: inline-block;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 5px;
    background-color: #b90000;
    color: #ffffff;
    float: right !important;
  }
  .inbox .inbox-buttons .inbox-compose-button:hover,
  .inbox .inbox-buttons .inbox-compose-button:focus {
    text-decoration: none;
  }
  .inbox .inbox-buttons .inbox-compose-button[disabled],
  .inbox .inbox-buttons .inbox-compose-button.disabled {
    opacity: 0.3;
    filter: alpha(opacity=30);
    color: #ffffff !important;
  }
  .inbox .inbox-buttons .inbox-compose-button:hover,
  .inbox .inbox-buttons .inbox-compose-button:focus {
    background-color: #d50000;
    color: #ffffff;
  }
  .inbox .inbox-buttons .inbox-compose-button:active,
  .inbox .inbox-buttons .inbox-compose-button:focus:not(:hover) {
    background-color: #9d0000;
    color: #ffffff;
  }
  .inbox .inbox-buttons .inbox-compose-button[disabled]:hover,
  .inbox .inbox-buttons .inbox-compose-button.disabled:hover {
    background-color: #b90000;
  }
  .inbox .inbox-message-select {
    text-align: center;
    width: 40px;
  }
  .inbox .inbox-message-status {
    position: relative;
    width: 20px;
  }
  .inbox .inbox-message-status:after {
    top: 32px;
    left: 6px;
    margin-top: 0;
  }
  .inbox .inbox-message-info {
    width: 192px;
  }
  .inbox .inbox-message-sender-avatar img {
    width: 48px;
    height: 48px;
  }
  .inbox .inbox-message-timestamp {
    display: block;
  }
  .inbox .inbox-message-preview,
  .inbox .inbox-message-subject,
  .inbox .inbox-message-message {
    width: 600px;
  }
  .inbox.inbox--sent-view .inbox-message-sender-avatar {
    padding-left: 30px;
  }
}
@media (min-width: 1260px) {
  .inbox .inbox-buttons {
    padding-left: 15px;
  }
  .inbox .inbox-message-info {
    width: 272px;
  }
  .inbox .inbox-message-preview,
  .inbox .inbox-message-subject,
  .inbox .inbox-message-message {
    width: 750px;
  }
}
/* ==========================================================================
   Inbox Message View
   ========================================================================== */
.inbox-message-view {
  position: relative;
  /* ==========================================================================
       Definitions
       ========================================================================== */
  /* ==========================================================================
       Mobile styles
       ========================================================================== */
  /* ==========================================================================
       Medium Size Desktop Styles
       ========================================================================== */
  /* ==========================================================================
       Large Size Desktop Styles
       ========================================================================== */
}
.inbox-message-view .inbox-message-sender-avatar img {
  height: 60px;
  width: 60px;
}
.inbox-message-view .inbox-message-subject,
.inbox-message-view .inbox-message-timestamp {
  margin-top: 0;
}
@media (min-width: 768px) {
  .inbox-message-view .inbox-message-subject,
  .inbox-message-view .inbox-message-timestamp {
    margin-top: 0;
  }
}
.inbox-message-view .inbox-message-subject {
  font-size: inherit;
  margin-top: 0;
}
.inbox-message-view .inbox-message-sender-avatar {
  float: left;
  margin-right: 15px;
}
.inbox-message-view .inbox-message-info {
  margin-bottom: 24px;
  overflow: hidden;
}
.inbox-message-view .inbox-message-buttons {
  margin-bottom: 12px;
  margin-top: 18px;
}
.inbox-message-view .inbox-message-buttons .back-button,
.inbox-message-view .inbox-message-buttons .delete-button {
  padding-left: 21px;
}
.inbox-message-view .inbox-message-buttons .back-button {
  position: relative;
  text-align: left;
}
.inbox-message-view .inbox-message-buttons .back-button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.inbox-message-view .inbox-message-buttons .back-button:before {
  background-position: 0 0;
}
.inbox-message-view .inbox-message-buttons .back-button:before {
  background-image: url('/static/images/icons/left_arrow_222_16.png?1943ceeeecc3');
}
.inbox-message-view .inbox-message-buttons .back-button:before {
  width: 16px;
  height: 16px;
}
.inbox-message-view .inbox-message-buttons .back-button:before {
  top: 50%;
  margin-top: -8px;
}
.inbox-message-view .inbox-message-buttons .delete-button {
  position: relative;
  text-align: left;
  margin-left: 30px;
}
.inbox-message-view .inbox-message-buttons .delete-button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.inbox-message-view .inbox-message-buttons .delete-button:before {
  background-position: 0 0;
}
.inbox-message-view .inbox-message-buttons .delete-button:before {
  background-image: url('/static/images/icons/delete_222_16.png?1943ceeeecc3');
}
.inbox-message-view .inbox-message-buttons .delete-button:before {
  width: 16px;
  height: 16px;
}
.inbox-message-view .inbox-message-buttons .delete-button:before {
  top: 50%;
  margin-top: -8px;
}
.inbox-message-view .form-section {
  padding-top: 18px;
  border-top: 1px solid #ebebeb;
}
@media (min-width: 768px) {
  .inbox-message-view .form-section {
    padding-top: 24px;
  }
}
.inbox-message-view .form-section .inbox-message-input {
  min-height: 288px;
}
.inbox-message-view .form-section .form-group-controls {
  position: relative;
  min-height: 1px;
  padding-left: 7.5px;
  padding-right: 7.5px;
  float: left;
  width: 100%;
}
@media (min-width: 768px) {
  .inbox-message-view .form-section .form-group-controls {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .inbox-message-view .form-section .form-group-controls {
    float: left;
    width: 640px;
  }
}
@media (min-width: 1260px) {
  .inbox-message-view .form-section .form-group-controls {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1260px) and (min-width: 1260px) {
  .inbox-message-view .form-section .form-group-controls {
    float: left;
    width: 800px;
  }
}
@media (min-width: 768px) {
  .inbox-message-view {
    /* ------------ Resets --------------- */
    /* ------------ Everything Else --------------- */
  }
  .inbox-message-view .inbox-message-sender-avatar {
    margin-right: 0;
  }
  .inbox-message-view .inbox-message {
    margin-left: -10px;
    margin-right: -10px;
    margin-left: -7.5px;
    margin-right: -7.5px;
  }
  .inbox-message-view .inbox-message-buttons {
    margin-bottom: 30px;
    margin-top: 36px;
  }
  .inbox-message-view .form-section {
    clear: left;
  }
  .inbox-message-view .form-section .inbox-message-input,
  .inbox-message-view .form-section .inbox-subject-input {
    width: 100%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .inbox-message-view .inbox-message {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (min-width: 768px) and (min-width: 1260px) {
  .inbox-message-view .inbox-message {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .inbox-message-view .inbox-message-sender-avatar {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (min-width: 768px) and (min-width: 768px) {
  .inbox-message-view .inbox-message-sender-avatar {
    float: left;
    width: 80px;
  }
}
@media (min-width: 768px) and (min-width: 1260px) {
  .inbox-message-view .inbox-message-sender-avatar {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) and (min-width: 1260px) and (min-width: 1260px) {
  .inbox-message-view .inbox-message-sender-avatar {
    float: left;
    width: 100px;
  }
}
@media (min-width: 768px) and (min-width: 768px) and (min-width: 768px) {
  .inbox-message-view .inbox-message-sender-avatar {
    margin-left: 80px;
  }
}
@media (min-width: 768px) and (min-width: 1260px) and (min-width: 1260px) {
  .inbox-message-view .inbox-message-sender-avatar {
    margin-left: 100px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .inbox-message-view .inbox-message-info {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (min-width: 768px) and (min-width: 768px) {
  .inbox-message-view .inbox-message-info {
    float: left;
    width: 640px;
  }
}
@media (min-width: 768px) and (min-width: 1260px) {
  .inbox-message-view .inbox-message-info {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) and (min-width: 1260px) and (min-width: 1260px) {
  .inbox-message-view .inbox-message-info {
    float: left;
    width: 800px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .inbox-message-view .inbox-message-buttons,
  .inbox-message-view .inbox-message-preview {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (min-width: 768px) and (min-width: 768px) {
  .inbox-message-view .inbox-message-buttons,
  .inbox-message-view .inbox-message-preview {
    float: left;
    width: 640px;
  }
}
@media (min-width: 768px) and (min-width: 1260px) {
  .inbox-message-view .inbox-message-buttons,
  .inbox-message-view .inbox-message-preview {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) and (min-width: 1260px) and (min-width: 1260px) {
  .inbox-message-view .inbox-message-buttons,
  .inbox-message-view .inbox-message-preview {
    float: left;
    width: 800px;
  }
}
@media (min-width: 768px) and (min-width: 768px) and (min-width: 768px) {
  .inbox-message-view .inbox-message-buttons,
  .inbox-message-view .inbox-message-preview {
    margin-left: 160px;
  }
}
@media (min-width: 768px) and (min-width: 1260px) and (min-width: 1260px) {
  .inbox-message-view .inbox-message-buttons,
  .inbox-message-view .inbox-message-preview {
    margin-left: 200px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .inbox-message-view .inbox-message-preview {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (min-width: 768px) and (min-width: 768px) {
  .inbox-message-view .inbox-message-preview {
    float: left;
    width: 640px;
  }
}
@media (min-width: 768px) and (min-width: 1260px) {
  .inbox-message-view .inbox-message-preview {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) and (min-width: 1260px) and (min-width: 1260px) {
  .inbox-message-view .inbox-message-preview {
    float: left;
    width: 800px;
  }
}
@media (min-width: 1260px) {
  .inbox-message-view .inbox-message-sender-avatar img {
    height: 70px;
    width: 70px;
  }
}
/* ==========================================================================
   Inbox Message View
   ========================================================================== */
.inbox-compose-view {
  position: relative;
  /* ==========================================================================
       Mobile styles
       ========================================================================== */
  /* ==========================================================================
       Medium Size Desktop Styles
       ========================================================================== */
  /* ==========================================================================
       Large Size Desktop Styles
       ========================================================================== */
}
.inbox-compose-view .form-section .inbox-message-input {
  min-height: 288px;
}
.inbox-compose-view .form-section .form-group-controls {
  position: relative;
  min-height: 1px;
  padding-left: 7.5px;
  padding-right: 7.5px;
  float: left;
  width: 100%;
}
@media (min-width: 768px) {
  .inbox-compose-view .form-section .form-group-controls {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .inbox-compose-view .form-section .form-group-controls {
    float: left;
    width: 640px;
  }
}
@media (min-width: 1260px) {
  .inbox-compose-view .form-section .form-group-controls {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1260px) and (min-width: 1260px) {
  .inbox-compose-view .form-section .form-group-controls {
    float: left;
    width: 800px;
  }
}
.inbox-compose-view .form-section .form-disclaimer {
  margin-top: 18px;
  float: none;
}
.inbox-compose-view .form-section .form-disclaimer:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .inbox-compose-view .form-section .form-disclaimer:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .inbox-compose-view .form-section .form-disclaimer {
    margin-top: 24px;
  }
}
.inbox-compose-view .form-section .form-disclaimer .alert {
  font-size: 14px;
  line-height: 24px;
}
@media (min-width: 768px) {
  .inbox-compose-view .form-section .inbox-message-input,
  .inbox-compose-view .form-section .inbox-subject-input,
  .inbox-compose-view .form-section .inbox-to-input {
    width: 100%;
  }
  .inbox-compose-view .form-disclaimer {
    position: relative;
    min-height: 1px;
    padding-left: 7.5px;
    padding-right: 7.5px;
    float: left;
    width: 100%;
    margin-left: 150px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .inbox-compose-view .form-disclaimer {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (min-width: 768px) and (min-width: 768px) {
  .inbox-compose-view .form-disclaimer {
    float: left;
    width: 640px;
  }
}
@media (min-width: 768px) and (min-width: 1260px) {
  .inbox-compose-view .form-disclaimer {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) and (min-width: 1260px) and (min-width: 1260px) {
  .inbox-compose-view .form-disclaimer {
    float: left;
    width: 800px;
  }
}
@media (min-width: 1260px) {
  .inbox-compose-view .form-disclaimer {
    margin-left: 185px;
  }
}
.user-list {
  padding-left: 0;
  list-style: none;
  margin-top: 18px;
}
.user-list:before,
.user-list:after {
  content: " ";
  display: table;
}
.user-list:after {
  clear: both;
}
.user-list:before,
.user-list:after {
  content: " ";
  display: table;
}
.user-list:after {
  clear: both;
}
.user-list:after {
  content: "";
  display: table;
  clear: both;
}
.user-list:after {
  content: "";
  display: table;
  clear: both;
}
.user-list:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .user-list:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .user-list {
    margin-top: 24px;
  }
}
.user-list .media,
.user-list .text-container {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
}
.user-list-item {
  padding: 0;
  margin-top: 18px;
}
.user-list-item:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .user-list-item:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .user-list-item {
    margin-top: 24px;
  }
}
.user-list-item .avatar {
  width: 70px;
  height: 70px;
}
@media (min-width: 768px) and (max-width: 1260px) {
  .user-list-item .avatar {
    width: 60px;
    height: 60px;
  }
}
.user-list-content {
  min-height: 72px;
}
.user-list-content:before,
.user-list-content:after {
  content: " ";
  display: table;
}
.user-list-content:after {
  clear: both;
}
.user-list-content:before,
.user-list-content:after {
  content: " ";
  display: table;
}
.user-list-content:after {
  clear: both;
}
.user-list-content:after {
  content: "";
  display: table;
  clear: both;
}
.user-list-content:after {
  content: "";
  display: table;
  clear: both;
}
.user-list-content .img {
  float: left;
  margin-right: 15px;
}
.user-list-content .img img {
  display: block;
}
.followers-header {
  margin-bottom: 36px;
}
@media (min-width: 768px) {
  .follower-items-section {
    margin-left: -10px;
    margin-right: -10px;
    margin-left: -7.5px;
    margin-right: -7.5px;
    font-size: 0;
  }
  .follower-items-section .user-list-item {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
  }
  .follower-items-section .user-list-item:nth-child(-n + 2) {
    margin-top: 0;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .follower-items-section {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (min-width: 768px) and (min-width: 1260px) {
  .follower-items-section {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .follower-items-section .user-list-item {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (min-width: 768px) and (min-width: 768px) {
  .follower-items-section .user-list-item {
    float: left;
    width: 320px;
  }
}
@media (min-width: 768px) and (min-width: 1260px) {
  .follower-items-section .user-list-item {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) and (min-width: 1260px) and (min-width: 1260px) {
  .follower-items-section .user-list-item {
    float: left;
    width: 400px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .follower-items-section .user-list-item:nth-child(-n + 2) {
    margin-top: 0;
  }
}
@media (min-width: 768px), (min-width: 992px), (min-width: 1260px) {
  .follower-items-section .user-list-item {
    float: none;
  }
}
.follower-btn {
  position: absolute;
  top: 50%;
  left: 100%;
  min-width: 150px;
  margin-top: -19px;
  margin-left: -19px;
  color: #ffffff;
}
.follower-btn .follower-btn-following {
  padding: 8px 0 6px 45.5px;
  text-transform: uppercase;
  text-align: left;
  font-weight: bold;
  font-size: 12px;
}
.follower-btn .follower-btn-following:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  content: "";
}
@media (min-width: 768px) {
  .follower-btn .follower-btn-following {
    width: 100px;
    padding: 0;
    text-align: center;
  }
  .follower-btn .follower-btn-following:before {
    position: static;
    margin: 0 auto 6px;
    width: 48px;
    height: 48px;
  }
}
.follower-btn .follower-btn-following:before {
  background-color: #009966;
  color: #ffffff;
  background-image: url('/static/images/icons/accept_fff_16.png?1943ceeeecc3');
}
.follower-btn .follower-btn-following:before:hover,
.follower-btn .follower-btn-following:before:focus {
  background-color: #d50000;
  color: #ffffff;
}
.follower-btn .follower-btn-following:before:active,
.follower-btn .follower-btn-following:before:focus:not(:hover) {
  background-color: #9d0000;
  color: #ffffff;
}
.follower-btn .follower-btn-following:before[disabled]:hover,
.follower-btn .follower-btn-following:before.disabled:hover {
  background-color: #009966;
}
@media (min-width: 768px) {
  .follower-btn .follower-btn-following:before {
    background-image: url('/static/images/icons/accept_fff_24.png?1943ceeeecc3');
  }
}
.follower-btn .follower-btn-following:hover,
.follower-btn .follower-btn-following:focus {
  padding: 8px 0 6px 45.5px;
  text-transform: uppercase;
  text-align: left;
  font-weight: bold;
  font-size: 12px;
}
.follower-btn .follower-btn-following:hover:before,
.follower-btn .follower-btn-following:focus:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  content: "";
}
@media (min-width: 768px) {
  .follower-btn .follower-btn-following:hover,
  .follower-btn .follower-btn-following:focus {
    width: 100px;
    padding: 0;
    text-align: center;
  }
  .follower-btn .follower-btn-following:hover:before,
  .follower-btn .follower-btn-following:focus:before {
    position: static;
    margin: 0 auto 6px;
    width: 48px;
    height: 48px;
  }
}
.follower-btn .follower-btn-following:hover:before,
.follower-btn .follower-btn-following:focus:before {
  background-color: #b90000;
  color: #ffffff;
}
.follower-btn .follower-btn-following:hover:before:hover,
.follower-btn .follower-btn-following:focus:before:hover,
.follower-btn .follower-btn-following:hover:before:focus,
.follower-btn .follower-btn-following:focus:before:focus {
  background-color: #d50000;
  color: #ffffff;
}
.follower-btn .follower-btn-following:hover:before:active,
.follower-btn .follower-btn-following:focus:before:active,
.follower-btn .follower-btn-following:hover:before:focus:not(:hover),
.follower-btn .follower-btn-following:focus:before:focus:not(:hover) {
  background-color: #9d0000;
  color: #ffffff;
}
.follower-btn .follower-btn-following:hover:before[disabled]:hover,
.follower-btn .follower-btn-following:focus:before[disabled]:hover,
.follower-btn .follower-btn-following:hover:before.disabled:hover,
.follower-btn .follower-btn-following:focus:before.disabled:hover {
  background-color: #b90000;
}
.follower-btn .follower-btn-following:hover:hover:before,
.follower-btn .follower-btn-following:focus:hover:before,
.follower-btn .follower-btn-following:hover:focus:before,
.follower-btn .follower-btn-following:focus:focus:before {
  background-color: #d50000;
}
.follower-btn .follower-btn-following:hover:active:before,
.follower-btn .follower-btn-following:focus:active:before {
  background-color: #9d0000;
}
.follower-btn .follower-btn-following:hover:before,
.follower-btn .follower-btn-following:focus:before {
  background-image: url('/static/images/icons/delete_fff_16.png?1943ceeeecc3');
}
@media (min-width: 768px) {
  .follower-btn .follower-btn-following:hover:before,
  .follower-btn .follower-btn-following:focus:before {
    background-image: url('/static/images/icons/delete_fff_24.png?1943ceeeecc3');
  }
}
.follower-btn .follower-btn-following:hover .btn-following-text--alt,
.follower-btn .follower-btn-following:focus .btn-following-text--alt {
  display: inline-block;
}
.follower-btn .follower-btn-following:hover .btn-following-text--default,
.follower-btn .follower-btn-following:focus .btn-following-text--default {
  display: none;
}
.follower-btn .btn-following-text--alt {
  display: none;
}
.follower-btn .follower-btn-unfollow {
  display: none;
}
.follower-btn .follower-btn-add-follower {
  padding: 8px 0 6px 45.5px;
  text-transform: uppercase;
  text-align: left;
  font-weight: bold;
  font-size: 12px;
}
.follower-btn .follower-btn-add-follower:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  content: "";
}
@media (min-width: 768px) {
  .follower-btn .follower-btn-add-follower {
    width: 100px;
    padding: 0;
    text-align: center;
  }
  .follower-btn .follower-btn-add-follower:before {
    position: static;
    margin: 0 auto 6px;
    width: 48px;
    height: 48px;
  }
}
.follower-btn .follower-btn-add-follower:before {
  background-color: #b90000;
  color: #ffffff;
}
.follower-btn .follower-btn-add-follower:before:hover,
.follower-btn .follower-btn-add-follower:before:focus {
  background-color: #d50000;
  color: #ffffff;
}
.follower-btn .follower-btn-add-follower:before:active,
.follower-btn .follower-btn-add-follower:before:focus:not(:hover) {
  background-color: #9d0000;
  color: #ffffff;
}
.follower-btn .follower-btn-add-follower:before[disabled]:hover,
.follower-btn .follower-btn-add-follower:before.disabled:hover {
  background-color: #b90000;
}
.follower-btn .follower-btn-add-follower:hover:before,
.follower-btn .follower-btn-add-follower:focus:before {
  background-color: #d50000;
}
.follower-btn .follower-btn-add-follower:active:before {
  background-color: #9d0000;
}
.follower-btn .follower-btn-add-follower:before {
  background-image: url('/static/images/icons/add_fff_16.png?1943ceeeecc3');
}
@media (min-width: 768px) {
  .follower-btn .follower-btn-add-follower:before {
    background-image: url('/static/images/icons/add_fff_24.png?1943ceeeecc3');
  }
}
.follower-btn[data-ajax-form-state='following'] .follower-btn-unfollow {
  display: block;
}
.follower-btn[data-ajax-form-state='following'] .follower-btn-follow {
  display: none;
}
.follower-btn.ajax-form-disable-hover .follower-btn-following:hover,
.follower-btn.ajax-form-disable-hover .follower-btn-following:focus {
  padding: 8px 0 6px 45.5px;
  text-transform: uppercase;
  text-align: left;
  font-weight: bold;
  font-size: 12px;
}
.follower-btn.ajax-form-disable-hover .follower-btn-following:hover:before,
.follower-btn.ajax-form-disable-hover .follower-btn-following:focus:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  content: "";
}
@media (min-width: 768px) {
  .follower-btn.ajax-form-disable-hover .follower-btn-following:hover,
  .follower-btn.ajax-form-disable-hover .follower-btn-following:focus {
    width: 100px;
    padding: 0;
    text-align: center;
  }
  .follower-btn.ajax-form-disable-hover .follower-btn-following:hover:before,
  .follower-btn.ajax-form-disable-hover .follower-btn-following:focus:before {
    position: static;
    margin: 0 auto 6px;
    width: 48px;
    height: 48px;
  }
}
.follower-btn.ajax-form-disable-hover .follower-btn-following:hover:before,
.follower-btn.ajax-form-disable-hover .follower-btn-following:focus:before {
  background-color: #009966;
  color: #ffffff;
  background-image: url('/static/images/icons/accept_fff_16.png?1943ceeeecc3');
}
.follower-btn.ajax-form-disable-hover .follower-btn-following:hover:before:hover,
.follower-btn.ajax-form-disable-hover .follower-btn-following:focus:before:hover,
.follower-btn.ajax-form-disable-hover .follower-btn-following:hover:before:focus,
.follower-btn.ajax-form-disable-hover .follower-btn-following:focus:before:focus {
  background-color: #d50000;
  color: #ffffff;
}
.follower-btn.ajax-form-disable-hover .follower-btn-following:hover:before:active,
.follower-btn.ajax-form-disable-hover .follower-btn-following:focus:before:active,
.follower-btn.ajax-form-disable-hover .follower-btn-following:hover:before:focus:not(:hover),
.follower-btn.ajax-form-disable-hover .follower-btn-following:focus:before:focus:not(:hover) {
  background-color: #9d0000;
  color: #ffffff;
}
.follower-btn.ajax-form-disable-hover .follower-btn-following:hover:before[disabled]:hover,
.follower-btn.ajax-form-disable-hover .follower-btn-following:focus:before[disabled]:hover,
.follower-btn.ajax-form-disable-hover .follower-btn-following:hover:before.disabled:hover,
.follower-btn.ajax-form-disable-hover .follower-btn-following:focus:before.disabled:hover {
  background-color: #009966;
}
@media (min-width: 768px) {
  .follower-btn.ajax-form-disable-hover .follower-btn-following:hover:before,
  .follower-btn.ajax-form-disable-hover .follower-btn-following:focus:before {
    background-image: url('/static/images/icons/accept_fff_24.png?1943ceeeecc3');
  }
}
.follower-btn.ajax-form-disable-hover .follower-btn-following:hover .btn-following-text--alt,
.follower-btn.ajax-form-disable-hover .follower-btn-following:focus .btn-following-text--alt {
  display: none;
}
.follower-btn.ajax-form-disable-hover .follower-btn-following:hover .btn-following-text--default,
.follower-btn.ajax-form-disable-hover .follower-btn-following:focus .btn-following-text--default {
  display: inline-block;
}
.follower-btn.ajax-form-disable-hover .follower-btn-add-follower:hover:before,
.follower-btn.ajax-form-disable-hover .follower-btn-add-follower:focus:before {
  background-color: #b90000;
}
@media (min-width: 768px) {
  .follower-btn {
    min-width: 0;
    width: 100px;
    top: 100%;
    left: 100%;
    margin-top: -48px;
    margin-left: -84px;
    color: #222222;
  }
}
@media (min-width: 1260px) {
  .header--with-avatar .follower-btn {
    margin-left: -89px;
  }
}
.homefeed .content-top .secondary-nav-item--artists .secondary-nav-item-link:hover:after,
.homefeed .content-top .secondary-nav-item--artists .secondary-nav-item-link:focus:after {
  background-color: #ff9900;
}
.homefeed .content-top .secondary-nav-item--albums .secondary-nav-item-link:hover:after,
.homefeed .content-top .secondary-nav-item--albums .secondary-nav-item-link:focus:after {
  background-color: #009966;
}
.homefeed .content-top .secondary-nav-item--tracks .secondary-nav-item-link:hover:after,
.homefeed .content-top .secondary-nav-item--tracks .secondary-nav-item-link:focus:after {
  background-color: #0066ff;
}
.homefeed .content-top .secondary-nav-item--events .secondary-nav-item-link:hover:after,
.homefeed .content-top .secondary-nav-item--events .secondary-nav-item-link:focus:after {
  background-color: #9900ff;
}
.homefeed--artists .content-top .secondary-nav-item-link--active:after {
  background-color: #ff9900;
}
.homefeed--albums .content-top .secondary-nav-item-link--active:after {
  background-color: #009966;
}
.homefeed--tracks .content-top .secondary-nav-item-link--active:after {
  background-color: #0066ff;
}
.homefeed--events .content-top .secondary-nav-item-link--active:after {
  background-color: #9900ff;
}
.recs-feed {
  margin-top: 0;
  margin-top: 18px;
  margin-left: -15px;
  margin-right: -15px;
  font-size: 12px;
  line-height: 18px;
}
@media (min-width: 768px) {
  .recs-feed {
    margin-top: 0;
  }
}
.recs-feed:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .recs-feed:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .recs-feed {
    margin-top: 24px;
  }
}
.recs-feed .recs-feed-item {
  margin-top: 12px;
  padding: 15px;
  background: #f9f9f9;
  box-shadow: 0 1px #ebebeb, 0 -1px #ebebeb;
}
.recs-feed .recs-feed-item:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .recs-feed .recs-feed-item:first-child {
    margin-top: 0;
  }
}
.recs-feed .recs-feed-inner-wrap {
  position: relative;
  display: inline-block;
  padding-left: 85px;
}
.recs-feed .recs-feed-avatar {
  float: left;
  margin-left: -85px;
  width: 70px;
}
.recs-feed .recs-feed-avatar {
  position: relative;
  text-align: left;
}
.recs-feed .recs-feed-avatar:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.recs-feed .recs-feed-avatar:after {
  background-position: 0 0;
}
.recs-feed .recs-feed-avatar:after {
  background-image: url('/static/images/icons/rec_types_16.png?1943ceeeecc3');
}
.recs-feed .recs-feed-avatar:after {
  width: 32px;
  height: 32px;
}
.recs-feed .recs-feed-avatar:after {
  border-radius: 50%;
  top: auto;
  left: auto;
}
.recs-feed .recs-feed-avatar:after {
  bottom: -5px;
  right: -5px;
}
.recs-feed .recs-feed-item--artist .recs-feed-avatar .layout-image-image,
.recs-feed .recs-feed-item--event:not(.recs-feed-item--has-poster) .recs-feed-avatar .layout-image-image {
  border-radius: 50%;
}
.recs-feed .recs-feed-item--artist .recs-feed-avatar:after {
  background-position: 0 -32px;
}
.recs-feed .recs-feed-item--artist .recs-feed-avatar:after {
  background-color: #ff9900;
}
.recs-feed .recs-feed-item--album .recs-feed-avatar:after {
  background-position: 0 -64px;
}
.recs-feed .recs-feed-item--album .recs-feed-avatar:after {
  background-color: #009966;
}
.recs-feed .recs-feed-item--track .recs-feed-avatar:after {
  background-position: 0 -96px;
}
.recs-feed .recs-feed-item--track .recs-feed-avatar:after {
  background-color: #0066ff;
}
.recs-feed .recs-feed-item--event .recs-feed-avatar:after {
  background-position: 0 -128px;
}
.recs-feed .recs-feed-item--event .recs-feed-avatar:after {
  background-color: #9900ff;
}
.recs-feed .recs-feed-cover-link {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 70px;
  height: 100%;
}
.recs-feed .recs-feed-cover-image {
  display: none;
}
.recs-feed .recs-feed-title {
  margin: 0;
  margin-top: -6px;
}
.recs-feed .recs-feed-title a {
  color: inherit;
}
.recs-feed .recs-feed-title a:hover,
.recs-feed .recs-feed-title a:focus {
  color: inherit;
}
.recs-feed .link-block--hover .recs-feed-title {
  text-decoration: underline;
}
.recs-feed .recs-feed-description {
  margin-top: 0;
}
@media (min-width: 768px) {
  .recs-feed .recs-feed-description {
    margin-top: 0;
  }
}
.recs-feed .recs-feed-description a {
  color: inherit;
}
.recs-feed .recs-feed-description a:hover,
.recs-feed .recs-feed-description a:focus {
  color: inherit;
}
.recs-feed .recs-feed-event-description {
  margin-top: 6px;
}
.recs-feed .recs-feed-event-description:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .recs-feed .recs-feed-event-description:first-child {
    margin-top: 0;
  }
}
.recs-feed .calendar-icon {
  width: 32px;
  float: left;
  margin-right: 10px;
  margin-top: 2px;
}
.recs-feed .calendar-icon .calendar-icon-month {
  padding-top: 0;
  padding-bottom: 0;
  font-size: 9px;
  line-height: 14px;
  height: 14px;
}
.recs-feed .calendar-icon .calendar-icon-day {
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
  line-height: 18px;
  height: 18px;
  font-weight: bold;
}
.recs-feed .recs-feed-event-location-name,
.recs-feed .recs-feed-event-location-city {
  margin-top: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .recs-feed .recs-feed-event-location-name,
  .recs-feed .recs-feed-event-location-city {
    margin-top: 0;
  }
}
.recs-feed .recs-feed-title-duration {
  font-weight: normal;
}
.recs-feed .recs-feed-playlink {
  display: none;
}
.recs-feed .context {
  margin-top: 12px;
  color: #666666;
}
.recs-feed .context:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .recs-feed .context:first-child {
    margin-top: 0;
  }
}
.recs-feed .context-love-icon {
  position: relative;
  text-align: left;
  display: inline-block;
  width: 12px;
  height: 18px;
  vertical-align: bottom;
  margin-right: 4px;
}
.recs-feed .context-love-icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.recs-feed .context-love-icon:before {
  background-position: 0 0;
}
.recs-feed .context-love-icon:before {
  background-image: url('/static/images/icons/love_12.png?1943ceeeecc3');
}
.recs-feed .context-love-icon:before {
  width: 12px;
  height: 12px;
}
.recs-feed .context-love-icon:before {
  top: 50%;
  margin-top: -6px;
}
@media (min-width: 768px) {
  .recs-feed {
    margin-left: -10px;
    margin-right: -10px;
    margin-left: -7.5px;
    margin-right: -7.5px;
  }
  .recs-feed .recs-feed-mobile-ad {
    display: none;
  }
  .recs-feed .recs-feed-item {
    margin-top: 15px;
    padding-top: 0;
    padding-bottom: 0;
    background: none;
    box-shadow: none;
  }
  .recs-feed .recs-feed-item:first-child {
    margin-top: 0;
  }
  .recs-feed .recs-feed-item:nth-child(-n + 3) {
    margin-top: 0;
  }
  .recs-feed .recs-feed-item:hover .recs-feed-playlink,
  .recs-feed .recs-feed-item:focus .recs-feed-playlink {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .recs-feed .recs-feed-item .recs-feed-playlink {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  .recs-feed .recs-feed-item .recs-feed-playlink:hover,
  .recs-feed .recs-feed-item .recs-feed-playlink:focus {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .recs-feed .recs-feed-item-clear {
    clear: left;
  }
  .recs-feed .recs-feed-inner-wrap {
    width: 100%;
    padding: 0;
    z-index: 1;
  }
  .recs-feed .recs-feed-cover-image-wrap {
    position: relative;
    color: #ffffff;
  }
  .recs-feed .recs-feed-cover-image-wrap a {
    position: relative;
    z-index: 1;
  }
  .recs-feed .recs-feed-cover-image-wrap.link-block--hover .link-block-target {
    text-decoration: underline;
  }
  .recs-feed .recs-feed-cover-image-wrap .link-block-cover-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
  }
  .recs-feed .recs-feed-cover-image-wrap a {
    color: inherit;
  }
  .recs-feed .recs-feed-cover-image-wrap a:hover,
  .recs-feed .recs-feed-cover-image-wrap a:focus {
    color: inherit;
  }
  .recs-feed .recs-feed-cover-image-wrap:after {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.95) 100%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.95) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.95) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#f2000000', GradientType=0);
  }
  .recs-feed .recs-feed-cover-image-wrap .recs-feed-cover-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
  }
  .recs-feed .recs-feed-cover-image-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 15px;
  }
  .recs-feed .recs-feed-cover-image {
    position: relative;
    z-index: -1;
    display: block;
  }
  .recs-feed .recs-feed-event-image {
    width: 100%;
  }
  .recs-feed .recs-feed-event-images--3 .recs-feed-event-image:nth-child(n+2) {
    width: 50%;
    float: left;
  }
  .recs-feed .recs-feed-avatar {
    display: none;
  }
  .recs-feed .recs-feed-title {
    font-size: 14px;
    line-height: 18px;
  }
  .recs-feed .recs-feed-playlink {
    position: relative;
    /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
    font: 0/0 a;
    text-shadow: none;
    /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
    color: transparent !important;
    vertical-align: top;
    /* Set the box size of the image's containing element
     */
    display: inline-block;
    /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
    min-width: 0;
    text-align: left;
    position: absolute;
    top: 15px;
    left: 15px;
    width: 32px;
    height: 32px;
    display: block;
  }
  .recs-feed .recs-feed-playlink:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .recs-feed .recs-feed-playlink:before {
    background-position: 0 0;
  }
  .recs-feed .recs-feed-playlink:before {
    background-image: url('/static/images/icons/play_32.png?1943ceeeecc3');
  }
  .recs-feed .recs-feed-playlink:before {
    width: 32px;
    height: 32px;
  }
  .recs-feed .recs-feed-playlink:before {
    top: 50%;
    margin-top: -16px;
  }
  .recs-feed .recs-feed-playlink:before {
    left: 50%;
    margin-left: -16px;
  }
  .recs-feed .recs-feed-playlink:hover:before,
  .recs-feed .recs-feed-playlink:focus:before {
    background-position: 0 -32px;
  }
  .recs-feed .calendar-icon {
    box-shadow: none;
  }
  .recs-feed .context {
    margin-top: 0;
    background: #f9f9f9;
    box-shadow: inset 1px 0 #ebebeb, inset -1px -1px #ebebeb;
    padding: 15px;
  }
  .recs-feed .context {
    position: relative;
    text-align: left;
  }
  .recs-feed .context:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .recs-feed .context:after {
    background-position: 0 0;
  }
  .recs-feed .context:after {
    background-image: url('/static/images/icons/rec_types_16.png?1943ceeeecc3');
  }
  .recs-feed .context:after {
    width: 32px;
    height: 32px;
  }
  .recs-feed .context:after {
    border-radius: 50%;
    top: auto;
    left: auto;
  }
  .recs-feed .context:after {
    top: -16px;
    right: 15px;
  }
  .recs-feed .recs-feed-item--artist .context:after {
    background-position: 0 -32px;
  }
  .recs-feed .recs-feed-item--artist .context:after {
    background-color: #ff9900;
  }
  .recs-feed .recs-feed-item--album .context:after {
    background-position: 0 -64px;
  }
  .recs-feed .recs-feed-item--album .context:after {
    background-color: #009966;
  }
  .recs-feed .recs-feed-item--track .context:after {
    background-position: 0 -96px;
  }
  .recs-feed .recs-feed-item--track .context:after {
    background-color: #0066ff;
  }
  .recs-feed .recs-feed-item--event .context:after {
    background-position: 0 -128px;
  }
  .recs-feed .recs-feed-item--event .context:after {
    background-color: #9900ff;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .recs-feed {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (min-width: 768px) and (min-width: 1260px) {
  .recs-feed {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .recs-feed .recs-feed-item:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .recs-feed .recs-feed-item {
    margin-top: 20px;
  }
}
@media (min-width: 768px) and (min-width: 1260px) {
  .recs-feed .recs-feed-item {
    margin-top: 30px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .recs-feed .recs-feed-item:nth-child(-n + 3) {
    margin-top: 0;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .recs-feed .recs-feed-item {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (min-width: 768px) and (min-width: 768px) {
  .recs-feed .recs-feed-item {
    float: left;
    width: 80px;
  }
}
@media (min-width: 768px) and (min-width: 1260px) {
  .recs-feed .recs-feed-item {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) and (min-width: 1260px) and (min-width: 1260px) {
  .recs-feed .recs-feed-item {
    float: left;
    width: 100px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .recs-feed .recs-feed-item {
    width: 213px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .recs-feed .context {
    margin-top: 0;
  }
}
@media (min-width: 1260px) {
  .recs-feed .recs-feed-item {
    width: 266px;
  }
  .recs-feed .recs-feed-playlink {
    position: relative;
    /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
    font: 0/0 a;
    text-shadow: none;
    /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
    color: transparent !important;
    vertical-align: top;
    /* Set the box size of the image's containing element
     */
    display: inline-block;
    /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
    min-width: 0;
    text-align: left;
    position: absolute;
    top: 15px;
    left: 15px;
    width: 48px;
    height: 48px;
  }
  .recs-feed .recs-feed-playlink:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .recs-feed .recs-feed-playlink:before {
    background-position: 0 0;
  }
  .recs-feed .recs-feed-playlink:before {
    background-image: url('/static/images/icons/play_48.png?1943ceeeecc3');
  }
  .recs-feed .recs-feed-playlink:before {
    width: 48px;
    height: 48px;
  }
  .recs-feed .recs-feed-playlink:before {
    top: 50%;
    margin-top: -24px;
  }
  .recs-feed .recs-feed-playlink:before {
    left: 50%;
    margin-left: -24px;
  }
  .recs-feed .recs-feed-playlink:hover:before,
  .recs-feed .recs-feed-playlink:focus:before {
    background-position: 0 -48px;
  }
  .recs-feed .recs-feed-title {
    font-size: 18px;
    line-height: 24px;
  }
}
.debug-log {
  font-size: 12px;
  line-height: 18px;
  display: none;
  position: fixed;
  overflow: scroll;
  z-index: 100000001;
  top: 10%;
  left: 10%;
  right: 10%;
  bottom: 10%;
  padding-left: 30px;
  padding-right: 30px;
  background: #382442;
  color: #fff;
  border: 10px solid #886699;
  font-family: "Lucida Console", Monaco, monospace;
  word-break: break-word;
}
.debug-log h2 {
  margin-top: 18px;
  margin-bottom: 18px;
  text-align: center;
}
.debug-log ul {
  margin-top: 0;
}
@media (min-width: 768px) {
  .debug-log ul {
    margin-top: 0;
  }
}
.debug-log li {
  padding-bottom: 12px;
  margin-top: 12px;
  border-bottom: 1px solid #543663;
}
.debug-log--show {
  display: block;
}
.globalchart {
  display: block;
  margin-top: 18px;
  position: relative;
  z-index: 1;
  margin-left: -15px;
  margin-right: -15px;
  line-height: 18px;
  padding-top: 56.25%;
  background-size: contain;
  background-repeat: no-repeat;
}
.globalchart thead,
.globalchart tbody,
.globalchart tr,
.globalchart td {
  display: block;
}
.globalchart:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .globalchart:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .globalchart {
    margin-top: 24px;
  }
}
.globalchart a {
  color: inherit;
}
.globalchart a:hover,
.globalchart a:focus {
  color: inherit;
}
.globalchart .globalchart-item {
  position: relative;
}
.globalchart .globalchart-item a {
  position: relative;
  z-index: 1;
}
.globalchart .globalchart-item.link-block--hover .link-block-target {
  text-decoration: underline;
}
.globalchart .globalchart-item .link-block-cover-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.globalchart .globalchart-item .globalchart-cover-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.globalchart .globalchart-item {
  min-height: 48px;
  box-shadow: 0 1px #ffffff;
}
.globalchart .globalchart-item:before,
.globalchart .globalchart-item:after {
  content: " ";
  display: table;
}
.globalchart .globalchart-item:after {
  clear: both;
}
.globalchart .globalchart-item:before,
.globalchart .globalchart-item:after {
  content: " ";
  display: table;
}
.globalchart .globalchart-item:after {
  clear: both;
}
.globalchart .globalchart-item:after {
  content: "";
  display: table;
  clear: both;
}
.globalchart .globalchart-item:after {
  content: "";
  display: table;
  clear: both;
}
.globalchart .globalchart-rank,
.globalchart .globalchart-image {
  float: left;
}
.globalchart .globalchart-rank {
  width: 40px;
  padding-left: 15px;
  padding-top: 15px;
  color: #666666;
}
.globalchart .globalchart-image {
  width: 32px;
  height: 32px;
  margin-top: 8px;
}
.globalchart .globalchart-image .avatar,
.globalchart .globalchart-image .cover-art {
  width: 100%;
  height: 100%;
}
.globalchart .image-overlay-playlink-link {
  display: none;
}
.globalchart .globalchart-name,
.globalchart .globalchart-track-artist-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 15px;
}
.globalchart .globalchart-name {
  padding-top: 6px;
}
.globalchart .globalchart-name--single-line {
  padding-top: 15px;
}
.globalchart .globalchart-track-artist-name {
  color: #666666;
}
.globalchart .countbar-bar {
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
}
.globalchart .countbar-bar-slug {
  height: 100%;
  display: block;
  background: #e9ecec;
}
.globalchart .countbar-bar-value {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.globalchart .globalchart-item:first-child {
  margin-top: -48px;
  background: rgba(0, 0, 0, 0.5);
  color: #ffffff;
}
.globalchart .globalchart-item:first-child .globalchart-rank,
.globalchart .globalchart-item:first-child .globalchart-track-artist-name {
  color: inherit;
}
.globalchart .globalchart-item:first-child .globalchart-rank,
.globalchart .globalchart-item:first-child .globalchart-name {
  font-weight: bold;
}
.globalchart .globalchart-item:first-child .countbar-bar {
  display: none;
}
@media (min-width: 768px) {
  .globalchart {
    margin-left: 0;
    margin-right: 0;
    line-height: 24px;
  }
  .globalchart .globalchart-item {
    min-height: 72px;
    box-shadow: 0 1px #ffffff, inset 0 -1px #e9ecec;
  }
  .globalchart .globalchart-item .image-overlay-playlink-link:before {
    display: none;
  }
  .globalchart .globalchart-item .image-overlay-playlink-link:hover:before,
  .globalchart .globalchart-item .image-overlay-playlink-link:focus:before,
  .globalchart .globalchart-item:hover .image-overlay-playlink-link:before,
  .globalchart .globalchart-item:focus .image-overlay-playlink-link:before {
    display: block;
  }
  .globalchart .globalchart-playlink {
    position: relative;
  }
  .globalchart .globalchart-playlink .cover-art {
    width: 100%;
  }
  .globalchart .globalchart-playlink .image-overlay-playlink-link {
    position: relative;
    /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
    font: 0/0 a;
    text-shadow: none;
    /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
    color: transparent !important;
    vertical-align: top;
    /* Set the box size of the image's containing element
     */
    display: inline-block;
    width: 32px;
    height: 32px;
    /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
    min-width: 0;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .globalchart .globalchart-playlink .image-overlay-playlink-link:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .globalchart .globalchart-playlink .image-overlay-playlink-link:before {
    background-position: 0 0;
  }
  .globalchart .globalchart-playlink .image-overlay-playlink-link:before {
    background-image: url('/static/images/icons/play_32.png?1943ceeeecc3');
  }
  .globalchart .globalchart-playlink .image-overlay-playlink-link:before {
    width: 32px;
    height: 32px;
  }
  .globalchart .globalchart-playlink .image-overlay-playlink-link:before {
    top: 50%;
    margin-top: -16px;
  }
  .globalchart .globalchart-playlink .image-overlay-playlink-link:before {
    left: 50%;
    margin-left: -16px;
  }
  .globalchart .globalchart-playlink .image-overlay-playlink-link:focus:before,
  .globalchart .globalchart-playlink .image-overlay-playlink-link:hover:before {
    background-position: 0 -32px;
  }
  .globalchart .globalchart-playlink .image-overlay-playlink-link:focus:before,
  .globalchart .globalchart-playlink .image-overlay-playlink-link:hover:before {
    background-image: url('/static/images/icons/play_32.png?1943ceeeecc3');
  }
  .globalchart .globalchart-image {
    width: 48px;
    height: 48px;
    margin-top: 12px;
  }
  .globalchart .globalchart-rank {
    width: 36px;
    padding-left: 10px;
    padding-top: 24px;
  }
  .globalchart .globalchart-name {
    padding-top: 12px;
  }
  .globalchart .globalchart-name--single-line {
    padding-top: 24px;
  }
  .globalchart .globalchart-item:first-child {
    margin-top: -72px;
  }
  .globalchart .globalchart-item:first-child .globalchart-name,
  .globalchart .globalchart-item:first-child .globalchart-track-artist-name {
    font-size: 18px;
  }
}
@media (min-width: 1260px) {
  .globalchart .globalchart-rank {
    width: 46px;
    padding-left: 15px;
  }
}
.search-form {
  position: relative;
  display: block;
}
.search-field {
  line-height: inherit;
  font-size: 18px;
  height: 36px;
  width: 100%;
  padding: 0 36px 0 15px;
  border: 2px solid #cccccc;
  border-radius: 19px;
  background: transparent;
}
.search-field:focus {
  border-color: #666666;
  outline: none;
}
.search-submit {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 16px;
  height: 16px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
  position: absolute;
  top: 0;
  right: 5px;
  width: 36px;
  height: 36px;
}
.search-submit:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.search-submit:before {
  background-position: 0 0;
}
.search-submit:before {
  background-image: url('/static/images/icons/search_222_16.png?1943ceeeecc3');
}
.search-submit:before {
  width: 16px;
  height: 16px;
}
.search-submit:before {
  top: 50%;
  margin-top: -8px;
}
.search-submit:before {
  left: 50%;
  margin-left: -8px;
}
@media (min-width: 768px) {
  .search-form {
    width: 260px;
  }
}
.search-form--dark .search-field {
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.5);
  /* These don't work when combined into one rule */
}
.search-form--dark .search-field:focus {
  border-color: rgba(255, 255, 255, 0.4);
  color: #ffffff;
}
.search-form--dark .search-field::-webkit-input-placeholder {
  opacity: 0.5;
  filter: alpha(opacity=50);
  color: #ffffff;
}
.search-form--dark .search-field::-moz-placeholder {
  opacity: 0.5;
  filter: alpha(opacity=50);
  color: #ffffff;
}
.search-form--dark .search-field:-ms-input-placeholder {
  opacity: 0.5;
  filter: alpha(opacity=50);
  color: #ffffff;
}
.search-form--dark .search-submit {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.search-form--dark .search-submit:before {
  background-position: 0 0;
}
.search-form--dark .search-submit:before {
  background-image: url('/static/images/icons/search_16.png?1943ceeeecc3');
}
.search-form--dark .search-field:focus + .search-submit {
  opacity: 1;
  filter: alpha(opacity=100);
}
.love-button-toggle .love-button-wrapper--unloved {
  display: block;
}
.love-button-toggle .love-button-wrapper--loved {
  display: none;
}
.love-button-toggle[data-ajax-form-state='loved'] .love-button-wrapper--unloved {
  display: none;
}
.love-button-toggle[data-ajax-form-state='loved'] .love-button-wrapper--loved {
  display: block;
}
.embedded-video-container {
  margin-top: 18px;
  position: relative;
  padding-top: 56.25%;
}
.embedded-video-container:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .embedded-video-container:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .embedded-video-container {
    margin-top: 24px;
  }
}
.embedded-video {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.video-preview {
  margin-top: 18px;
  margin-left: -15px;
  margin-right: -15px;
}
.video-preview:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .video-preview:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .video-preview {
    margin-top: 24px;
  }
}
@media (min-width: 768px) {
  .video-preview {
    margin-left: 0;
    margin-right: 0;
  }
}
.video-preview-playlink {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: hidden;
}
.video-preview-playlink .cover-art {
  width: 100%;
}
.video-preview-playlink .image-overlay-playlink-link {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 96px;
  height: 96px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-preview-playlink .image-overlay-playlink-link:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.video-preview-playlink .image-overlay-playlink-link:before {
  background-position: 0 0;
}
.video-preview-playlink .image-overlay-playlink-link:before {
  background-image: url('/static/images/icons/play_96.png?1943ceeeecc3');
}
.video-preview-playlink .image-overlay-playlink-link:before {
  width: 96px;
  height: 96px;
}
.video-preview-playlink .image-overlay-playlink-link:before {
  top: 50%;
  margin-top: -48px;
}
.video-preview-playlink .image-overlay-playlink-link:before {
  left: 50%;
  margin-left: -48px;
}
.video-preview-playlink .image-overlay-playlink-link:focus:before,
.video-preview-playlink .image-overlay-playlink-link:hover:before {
  background-position: 0 -96px;
}
.video-preview-playlink .image-overlay-playlink-link:focus:before,
.video-preview-playlink .image-overlay-playlink-link:hover:before {
  background-image: url('/static/images/icons/play_96.png?1943ceeeecc3');
}
.video-preview-playlink .video-preview {
  position: absolute;
  top: -16.66666667%;
  left: 0;
  display: block;
  width: 100%;
  margin: 0;
  background-position: center;
}
@media (min-width: 768px) {
  .video-preview-playlink {
    position: relative;
  }
  .video-preview-playlink .cover-art {
    width: 100%;
  }
  .video-preview-playlink .image-overlay-playlink-link {
    position: relative;
    /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
    font: 0/0 a;
    text-shadow: none;
    /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
    color: transparent !important;
    vertical-align: top;
    /* Set the box size of the image's containing element
     */
    display: inline-block;
    width: 192px;
    height: 192px;
    /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
    min-width: 0;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .video-preview-playlink .image-overlay-playlink-link:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .video-preview-playlink .image-overlay-playlink-link:before {
    background-position: 0 0;
  }
  .video-preview-playlink .image-overlay-playlink-link:before {
    background-image: url('/static/images/icons/play_192.png?1943ceeeecc3');
  }
  .video-preview-playlink .image-overlay-playlink-link:before {
    width: 192px;
    height: 192px;
  }
  .video-preview-playlink .image-overlay-playlink-link:before {
    top: 50%;
    margin-top: -96px;
  }
  .video-preview-playlink .image-overlay-playlink-link:before {
    left: 50%;
    margin-left: -96px;
  }
  .video-preview-playlink .image-overlay-playlink-link:focus:before,
  .video-preview-playlink .image-overlay-playlink-link:hover:before {
    background-position: 0 -192px;
  }
  .video-preview-playlink .image-overlay-playlink-link:focus:before,
  .video-preview-playlink .image-overlay-playlink-link:hover:before {
    background-image: url('/static/images/icons/play_192.png?1943ceeeecc3');
  }
}
.lyrics-snippet {
  position: relative;
  text-align: left;
  padding-left: 70px;
  min-height: 55px;
  font-weight: 300;
}
.lyrics-snippet:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.lyrics-snippet:before {
  background-position: 0 0;
}
.lyrics-snippet:before {
  background-image: url('/static/images/icons/quote.png?1943ceeeecc3');
}
.lyrics-snippet:before {
  width: 55px;
  height: 55px;
}
@media (min-width: 768px) {
  .lyrics-snippet {
    font-size: 18px;
    line-height: 30px;
  }
}
.lyrics-snippet-link {
  margin-top: 18px;
  display: inline-block;
}
.lyrics-snippet-link:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .lyrics-snippet-link:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .lyrics-snippet-link {
    margin-top: 24px;
  }
}
.breadcrumb + h2 {
  margin-top: 0;
}
@media (min-width: 768px) {
  .breadcrumb + h2 {
    margin-top: 0;
  }
}
.layout-image {
  position: relative;
}
.layout-image-image {
  position: absolute;
  top: 0;
  width: 100%;
}
.js .disclose-hide {
  display: none;
}
.no-js .disclose-trigger {
  display: none;
}
.section-settings-toggle {
  position: relative;
  text-align: right;
  opacity: 0.7;
  filter: alpha(opacity=70);
  position: absolute;
  top: 9px;
  right: 0;
  display: block;
  height: 16px;
  width: 26px;
  padding-left: 10px;
  border-left: #ebebeb 1px solid;
}
.section-settings-toggle:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.section-settings-toggle:before {
  background-position: 0 0;
}
.section-settings-toggle:before {
  background-image: url('/static/images/icons/settings_222_16.png?1943ceeeecc3');
}
.section-settings-toggle:before {
  width: 16px;
  height: 16px;
}
.section-settings-toggle.disclose-active,
.section-settings-toggle:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
@media (min-width: 768px) {
  .section-settings-toggle {
    top: 12px;
  }
}
.section-settings {
  padding-top: 18px;
  padding-bottom: 18px;
  margin-top: 18px;
  background: #f9f9f9;
  border-width: 1px 0;
  border-color: #ebebeb;
  border-style: solid;
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .section-settings {
    padding-top: 24px;
  }
}
@media (min-width: 768px) {
  .section-settings {
    padding-bottom: 24px;
  }
}
.section-settings:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .section-settings:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .section-settings {
    margin-top: 24px;
  }
}
@media (min-width: 768px) {
  .section-settings {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
.section-settings .form-control,
.section-settings input[type=text],
.section-settings input[type=password],
.section-settings input[type=email],
.section-settings input[type=url],
.section-settings textarea,
.section-settings select {
  max-width: 270px;
}
.section-settings .mimic-link {
  color: #666666;
}
.share-button {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 36px;
  height: 36px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
  width: 32px;
  height: 32px;
}
.share-button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.share-button:before {
  background-position: 0 0;
}
.share-button:before {
  background-image: url('/static/images/icons/share_24.png?1943ceeeecc3');
}
.share-button:before {
  width: 36px;
  height: 36px;
}
.share-button:before {
  top: 50%;
  margin-top: -18px;
}
.share-button:before {
  left: 50%;
  margin-left: -18px;
}
.share-heading {
  margin-bottom: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.share-option {
  float: left;
  margin-right: 10px;
}
.share-facebook,
.share-twitter {
  border-radius: 50%;
}
.share-facebook {
  background: #3664A2;
}
.share-facebook:hover,
.share-facebook:focus {
  background: #4C8CC7;
}
.share-facebook:active {
  background: #203C7D;
}
.share-twitter {
  background: #55ACEE;
}
.share-twitter:hover,
.share-twitter:focus {
  background: #77CDF5;
}
.share-twitter:active {
  background: #338BE7;
}
.share-mobile {
  margin-top: 0;
}
@media (min-width: 768px) {
  .share-mobile {
    margin-top: 0;
  }
}
.share-mobile .share-facebook,
.share-mobile .share-twitter {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 32px;
  height: 32px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
}
.share-mobile .share-facebook:before,
.share-mobile .share-twitter:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.share-mobile .share-facebook:before,
.share-mobile .share-twitter:before {
  background-position: 0 0;
}
.share-mobile .share-facebook:before,
.share-mobile .share-twitter:before {
  background-image: url('/static/images/icons/social_16.png?1943ceeeecc3');
}
.share-mobile .share-facebook:before,
.share-mobile .share-twitter:before {
  width: 32px;
  height: 32px;
}
.share-mobile .share-facebook:before,
.share-mobile .share-twitter:before {
  top: 50%;
  margin-top: -16px;
}
.share-mobile .share-facebook:before,
.share-mobile .share-twitter:before {
  left: 50%;
  margin-left: -16px;
}
.share-mobile .share-twitter:before {
  background-position: 0 -32px;
}
.share-mobile .share-block {
  padding-top: 6px;
  padding-bottom: 12px;
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
  background: #f9f9f9;
  border-width: 1px 0;
  border-color: #ebebeb;
  border-style: solid;
}
@media (min-width: 768px) {
  .share-mobile .share-block {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
.share-mobile .share-options {
  margin-top: 6px;
}
.share-mobile .share-options:before,
.share-mobile .share-options:after {
  content: " ";
  display: table;
}
.share-mobile .share-options:after {
  clear: both;
}
.share-mobile .share-options:before,
.share-mobile .share-options:after {
  content: " ";
  display: table;
}
.share-mobile .share-options:after {
  clear: both;
}
.share-mobile .share-options:after {
  content: "";
  display: table;
  clear: both;
}
.share-mobile .share-options:after {
  content: "";
  display: table;
  clear: both;
}
.share-mobile .share-options:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .share-mobile .share-options:first-child {
    margin-top: 0;
  }
}
.share-desktop {
  display: none;
}
.share-desktop:before,
.share-desktop:after {
  content: " ";
  display: table;
}
.share-desktop:after {
  clear: both;
}
.share-desktop:before,
.share-desktop:after {
  content: " ";
  display: table;
}
.share-desktop:after {
  clear: both;
}
.share-desktop:after {
  content: "";
  display: table;
  clear: both;
}
.share-desktop:after {
  content: "";
  display: table;
  clear: both;
}
.share-desktop .share-facebook,
.share-desktop .share-twitter {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 24px;
  height: 24px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
}
.share-desktop .share-facebook:before,
.share-desktop .share-twitter:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.share-desktop .share-facebook:before,
.share-desktop .share-twitter:before {
  background-position: 0 0;
}
.share-desktop .share-facebook:before,
.share-desktop .share-twitter:before {
  background-image: url('/static/images/icons/social_12.png?1943ceeeecc3');
}
.share-desktop .share-facebook:before,
.share-desktop .share-twitter:before {
  width: 24px;
  height: 24px;
}
.share-desktop .share-facebook:before,
.share-desktop .share-twitter:before {
  top: 50%;
  margin-top: -12px;
}
.share-desktop .share-facebook:before,
.share-desktop .share-twitter:before {
  left: 50%;
  margin-left: -12px;
}
.share-desktop .share-twitter:before {
  background-position: 0 -24px;
}
.share-desktop .share-heading {
  float: left;
  margin-right: 15px;
}
.share-desktop .share-options {
  margin-top: 0;
  float: left;
}
@media (min-width: 768px) {
  .share-desktop .share-options {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .share-desktop {
    display: block;
  }
  .share-mobile {
    display: none;
  }
}
.header .share-button {
  position: absolute;
  top: 86px;
  right: 10px;
}
.header .share-block {
  margin-top: -18px;
  margin-bottom: 18px;
  padding-top: 24px;
}
.header.header--reduced .share-block {
  padding-top: 6px;
}
.header .header-info-primary--with-calendar .share-block {
  margin-top: -36px;
  padding-top: 18px;
}
.subscribe .benefits-list {
  margin-top: 6px;
  list-style-type: disc;
  padding-left: 18px;
}
.subscribe .subscription-cost {
  color: #b90000;
}
.subscribe .subscription-options,
.subscribe .login-signup {
  border-radius: 5px;
  background-color: #f9f9f9;
  padding: 24px;
}
.subscribe .subscription-options h4,
.subscribe .login-signup h4 {
  padding-bottom: 6px;
}
.subscribe .subscription-options li {
  padding-top: 18px;
}
.subscribe .subscription-options--full-list {
  display: none;
}
.subscribe .paypal-not-required {
  color: #666666;
}
.subscribe .subscription-option-text {
  display: inline-block;
  margin-right: -10px;
  padding-left: 10px;
  vertical-align: top;
}
.subscribe .subscription-option-text .more-options-link {
  color: #005399;
  display: block;
}
.subscribe .subscription-option-text .more-options-link:focus,
.subscribe .subscription-option-text .more-options-link:hover {
  text-decoration: underline;
}
.subscribe .paypal-button {
  padding-top: 18px;
  padding-bottom: 12px;
}
@media (min-width: 768px) {
  .subscribe .paypal-button {
    padding-top: 24px;
  }
}
.subscribe .legal-notice {
  font-size: 12px;
  line-height: 18px;
  color: #666666;
}
.subscribe-summary > * {
  margin-top: 18px;
}
.subscribe-summary > *:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .subscribe-summary > *:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .subscribe-summary > * {
    margin-top: 24px;
  }
}
.expand-truncation,
.truncate-ellipsis {
  display: none;
}
.js .truncate-text .disclose-hide ~ .expand-truncation,
.js .truncate-text .disclose-hide ~ .truncate-ellipsis {
  display: inline;
}
.about-me-sidebar {
  display: none;
}
@media (min-width: 768px) {
  .about-me-sidebar {
    display: block;
  }
}
.header .header-message-user {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 36px;
  height: 36px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
  width: 32px;
  height: 32px;
  position: absolute;
  right: 10px;
  top: 86px;
}
.header .header-message-user:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.header .header-message-user:before {
  background-position: 0 0;
}
.header .header-message-user:before {
  background-image: url('/static/images/icons/message_fff_24.png?1943ceeeecc3');
}
.header .header-message-user:before {
  width: 36px;
  height: 36px;
}
.header .header-message-user:before {
  top: 50%;
  margin-top: -18px;
}
.header .header-message-user:before {
  left: 50%;
  margin-left: -18px;
}
@media (min-width: 768px) {
  .header .header-message-user {
    position: absolute;
    right: 0;
    top: 24px;
  }
  .header .header-message-user:before {
    background-position: 0 0;
  }
  .header .header-message-user:before {
    background-image: url('/static/images/icons/message_32.png?1943ceeeecc3');
  }
  .header .header-message-user:hover:before,
  .header .header-message-user:focus:before {
    background-position: 0 -36px;
  }
  .header .header-message-user:hover:before,
  .header .header-message-user:focus:before {
    background-image: url('/static/images/icons/message_32.png?1943ceeeecc3');
  }
}
.notification-count-badge {
  font-size: 12px;
  line-height: 18px;
  background-color: #b90000;
  border-radius: 5px;
  color: #ffffff;
  padding: 2px 5px;
}
/* Desktop top bar */
.notification-count-top-bar {
  float: right;
  line-height: 50px;
  margin-left: 15px;
  margin-top: -1px;
}
.notification-count-top-bar:hover,
.notification-count-top-bar:focus {
  text-decoration: none;
}
.notification-count-top-bar .notification-count-badge {
  background-color: #b90000;
  color: #ffffff;
}
.notification-count-top-bar .notification-count-badge:hover,
.notification-count-top-bar .notification-count-badge:focus {
  background-color: #d50000;
  color: #ffffff;
}
.notification-count-top-bar .notification-count-badge:active,
.notification-count-top-bar .notification-count-badge:focus:not(:hover) {
  background-color: #9d0000;
  color: #ffffff;
}
.notification-count-top-bar .notification-count-badge[disabled]:hover,
.notification-count-top-bar .notification-count-badge.disabled:hover {
  background-color: #b90000;
}
/* Mobile status dot */
.masthead-hamburger-toggle--has-notifications:after {
  background-color: #b90000;
  border-radius: 50%;
  content: '';
  position: absolute;
  top: 10px;
  left: 10px;
  height: 8px;
  width: 8px;
}
/* Mobile menu */
.masthead-nav-links .notification-count-badge {
  float: right;
  margin-top: 2px;
}
/* Desktop menu */
.dropdown-menu-item .notification-count-badge {
  display: inline-block;
  margin-left: 15px;
  padding-top: 1px;
}
.stationlink-list {
  margin-top: 0;
  margin-top: 18px;
  width: 100%;
  box-shadow: inset 0 1px #ebebeb;
  box-shadow: none;
}
.stationlink-list:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .stationlink-list:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .stationlink-list {
    margin-top: 24px;
  }
}
@media (min-width: 768px) {
  .stationlink-list {
    margin-top: 0;
  }
}
.stationlink-list:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .stationlink-list:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .stationlink-list {
    margin-top: 24px;
  }
}
.stationlink-list li {
  padding: 6px 10px;
  box-shadow: inset 0 -1px #ebebeb;
}
.stationlink-list li:nth-child(even) {
  background-color: #f9f9f9;
}
.stationlink-list li:nth-child(even) {
  background-color: transparent;
}
.stationlink-list li {
  padding-left: 0;
  padding-right: 0;
}
.stationlink-list .btn {
  padding-top: 0;
  padding-bottom: 0;
}
.stationlink {
  position: relative;
  text-align: left;
  display: block;
  width: 100%;
  padding-left: 39px;
}
.stationlink:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.stationlink:before {
  background-position: -42px -6px;
}
.stationlink:before {
  background-image: url('/static/images/icons/tracklist_play.png?1943ceeeecc3');
}
.stationlink:before {
  width: 24px;
  height: 24px;
}
.stationlink:before {
  top: 50%;
  margin-top: -12px;
}
.stationlink:hover,
.stationlink:focus {
  text-decoration: underline;
}
.header-scrobble-since {
  color: #999999;
}
.already-joined {
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid #ebebeb;
}
@media (min-width: 768px) {
  .verify-form {
    margin-bottom: 24px;
  }
  .verify-form:before,
  .verify-form:after {
    content: " ";
    display: table;
  }
  .verify-form:after {
    clear: both;
  }
  .verify-form:before,
  .verify-form:after {
    content: " ";
    display: table;
  }
  .verify-form:after {
    clear: both;
  }
  .verify-form:after {
    content: "";
    display: table;
    clear: both;
  }
  .verify-form:after {
    content: "";
    display: table;
    clear: both;
  }
  .verify-form .form-group {
    margin-bottom: 0;
  }
  .verify-form .control-label {
    display: block;
  }
  .verify-form .form-group-controls {
    float: left;
    margin-right: 15px;
    width: 380px;
  }
  .verify-form .form-submit {
    float: left;
  }
}
@media (min-width: 1260px) {
  .verify-form .form-group-controls {
    width: 470px;
  }
}
.music-charts-row {
  margin-left: -10px;
  margin-right: -10px;
  margin-left: -7.5px;
  margin-right: -7.5px;
  margin-top: 18px;
}
@media (min-width: 768px) {
  .music-charts-row {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (min-width: 1260px) {
  .music-charts-row {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.music-charts-row:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .music-charts-row:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .music-charts-row {
    margin-top: 24px;
  }
}
.music-charts-col {
  position: relative;
  min-height: 1px;
  padding-left: 7.5px;
  padding-right: 7.5px;
  float: left;
  width: 100%;
  margin-top: 18px;
}
@media (min-width: 768px) {
  .music-charts-col {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .music-charts-col {
    float: left;
    width: 320px;
  }
}
@media (min-width: 1260px) {
  .music-charts-col {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1260px) and (min-width: 1260px) {
  .music-charts-col {
    float: left;
    width: 400px;
  }
}
.music-charts-col:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .music-charts-col:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .music-charts-col {
    margin-top: 24px;
  }
}
@media (min-width: 768px) {
  .music-charts-col:nth-child(-n + 2) {
    margin-top: 0;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .music-charts-col:nth-child(-n + 2) {
    margin-top: 0;
  }
}
.community-post-container {
  padding: 15px 0;
}
/*
	Icon font
*/
@font-face {
  font-family: 'RedactorFont';
  src: url('/static/styles/redactor-font.eot');
}
@font-face {
  font-family: 'RedactorFont';
  src: url('data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggi/NUAAAC8AAAAYGNtYXAaVcx2AAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zm8dIFkAAAFwAAATSGhlYWQACVb9AAAUuAAAADZoaGVhA+ECBQAAFPAAAAAkaG10eEEBA94AABUUAAAAkGxvY2FVlFE8AAAVpAAAAEptYXhwAC8AkgAAFfAAAAAgbmFtZRHEcG0AABYQAAABZnBvc3QAAwAAAAAXeAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmHwHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYf//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAwAAACUCAAGSAAQACQANAAA3EQURBQEFEQURATUXBwACAP4AAdv+SgG2/tySkiUBbgH+lAEBSgH+3AEBJv7/3G9sAAAGAAAASQIAAW4ABAAJAA4AEwAYAB0AABMhFSE1FSEVITUVIRUhNSczFSM1FTMVIzUVMxUjNZIBbv6SAW7+kgFu/pKSSUlJSUlJAW5JSW5JSW5JSdxJSW5JSW5JSQAAAAACAAAAJQH3AZIAFgAuAAAlLgMnBzIuAic+AyMXNh4CByUnMg4CBx4DIxcnHgMXNi4CBwH3Dik/XUABAR04Vjg+WDUYAQFNeEcZEv7MAQENHDMlHzIfEQEBASZUTDYHCSBIZj4lGCQaEARqFi5HLzJFKhJqDC1RZSzVPQoWIxkbJBQID0wCCQ4VDxo4KA8PAAACAG4AJQGSAZIABAAzAAA3IQchJzceAzMyPgI3PgMnNyMXDgMHDgMjIi4CJy4DNycjBx4DF24BJQH+3QFABRIUGg0QGBUQCAYKBgQBAUABAQEEBAQCCAgKBQYJCQcEAgUCAwEBPwEBAwcJCEkkJD8HCgYEBAYKBwcRFRkPtcMGCQkHAwMFAwEBAwUDAwcJCQbDtQ8ZFREHAAUAAP//AgABtwAGAA4AFgBHAF8AAAEzFTMVIzUfAQc1IzUzNS8BNxUzFSMVFx4DFRwBDgEHDgMHMh4CFx4DHwEjJzwBJjQjLgMrARUjNTMyHgIXBzMyPgI3PgM1NC4CJy4DKwEVAUkjS24mkZFvb96RkW9vDAMFAwECAwICBQUGBAECAgIBAQICAgEbIBMBAQIEBQUCCh0qCAwKCQM3DgMFBQMCAQIBAQEBAgECAwQGAw4BtpYgtv9cXEolSUhcXEklSlUDCAoNBwQJBwcCAwUDAgEBAQIBAQMEBANCLgEBAQIGBwYCSLYBAwUDRAECAgECBAQGAwQFBQQBAgIBATIAAAAAAwBtAAABkgGTAAMADAARAAAlIzcXBzM3MxczAyMDFyEVITUBI0YjI7ZKF2MXSmVbZQEBJP7c5nh4eUlJASb+2iRJSQAKAAAAJQIAAZIABAAJAA4AEwAYAB0AIgAnACwAMQAANxEFEQU3FzUHFTU3NScVJwcVFzUVJxU3NRUHFRc1NxUXNQclBxUXNRUnFTc1FQcVFzUAAgD+ALeSkpKSJW1tbW1tbSWSkgEkbW1tbW1tJQFuAf6UASUBSgFIbQFIAUq4AUgBSm8BSgFIbQFIAUrbSAFKAQEBSAFKbwFKAUhtAUgBSgAAAAIACQAlAgABkgAWAC4AACUOAxU1DgMHJj4CFzU0HgIXBT4DNxU1FD4CNy4DNRUmDgIXAgA5VTkcQVxAKA8RGEh3Thc2Vz/+PAY3S1UlECAxICYyHQw9Z0chCt8wRi8VAWsFDxsjGS1kUiwLaQETKUYxYBAUDwgDTRABCRMlGhoiFwkBPhAQJzkZAAAAAgBJAEkBtwFuAEcAjwAAAQ4DFRQeAhceAxc+Azc+AzU0LgInLgMHJg4CBwYiBiYHNAYmIicwLgE0NTQ+Ajc+Azc1DgMHJw4DFRQeAhceAxc+Azc+AzU0LgInLgMHJg4CBwYiBiYVJgYmIjUiJjQmNTQ+Ajc+Azc1DgMHATkJDQkEAwYKBgcOEBAJCA4NDAUGCAUDAwQHBQUKCgwGBQoICAMBAgIBAQEBAQEBAQMGCgYGDxITCxMhHBYJzQkNCQQDBwkHBg4QEQgIDg0MBgUIBQMCBQcFBAoLDAYFCQkIAwECAgEBAQEBAQEBAwcJBgcPERQLEyEcFwkBIgwYHBsQCxgUEgcICwgDAQECBggGBQ0MDwYIDA0KBgUIBAQBAQICBQECAgEBAQECAQQCBQEKEhQRCggQDAwDFwgQFBQNAQwYHBsQCxgUEgcICwgDAQECBggGBQ0MDwYIDA0KBgUIBAQBAQICBQECAgEBAQECAQQCBQEKEhQRCggQDAwDFwgQFBQNAAT//wBJAgABbgAEAAkADgASAAATIRUhNRchFSE1FSEVITUHNQcXAAIA/gC3AUn+twFJ/rclk5MBbklJbklJbklJSbdcWwAAAAUAAABJAgABbgAEAAkADgAaAG0AABMhFSE1FSEVITUVIRUhNSczNSM1IwcVNxUjFRc+Azc+Azc0PgE0NTQuAicuAyMiBioBByIOAiMVPgM3Mj4BMjM6AR4BFx4CFBUcAQYUBw4DBw4DDwEVMzUjPgM3MZIBbv6SAW7+kgFu/pKNRBgUFhYYIAUHBQMBAgICAQEBAQEDBAICBgcHBQEEAwQCAgMEBAICBAQDAgIDAwMCAgMDAwEBAgEBAQEBAgICAQQGCQULRC0BAwQEAgFuSUluSUluSUlrFF0GFAZJFJEFBwYEAQIDBAMBAgMDAwIDBwUFAgIEAgEBAQEBAhUBAgIBAQEBAQIBAQIDBAIBAgMCAQICAwMCAQUHCQYNExQBBAMFAgADAAAASQIAAW4ALAAxAGwAACUiLgInNTMeAzMyPgI1NC4CIyIOAgcjNT4DMzIeAhUUDgIjJzMVIzUnIg4CByMVDgMVFB4CFxUzHgMzMj4CNzMVDgMjIi4CNTQ+AjMyHgIXFSMuAyMBbgoUEhEIHgUKCwsGEyEZDg4ZIRMGCwsKBR4IERIUCh41KBcXKDUet5KSJQYLCwoFHgQHBQICBQcEHgUKCwsGBgsLCgUeCBESFAoeNSgXFyg1HgoUEhEIHgUKCwsGSQMGBwU0AgQDAQ0XHhESHhcNAQMEAjQFBwYDFyg1Hx41KBe3SUkvAQMEAhgFCw0OBwcNDQsGFwIEAwEBAwQCNAUHBgMXKDUeHzUoFwMGBwU0AgQDAQAAAAEAAAC3AgABAAAEAAATIRUhNQACAP4AAQBJSQABAJIASQGSAZIADAAAAQ8CFzcHNxc3DwEXAQcpQQvBC0ApQAvBC0EBWdYBOAE6AdgBOgE4AQAAAAQAAABJAgABbgAEAAkADgASAAATIRUhNRchFSE1FSEVITUHNRcHAAIA/gC3AUn+twFJ/re3k5MBbklJbklJbklJSbdcWwAAAAMAAAAlAgABkgAEAAkAEgAANxEFEQUBBREFEQc/ARcVJTU3FwACAP4AAdv+SgG2tiQwPv6Sbm4lAW4B/pQBAUoB/twBASa4AV5eSgFIk5MABAAlAAAB2wG3AAMAGgAeADUAAAEVJzMHHgIGDwEOAS4BJy4BNDY/AT4BHgEXARcnFTceATI2PwE+AS4BJy4CBg8BDgEeARcB29vbKgMDAQICcwIGBgYCAwMBAnQCBQYGAv5029sqAwYGBQJzAgEBAgMCBgYGAnICAgEDAgG33NwrAgYGBgJzAgEBAgMDBQYGAnMCAQECA/51AdvaKgMDAQJzAgUGBgMCAwECAnMCBQYGAgAABAAA/9sCAAHbAAMAGgAeADUAACU1Fwc3LgI2PwE+AR4BFx4BFAYPAQ4BIiYnBycXNQcuASIGDwEOAR4BFx4CNj8BPgEuAScBJdvbKgMDAQICcwIGBgYCAwMBAnQCBQYGAnTb2yoDBgYFAnMCAQECAwIGBgYCcgICAQMC/9zbASwCBgYGAnICAgEDAgMGBgUCcwIBAwN1AdzbKgMDAQJzAgUGBgMCAwECAnICBgYGAgABAG4AJQFuAZIAEgAAJREjESM1Ii4CNTQ+AjsBESMBSSRKFigeEREeKBaTJSUBSf63khEeKBcWKB4R/pMAAAAAAwAlAAEB3AG2AAoAVwB4AAAlMwcnMzUjNxcjFQcOAwcOAyMiLgInLgM1ND4CNz4DOwE1NC4CJy4DIyIOAgcOAwc1PgM3PgIyMzIeAhceAx0BIzU1IyIOAgcOAxUUHgIXHgMzMj4CNz4DPQEBkkpcXEpKXFxK6wIGBgcEAwgICQUIDw4LBQUHBQIDBQkGBQ8SFAwlAQMDAgMFBwgFBAoJCQQFCQkJBQQJCQkEBQkKCQUNFRENBQUIBQI0FQgMCggDAwUDAQECAwICBQUHAwUJCQcCAwUCApKRkZORkZMHBAYFBQECAwIBAgUHBQULDQ8JCRANCwQFBgUCCQMGBQQCAgICAQEBAgEBAwQFAy8CAwMCAQEBAQIFCAUGDhIXDXgYSwECAwICBgYIBQQGBgUCAgMCAQIEBgQECgsOBwQAAAAEACUASgHbAW4AAwAMAC0AegAANyM3FwczNzMXMwMjAyUVFA4CBw4DIyIuAicuAzU0PgI3PgM7ATcuAyMqAQ4BBw4DBxU+Azc+AzMyHgIXHgMdASMiDgIHDgMVFB4CFx4DMzI+Ajc+AzcVMzU0LgInrjUbGok4EUsSOE1ETQF/AQMFAwMHCQoFBAYGBQIDAwIBAgMEAwMJCw0IFiIFDhIWDQYKCgoFBAoJCgQFCgoJBQUJCgoFBAkHBgIDAwMBJg0WEw8GBgkGAwIFCAUFDA4QCQUJCQgEBAcHBgI3AgUIBsV1dXZHRwEf/uFlBAcOCwsEBAYEAwICAwICBQYHAwUJBwUCAgMCAWIFCAYCAQEBAQMCBAIwAwUEAwIBAgEBAQIDAQIEBgYDCQMEBwQFCw4QCgkPDgsFBQcFAgEBAwICBQUHAxh7DhcTDwUAAAIASQBJAbcBkwAEAIEAABMhFSE1Fx4DFx4DFRQOAgcOAyMiLgInLgMnFR4DFx4DMzI+Ajc+AzU0LgInLgMvAS4DJy4DNTQ+Ajc+AzMyHgIXHgMXNS4DJy4DIyIOAgcOAxUUHgIXHgMfAUkBbv6SvwQIBgYCAgMDAQIDBQQDCAkLBgYNDAwGBg0NDQYGCwwNBgYNDAwHDxoXEggHCwgDAgUHBAUMDxIKHAcNCQcDAgMDAQIDBQMDCAkKBgYLCgsGBQsLCgYGCwwLBgYLDAsGDBcUEQcICwcDAgQHBAUMERUNIAEAJSUxAgMFBAMDBgYHAwUICAYDAgQDAQECAwMCBQcIBEEDBAUDAgECAQEDBgkGBQ8SFQwJEA8NBgYKCggDCwIFBQQDAgUFBgMFBwcFAwIDAwEBAgMCAgQGBgM9AgUDBAEBAgEBAwcJBgYPERMLCA8ODAQFCgoJBQsAAAQAAABJAgABbgAEAAkADgATAAA/ARcHJxc3FwcnJScHFzcXJwcXNwAltiO4AbYluCMB/yO4JbYBuCO2Jdsdkh6TAZQekhwBHZIekwGUHpIcAAAAAAUAAP/bAgAB2wAEAAkADgATABgAABcRIREhASERIREHITUhFRUhNSEVFSE1IRUAAgD+AAHb/koBtkn+3AEk/twBJP7cASQlAgD+AAHc/kkBt5JJSW5JSW5JSQAAAwCTAEkBbQGSABcALwBbAAA3Mh4CFx4DFwYUDgEHDgMrATczNzIeAhceAhQXBhQOAQcOAysBNzMDMzI+Ajc+Ayc2LgInLgMnPgM3PgMnNi4CJy4DKwED+AcNCQkDBAMEAQEBBAQEAgkKDQcqASgBBQsIBwIDAwQBAQQCBAEICAsFKgEoZGQRGRgRCAYLBgQBAQMEBwQGCg8OCggMDQgFAwcDAwEBBAYLBgcQFBcOZAHeAQMEAwMICQwHBgsJCAIDBAMBYYECAgMDAgYHCQUFCQcGAgIEAgFN/uoDBQgGBQ4RFQsKEQ8NBgUJBgQBAQMFBwUECwwOCAsSDw0FBggFAv63AAADACUAAAHbAbcABAANABEAADcRIREhEyMDMzczFzMDBxcjNyUBtv5K/URMOBBLETdLIho0GgABt/5JAW7+20hIASU1eHgAAAACAEIAHwG8AZkAIQBLAAAlBycOAS4BJwcXBw4BIiYvAS4BNDY/AT4BMhYfAR4BFAYHJy4BIgYPAQ4BFBYXHgE+AT8BLgMnLgI2PwE+AhYXBxc3PgE0JicBvJQEBQsMCwYhHg8PJygnDw8PDw8P1w8nKCcPDw8QEA8lCxscHAvFCwwLCgsbHRsLJwMFBgUCCgwDBQhSBg8QEgl+JoYLCwoL9pQEAQECAwMgHg8PDw8PDxAmKCcP1w8QEA8PDycoJw9+CwoLC8YLGx0bCwoLAQsLJgIDBAUCChcXFQhSBgYBBAV9JYYLHBwbCwAAAAMAAABJAgABbgAEAAkADgAAEyEVITUXIRUhNRczFSM1AAIA/gCSAW7+kpPb2wFuSUluSUluSUkAAwAAAEkCAAFuAAQACQAOAAATIRUhNRUhFSE1FTMVIzUAAgD+AAFt/pPc3AFuSUluSUluSUkAAAADAAAASQIAAW4ABAAJAA4AABMhFSE1FSEVITUVIRUhNQAB//4BAf/+AQIA/gABbklJbklJbklJAAMAAABJAgABbgAEAAkADgAAEyEHIScHIRchNxchByEnbgElAf7dAW0B/wH9/wFtASUB/t0BAW5JSW5JSW5JSQAGAAAAJwIAAZUACAANABQAGAAdACEAADc1IxEhFTMRIQEhFSE1FyMVIRUhNQcjNxcXITUhFScXIzdJSQG3Sf5JAUn+kwFtSiX+twFu27hcXG3+2wElKSlJICdJASVK/twBSdzcSbcl3EltbSUlJW5JSQAAAAEAAAABAADCHXSvXw889QALAgAAAAAAz3WLJQAAAADPdYsl////2wIAAdsAAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgD//wAAAgAAAQAAAAAAAAAAAAAAAAAAACQAAAAAAAAAAAAAAAABAAAAAgAAAAIAAAACAAAAAgAAbgIAAAACAABtAgAAAAIAAAkCAABJAgD//wIAAAACAAAAAgAAAAIAAJICAAAAAgAAAAIAACUCAAAAAgAAbgIAACUCAAAlAgAASQIAAAACAAAAAgAAkwIAACUCAABCAgAAAAIAAAACAAAAAgAAAAIAAAAAAAAAAAoAFAAeAEAAcAC4AQQBhgGoAfoCQAMCAyYDuARGBFQEcASUBLwFFgVuBY4GLgbUB4IHrAfaCFwIgAj2CRIJLglKCWoJpAAAAAEAAAAkAJAACgAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAYAAAAAQAAAAAAAgAOAGoAAQAAAAAAAwAYAC4AAQAAAAAABAAYAHgAAQAAAAAABQAWABgAAQAAAAAABgAMAEYAAQAAAAAACgAoAJAAAwABBAkAAQAYAAAAAwABBAkAAgAOAGoAAwABBAkAAwAYAC4AAwABBAkABAAYAHgAAwABBAkABQAWABgAAwABBAkABgAYAFIAAwABBAkACgAoAJAAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQAVgBlAHIAcwBpAG8AbgAgADEALgAwAFIAZQBkAGEAYwB0AG8AcgBGAG8AbgB0UmVkYWN0b3JGb250AFIAZQBkAGEAYwB0AG8AcgBGAG8AbgB0AFIAZQBnAHUAbABhAHIAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==') format('truetype'), url('data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AABIoAAoAAAAAEeAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAADgEAAA4Bg0Rie09TLzIAAA74AAAAYAAAAGAIIvzVY21hcAAAD1gAAABMAAAATBpVzHZnYXNwAAAPpAAAAAgAAAAIAAAAEGhlYWQAAA+sAAAANgAAADYACVb9aGhlYQAAD+QAAAAkAAAAJAPhAgVobXR4AAAQCAAAAJAAAACQQQED3m1heHAAABCYAAAABgAAAAYAJFAAbmFtZQAAEKAAAAFmAAABZhHEcG1wb3N0AAASCAAAACAAAAAgAAMAAAEABAQAAQEBDVJlZGFjdG9yRm9udAABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeKZviU+HQFHQAAAT8PHQAAAUQRHQAAAAkdAAAN+BIAJQEBDRkbHSAlKi80OT5DSE1SV1xhZmtwdXp/hImOk5idoqessba7wFJlZGFjdG9yRm9udFJlZGFjdG9yRm9udHUwdTF1MjB1RTYwMHVFNjAxdUU2MDJ1RTYwM3VFNjA0dUU2MDV1RTYwNnVFNjA3dUU2MDh1RTYwOXVFNjBBdUU2MEJ1RTYwQ3VFNjBEdUU2MEV1RTYwRnVFNjEwdUU2MTF1RTYxMnVFNjEzdUU2MTR1RTYxNXVFNjE2dUU2MTd1RTYxOHVFNjE5dUU2MUF1RTYxQnVFNjFDdUU2MUR1RTYxRXVFNjFGAAACAYkAIgAkAgABAAQABwAKAA0AQQCYAPEBSQH6Ai8CxwMhA98EGwTXBYEFkQW0BfEGLwagBxEHOgf0CLUJaQmsCfwKhAq5C0QLdAuiC9AMAQxo/JQO/JQO/JQO+5QOi7AVi/gB+JSLi/wB/JSLBfhv990V/EqLi/u5+EqLi/e5Bfu4+5QVi/dv9yb7Avsm+wEFDvcm+AIV+AKLi0L8AouL1AWL+wIV+AKLi0L8AouL1AWL+wIV+AKLi0L8AouL1AX7JvdwFdSLi0JCi4vUBYv7AhXUi4tCQouL1AWL+wIV1IuLQkKLi9QFDviLsBVky0yq+0KWCIshBYuLQMb7LPcT9z33GsW4i4sIiyEF92Wr9wT7QV77Cgj7yfdpFYvIBYuLb3ImSOFBtnqLiwiLfIvXBe6F9yJ7nGSl0PsO6Ps2YwgO9wLUFfe4i4tn+7iLi68FysoVnHmngrGLsounlJydnJ2Up4uyCIv3SUyLi/tXBYt8hoCDg4ODgId8i32Lf4+Dk4OTh5aLmgiL91dLi4v7SQWLZJRvnXkIDvfd+EoVrouL+yrWi4tr+wKLi/dKBbH7kxX3JS/7JS+L1fsDi4uw9wOLi9QF+3LTFfsl5/cl54tC9wOLi2b7A4uLQQWXNhWTg499i3iLf4mBhoSGg4SHgYmOio6KjYiNiI6GjoQIpklri3i5BYuMio2KjYaZhZKEiwiBi4tDbouL90q1iwWfi5mHk4MIVEcVmYsFk4uRjY+Pjo+NkYuUi5SJkoiOh4+FjYOLCH2Li1kFDve393oVRYuu9wyu+wwF+0r7DRXVi6LU7ouiQtWLJve6MIsm+7oFjGcV97iLi0L7uIuL1AUOi7AVi/gB+JSLi/wB/JSLBfdLrxX3JouL1Psmi4tCBYv3AhX3JouL1Psmi4tCBWb3SxX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBbD3cBWLQvcmi4vU+yaLBfe4ixX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBQ74lPdzFfss+xNAUIuLCIv1BftCgExsZEte9wr3BPdB92VrCIv1BYuLxV73PfsaCPxYLBWcsvcim+6RCIs/i5oFi4u2nOHVJs5vpIuLCItOBfs2s/sOLqVGCA73zfe2FXNsgGiLY4tpk3Ccd513n4Gji6CLnJKZmpqakpyLn4uehZt+mH+ZfJJ7i32LgIeChQiIiYmKiYuKi4mMioyKjoqPi5GLpJOknKOco6KcqJYIi6EFWXhlcnRrCPthixV0bH9oi2OLaZNwnXecd6CBoougi5ySmpqZmpKci5+LnoWbfph/mX2Seot+i3+IgoQIiImJioqLiYuKjIqMiY6Kj4uRi6SUpJujnKOinKmWCIuhBVh4ZnJzawgOi/gCFfiUi4tC/JSLi9QF90v7AhX33YuLQvvdi4vUBYv7AhX33YuLQvvdi4vUBWZCFYv3S/snL/cnMAUO9yb4AhX4AouLQvwCi4vUBYv7AhX4AouLQvwCi4vUBYv7AhX4AouLQvwCi4vUBfsh9hXPi4ufc4uL6HeLdYWLd6GRi0Jzi4t3Bav7JRWXl5KTjY6PkI2PjY+Mj4yPi5CLlIiThJCFkYKOf4uHi4aKhoqGioaKhokIi3YFkI6QjZCNkIyPjI+LkIuPio6IjoiMh4uGi4iLiImIiYeJh4eHiIiDgX18CIB+i3jPi4ufXosFjo+QkJGRCIuLBQ74AtQVcItyk3aYCIu/qYsFmIWZh5uLvYu0sIu5i7pisFmLe4t9h36FCG2Li78FoJikk6aL3IvMSYs6iztKSTqLCPtL90sV9yaLi0L7JouL1AVmuhV8i3yHfoUIbYuLcwWAfYR6i3iLeZJ5ln0Ii3SpiwWYhZqHmoubi5mPmJEIqYuLVwV2fnKDcIs6i0rNi9uL3MzN3Iumi6SDoH4Ii1dtiwV+kX2Pe4sIDov3lBX4lIuLQvyUi4vUBQ73m/ftFWL7a0qLgFL3VYuWxEuLtPdry4uWxPtVi4BSzIsFDov4AhX4lIuLQvyUi4vUBfdL+wIV992Li0L73YuL1AWL+wIV992Li0L73YuL1AX7S0IVi/dL9ycv+ycwBQ6LsBWL+AH4lIuL/AH8lIsF+G/33RX8SouL+7n4SouL97kF+0r7SxWvi7vqySyLQvwCi4vU9wL3JvcC+yYFDvhv+EsVi/tw+2/3cPdviwVhYBWShIyChoUI+wf7BwWFhoKMhJKEkoqUkJEI9wj3BwWQkJWKkYQI/CD8HxX3b4r7b/dvi/tuBbW1FZKElYqQkAj3B/cHBZCQipWEkoSRgo2FhQj7BvsHBYWGjYGRhQgO97n3kxWL93D3b/tv+2+KBbW3FYSSipSQkQj3B/cGBZGRlIqShJKEjIGGhgj7CPsHBYaGgYyFkgj7CPsJFftvjPdv+3CL928FYWEVhJKBjIaGCPsH+wcFhoaMgZKEkoSUipGRCPcG9wYFkZGJlIWSCA733bAVi/fdZ4uL+91Bi4v3JgVPi1q8i8iLx7y8x4sI9yeLi/wBZosFDvgm9yYV1Ysv+yUv9yXVi4v3J0GL5/cl5/slQYuL+ycF+3+EFYWCgoSBhoGGgIh/i3WLeZF+mH6XhZ2Looujkp2blpqXopGriwiwi4uUBYuUiJKFj4SQgo1/i3+Lf4l/iH+If4V+hAiLugWWkJeOl46XjZiMmIusi6KEmH6ZfZFyi2gIi/sMV4uLowWL1hV2iwV3i32IhIaDhoeCi36LgY6EkIWQhpOIlIuZi5aQkpaTlo+ai58Ii48FDvdC91kVVoum9wml+wkF+x37ChXDi5zS1oudRMOLPvezR4s++7MF+BPwFYuHBYt3h3uDgIOAf4V9i4GLg46GkYWRiJOLlIuYj5WTkJSQmY6giwihiwWt7RV9mXOSaYt8i36Kfol/iH6Hf4YIi1sFmJOYkJiPl46YjZmLl4uViJGHkoaOhIuCCIuCZYsFaYtyhXt/e3+DeItyi3SReZl+mH6ehaOLmIuXjZWQlpCTk5KUCItzwouL9w8Fi6+EpX2ZCA7U95QV+AKLi2b8AouLsAX3U1oVloeUhZGEkYSOgouCi36GgYKEgoR/iHuLe4t6jnuRepB6lHqXCItKBZqEm4Wch5yIm4mci7OLqZOfm5+alKOLq4ujhZ9/mn6bd5dwlAhvlgV3kX6ShZGFkIiTi5OLl4+UlJGTkZeOm4uai5mImoaZhpqEmYIIi8gFfJF8kHuPfI58jXuLaYtxg3h6d3uCdItui3WQeZd+l32hf61+CKuABQ6L928Vr6n3S/snZ277S/cmBYuLFfdL9yevbvtL+ydnqAX4lIsVZ6n7S/snr273S/cmBYuLFftL9ydnbvdL+yevqAUOi2YVi/iU+JSLi/yU/JSLBfhv+HAV/EqLi/xL+EqLi/hLBUL7JhX7uIuL1Pe4i4tCBYv7AhX7uIuL1Pe4i4tCBYv7AhX7uIuL1Pe4i4tCBQ73jPdyFZ6LmYiUg5ODj36LeYt6h3+DhIOEfYd3iwhii4vstIsFi/cVFZuLloiShJKFjoKLfYt+iIGEhYSFgIh7iwhii4vYtIsFJvuqFfCLBbWLqJKemp2ZlKKLqoulhZ9/mn+ZeZRzjZ+NmpKVl5aXkJuLoIungqB5mHqZcJJoiwgmi4v73QUOsIsVi/hL+EqLi/xL/EqLBfeR+AIVR4s/+7nDi5vT1oucQ8KLQPe5BWlWFaX7DFeLpfcMBQ74UPeKFfso+yiHjwV9h3uNfJMIamupbXx8BWJiSYtitAh8mgVitIvNtLQI92v3awW0tM2LtGIImnwFtGKLSWJiCGb3EhVuqFyKbm4I+1n7WgVtbotcp26ob7qLqKkIsrEFg4+EkIWScKaGsJ+gCN3dBZuapIyifwj7EvsRsWb3GvcaBaiojLpuqAgOi/gCFfiUi4tC/JSLi9QF9yb7AhX4AouLQvwCi4vUBfcn+wIV92+Li0L7b4uL1AUOi/gCFfiUi4tC/JSLi9QFi/sCFfgBi4tC/AGLi9QFi/sCFfdwi4tC+3CLi9QFDov4AhX4k4uLQvyTi4vUBYv7AhX4k4uLQvyTi4vUBYv7AhX4lIuLQvyUi4vUBQ73AvgCFfe4i4tC+7iLi9QF+wL7AhX4lIuLQvyUi4vUBfcC+wIV97iLi0L7uIuL1AUO1LIVi9RCi4v3ufhLi4tB1IuL+7j8S4sF99333RX8AYuL+3D4AYuL93AF1UIVZouL+0v73YuLZvgCi4v3cAX7b0IV+0yL5/cB5/sBBfcBZhX7uYuLsPe5i4tmBWL3AhW0QkKLq9QFDviUFPiUFYsMCgAAAAADAgABkAAFAAABTAFmAAAARwFMAWYAAAD1ABkAhAAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAOYfAeD/4P/gAeAAIAAAAAEAAAAAAAAAAAAAACAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAOAAAAAoACAACAAIAAQAg5h///f//AAAAAAAg5gD//f//AAH/4xoEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAQAAhlBJsl8PPPUACwIAAAAAAM91iyUAAAAAz3WLJf///9sCAAHbAAAACAACAAAAAAAAAAEAAAHg/+AAAAIA//8AAAIAAAEAAAAAAAAAAAAAAAAAAAAkAAAAAAAAAAAAAAAAAQAAAAIAAAACAAAAAgAAAAIAAG4CAAAAAgAAbQIAAAACAAAJAgAASQIA//8CAAAAAgAAAAIAAAACAACSAgAAAAIAAAACAAAlAgAAAAIAAG4CAAAlAgAAJQIAAEkCAAAAAgAAAAIAAJMCAAAlAgAAQgIAAAACAAAAAgAAAAIAAAACAAAAAABQAAAkAAAAAAAOAK4AAQAAAAAAAQAYAAAAAQAAAAAAAgAOAGoAAQAAAAAAAwAYAC4AAQAAAAAABAAYAHgAAQAAAAAABQAWABgAAQAAAAAABgAMAEYAAQAAAAAACgAoAJAAAwABBAkAAQAYAAAAAwABBAkAAgAOAGoAAwABBAkAAwAYAC4AAwABBAkABAAYAHgAAwABBAkABQAWABgAAwABBAkABgAYAFIAAwABBAkACgAoAJAAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQAVgBlAHIAcwBpAG8AbgAgADEALgAwAFIAZQBkAGEAYwB0AG8AcgBGAG8AbgB0UmVkYWN0b3JGb250AFIAZQBkAGEAYwB0AG8AcgBGAG8AbgB0AFIAZQBnAHUAbABhAHIAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==') format('woff');
  font-weight: normal;
  font-style: normal;
}
/*
	Box
*/
.redactor-box {
  position: relative;
  overflow: visible;
  margin-bottom: 24px;
}
.redactor-box textarea {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: auto;
  outline: none;
  border: none;
  background-color: #111;
  box-shadow: none;
  color: #ccc;
  font-size: 13px;
  font-family: Menlo, Monaco, monospace, sans-serif !important;
  resize: none;
}
.redactor-box textarea:focus {
  outline: none;
}
/*
	Z-index setup
*/
.redactor-editor,
.redactor-box {
  background: #fff;
}
.redactor-editor,
.redactor-box,
.redactor-box textarea {
  z-index: auto !important;
}
.redactor-box-fullscreen {
  z-index: 1052 !important;
}
.redactor-toolbar,
.redactor-dropdown {
  z-index: 1053 !important;
}
#redactor-modal-overlay,
#redactor-modal-box,
#redactor-modal {
  z-index: 1054 !important;
}
/*
	Resize
*/
.redactor-resize {
  background: #f4f4f4;
  padding: 4px 0 3px 0;
  cursor: move;
  border: 1px solid #e3e3e3;
  border-top: none;
}
.redactor-resize div {
  width: 30px;
  margin: auto;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #fff;
}
/*
	Fullscreen
*/
body .redactor-box-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
/*
	Utils
*/
.body-redactor-hidden {
  overflow: hidden;
}
/*
	Editor
*/
.redactor-editor {
  position: relative;
  overflow: auto;
  margin: 0 !important;
  padding: 20px;
  outline: none;
  white-space: normal;
  border: 1px solid #eee;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
  font-size: 14px;
  line-height: 1.6em;
}
.redactor-editor:focus {
  outline: none;
}
/*
	Placeholder
*/
.redactor-placeholder {
  position: relative;
}
.redactor-placeholder:after {
  position: absolute;
  top: 20px;
  left: 20px;
  content: attr(placeholder);
  color: #999 !important;
  font-weight: normal !important;
}
/* Placeholder in linebreaks mode */
.redactor-linebreaks.redactor-placeholder:after {
  top: 20px;
  left: 20px;
}
/*
	Toolbar
*/
.redactor-toolbar {
  position: relative;
  top: 0;
  left: 0;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  font-size: 14px !important;
  line-height: 1 !important;
  background: #fff;
  border: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.redactor-toolbar:before,
.redactor-toolbar:after {
  content: " ";
  display: table;
}
.redactor-toolbar:after {
  clear: both;
}
.redactor-toolbar:before,
.redactor-toolbar:after {
  content: " ";
  display: table;
}
.redactor-toolbar:after {
  clear: both;
}
.redactor-toolbar:after {
  content: "";
  display: table;
  clear: both;
}
.redactor-toolbar:after {
  content: "";
  display: table;
  clear: both;
}
.redactor-toolbar.redactor-toolbar-overflow {
  overflow-y: auto;
  height: 29px;
  white-space: nowrap;
}
.redactor-toolbar.redactor-toolbar-external {
  z-index: 999;
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.redactor-toolbar li {
  vertical-align: top;
  display: inline-block;
  margin: 0 !important;
  padding: 0 !important;
  outline: none;
  list-style: none !important;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.redactor-toolbar li a {
  display: block;
  color: #333;
  text-align: center;
  padding: 9px 10px;
  outline: none;
  border: none;
  text-decoration: none;
  cursor: pointer;
  zoom: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.redactor-toolbar li a:hover {
  outline: none;
  background-color: #1f78d8;
  color: #fff;
}
.redactor-toolbar li a:hover i:before {
  color: #fff;
}
.redactor-toolbar li a:active,
.redactor-toolbar li a.redactor-act {
  outline: none;
  background-color: #ccc;
  color: #444;
}
.redactor-toolbar li a.redactor-btn-image {
  width: 14px;
  height: 14px;
  background-position: center center;
  background-repeat: no-repeat;
}
.redactor-toolbar li a.fa-redactor-btn {
  display: inline-block;
  padding: 9px 10px 8px 10px;
  line-height: 1;
}
.redactor-toolbar li a.redactor-button-disabled {
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}
.redactor-toolbar li a.redactor-button-disabled:hover {
  color: #333;
  outline: none;
  background-color: transparent !important;
  cursor: default;
}
/*
	Icons
*/
.re-icon {
  font-family: 'RedactorFont';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.re-icon i:before {
  position: relative;
  font-size: 14px;
}
.re-video:before {
  content: "\e600";
}
.re-unorderedlist:before {
  content: "\e601";
}
.re-undo:before {
  content: "\e602";
}
.re-underline:before {
  content: "\e603";
}
.re-textdirection:before {
  content: "\e604";
}
.re-fontcolor:before {
  content: "\e605";
}
.re-table:before {
  content: "\e606";
}
.re-redo:before {
  content: "\e607";
}
.re-quote:before {
  content: "\e608";
}
.re-outdent:before {
  content: "\e609";
}
.re-orderedlist:before {
  content: "\e60a";
}
.re-link:before {
  content: "\e60b";
}
.re-horizontalrule:before {
  content: "\e60c";
}
.re-italic:before {
  content: "\e60d";
}
.re-indent:before {
  content: "\e60e";
}
.re-image:before {
  content: "\e60f";
}
.re-fullscreen:before {
  content: "\e610";
}
.re-normalscreen:before {
  content: "\e611";
}
.re-formatting:before {
  content: "\e612";
}
.re-fontsize:before {
  content: "\e613";
}
.re-fontfamily:before {
  content: "\e614";
}
.re-deleted:before {
  content: "\e615";
}
.re-html:before {
  content: "\e616";
}
.re-clips:before {
  content: "\e617";
}
.re-bold:before {
  content: "\e618";
}
.re-backcolor:before {
  content: "\e619";
}
.re-file:before {
  content: "\e61a";
}
.re-alignright:before {
  content: "\e61b";
}
.re-alignment:before,
.re-alignleft:before {
  content: "\e61c";
}
.re-alignjustify:before {
  content: "\e61d";
}
.re-aligncenter:before {
  content: "\e61e";
}
.re-gallery:before {
  content: "\e61f";
}
/*
	Toolbar tooltip
*/
.redactor-toolbar-tooltip {
  position: absolute;
  z-index: 1054;
  text-align: center;
  top: 0;
  left: 0;
  background: #000;
  color: #fff;
  padding: 5px 8px;
  line-height: 1;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
  font-size: 12px;
  border-radius: 2px;
}
/*
	Dropdown
*/
.redactor-dropdown {
  position: absolute;
  top: 28px;
  left: 0;
  padding: 0;
  min-width: 220px;
  max-height: 254px;
  overflow: auto;
  background-color: #fff;
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.25);
  font-size: 14px;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
  line-height: 1.6em;
}
.redactor-dropdown a {
  display: block;
  padding: 10px 15px;
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.redactor-dropdown a:last-child {
  border-bottom: none;
}
.redactor-dropdown a:hover {
  background-color: #1f78d8;
  color: #fff !important;
  text-decoration: none;
}
/*
	IMAGE BOX
*/
#redactor-image-box {
  position: relative;
  max-width: 100%;
  display: inline-block;
  line-height: 0;
  outline: 1px dashed rgba(0, 0, 0, 0.6);
}
#redactor-image-editter {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  margin-top: -11px;
  margin-left: -18px;
  line-height: 1;
  background-color: #000;
  color: #fff;
  font-size: 11px;
  padding: 7px 10px;
  cursor: pointer;
}
#redactor-image-resizer {
  position: absolute;
  z-index: 2;
  line-height: 1;
  cursor: nw-resize;
  bottom: -4px;
  right: -5px;
  border: 1px solid #fff;
  background-color: #000;
  width: 8px;
  height: 8px;
}
/*
	LINK TOOLTIP
*/
.redactor-link-tooltip {
  position: absolute;
  z-index: 49999;
  padding: 10px;
  line-height: 1;
  display: inline-block;
  background-color: #000;
  color: #555 !important;
}
.redactor-link-tooltip,
.redactor-link-tooltip a {
  font-size: 12px;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
}
.redactor-link-tooltip a {
  color: #ccc;
  margin: 0 5px;
  text-decoration: none;
}
.redactor-link-tooltip a:hover {
  color: #fff;
}
/*
	DROPAREA
*/
#redactor-droparea {
  position: relative;
  overflow: hidden;
  padding: 140px 20px;
  border: 3px dashed rgba(0, 0, 0, 0.1);
}
#redactor-droparea.drag-hover {
  background: rgba(200, 222, 250, 0.75);
}
#redactor-droparea.drag-drop {
  background: rgba(250, 248, 200, 0.5);
}
#redactor-droparea-placeholder {
  text-align: center;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.7);
}
/*
	PROGRESS
*/
#redactor-progress {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000000;
  height: 10px;
}
#redactor-progress span {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #3d58a8;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
  background-size: 40px 40px;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
/*
	MODAL
*/
#redactor-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  margin: auto;
  overflow: auto;
  width: 100%;
  height: 100%;
  background-color: #000 !important;
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}
#redactor-modal-box {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
#redactor-modal {
  position: relative;
  margin: auto;
  margin-bottom: 20px;
  padding: 0;
  background: #fff;
  color: #000;
  font-size: 14px !important;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
  box-shadow: 0 1px 70px rgba(0, 0, 0, 0.5);
}
#redactor-modal header {
  padding: 30px 40px 5px 40px;
  font-size: 18px;
  font-weight: bold;
}
#redactor-modal section {
  padding: 30px 40px 50px 40px;
}
#redactor-modal label {
  display: block;
  float: none !important;
  margin: 15px 0 3px 0 !important;
  padding: 0;
}
#redactor-modal input[type="radio"],
#redactor-modal input[type="checkbox"] {
  position: relative;
  top: -1px;
}
#redactor-modal select {
  width: 100%;
}
#redactor-modal input[type="text"],
#redactor-modal input[type="password"],
#redactor-modal input[type="email"],
#redactor-modal input[type="url"],
#redactor-modal textarea {
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 5px 4px;
  height: 28px;
  border: 1px solid #ccc;
  border-radius: 1px;
  background-color: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
  color: #333;
  width: 100%;
  font-size: 14px;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
  -moz-transition: border 0.3s ease-in;
  transition: border 0.3s ease-in;
}
#redactor-modal input[type="text"]:focus,
#redactor-modal input[type="password"]:focus,
#redactor-modal input[type="email"]:focus,
#redactor-modal input[type="url"]:focus,
#redactor-modal textarea:focus {
  outline: none;
  border-color: #5ca9e4;
  box-shadow: 0 0 0 2px rgba(70, 161, 231, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}
#redactor-modal input[type="text"].redactor-input-error,
#redactor-modal input[type="password"].redactor-input-error,
#redactor-modal input[type="email"].redactor-input-error,
#redactor-modal input[type="url"].redactor-input-error,
#redactor-modal textarea.redactor-input-error {
  border-color: #e82f2f;
  box-shadow: 0 0 0 2px rgba(232, 47, 47, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}
#redactor-modal textarea {
  display: block;
  margin-top: 4px;
  line-height: 1.4em;
}
/*
	Tabs in Modal
*/
#redactor-modal-tabber {
  margin-bottom: 15px;
  font-size: 12px;
}
#redactor-modal-tabber a {
  border: 1px solid #ddd;
  line-height: 1;
  padding: 8px 15px;
  margin-right: -1px;
  text-decoration: none;
  color: #000;
}
#redactor-modal-tabber a:hover {
  background-color: #1f78d8;
  border-color: #1f78d8;
  color: #fff;
}
#redactor-modal-tabber a.active {
  cursor: default;
  background-color: #ddd;
  border-color: #ddd;
  color: rgba(0, 0, 0, 0.6);
}
/*
	List in Modal
*/
#redactor-modal #redactor-modal-list {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  max-height: 250px;
  overflow-x: scroll;
}
#redactor-modal #redactor-modal-list li {
  border-bottom: 1px solid #ddd;
}
#redactor-modal #redactor-modal-list li:last-child {
  border-bottom: none;
}
#redactor-modal #redactor-modal-list a {
  padding: 10px 5px;
  color: #000;
  text-decoration: none;
  font-size: 13px;
  display: block;
  position: relative;
}
#redactor-modal #redactor-modal-list a:hover {
  background-color: #eee;
}
#redactor-modal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  text-align: right;
  color: #bbb;
  font-size: 30px;
  font-weight: 300;
  cursor: pointer;
}
#redactor-modal-close:hover {
  color: #000;
}
#redactor-modal footer button {
  position: relative;
  width: 100%;
  padding: 14px 16px;
  margin: 0;
  outline: none;
  border: none;
  background-color: #ddd;
  color: #000;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  font-size: 12px;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
  line-height: 1;
  cursor: pointer;
}
#redactor-modal footer button:hover {
  color: #777;
  background: none;
  background: #bbb;
  text-decoration: none;
}
#redactor-modal footer button.redactor-modal-delete-btn {
  background: none;
  color: #fff;
  background-color: #b52525;
}
#redactor-modal footer button.redactor-modal-delete-btn:hover {
  color: rgba(255, 255, 255, 0.6);
  background-color: #881b1b;
}
#redactor-modal footer button.redactor-modal-action-btn {
  background: none;
  color: #fff;
  background-color: #2461b5;
}
#redactor-modal footer button.redactor-modal-action-btn:hover {
  color: rgba(255, 255, 255, 0.6);
  background-color: #1a4580;
}
/*
	##############################################

	DROPDOWN FORMATTING

	##############################################
*/
.redactor-dropdown .redactor-formatting-blockquote {
  color: rgba(0, 0, 0, 0.4);
  font-style: italic;
}
.redactor-dropdown .redactor-formatting-pre {
  font-family: monospace, sans-serif;
}
.redactor-dropdown .redactor-formatting-h1 {
  font-size: 36px;
  line-height: 36px;
  font-weight: bold;
}
.redactor-dropdown .redactor-formatting-h2 {
  font-size: 24px;
  line-height: 36px;
  font-weight: bold;
}
.redactor-dropdown .redactor-formatting-h3 {
  font-size: 21px;
  line-height: 30px;
  font-weight: bold;
}
.redactor-dropdown .redactor-formatting-h4 {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
}
.redactor-dropdown .redactor-formatting-h5 {
  font-size: 16px;
  line-height: 23px;
  font-weight: bold;
}
/*
	##############################################

	 CONTENT STYLES

	##############################################
*/
.redactor-editor code,
.redactor-editor pre {
  font-family: Menlo, Monaco, monospace, sans-serif !important;
}
.redactor-editor div,
.redactor-editor p,
.redactor-editor ul,
.redactor-editor ol,
.redactor-editor table,
.redactor-editor dl,
.redactor-editor blockquote,
.redactor-editor pre {
  font-size: 14px;
  line-height: 1.6em;
}
.redactor-editor a {
  color: #15c;
  text-decoration: underline;
}
.redactor-editor object,
.redactor-editor embed,
.redactor-editor video,
.redactor-editor img {
  max-width: 100%;
  width: auto;
}
.redactor-editor video,
.redactor-editor img {
  height: auto;
}
.redactor-editor div,
.redactor-editor p,
.redactor-editor ul,
.redactor-editor ol,
.redactor-editor table,
.redactor-editor dl,
.redactor-editor figure,
.redactor-editor blockquote,
.redactor-editor pre {
  margin: 0;
  margin-bottom: 15px;
  border: none;
  background: none;
  box-shadow: none;
}
.redactor-editor iframe,
.redactor-editor object,
.redactor-editor hr {
  margin-bottom: 15px;
}
.redactor-editor blockquote {
  margin-left: 1.6em !important;
  padding-left: 0;
  color: #777;
  font-style: italic;
}
.redactor-editor ul,
.redactor-editor ol {
  padding-left: 2em;
}
.redactor-editor ul ul,
.redactor-editor ol ol,
.redactor-editor ul ol,
.redactor-editor ol ul {
  margin: 2px;
  padding: 0;
  padding-left: 2em;
  border: none;
}
.redactor-editor dl dt {
  font-weight: bold;
}
.redactor-editor dd {
  margin-left: 1em;
}
.redactor-editor table {
  border-collapse: collapse;
  font-size: 1em;
  width: 100%;
}
.redactor-editor table td,
.redactor-editor table th {
  padding: 5px;
  border: 1px solid #ddd;
  vertical-align: top;
}
.redactor-editor table thead td,
.redactor-editor table th {
  font-weight: bold;
  border-bottom-color: #888;
}
.redactor-editor code {
  background-color: #d8d7d7;
}
.redactor-editor pre {
  overflow: auto;
  padding: 1em;
  border: 1px solid #ddd;
  border-radius: 3px;
  background: #f8f8f8;
  white-space: pre;
  font-size: 90%;
}
.redactor-editor hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
}
.redactor-editor h1,
.redactor-editor h2,
.redactor-editor h3,
.redactor-editor h4,
.redactor-editor h5,
.redactor-editor h6 {
  font-weight: bold;
  color: #000;
  padding: 0;
  background: none;
  text-rendering: optimizeLegibility;
  margin: 0 0 .5em 0;
}
.redactor-editor h1,
.redactor-editor h2,
.redactor-editor h3,
.redactor-editor h4 {
  line-height: 1.3;
}
.redactor-editor h1 {
  font-size: 36px;
}
.redactor-editor h2 {
  font-size: 24px;
  margin-bottom: .7em;
}
.redactor-editor h3 {
  font-size: 21px;
}
.redactor-editor h4 {
  font-size: 18px;
}
.redactor-editor h5 {
  font-size: 16px;
}
.redactor-editor h6 {
  font-size: 12px;
  text-transform: uppercase;
}
.features-post-byline {
  margin-top: 18px;
  margin-left: -5px;
  padding-left: 0;
  list-style: none;
}
.features-post-byline:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .features-post-byline:first-child {
    margin-top: 0;
  }
}
.features-post-byline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.features-post-byline li {
  padding-right: 0;
}
.features-post-byline li:nth-child(2):before {
  content: '\b7\a0';
}
.features-post-byline .features-post-publish-state {
  background: #b90000;
  color: #ffffff;
  font-weight: bold;
  margin-left: 5px;
  padding: 3px 5px;
}
.features-post-info .features-post-byline {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 0;
  color: #666666;
  text-transform: uppercase;
  font-weight: normal;
}
.features-post-info .features-post-byline li:nth-child(2) {
  padding-left: 4px;
}
.features-post-author a {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 0;
  color: #666666;
  text-transform: uppercase;
  font-weight: normal;
}
.features-post {
  margin-top: 18px;
}
.features-post:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .features-post:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .features-post {
    margin-top: 24px;
  }
}
.features-post .featured-image {
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 15px;
}
.features-post .featured-image img {
  opacity: 0;
  filter: alpha(opacity=0);
  max-width: 100%;
}
.features-post .featured-video,
.features-post .featured-video-meta {
  background: #222222;
}
@media (max-width: 767px) {
  .features-post .featured-video,
  .features-post .featured-video-meta {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.features-post .featured-video {
  /*  More info on the embedded video responsive design pattern: 
            https://jonsuh.com/blog/responsive-youtube-vimeo-embed-and-html5-video-with-css */
  height: 0;
  overflow: hidden;
  padding-top: 25px;
  padding-bottom: 57.25%;
  position: relative;
}
.features-post .featured-video object {
  height: 100%;
  left: 0;
  min-height: 234px;
  min-width: 416px;
  position: absolute;
  top: 0;
  width: 100%;
}
.features-post .featured-video-meta {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #ffffff;
  margin-bottom: 15px;
  padding: 15px;
}
.features-post .featured-video-meta p {
  font-size: 12px;
  line-height: 18px;
  margin-top: 0;
}
.features-post .featured-video-meta .features-post-byline {
  font-size: 12px;
  line-height: 18px;
}
.features-post .featured-video-meta .features-post-byline li:nth-child(2) {
  padding-left: 1px;
}
.features-feed .features-posts {
  padding-left: 0;
  list-style: none;
  margin-left: -10px;
  margin-right: -10px;
  margin-left: -7.5px;
  margin-right: -7.5px;
}
@media (min-width: 768px) {
  .features-feed .features-posts {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (min-width: 1260px) {
  .features-feed .features-posts {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.features-feed .features-post:before,
.features-feed .features-post:after {
  content: " ";
  display: table;
}
.features-feed .features-post:after {
  clear: both;
}
.features-feed .features-post:before,
.features-feed .features-post:after {
  content: " ";
  display: table;
}
.features-feed .features-post:after {
  clear: both;
}
.features-feed .features-post:after {
  content: "";
  display: table;
  clear: both;
}
.features-feed .features-post:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 767px) {
  .features-feed .features-post-category,
  .features-feed .features-post-excerpt {
    display: none !important;
  }
}
.features-feed .features-post-excerpt {
  margin-top: 18px;
}
.features-feed .features-post-excerpt:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .features-feed .features-post-excerpt:first-child {
    margin-top: 0;
  }
}
.features-feed .features-post-image {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.features-feed .features-post-image img {
  width: 100%;
}
.features-feed .features-post-image:hover .features-post-play-button {
  background-position: -163px -32px;
}
.features-feed .features-post-play-button {
  background-image: url('/static/images/icons/features_play.png?1943ceeeecc3');
  background-position: -163px 0px;
  background-size: 200px 192px;
  left: 19px;
  height: 32px;
  position: absolute;
  text-indent: -9999px;
  top: 10.5px;
  width: 32px;
}
.features-feed .features-post-info h2 > a {
  color: #222222;
}
@media (max-width: 767px) {
  .features-feed .col-xs-3 {
    width: 85px;
  }
}
@media (min-width: 768px) {
  .features-feed .features-post-image {
    height: 165px;
  }
  .features-feed .features-post-image:hover .features-post-play-button {
    background-position: -98px -64px;
  }
  .features-feed .features-post-image img {
    height: 165px;
  }
  .features-feed .features-post-play-button {
    background-position: -98px 0px;
    left: 78px;
    height: 64px;
    top: 50.5px;
    width: 64px;
  }
  .features-feed .features-post-category {
    background: #b90000;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 10px;
    position: absolute;
    text-transform: uppercase;
    top: 15px;
  }
  .features-feed .features-post-excerpt {
    margin-bottom: 12px;
  }
}
@media (min-width: 1260px) {
  .features-feed .features-post-image {
    height: 205px;
  }
  .features-feed .features-post-image:hover .features-post-play-button {
    background-position: -1px -96px;
  }
  .features-feed .features-post-image img {
    height: 205px;
  }
  .features-feed .features-post-play-button {
    background-position: -1px 0px;
    left: 87px;
    height: 96px;
    top: 54.5px;
    width: 96px;
  }
}
.features-posts {
  margin-top: 18px;
}
.features-posts:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .features-posts:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .features-posts {
    margin-top: 24px;
  }
}
.features-promoted:before,
.features-promoted:after {
  content: " ";
  display: table;
}
.features-promoted:after {
  clear: both;
}
.features-promoted:before,
.features-promoted:after {
  content: " ";
  display: table;
}
.features-promoted:after {
  clear: both;
}
.features-promoted:after {
  content: "";
  display: table;
  clear: both;
}
.features-promoted:after {
  content: "";
  display: table;
  clear: both;
}
.features-promoted .features-posts {
  padding-left: 0;
  list-style: none;
}
.features-promoted .features-post {
  margin-top: 18px;
}
.features-promoted .features-post:before,
.features-promoted .features-post:after {
  content: " ";
  display: table;
}
.features-promoted .features-post:after {
  clear: both;
}
.features-promoted .features-post:before,
.features-promoted .features-post:after {
  content: " ";
  display: table;
}
.features-promoted .features-post:after {
  clear: both;
}
.features-promoted .features-post:after {
  content: "";
  display: table;
  clear: both;
}
.features-promoted .features-post:after {
  content: "";
  display: table;
  clear: both;
}
.features-promoted .features-post:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .features-promoted .features-post:first-child {
    margin-top: 0;
  }
}
.features-promoted .features-post a:hover,
.features-promoted .features-post a:focus {
  text-decoration: none;
}
.features-promoted .features-post a:hover .features-post-title,
.features-promoted .features-post a:focus .features-post-title {
  text-decoration: underline;
}
.features-promoted .features-post-image {
  float: left;
  height: 70px;
  margin-right: 15px;
}
.features-promoted .features-post-info {
  overflow: hidden;
}
.features-promoted .features-post-category {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 0;
  color: #666666;
  text-transform: uppercase;
  font-weight: normal;
  color: #b90000;
  font-weight: bold;
}
.features-promoted .features-post-title {
  margin-top: 0;
  color: #222222;
}
@media (min-width: 768px) {
  .features-promoted .features-post-title {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .features-promoted .features-post-image {
    height: 60px;
  }
}
@media (min-width: 1260px) {
  .features-promoted .features-post-image {
    height: 70px;
  }
}
.features-associated-artists .associated-artists {
  padding-left: 0;
  list-style: none;
}
.features-associated-artists .associated-artist {
  margin-top: 0;
  margin-bottom: 18px;
}
.features-associated-artists .associated-artist:before,
.features-associated-artists .associated-artist:after {
  content: " ";
  display: table;
}
.features-associated-artists .associated-artist:after {
  clear: both;
}
.features-associated-artists .associated-artist:before,
.features-associated-artists .associated-artist:after {
  content: " ";
  display: table;
}
.features-associated-artists .associated-artist:after {
  clear: both;
}
.features-associated-artists .associated-artist:after {
  content: "";
  display: table;
  clear: both;
}
.features-associated-artists .associated-artist:after {
  content: "";
  display: table;
  clear: both;
}
.features-associated-artists .associated-artist a,
.features-associated-artists .associated-artist span {
  display: table;
}
.features-associated-artists .associated-artist a:hover,
.features-associated-artists .associated-artist a:focus {
  text-decoration: none;
}
.features-associated-artists .associated-artist a:hover .associated-artist-name,
.features-associated-artists .associated-artist a:focus .associated-artist-name {
  text-decoration: underline;
}
.features-associated-artists .associated-artist-image {
  border-radius: 50%;
  float: left;
  height: 70px;
  margin-right: 15px;
}
.features-associated-artists .associated-artist-name {
  display: table-cell;
  margin-bottom: 0;
  vertical-align: middle;
}
.feature-editor {
  position: relative;
}
.feature-editor .featured-image-preview {
  margin-bottom: 15px;
}
@media (min-width: 991px) {
  .feature-editor .form-buttons {
    position: absolute;
    bottom: 18px;
    right: 10px;
  }
}
@-webkit-keyframes wnVisualFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.whats-new header div.header {
  height: 0;
}
.whats-new .wn-section {
  overflow: hidden;
  position: relative;
  height: 800px;
  background-color: #333333;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  color: white;
  line-height: 1.4;
  border-bottom: 5px solid #b90000;
}
.whats-new .wn-section h1,
.whats-new .wn-section h2,
.whats-new .wn-section h3,
.whats-new .wn-section h4 {
  color: #bb0000;
}
.whats-new .wn-section h1 {
  font-size: 60px;
  margin: 0;
}
.whats-new .wn-section h2 {
  font-size: 42px;
  font-weight: bold;
  line-height: 1.1;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.whats-new .wn-section h3 {
  font-size: 24px;
  margin-bottom: 1em;
}
.whats-new .wn-section h4 {
  font-size: 24px;
  margin-bottom: 0.5em;
  font-weight: normal;
}
.whats-new .wn-section p {
  font-size: 17px;
}
.whats-new .wn-section .wn-content {
  margin-right: 59%;
  position: relative;
}
.whats-new .wn-section .container {
  background: transparent;
  position: static;
}
.whats-new .wn-section .wn-icon {
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
}
.whats-new .wn-section .last-fm-logo {
  position: relative;
  /* basically hides the text by making zero width, zero line height and with a non
       existant font family, also removes text shadow if any has been supplied */
  font: 0/0 a;
  text-shadow: none;
  /* Forcefully hide text. !important is necessary for Opera which has a minimum font size setting */
  color: transparent !important;
  vertical-align: top;
  /* Set the box size of the image's containing element
     */
  display: inline-block;
  width: 200px;
  height: 72px;
  /* Warning IE8 doesn't combine border-box and min-width
       http://stackoverflow.com/questions/9508262/min-height-min-width-doesnt-respect-box-sizing-in-some-browsers */
  min-width: 0;
  text-align: left;
  display: block;
}
.whats-new .wn-section .last-fm-logo:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.whats-new .wn-section .last-fm-logo:before {
  background-position: 0 0;
}
.whats-new .wn-section .last-fm-logo:before {
  background-image: url('/static/images/whatsnew/lastfm-logo.png?998c5beb3e52');
}
.whats-new .wn-section .last-fm-logo:before {
  width: 200px;
  height: 72px;
}
.whats-new .wn-section .visual {
  -webkit-animation: wnVisualFadeIn 1s ease;
  -webkit-transform: translateZ(0);
}
.whats-new .wn-section nav.secondary-nav {
  color: white;
  font-size: 16px;
  position: relative;
}
.whats-new .wn-section nav.secondary-nav:before {
  content: "";
  position: absolute;
  background-color: rgba(255, 255, 255, 0.2);
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
}
.whats-new .wn-hello .container,
.whats-new .wn-track-desktop .container,
.whats-new .wn-getinvolved .container {
  margin-top: 66px;
}
@media (min-width: 768px) {
  .whats-new .wn-hello .container,
  .whats-new .wn-track-desktop .container,
  .whats-new .wn-getinvolved .container {
    margin-top: 100px;
  }
}
.whats-new .wn-hello {
  background-image: url('/static/images/whatsnew/1-hello-bg.jpg?998c5beb3e52');
  height: 765px;
}
.whats-new .wn-hello h1 {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .whats-new .wn-hello h1 {
    margin-top: 40px;
    margin-bottom: 10px;
  }
}
.whats-new .wn-hello p {
  text-align: left;
  font-size: 24px;
  margin-right: 0;
}
.whats-new .wn-hello .last-fm-logo {
  margin: 50px 0 0 auto;
}
.whats-new .wn-reimagined {
  background-image: url('/static/images/whatsnew/2-reimagined-bg.jpg?998c5beb3e52');
}
.whats-new .wn-reimagined .wn-content {
  margin-top: 150px;
}
.whats-new .wn-reimagined .wn-icon {
  background-image: url('/static/images/whatsnew/2-reimagined-icon.png?1943ceeeecc3');
}
.whats-new .wn-reimagined .visual.computer {
  position: relative;
  text-align: left;
  position: absolute;
  top: 48%;
  left: 70%;
}
.whats-new .wn-reimagined .visual.computer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.whats-new .wn-reimagined .visual.computer:before {
  background-position: 0 0;
}
.whats-new .wn-reimagined .visual.computer:before {
  background-image: url('/static/images/whatsnew/2-reimagined-visual-computer.png?1943ceeeecc3');
}
.whats-new .wn-reimagined .visual.computer:before {
  width: 578px;
  height: 466px;
}
.whats-new .wn-reimagined .visual.computer:before {
  top: 50%;
  margin-top: -233px;
}
.whats-new .wn-reimagined .visual.computer:before {
  left: 50%;
  margin-left: -289px;
}
.whats-new .wn-reimagined .visual.tablet {
  position: relative;
  text-align: left;
  position: absolute;
  top: 55%;
  left: 88%;
}
.whats-new .wn-reimagined .visual.tablet:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.whats-new .wn-reimagined .visual.tablet:before {
  background-position: 0 0;
}
.whats-new .wn-reimagined .visual.tablet:before {
  background-image: url('/static/images/whatsnew/2-reimagined-visual-tablet.png?1943ceeeecc3');
}
.whats-new .wn-reimagined .visual.tablet:before {
  width: 251px;
  height: 372px;
}
.whats-new .wn-reimagined .visual.tablet:before {
  top: 50%;
  margin-top: -186px;
}
.whats-new .wn-reimagined .visual.tablet:before {
  left: 50%;
  margin-left: -125.5px;
}
.whats-new .wn-reimagined .visual.phone {
  position: relative;
  text-align: left;
  position: absolute;
  top: 58%;
  left: 51%;
}
.whats-new .wn-reimagined .visual.phone:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.whats-new .wn-reimagined .visual.phone:before {
  background-position: 0 0;
}
.whats-new .wn-reimagined .visual.phone:before {
  background-image: url('/static/images/whatsnew/2-reimagined-visual-phone.png?1943ceeeecc3');
}
.whats-new .wn-reimagined .visual.phone:before {
  width: 212px;
  height: 367px;
}
.whats-new .wn-reimagined .visual.phone:before {
  top: 50%;
  margin-top: -183.5px;
}
.whats-new .wn-reimagined .visual.phone:before {
  left: 50%;
  margin-left: -106px;
}
.whats-new .wn-newhome {
  background-image: url('/static/images/whatsnew/3-newhome-bg.jpg?1943ceeeecc3');
}
.whats-new .wn-newhome .wn-content {
  margin-top: 190px;
}
.whats-new .wn-newhome .wn-icon {
  background-image: url('/static/images/whatsnew/3-newhome-icon.png?1943ceeeecc3');
}
.whats-new .wn-newhome .visual {
  position: relative;
  text-align: left;
  position: absolute;
  height: 716px;
  bottom: 0;
  left: 70%;
}
.whats-new .wn-newhome .visual:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.whats-new .wn-newhome .visual:before {
  background-position: 0 0;
}
.whats-new .wn-newhome .visual:before {
  background-image: url('/static/images/whatsnew/3-newhome-visual.jpg?1943ceeeecc3');
}
.whats-new .wn-newhome .visual:before {
  width: 671px;
  height: 716px;
}
.whats-new .wn-newhome .visual:before {
  left: 50%;
  margin-left: -335.5px;
}
.whats-new .wn-neverstops {
  background-image: url('/static/images/whatsnew/4-neverstops-bg.jpg?1943ceeeecc3');
}
.whats-new .wn-neverstops .wn-content {
  margin-top: 253px;
}
.whats-new .wn-neverstops .wn-icon {
  background-image: url('/static/images/whatsnew/4-neverstops-icon.png?1943ceeeecc3');
}
.whats-new .wn-neverstops .visual.player {
  position: relative;
  text-align: left;
  position: absolute;
  top: 30%;
  left: 50%;
}
.whats-new .wn-neverstops .visual.player:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.whats-new .wn-neverstops .visual.player:before {
  background-position: 0 0;
}
.whats-new .wn-neverstops .visual.player:before {
  background-image: url('/static/images/whatsnew/4-neverstops-visual-player.png?1943ceeeecc3');
}
.whats-new .wn-neverstops .visual.player:before {
  width: 1260px;
  height: 408px;
}
.whats-new .wn-neverstops .visual.player:before {
  top: 50%;
  margin-top: -204px;
}
.whats-new .wn-neverstops .visual.player:before {
  left: 50%;
  margin-left: -630px;
}
.whats-new .wn-neverstops .visual.spotify {
  position: relative;
  text-align: left;
  position: absolute;
  top: 50%;
  left: 60%;
}
.whats-new .wn-neverstops .visual.spotify:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.whats-new .wn-neverstops .visual.spotify:before {
  background-position: 0 0;
}
.whats-new .wn-neverstops .visual.spotify:before {
  background-image: url('/static/images/whatsnew/4-neverstops-visual-spotify.png?998c5beb3e52');
}
.whats-new .wn-neverstops .visual.spotify:before {
  width: 284px;
  height: 87px;
}
.whats-new .wn-neverstops .visual.spotify:before {
  top: 50%;
  margin-top: -43.5px;
}
.whats-new .wn-neverstops .visual.spotify:before {
  left: 50%;
  margin-left: -142px;
}
.whats-new .wn-neverstops .visual.youtube {
  position: relative;
  text-align: left;
  position: absolute;
  top: 50%;
  left: 86%;
}
.whats-new .wn-neverstops .visual.youtube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.whats-new .wn-neverstops .visual.youtube:before {
  background-position: 0 0;
}
.whats-new .wn-neverstops .visual.youtube:before {
  background-image: url('/static/images/whatsnew/4-neverstops-visual-youtube.png?998c5beb3e52');
}
.whats-new .wn-neverstops .visual.youtube:before {
  width: 225px;
  height: 94px;
}
.whats-new .wn-neverstops .visual.youtube:before {
  top: 50%;
  margin-top: -47px;
}
.whats-new .wn-neverstops .visual.youtube:before {
  left: 50%;
  margin-left: -112.5px;
}
.whats-new .wn-listeninghistory {
  background-image: url('/static/images/whatsnew/5-listeninghistory-bg.jpg?998c5beb3e52');
}
.whats-new .wn-listeninghistory .wn-content {
  margin-top: 140px;
}
.whats-new .wn-listeninghistory .wn-icon {
  background-image: url('/static/images/whatsnew/5-listeninghistory-icon.png?998c5beb3e52');
}
.whats-new .wn-listeninghistory .visual.library1 {
  position: relative;
  text-align: left;
  position: absolute;
  height: 547px;
  bottom: 0;
  left: 69.5%;
}
.whats-new .wn-listeninghistory .visual.library1:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.whats-new .wn-listeninghistory .visual.library1:before {
  background-position: 0 0;
}
.whats-new .wn-listeninghistory .visual.library1:before {
  background-image: url('/static/images/whatsnew/5-listeninghistory-visual-library1.jpg?998c5beb3e52');
}
.whats-new .wn-listeninghistory .visual.library1:before {
  width: 656px;
  height: 547px;
}
.whats-new .wn-listeninghistory .visual.library1:before {
  top: 50%;
  margin-top: -273.5px;
}
.whats-new .wn-listeninghistory .visual.library1:before {
  left: 50%;
  margin-left: -328px;
}
.whats-new .wn-listeninghistory .visual.library2 {
  position: relative;
  text-align: left;
  position: absolute;
  height: 653px;
  bottom: 0;
  left: 76%;
}
.whats-new .wn-listeninghistory .visual.library2:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.whats-new .wn-listeninghistory .visual.library2:before {
  background-position: 0 0;
}
.whats-new .wn-listeninghistory .visual.library2:before {
  background-image: url('/static/images/whatsnew/5-listeninghistory-visual-library2.png?998c5beb3e52');
}
.whats-new .wn-listeninghistory .visual.library2:before {
  width: 533px;
  height: 653px;
}
.whats-new .wn-listeninghistory .visual.library2:before {
  top: 50%;
  margin-top: -326.5px;
}
.whats-new .wn-listeninghistory .visual.library2:before {
  left: 50%;
  margin-left: -266.5px;
}
.whats-new .wn-listeninghistory .visual.phone {
  position: relative;
  text-align: left;
  position: absolute;
  top: 40%;
  left: 86.5%;
}
.whats-new .wn-listeninghistory .visual.phone:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.whats-new .wn-listeninghistory .visual.phone:before {
  background-position: 0 0;
}
.whats-new .wn-listeninghistory .visual.phone:before {
  background-image: url('/static/images/whatsnew/5-listeninghistory-visual-phone.png?998c5beb3e52');
}
.whats-new .wn-listeninghistory .visual.phone:before {
  width: 311px;
  height: 557px;
}
.whats-new .wn-listeninghistory .visual.phone:before {
  top: 50%;
  margin-top: -278.5px;
}
.whats-new .wn-listeninghistory .visual.phone:before {
  left: 50%;
  margin-left: -155.5px;
}
.whats-new .wn-visualise {
  background-image: url('/static/images/whatsnew/6-visualise-bg.jpg?998c5beb3e52');
}
.whats-new .wn-visualise .wn-content {
  margin-top: 162px;
}
.whats-new .wn-visualise .wn-icon {
  background-image: url('/static/images/whatsnew/6-visualise-icon.png?998c5beb3e52');
}
.whats-new .wn-visualise .visual {
  position: relative;
  text-align: left;
  position: absolute;
  top: 50%;
  left: 71%;
}
.whats-new .wn-visualise .visual:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.whats-new .wn-visualise .visual:before {
  background-position: 0 0;
}
.whats-new .wn-visualise .visual:before {
  background-image: url('/static/images/whatsnew/6-visualise-visual.png?998c5beb3e52');
}
.whats-new .wn-visualise .visual:before {
  width: 762px;
  height: 800px;
}
.whats-new .wn-visualise .visual:before {
  top: 50%;
  margin-top: -400px;
}
.whats-new .wn-visualise .visual:before {
  left: 50%;
  margin-left: -381px;
}
.whats-new .wn-paths {
  background-image: url('/static/images/whatsnew/7-paths-bg.jpg?998c5beb3e52');
  border-bottom: none;
}
.whats-new .wn-paths .container {
  margin-top: 170px;
}
.whats-new .wn-paths h2 {
  color: white;
  font-size: 34px;
  text-align: center;
  font-weight: normal;
  line-height: 1.5;
}
.whats-new .wn-paths h2 a.profile-icon-link {
  border-radius: 5px;
  padding: 5px 10px 5px 40px;
  background: #b90000 url('/static/images/whatsnew/profile-icon.png?998c5beb3e52') no-repeat 10px center;
  margin-left: 1em;
  color: white;
}
.whats-new .wn-paths .last-fm-logo {
  margin: 120px auto 0;
}
.whats-new .wn-getinvolved {
  background-image: url('/static/images/whatsnew/getinvolved/1-bg.jpg?998c5beb3e52');
}
.whats-new .wn-getinvolved .wn-content {
  margin-top: 100px;
}
.whats-new .wn-getinvolved .wn-icon {
  background-image: url('/static/images/whatsnew/getinvolved/1-icon.png?998c5beb3e52');
}
.whats-new .wn-getinvolved .visual.computer {
  position: relative;
  text-align: left;
  position: absolute;
  top: 57%;
  left: 70%;
}
.whats-new .wn-getinvolved .visual.computer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.whats-new .wn-getinvolved .visual.computer:before {
  background-position: 0 0;
}
.whats-new .wn-getinvolved .visual.computer:before {
  background-image: url('/static/images/whatsnew/getinvolved/1-visual-computer.png?998c5beb3e52');
}
.whats-new .wn-getinvolved .visual.computer:before {
  width: 578px;
  height: 466px;
}
.whats-new .wn-getinvolved .visual.computer:before {
  top: 50%;
  margin-top: -233px;
}
.whats-new .wn-getinvolved .visual.computer:before {
  left: 50%;
  margin-left: -289px;
}
.whats-new .wn-getinvolved .visual.tablet {
  position: relative;
  text-align: left;
  position: absolute;
  top: 70%;
  left: 83%;
}
.whats-new .wn-getinvolved .visual.tablet:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.whats-new .wn-getinvolved .visual.tablet:before {
  background-position: 0 0;
}
.whats-new .wn-getinvolved .visual.tablet:before {
  background-image: url('/static/images/whatsnew/getinvolved/1-visual-tablet.png?998c5beb3e52');
}
.whats-new .wn-getinvolved .visual.tablet:before {
  width: 372px;
  height: 251px;
}
.whats-new .wn-getinvolved .visual.tablet:before {
  top: 50%;
  margin-top: -125.5px;
}
.whats-new .wn-getinvolved .visual.tablet:before {
  left: 50%;
  margin-left: -186px;
}
.whats-new .wn-getinvolved .visual.phone {
  position: relative;
  text-align: left;
  position: absolute;
  top: 65%;
  left: 51%;
}
.whats-new .wn-getinvolved .visual.phone:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.whats-new .wn-getinvolved .visual.phone:before {
  background-position: 0 0;
}
.whats-new .wn-getinvolved .visual.phone:before {
  background-image: url('/static/images/whatsnew/getinvolved/1-visual-phone.png?998c5beb3e52');
}
.whats-new .wn-getinvolved .visual.phone:before {
  width: 212px;
  height: 367px;
}
.whats-new .wn-getinvolved .visual.phone:before {
  top: 50%;
  margin-top: -183.5px;
}
.whats-new .wn-getinvolved .visual.phone:before {
  left: 50%;
  margin-left: -106px;
}
.whats-new .wn-tracklisteninghistory {
  background-image: url('/static/images/whatsnew/getinvolved/2-bg.jpg?998c5beb3e52');
}
.whats-new .wn-tracklisteninghistory .wn-content {
  margin-top: 175px;
}
.whats-new .wn-tracklisteninghistory .wn-icon {
  background-image: url('/static/images/whatsnew/getinvolved/2-icon.png?998c5beb3e52');
}
.whats-new .wn-tracklisteninghistory .visual {
  position: relative;
  text-align: left;
  position: absolute;
  left: 70%;
  top: 50%;
}
.whats-new .wn-tracklisteninghistory .visual:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.whats-new .wn-tracklisteninghistory .visual:before {
  background-position: 0 0;
}
.whats-new .wn-tracklisteninghistory .visual:before {
  background-image: url('/static/images/whatsnew/getinvolved/2-visual.png?998c5beb3e52');
}
.whats-new .wn-tracklisteninghistory .visual:before {
  width: 543px;
  height: 358px;
}
.whats-new .wn-tracklisteninghistory .visual:before {
  top: 50%;
  margin-top: -179px;
}
.whats-new .wn-tracklisteninghistory .visual:before {
  left: 50%;
  margin-left: -271.5px;
}
.whats-new .wn-tracklisteninghistory a.track-link {
  border-radius: 5px;
  padding: 10px 30px;
  background: #b90000;
  font-weight: bold;
  color: white;
}
.whats-new .wn-goexplore {
  background-image: url('/static/images/whatsnew/getinvolved/3-bg.jpg?998c5beb3e52');
}
.whats-new .wn-goexplore .wn-content {
  margin-top: 100px;
}
.whats-new .wn-goexplore .wn-icon {
  background-image: url('/static/images/whatsnew/getinvolved/3-icon.png?998c5beb3e52');
}
.whats-new .wn-goexplore .visual {
  position: relative;
  text-align: left;
  position: absolute;
  height: 691px;
  bottom: 0;
  left: 70%;
}
.whats-new .wn-goexplore .visual:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.whats-new .wn-goexplore .visual:before {
  background-position: 0 0;
}
.whats-new .wn-goexplore .visual:before {
  background-image: url('/static/images/whatsnew/getinvolved/3-visual.png?998c5beb3e52');
}
.whats-new .wn-goexplore .visual:before {
  width: 683px;
  height: 691px;
}
.whats-new .wn-goexplore .visual:before {
  left: 50%;
  margin-left: -341.5px;
}
.whats-new .wn-begin {
  background-image: url('/static/images/whatsnew/getinvolved/4-bg.jpg?998c5beb3e52');
  border-bottom: none;
}
.whats-new .wn-begin .container {
  margin-top: 170px;
}
.whats-new .wn-begin h2 {
  color: white;
  font-size: 34px;
  text-align: center;
  font-weight: normal;
  line-height: 1.5;
}
.whats-new .wn-begin h2 a.track-link {
  border-radius: 5px;
  padding: 8px 40px 8px 70px;
  background: #b90000 url('/static/images/whatsnew/getinvolved/4-trackmymusic-icon.png?998c5beb3e52') no-repeat 25px center;
  margin-left: 1em;
  color: white;
}
.whats-new .wn-begin .last-fm-logo {
  margin: 120px auto 0;
}
.whats-new .wn-section-track {
  background-color: black;
  border-bottom: none;
  height: auto;
}
.whats-new .wn-section-track .track-section {
  min-height: 500px;
  margin: 40px auto;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.whats-new .wn-section-track .track-section.last {
  border-bottom: none;
}
.whats-new .wn-section-track .track-section.track-section-alt {
  min-height: 600px;
}
.whats-new .wn-section-track .track-section .visual.screenshot {
  position: absolute !important;
  left: 105%;
  top: 0;
}
.whats-new .wn-section-track .track-section .visual.screenshot.android {
  position: relative;
  text-align: left;
  top: -40px;
}
.whats-new .wn-section-track .track-section .visual.screenshot.android:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.whats-new .wn-section-track .track-section .visual.screenshot.android:before {
  background-position: 0 0;
}
.whats-new .wn-section-track .track-section .visual.screenshot.android:before {
  background-image: url('/static/images/whatsnew/trackmymusic/2-android-screenshot.jpg?998c5beb3e52');
}
.whats-new .wn-section-track .track-section .visual.screenshot.android:before {
  width: 672px;
  height: 472px;
}
.whats-new .wn-section-track .track-section .visual.screenshot.ios {
  position: relative;
  text-align: left;
  top: -30px;
}
.whats-new .wn-section-track .track-section .visual.screenshot.ios:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.whats-new .wn-section-track .track-section .visual.screenshot.ios:before {
  background-position: 0 0;
}
.whats-new .wn-section-track .track-section .visual.screenshot.ios:before {
  background-image: url('/static/images/whatsnew/trackmymusic/3-ios-screenshot.jpg?998c5beb3e52');
}
.whats-new .wn-section-track .track-section .visual.screenshot.ios:before {
  width: 672px;
  height: 445px;
}
.whats-new .wn-section-track .track-section .visual.screenshot.chrome {
  position: relative;
  text-align: left;
}
.whats-new .wn-section-track .track-section .visual.screenshot.chrome:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.whats-new .wn-section-track .track-section .visual.screenshot.chrome:before {
  background-position: 0 0;
}
.whats-new .wn-section-track .track-section .visual.screenshot.chrome:before {
  background-image: url('/static/images/whatsnew/trackmymusic/3-chrome-screenshot.jpg?998c5beb3e52');
}
.whats-new .wn-section-track .track-section .visual.screenshot.chrome:before {
  width: 672px;
  height: 379px;
}
.whats-new .wn-section-track .track-section .visual.screenshot.spotify {
  position: relative;
  text-align: left;
}
.whats-new .wn-section-track .track-section .visual.screenshot.spotify:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.whats-new .wn-section-track .track-section .visual.screenshot.spotify:before {
  background-position: 0 0;
}
.whats-new .wn-section-track .track-section .visual.screenshot.spotify:before {
  background-image: url('/static/images/whatsnew/trackmymusic/4-spotify-screenshot.jpg?998c5beb3e52');
}
.whats-new .wn-section-track .track-section .visual.screenshot.spotify:before {
  width: 670px;
  height: 377px;
}
.whats-new .wn-section-track .track-section .visual.screenshot.spotify-mobile {
  position: relative;
  text-align: left;
  top: -40px;
}
.whats-new .wn-section-track .track-section .visual.screenshot.spotify-mobile:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.whats-new .wn-section-track .track-section .visual.screenshot.spotify-mobile:before {
  background-position: 0 0;
}
.whats-new .wn-section-track .track-section .visual.screenshot.spotify-mobile:before {
  background-image: url('/static/images/whatsnew/trackmymusic/5-spotifymobile-screenshot.jpg?998c5beb3e52');
}
.whats-new .wn-section-track .track-section .visual.screenshot.spotify-mobile:before {
  width: 672px;
  height: 472px;
}
.whats-new .wn-section-track .track-section .visual.screenshot.rdio {
  position: relative;
  text-align: left;
}
.whats-new .wn-section-track .track-section .visual.screenshot.rdio:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.whats-new .wn-section-track .track-section .visual.screenshot.rdio:before {
  background-position: 0 0;
}
.whats-new .wn-section-track .track-section .visual.screenshot.rdio:before {
  background-image: url('/static/images/whatsnew/trackmymusic/6-rdio-screenshot.jpg?998c5beb3e52');
}
.whats-new .wn-section-track .track-section .visual.screenshot.rdio:before {
  width: 670px;
  height: 377px;
}
.whats-new .wn-section-track .track-section .visual.screenshot.deezer {
  position: relative;
  text-align: left;
}
.whats-new .wn-section-track .track-section .visual.screenshot.deezer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.whats-new .wn-section-track .track-section .visual.screenshot.deezer:before {
  background-position: 0 0;
}
.whats-new .wn-section-track .track-section .visual.screenshot.deezer:before {
  background-image: url('/static/images/whatsnew/trackmymusic/7-deezer-screenshot.jpg?998c5beb3e52');
}
.whats-new .wn-section-track .track-section .visual.screenshot.deezer:before {
  width: 670px;
  height: 377px;
}
.whats-new .wn-section-track .track-section .visual.screenshot.eighttracks {
  position: relative;
  text-align: left;
}
.whats-new .wn-section-track .track-section .visual.screenshot.eighttracks:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.whats-new .wn-section-track .track-section .visual.screenshot.eighttracks:before {
  background-position: 0 0;
}
.whats-new .wn-section-track .track-section .visual.screenshot.eighttracks:before {
  background-image: url('/static/images/whatsnew/trackmymusic/9-8tracks-screenshot.jpg?998c5beb3e52');
}
.whats-new .wn-section-track .track-section .visual.screenshot.eighttracks:before {
  width: 670px;
  height: 377px;
}
.whats-new .wn-section-track .track-section .visual.screenshot.hypemachine {
  position: relative;
  text-align: left;
}
.whats-new .wn-section-track .track-section .visual.screenshot.hypemachine:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.whats-new .wn-section-track .track-section .visual.screenshot.hypemachine:before {
  background-position: 0 0;
}
.whats-new .wn-section-track .track-section .visual.screenshot.hypemachine:before {
  background-image: url('/static/images/whatsnew/trackmymusic/10-hypemachine-screenshot.jpg?998c5beb3e52');
}
.whats-new .wn-section-track .track-section .visual.screenshot.hypemachine:before {
  width: 670px;
  height: 377px;
}
.whats-new .wn-section-track .track-section .button-googleplay {
  position: relative;
  text-align: left;
  height: 59px;
  display: block;
}
.whats-new .wn-section-track .track-section .button-googleplay:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.whats-new .wn-section-track .track-section .button-googleplay:before {
  background-position: 0 0;
}
.whats-new .wn-section-track .track-section .button-googleplay:before {
  background-image: url('/static/images/whatsnew/trackmymusic/2-android-button.png?998c5beb3e52');
}
.whats-new .wn-section-track .track-section .button-googleplay:before {
  width: 180px;
  height: 59px;
}
.whats-new .wn-section-track .track-section .button-ios {
  position: relative;
  text-align: left;
  height: 63px;
  display: block;
}
.whats-new .wn-section-track .track-section .button-ios:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.whats-new .wn-section-track .track-section .button-ios:before {
  background-position: 0 0;
}
.whats-new .wn-section-track .track-section .button-ios:before {
  background-image: url('/static/images/whatsnew/trackmymusic/3-ios-button.png?998c5beb3e52');
}
.whats-new .wn-section-track .track-section .button-ios:before {
  width: 180px;
  height: 63px;
}
.whats-new .wn-section-track .track-section .button-chrome {
  position: relative;
  text-align: left;
  height: 63px;
  display: block;
}
.whats-new .wn-section-track .track-section .button-chrome:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.whats-new .wn-section-track .track-section .button-chrome:before {
  background-position: 0 0;
}
.whats-new .wn-section-track .track-section .button-chrome:before {
  background-image: url('/static/images/whatsnew/trackmymusic/3-chrome-button.png?998c5beb3e52');
}
.whats-new .wn-section-track .track-section .button-chrome:before {
  width: 180px;
  height: 63px;
}
.whats-new .wn-section-track .track-section .button-spotify {
  position: relative;
  text-align: left;
  height: 55px;
  display: block;
}
.whats-new .wn-section-track .track-section .button-spotify:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.whats-new .wn-section-track .track-section .button-spotify:before {
  background-position: 0 0;
}
.whats-new .wn-section-track .track-section .button-spotify:before {
  background-image: url('/static/images/whatsnew/trackmymusic/4-spotify-logo.png?998c5beb3e52');
}
.whats-new .wn-section-track .track-section .button-spotify:before {
  width: 180px;
  height: 55px;
}
.whats-new .wn-section-track .track-section .button-rdio {
  position: relative;
  text-align: left;
  height: 69px;
  display: block;
}
.whats-new .wn-section-track .track-section .button-rdio:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.whats-new .wn-section-track .track-section .button-rdio:before {
  background-position: 0 0;
}
.whats-new .wn-section-track .track-section .button-rdio:before {
  background-image: url('/static/images/whatsnew/trackmymusic/6-rdio-logo.png?998c5beb3e52');
}
.whats-new .wn-section-track .track-section .button-rdio:before {
  width: 180px;
  height: 69px;
}
.whats-new .wn-section-track .track-section .button-deezer {
  position: relative;
  text-align: left;
  height: 39px;
  display: block;
}
.whats-new .wn-section-track .track-section .button-deezer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.whats-new .wn-section-track .track-section .button-deezer:before {
  background-position: 0 0;
}
.whats-new .wn-section-track .track-section .button-deezer:before {
  background-image: url('/static/images/whatsnew/trackmymusic/7-deezer-logo.png?998c5beb3e52');
}
.whats-new .wn-section-track .track-section .button-deezer:before {
  width: 180px;
  height: 39px;
}
.whats-new .wn-section-track .track-section .button-sonos {
  position: relative;
  text-align: left;
  height: 36px;
  display: block;
}
.whats-new .wn-section-track .track-section .button-sonos:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.whats-new .wn-section-track .track-section .button-sonos:before {
  background-position: 0 0;
}
.whats-new .wn-section-track .track-section .button-sonos:before {
  background-image: url('/static/images/whatsnew/trackmymusic/8-sonos-logo.png?998c5beb3e52');
}
.whats-new .wn-section-track .track-section .button-sonos:before {
  width: 180px;
  height: 36px;
}
.whats-new .wn-section-track .track-section .button-8tracks {
  position: relative;
  text-align: left;
  height: 54px;
  display: block;
}
.whats-new .wn-section-track .track-section .button-8tracks:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.whats-new .wn-section-track .track-section .button-8tracks:before {
  background-position: 0 0;
}
.whats-new .wn-section-track .track-section .button-8tracks:before {
  background-image: url('/static/images/whatsnew/trackmymusic/9-8tracks-logo.png?998c5beb3e52');
}
.whats-new .wn-section-track .track-section .button-8tracks:before {
  width: 180px;
  height: 54px;
}
.whats-new .wn-section-track .track-section .button-hypemachine {
  position: relative;
  text-align: left;
  height: 36px;
  display: block;
}
.whats-new .wn-section-track .track-section .button-hypemachine:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.whats-new .wn-section-track .track-section .button-hypemachine:before {
  background-position: 0 0;
}
.whats-new .wn-section-track .track-section .button-hypemachine:before {
  background-image: url('/static/images/whatsnew/trackmymusic/10-hypemachine-logo.png?998c5beb3e52');
}
.whats-new .wn-section-track .track-section .button-hypemachine:before {
  width: 180px;
  height: 36px;
}
.whats-new .wn-track-desktop {
  background-image: url('/static/images/whatsnew/trackmymusic/1-desktop-bg.jpg?998c5beb3e52');
  background-size: 100% auto;
  background-position: center top;
  height: auto;
  background-color: black;
}
.whats-new .wn-track-desktop .wn-icon {
  background-image: url('/static/images/whatsnew/trackmymusic/1-desktop-icon.png?998c5beb3e52');
}
.whats-new .wn-track-desktop .container.track-section {
  margin-top: 0;
}
.whats-new .wn-track-desktop .wn-content {
  margin-top: 50px;
  position: relative;
}
.whats-new .wn-track-desktop a.download-link {
  border-radius: 5px;
  padding: 10px 30px;
  background: #b90000;
  font-weight: bold;
  color: white;
}
.whats-new .wn-track-desktop .visual.screenshot {
  position: relative;
  text-align: left;
}
.whats-new .wn-track-desktop .visual.screenshot:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.whats-new .wn-track-desktop .visual.screenshot:before {
  background-position: 0 0;
}
.whats-new .wn-track-desktop .visual.screenshot:before {
  background-image: url('/static/images/whatsnew/trackmymusic/1-desktop-screenshot.jpg?998c5beb3e52');
}
.whats-new .wn-track-desktop .visual.screenshot:before {
  width: 670px;
  height: 377px;
}
.whats-new .instructions-copy.wn-content {
  color: #888;
  margin-bottom: 50px;
}
.whats-new .wn-begin2 {
  background-image: url('/static/images/whatsnew/trackmymusic/11-end-bg.jpg?998c5beb3e52');
  border-top: 5px solid #b90000;
  border-bottom: none;
}
.whats-new .wn-begin2 .container {
  margin-top: 170px;
}
.whats-new .wn-begin2 h2 {
  color: white;
  font-size: 34px;
  text-align: center;
  font-weight: normal;
  line-height: 1.5;
}
.whats-new .wn-begin2 h2 a.track-link {
  border-radius: 5px;
  padding: 8px 40px 8px 70px;
  background: #b90000 url('/static/images/whatsnew/trackmymusic/11-end-profile-icon.png?998c5beb3e52') no-repeat 25px center;
  margin-left: 1em;
  color: white;
}
.whats-new .wn-begin2 .last-fm-logo {
  margin: 70px auto 0;
}
@media (max-width: 1259px) {
  .whats-new .wn-section h2 {
    font-size: 34px;
  }
  .whats-new .wn-reimagined .visual {
    transform: scale(0.9);
  }
  .whats-new .wn-reimagined .visual.computer {
    left: 72%;
  }
  .whats-new .wn-reimagined .visual.tablet {
    top: 57%;
  }
  .whats-new .wn-reimagined .visual.phone {
    top: 59%;
  }
  .whats-new .wn-newhome .visual {
    left: 78%;
  }
  .whats-new .wn-neverstops .wn-content {
    margin-top: 270px;
  }
  .whats-new .wn-neverstops .visual.player {
    transform: scale(0.8);
  }
  .whats-new .wn-neverstops .visual.spotify {
    left: 75%;
    top: 42%;
  }
  .whats-new .wn-neverstops .visual.youtube {
    left: 75%;
    top: 58%;
  }
  .whats-new .wn-listeninghistory .visual.library1 {
    left: 75%;
  }
  .whats-new .wn-listeninghistory .visual.library2 {
    left: 82%;
  }
  .whats-new .wn-listeninghistory .visual.phone {
    left: 84%;
  }
  .whats-new .wn-visualise .visual {
    left: 78%;
  }
  .whats-new .wn-goexplore .wn-content {
    margin-top: 68px;
  }
  .whats-new .wn-goexplore .visual {
    left: 76%;
  }
  .whats-new .wn-section-track .track-section .visual.screenshot {
    transform: scale(0.9);
  }
}
@media (max-width: 767px) {
  .whats-new .wn-section {
    overflow: auto;
    height: auto;
  }
  .whats-new .wn-section h1 {
    font-size: 30px;
  }
  .whats-new .wn-section h2 {
    font-size: 26px;
    text-align: center;
  }
  .whats-new .wn-section h3 {
    font-size: 20px;
    margin-top: 0.5em;
  }
  .whats-new .wn-section p {
    font-size: 16px;
  }
  .whats-new .wn-section .wn-content {
    margin: 40px 10px;
  }
  .whats-new .wn-section .wn-icon {
    margin: 0 auto;
  }
  .whats-new .wn-section .container .visual {
    display: none;
  }
  .whats-new .wn-section nav.secondary-nav {
    font-size: 13px;
  }
  .whats-new .wn-hello {
    background-image: url('/static/images/whatsnew/1-hello-mobile-bg.jpg?998c5beb3e52');
  }
  .whats-new .wn-hello .last-fm-logo {
    margin-top: 30px;
    margin-bottom: 40px;
    width: 100px;
    height: 36px;
  }
  .whats-new .wn-hello .last-fm-logo:before {
    width: 100%;
    height: 100%;
    background-size: contain;
  }
  .whats-new .wn-reimagined {
    background-image: url('/static/images/whatsnew/2-reimagined-mobile-bg.jpg?1943ceeeecc3');
  }
  .whats-new .wn-reimagined .mobile-visual {
    position: relative;
    text-align: left;
    height: 215px;
    margin: 10px auto;
  }
  .whats-new .wn-reimagined .mobile-visual:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .whats-new .wn-reimagined .mobile-visual:before {
    background-position: 0 0;
  }
  .whats-new .wn-reimagined .mobile-visual:before {
    background-image: url('/static/images/whatsnew/2-reimagined-mobile-visual.png?1943ceeeecc3');
  }
  .whats-new .wn-reimagined .mobile-visual:before {
    width: 303px;
    height: 215px;
  }
  .whats-new .wn-reimagined .mobile-visual:before {
    top: 50%;
    margin-top: -107.5px;
  }
  .whats-new .wn-reimagined .mobile-visual:before {
    left: 50%;
    margin-left: -151.5px;
  }
  .whats-new .wn-newhome {
    background-image: url('/static/images/whatsnew/3-newhome-mobile-bg.jpg?1943ceeeecc3');
  }
  .whats-new .wn-newhome .mobile-visual {
    position: relative;
    text-align: left;
    height: 287px;
    margin: 10px auto;
  }
  .whats-new .wn-newhome .mobile-visual:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .whats-new .wn-newhome .mobile-visual:before {
    background-position: 0 0;
  }
  .whats-new .wn-newhome .mobile-visual:before {
    background-image: url('/static/images/whatsnew/3-newhome-mobile-visual.jpg?1943ceeeecc3');
  }
  .whats-new .wn-newhome .mobile-visual:before {
    width: 290px;
    height: 287px;
  }
  .whats-new .wn-newhome .mobile-visual:before {
    top: 50%;
    margin-top: -143.5px;
  }
  .whats-new .wn-newhome .mobile-visual:before {
    left: 50%;
    margin-left: -145px;
  }
  .whats-new .wn-neverstops {
    background-image: url('/static/images/whatsnew/4-neverstops-mobile-bg.jpg?1943ceeeecc3');
  }
  .whats-new .wn-neverstops .mobile-visual {
    position: relative;
    text-align: left;
    height: 288px;
    margin-top: -30px;
  }
  .whats-new .wn-neverstops .mobile-visual:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .whats-new .wn-neverstops .mobile-visual:before {
    background-position: 0 0;
  }
  .whats-new .wn-neverstops .mobile-visual:before {
    background-image: url('/static/images/whatsnew/4-neverstops-mobile-visual.png?1943ceeeecc3');
  }
  .whats-new .wn-neverstops .mobile-visual:before {
    width: 320px;
    height: 288px;
  }
  .whats-new .wn-neverstops .mobile-visual:before {
    top: 50%;
    margin-top: -144px;
  }
  .whats-new .wn-neverstops .mobile-visual:before {
    left: 50%;
    margin-left: -160px;
  }
  .whats-new .wn-listeninghistory {
    background-image: url('/static/images/whatsnew/5-listeninghistory-mobile-bg.jpg?998c5beb3e52');
  }
  .whats-new .wn-listeninghistory .mobile-visual {
    position: relative;
    text-align: left;
    height: 335px;
    margin: 10px auto;
  }
  .whats-new .wn-listeninghistory .mobile-visual:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .whats-new .wn-listeninghistory .mobile-visual:before {
    background-position: 0 0;
  }
  .whats-new .wn-listeninghistory .mobile-visual:before {
    background-image: url('/static/images/whatsnew/5-listeninghistory-mobile-visual.png?998c5beb3e52');
  }
  .whats-new .wn-listeninghistory .mobile-visual:before {
    width: 299px;
    height: 335px;
  }
  .whats-new .wn-listeninghistory .mobile-visual:before {
    top: 50%;
    margin-top: -167.5px;
  }
  .whats-new .wn-listeninghistory .mobile-visual:before {
    left: 50%;
    margin-left: -149.5px;
  }
  .whats-new .wn-visualise {
    background-image: url('/static/images/whatsnew/6-visualise-mobile-bg.jpg?998c5beb3e52');
  }
  .whats-new .wn-visualise .mobile-visual {
    position: relative;
    text-align: left;
    height: 380px;
    margin: -30px auto -20px;
  }
  .whats-new .wn-visualise .mobile-visual:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .whats-new .wn-visualise .mobile-visual:before {
    background-position: 0 0;
  }
  .whats-new .wn-visualise .mobile-visual:before {
    background-image: url('/static/images/whatsnew/6-visualise-mobile-visual.png?998c5beb3e52');
  }
  .whats-new .wn-visualise .mobile-visual:before {
    width: 320px;
    height: 380px;
  }
  .whats-new .wn-visualise .mobile-visual:before {
    top: 50%;
    margin-top: -190px;
  }
  .whats-new .wn-visualise .mobile-visual:before {
    left: 50%;
    margin-left: -160px;
  }
  .whats-new .wn-paths {
    background-image: url('/static/images/whatsnew/7-paths-mobile-bg.jpg?998c5beb3e52');
  }
  .whats-new .wn-paths h2 {
    font-size: 24px;
  }
  .whats-new .wn-paths h2 a.profile-icon-link {
    display: block;
    margin: 10px auto;
    width: 200px;
  }
  .whats-new .wn-paths .last-fm-logo {
    margin: 80px auto 200px;
  }
  .whats-new .wn-getinvolved {
    background-image: url('/static/images/whatsnew/getinvolved/1-mobile-bg.jpg?998c5beb3e52');
  }
  .whats-new .wn-getinvolved .mobile-visual {
    position: relative;
    text-align: left;
    height: 213px;
    margin: 10px auto;
  }
  .whats-new .wn-getinvolved .mobile-visual:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .whats-new .wn-getinvolved .mobile-visual:before {
    background-position: 0 0;
  }
  .whats-new .wn-getinvolved .mobile-visual:before {
    background-image: url('/static/images/whatsnew/getinvolved/1-mobile-visual.png?998c5beb3e52');
  }
  .whats-new .wn-getinvolved .mobile-visual:before {
    width: 309px;
    height: 213px;
  }
  .whats-new .wn-getinvolved .mobile-visual:before {
    top: 50%;
    margin-top: -106.5px;
  }
  .whats-new .wn-getinvolved .mobile-visual:before {
    left: 50%;
    margin-left: -154.5px;
  }
  .whats-new .wn-tracklisteninghistory {
    background-image: url('/static/images/whatsnew/getinvolved/2-mobile-bg.jpg?998c5beb3e52');
  }
  .whats-new .wn-tracklisteninghistory .mobile-visual {
    position: relative;
    text-align: left;
    height: 172px;
    margin: 20px auto;
  }
  .whats-new .wn-tracklisteninghistory .mobile-visual:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .whats-new .wn-tracklisteninghistory .mobile-visual:before {
    background-position: 0 0;
  }
  .whats-new .wn-tracklisteninghistory .mobile-visual:before {
    background-image: url('/static/images/whatsnew/getinvolved/2-mobile-visual.png?998c5beb3e52');
  }
  .whats-new .wn-tracklisteninghistory .mobile-visual:before {
    width: 260px;
    height: 172px;
  }
  .whats-new .wn-tracklisteninghistory .mobile-visual:before {
    top: 50%;
    margin-top: -86px;
  }
  .whats-new .wn-tracklisteninghistory .mobile-visual:before {
    left: 50%;
    margin-left: -130px;
  }
  .whats-new .wn-goexplore {
    background-image: url('/static/images/whatsnew/getinvolved/3-mobile-bg.jpg?998c5beb3e52');
  }
  .whats-new .wn-goexplore .mobile-visual {
    position: relative;
    text-align: left;
    height: 327px;
    margin: 0px auto 15px;
  }
  .whats-new .wn-goexplore .mobile-visual:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .whats-new .wn-goexplore .mobile-visual:before {
    background-position: 0 0;
  }
  .whats-new .wn-goexplore .mobile-visual:before {
    background-image: url('/static/images/whatsnew/getinvolved/3-mobile-visual.png?998c5beb3e52');
  }
  .whats-new .wn-goexplore .mobile-visual:before {
    width: 296px;
    height: 327px;
  }
  .whats-new .wn-goexplore .mobile-visual:before {
    top: 50%;
    margin-top: -163.5px;
  }
  .whats-new .wn-goexplore .mobile-visual:before {
    left: 50%;
    margin-left: -148px;
  }
  .whats-new .wn-begin {
    background-image: url('/static/images/whatsnew/getinvolved/4-mobile-bg.jpg?998c5beb3e52');
    height: 647px;
  }
  .whats-new .wn-begin h2 {
    font-size: 22px;
  }
  .whats-new .wn-begin .container {
    margin-top: 80px;
  }
  .whats-new .wn-section-track .track-section .visual.screenshot {
    display: block;
    left: 0;
    height: 200px;
    width: 100%;
    top: 0 !important;
    position: relative !important;
    margin: 10px 0;
    transform: none;
  }
  .whats-new .wn-section-track .track-section .visual.screenshot:before {
    width: 100% !important;
    height: 200px !important;
    background-size: contain;
    background-position: center center !important;
  }
  .whats-new .wn-track-desktop {
    background-image: url('/static/images/whatsnew/trackmymusic/1-desktop-mobile-bg.jpg?998c5beb3e52');
    background-position: center bottom;
    background-size: cover;
  }
  .whats-new .wn-begin2 {
    background-image: url('/static/images/whatsnew/trackmymusic/11-end-mobile-bg.jpg?998c5beb3e52');
    height: 637px;
  }
}
.similar-tracks-and-lyrics-row {
  margin-top: 18px;
}
.similar-tracks-and-lyrics-row:before,
.similar-tracks-and-lyrics-row:after {
  content: " ";
  display: table;
}
.similar-tracks-and-lyrics-row:after {
  clear: both;
}
.similar-tracks-and-lyrics-row:before,
.similar-tracks-and-lyrics-row:after {
  content: " ";
  display: table;
}
.similar-tracks-and-lyrics-row:after {
  clear: both;
}
.similar-tracks-and-lyrics-row:after {
  content: "";
  display: table;
  clear: both;
}
.similar-tracks-and-lyrics-row:after {
  content: "";
  display: table;
  clear: both;
}
.similar-tracks-and-lyrics-row:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .similar-tracks-and-lyrics-row:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .similar-tracks-and-lyrics-row {
    margin-top: 24px;
  }
}
@media (min-width: 768px) {
  .similar-tracks-and-lyrics-row .lyrics-section {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .similar-tracks-and-lyrics-row .lyrics-section {
    float: left;
    width: 320px;
  }
}
@media (min-width: 1260px) {
  .similar-tracks-and-lyrics-row .lyrics-section {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1260px) and (min-width: 1260px) {
  .similar-tracks-and-lyrics-row .lyrics-section {
    float: left;
    width: 400px;
  }
}
@media (min-width: 768px) {
  .similar-tracks-and-lyrics-row.has-lyrics {
    margin-left: -10px;
    margin-right: -10px;
    margin-left: -7.5px;
    margin-right: -7.5px;
  }
  .similar-tracks-and-lyrics-row.has-lyrics section:nth-child(-n + 2) {
    margin-top: 0;
  }
  .similar-tracks-and-lyrics-row.has-lyrics .grid-items-item {
    width: 50%;
    height: 0;
    padding-top: 50%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .similar-tracks-and-lyrics-row.has-lyrics {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (min-width: 768px) and (min-width: 1260px) {
  .similar-tracks-and-lyrics-row.has-lyrics {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .similar-tracks-and-lyrics-row.has-lyrics section:nth-child(-n + 2) {
    margin-top: 0;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .similar-tracks-and-lyrics-row.has-lyrics .grid-items-section {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (min-width: 768px) and (min-width: 768px) {
  .similar-tracks-and-lyrics-row.has-lyrics .grid-items-section {
    float: left;
    width: 320px;
  }
}
@media (min-width: 768px) and (min-width: 1260px) {
  .similar-tracks-and-lyrics-row.has-lyrics .grid-items-section {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) and (min-width: 1260px) and (min-width: 1260px) {
  .similar-tracks-and-lyrics-row.has-lyrics .grid-items-section {
    float: left;
    width: 400px;
  }
}
.dashbody .header {
  color: #ffffff;
}
.dashbody .header-background {
  height: 100%;
}
.dashbody .header-background:before {
  background-size: contain;
  height: 200%;
}
.dashbody .header-inner-wrap {
  padding-top: 48px;
}
.dashbody .header-info {
  padding-top: 12px;
  padding-bottom: 24px;
}
.dashbody .header-background {
  background-size: cover;
  background-image: url('/static/images/dashboard_header.jpg?1943ceeeecc3');
  background-position: center 100%;
}
.dashboard-header-heading {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
  margin-top: 24px;
  margin-bottom: 12px;
  font-size: 30px;
  margin-top: 18px;
  margin-bottom: 0;
  margin-bottom: -6px;
  font-size: 20px;
  line-height: 30px;
}
.dashboard-header-heading small,
.dashboard-header-heading .small {
  font-weight: normal;
  line-height: 1;
  color: #999999;
}
.dashboard-header-heading small,
.dashboard-header-heading .small {
  font-size: 65%;
}
.dashboard-header-heading:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .dashboard-header-heading:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .dashboard-header-heading {
    margin-top: 24px;
  }
}
@media (min-width: 768px) {
  .dashboard-header-heading {
    font-size: 24px;
    line-height: 30px;
  }
}
@media (min-width: 768px) {
  .dashbody .header-background:before {
    background-size: auto;
  }
  .dashbody .header-inner-wrap {
    padding-top: 90px;
  }
  .dashbody .header-info {
    padding-top: 0;
    padding-bottom: 0;
  }
  .dashboard-header-intro {
    margin-top: 18px;
  }
  .dashboard-header-intro:first-child {
    margin-top: 0;
  }
  .dashboard-header-intro-2 {
    margin-top: 0;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .dashboard-header-intro:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .dashboard-header-intro-2 {
    margin-top: 0;
  }
}
/********** GENERAL **********/
body.dashbody #content {
  overflow-x: hidden;
}
body.dashbody .clearme {
  display: block;
  position: relative;
  clear: both;
  height: 0;
  font-size: 0;
  line-height: 0;
}
.noselect,
.noselect * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: none;
  -webkit-user-drag: none;
  user-drag: none;
}
/********** FONTS **********/
.kerve a {
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: color 250ms ease-in-out, background-color 250ms ease-in-out, border-color 250ms ease-in-out;
  -moz-transition: color 250ms ease-in-out, background-color 250ms ease-in-out, border-color 250ms ease-in-out;
  -o-transition: color 250ms ease-in-out, background-color 250ms ease-in-out, border-color 250ms ease-in-out;
  transition: color 250ms ease-in-out, background-color 250ms ease-in-out, border-color 250ms ease-in-out;
}
body.dashbody .header .header-title {
  color: #FFF;
}
.kerve.widget .widget_title,
.kerve.widget h2 {
  margin: 0 auto 6px;
  font-size: 20px;
  line-height: 22px;
  font-weight: 300;
}
.kerve.widget .widget_title a,
.kerve.widget h2 a {
  color: #222222;
}
.kerve:not(h2),
.kerve:not(.widget_title) {
  font-weight: lighter;
}
.kerve.widget .widget_title.no_intro,
.kerve.widget h2.no_intro {
  margin: 0 auto 20px;
}
.kerve.widget .widget_intro {
  display: block;
  position: relative;
  min-height: 28px;
  font-size: 11px;
  line-height: 14px;
  /*font-weight:bold;*/
}
.dashboard .kerve.widget .widget_title,
.dashboard .kerve.widget h2 {
  color: #b6c0bf;
}
.dashboard .kerve.widget .widget_title a,
.dashboard .kerve.widget h2 a {
  color: #b6c0bf;
}
@media (min-width: 768px) {
  .kerve.widget .widget_title,
  .kerve.widget h2 {
    margin-top: 0;
    font-size: 24px;
    line-height: 26px;
  }
}
/********** DASHBOARD **********/
body.dashbody {
  background: #000;
}
body.dashbody .container {
  background-color: transparent;
}
body.dashbody .content-top {
  display: none;
  padding: 0;
}
body.dashbody .header {
  border-bottom: 1px solid #000;
}
body.dashbody .header:after {
  content: '';
  display: block;
  position: relative;
  width: auto;
  height: 1px;
  top: 1px;
  background: #2f2f2f;
}
.dashboard {
  display: block;
  position: relative;
  min-height: 500px;
  padding: 0 0 100px;
  color: #b6c0bf;
  -webkit-font-smoothing: antialiased !important;
}
.dashboard a {
  color: #DDD;
}
/********** WIDGETS **********/
.kerve.widget {
  display: block;
  position: relative;
}
.kerve.widget + .widget {
  margin-top: 75px;
}
@media (min-width: 768px) {
  .kerve.widget {
    margin-top: 0;
    padding: 9px 10px 10px;
    background: #FFF;
    border: 1px solid #ebebeb;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
  }
  .kerve.widget:first-of-type {
    margin-top: -13px;
  }
  .kerve.widget + .widget {
    margin-top: 10px;
  }
}
@media (min-width: 1260px) {
  .kerve.widget {
    padding: 13px 14px 14px;
  }
  .kerve.widget:first-of-type {
    margin-top: -8px;
  }
  .kerve.widget + .widget {
    margin-top: 15px;
  }
}
/********** WIDGETS - DASHBOARD **********/
.dashboard .kerve.widget {
  width: auto;
  height: auto;
  margin: 75px 0 0;
  padding: 0 0 60px;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: none;
}
.dashboard .kerve.widget.widget_spike {
  width: 100%;
  height: auto;
}
.dashboard .kerve.widget.widget_now2 {
  width: 100%;
  height: 112px;
}
.dashboard .kerve.widget.widget_genretoday {
  padding: 0;
}
.kerve.widget .widget_label {
  display: block;
  position: relative;
  width: 100%;
  height: 36px;
  bottom: 0;
  left: 0;
  margin: 10px auto -12px;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  font-size: 12px;
  line-height: 14px;
  /*text-transform:uppercase;*/
  color: #222;
  vertical-align: top;
  overflow: hidden;
}
.kerve.widget .widget_label * {
  vertical-align: top;
}
.kerve.widget .widget_label span.label_grey {
  /*display:inline-block;
	padding-left:1px;
	color:#b6c0bf;*/
}
.kerve.widget .widget_label a {
  color: #222222;
}
.kerve.widget .widget_label a:hover {
  color: #B90000;
}
.kerve.widget .label_result {
  margin: 0 100px 0 0;
  padding: 10px 0 0;
  overflow: hidden;
  white-space: nowrap;
}
.kerve.widget .label_result.noresults {
  margin: 0;
}
.kerve.widget .label_scroll {
  display: block;
  position: relative;
}
.kerve.widget .label_scroll.animate {
  -webkit-animation: labelscroll 12s linear infinite;
  -moz-animation: labelscroll 12s linear infinite;
  -ms-animation: labelscroll 12s linear infinite;
  -o-animation: labelscroll 12s linear infinite;
  animation: labelscroll 12s linear infinite;
}
.kerve.widget .label_scroll.animate2 {
  -webkit-animation: labelscroll 12s linear;
  -moz-animation: labelscroll 12s linear;
  -ms-animation: labelscroll 12s linear;
  -o-animation: labelscroll 12s linear;
  animation: labelscroll 12s linear;
}
.kerve.widget .label_scrobbles {
  display: block;
  position: absolute;
  top: 10px;
  right: 0;
  text-align: right;
}
.kerve.widget .label_play {
  display: inline-block;
  width: 28px;
  height: 36px;
  margin: -11px 0 0;
  background-image: url('/static/images/kerve/label_play_black.png?1943ceeeecc3');
  background-size: 28px 72px;
  background-position: 0 0;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}
.kerve.widget .label_play:hover {
  background-position: 0 -36px;
}
.dashbody .kerve.widget .label_play {
  background-image: url('/static/images/kerve/label_play.png?1943ceeeecc3');
}
.kerve.widget .label_genre {
  display: inline-block;
  padding: 3px 3px 2px;
  margin: -3px 3px 0 0;
  background: #B90000;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
}
/* DASHBOARD */
.dashbody .kerve.widget .widget_label {
  position: absolute;
  height: 36px;
  margin: 0;
  padding: 0 0 13px;
  border-top: 1px solid #2f2f2f;
  border-bottom: 1px solid #2f2f2f;
  color: #f9f9f9;
}
.dashbody .kerve.widget .widget_label a {
  color: #f9f9f9;
}
.dashbody .kerve.widget .widget_label a:hover {
  color: #B90000;
}
.dashbody .kerve.widget .label_genre {
  color: #000;
}
/* RETINA */
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .kerve.widget .label_play {
    background-image: url('/static/images/kerve/label_play_black@2x.png?1943ceeeecc3');
  }
  .dashbody .kerve.widget .label_play {
    background-image: url('/static/images/kerve/label_play@2x.png?1943ceeeecc3');
  }
}
/* RESPONSIVE */
@media (min-width: 480px) {
  .dashboard .kerve.widget {
    margin: 85px 0 0;
  }
}
@media (min-width: 768px) {
  .kerve.widget .widget_label {
    border-bottom: none;
  }
  .dashbody .kerve.widget .widget_label {
    border-bottom: 1px solid #2f2f2f;
  }
  .dashboard .kerve.widget {
    float: left;
    width: 430px;
    height: 380px;
    margin: 96px 0 0;
    padding: 0;
  }
  .dashboard .kerve.widget.widget_left {
    margin-right: 80px;
  }
  .dashboard .kerve.widget.widget_spike {
    height: 460px;
  }
  .dashboard .kerve.widget.widget_world,
  .dashboard .kerve.widget.widget_loved {
    height: 400px;
  }
}
@media (min-width: 1260px) {
  .dashboard .kerve.widget {
    float: left;
    width: 535px;
    height: 380px;
    margin: 96px 0 0;
    padding: 0;
  }
  .dashboard .kerve.widget.widget_left {
    margin-right: 100px;
  }
}
/* KEYFRAMES */
@-webkit-keyframes labelscroll {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  70% {
    -webkit-transform: translateX(-110%);
    -moz-transform: translateX(-110%);
    -ms-transform: translateX(-110%);
    transform: translateX(-110%);
  }
  70.001% {
    -webkit-transform: translateX(110%);
    -moz-transform: translateX(110%);
    -ms-transform: translateX(110%);
    transform: translateX(110%);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes labelscroll {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  70% {
    -webkit-transform: translateX(-110%);
    -moz-transform: translateX(-110%);
    -ms-transform: translateX(-110%);
    transform: translateX(-110%);
  }
  70.001% {
    -webkit-transform: translateX(110%);
    -moz-transform: translateX(110%);
    -ms-transform: translateX(110%);
    transform: translateX(110%);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-ms-keyframes labelscroll {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  70% {
    -webkit-transform: translateX(-110%);
    -moz-transform: translateX(-110%);
    -ms-transform: translateX(-110%);
    transform: translateX(-110%);
  }
  70.001% {
    -webkit-transform: translateX(110%);
    -moz-transform: translateX(110%);
    -ms-transform: translateX(110%);
    transform: translateX(110%);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes labelscroll {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  70% {
    -webkit-transform: translateX(-110%);
    -moz-transform: translateX(-110%);
    -ms-transform: translateX(-110%);
    transform: translateX(-110%);
  }
  70.001% {
    -webkit-transform: translateX(110%);
    -moz-transform: translateX(110%);
    -ms-transform: translateX(110%);
    transform: translateX(110%);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes labelscroll {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  70% {
    -webkit-transform: translateX(-110%);
    -moz-transform: translateX(-110%);
    -ms-transform: translateX(-110%);
    transform: translateX(-110%);
  }
  70.001% {
    -webkit-transform: translateX(110%);
    -moz-transform: translateX(110%);
    -ms-transform: translateX(110%);
    transform: translateX(110%);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
/********** ARTIST WIDGET - LISTENING TRENDS **********/
.kerve .trendwrap {
  display: block;
  position: relative;
  width: auto;
}
.kerve .trendslider {
  display: block;
  position: relative;
  width: 100%;
  height: 210px;
  margin: 0 auto;
  overflow: hidden;
}
.kerve .trendslide {
  display: block;
  position: absolute;
  width: 100%;
  height: 201px;
  top: 0;
  left: 0;
}
.kerve .trendslide_inner {
  display: block;
  position: relative;
  width: 221px;
  height: 100%;
  margin: 0 auto;
}
.kerve .trendleft,
.kerve .trendright {
  display: block;
  position: absolute;
  width: 30px;
  height: 50px;
  top: 68px;
  left: -8px;
  background-image: url('/static/images/kerve/arrows.png?1943ceeeecc3');
  background-size: 60px 100px;
  background-position: 0 0;
  background-repeat: no-repeat;
  font-size: 0;
  line-height: 0;
}
.kerve .trendright {
  left: auto;
  right: -8px;
  background-position: -30px 0;
}
.kerve .trendleft span,
.kerve .trendright span {
  display: block;
  position: absolute;
  width: 30px;
  height: 50px;
  top: 0;
  left: 0;
  background-image: url('/static/images/kerve/arrows.png?1943ceeeecc3');
  background-size: 60px 100px;
  background-position: 0 -50px;
  background-repeat: no-repeat;
  font-size: 0;
  line-height: 0;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.kerve .trendright span {
  background-position: -30px -50px;
}
.kerve .trendleft:hover span,
.kerve .trendright:hover span {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.kerve .trendnav {
  display: block;
  position: relative;
  width: 100%;
  height: 28px;
  margin: 0 auto 26px;
  text-align: center;
}
.kerve a.btn_trendnav {
  display: block;
  position: relative;
  width: 32%;
  height: 28px;
  padding: 7px 0;
  margin: 0 auto;
  background: #ebebeb;
  background: #d6dad9;
  font-size: 14px;
  line-height: 14px;
  text-decoration: none;
  color: #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.kerve a.btn_trendnav_day {
  position: absolute;
  top: 0;
  left: 0;
}
.kerve a.btn_trendnav_month {
  position: absolute;
  top: 0;
  right: 0;
}
.kerve a.btn_trendnav:hover {
  background: #b6c0bf;
}
.kerve a.btn_trendnav.current {
  background: #B90000;
  color: #FFF;
}
.kerve .trendstats {
  display: block;
  position: relative;
  width: 221px;
  height: 39px;
  margin: 11px auto 0;
  font-size: 9px;
  line-height: 9px;
  text-transform: uppercase;
  color: #FFF;
  text-align: center;
}
.kerve .trenduser,
.kerve .trendglobal {
  display: block;
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  background: #B90000;
}
.kerve .trendglobal {
  left: auto;
  right: 0;
  background: #b6c0bf;
  border-left: 1px solid #FFF;
}
.no_user.kerve .trenduser {
  display: none;
}
.no_user.kerve .trendglobal {
  width: 100%;
  border-left: none;
}
.kerve .trendstats span {
  display: inline-block;
  height: 18px;
  margin-top: 5px;
  font-size: 16px;
  line-height: 18px;
}
.kerve .trendwavewrap {
  text-align: Center;
}
.kerve .trendwave {
  display: block;
  position: relative;
  width: 221px;
  height: 186px;
  margin: 0 auto 2px;
  overflow: hidden;
}
.kerve .trendwave_inner,
.kerve .trendwave_inner2 {
  display: block;
  position: absolute;
  width: 200%;
  height: 100%;
  top: 0;
  left: 0;
}
.no_user.kerve .trendwave_inner {
  display: none;
}
.kerve .trendwavewrap .bar {
  display: block;
  position: relative;
  width: 2px;
  height: 2px;
  min-height: 2px !important;
  top: 92px;
  margin-left: 1px;
  background: #b6c0bf;
  background: #cbd2d1;
  float: left;
  -webkit-transition: height 600ms cubic-bezier(0.68, 0, 0.265, 1), top 600ms cubic-bezier(0.68, 0, 0.265, 1);
  -webkit-transition: height 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55), top 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition: height 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55), top 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition: height 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55), top 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: height 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55), top 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.kerve .trendwave_inner .bar {
  background: #B90000;
}
.kerve .trendwavewrap .bar:first-child {
  margin-left: 0px;
}
.kerve .trendwave_break {
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  top: 92px;
  left: 0;
  background: #FFF;
}
/*.kerve .trendwave_axis{
	display:block;
	position:relative;
	width:221px;
	height:13px;
	margin:5px auto 2px;
	border:1px solid #b6c0bf;
	border-bottom:none;
	border-top:none;
	text-transform:uppercase;
}
.kerve .trendwave_axis .axislabel{
	display:block;
	position:absolute;
	width:40px;
	top:0;
	left:0;
	height:12px;
	border-right:1px solid #b6c0bf;
	font-size:10px;
	line-height:13px;
	color:#b6c0bf;
}
.kerve .trendwave_axis .axislabel:last-child,
.kerve .trendwave_axis .axislabel:last-of-type{
	border:none;
}*/
.kerve .trendbarwrap {
  left: 105%;
}
.kerve .trendbarwrap .graph {
  display: block;
  position: relative;
  width: 221px;
  height: 156px;
  top: 0;
  left: 0;
  margin: 31px auto 0;
}
.kerve .trendbarwrap .graphinner {
  display: block;
  position: absolute;
  width: 200%;
  height: 100%;
  top: 0;
  left: 0;
}
.kerve .trendbarwrap .graph_user,
.kerve .trendbarwrap .graph_global {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  vertical-align: bottom;
  line-height: 156px;
}
.kerve .trendbarwrap .graph_user {
  left: 3px;
}
.no_user.kerve .trendbarwrap .graph_user {
  display: none;
}
.kerve .trendbarwrap .bar {
  display: inline-block;
  position: relative;
  vertical-align: bottom;
  width: 2px;
  height: 1px;
  min-height: 1px !important;
  margin: -20px 4px 0 0;
  background: #B90000;
  font-size: 0;
  line-height: 0;
  -webkit-transition: height 600ms cubic-bezier(0.68, 0, 0.265, 1);
  -webkit-transition: height 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition: height 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition: height 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: height 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.no_user.kerve .trendbarwrap .bar {
  width: 5px;
  margin: -20px 1px 0 0;
}
.kerve .trendbarwrap .graph_global .bar {
  background: #b6c0bf;
  background: #cbd2d1;
}
.kerve .trendwrap .axis {
  display: block;
  position: absolute;
  width: 30px;
  min-height: 13px;
}
.kerve .trendwrap .axis .axislabel {
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  padding-top: 1px;
  font-size: 10px;
  line-height: 12px;
}
.kerve .trendwrap .axis.axis_y2 .axistab {
  background: #b6c0bf;
}
.kerve .trendwrap .axis .axistab.axistab2 {
  top: 16.66%;
}
.kerve .trendwrap .axis .axistab.axistab3 {
  top: 33.33%;
}
.kerve .trendwrap .axis .axistab.axistab4 {
  top: 50%;
}
.kerve .trendwrap .axis .axistab.axistab5 {
  top: 66.66%;
}
.kerve .trendwrap .axis .axistab.axistab6 {
  top: 83.33%;
}
.kerve .trendwrap .axis_x {
  display: block;
  position: relative;
  width: 221px;
  height: 13px;
  margin: 4px auto 12px;
  /*border:1px solid #b6c0bf;
	border-top:none;
	border-bottom:none;*/
  border-top: 1px solid #b6c0bf;
  text-transform: capitalize;
}
.kerve .trendwrap .axis_x .axislabel {
  display: block;
  position: absolute;
  width: 20%;
  left: 0;
  top: 3px;
  margin: 0 -10%;
  text-align: center;
  color: #b6c0bf;
  /*border-right:1px solid #b6c0bf;*/
}
.kerve .trendwrap .axis_x .axislabel.x2 {
  left: 20%;
}
.kerve .trendwrap .axis_x .axislabel.x3 {
  left: 40%;
}
.kerve .trendwrap .axis_x .axislabel.x4 {
  left: 60%;
}
.kerve .trendwrap .axis_x .axislabel.x5 {
  left: 80%;
}
.kerve .trendwrap .axis_x .axislabel.x6 {
  left: 100%;
}
.kerve .trendwrap .axis_x .axismarker {
  display: block;
  position: absolute;
  width: 1px;
  height: 3px;
  top: -3px;
  left: 50%;
  background: #b6c0bf;
}
.kerve .trendwrap .axis_x .axislabel.x6 .axismarker {
  margin-left: -1px;
}
.kerve .trendwrap .axis_x .axislabel:last-child,
.kerve .trendwrap .axis_x .axislabel:last-of-type {
  border: none;
}
.kerve .trendwrap .axis_y1_label,
.kerve .trendwrap .axis_y2_label,
.kerve .trendwrap .axis_y1_label2,
.kerve .trendwrap .axis_y2_label2 {
  width: 80px;
  top: -32px;
  left: 0;
  font-size: 11px;
  line-height: 11px;
  font-weight: bold;
  text-align: left;
  color: #B90000;
}
.kerve .trendwrap .axis_y2_label,
.kerve .trendwrap .axis_y2_label2 {
  left: auto;
  right: 0;
  text-align: right;
  color: #b6c0bf;
}
.kerve .trendwrap .axis_y1_label2,
.kerve .trendwrap .axis_y2_label2 {
  font-weight: normal;
  top: -20px;
}
.no_user.kerve .trendwrap .axis_y1_label,
.no_user.kerve .trendwrap .axis_y1_label2 {
  display: none;
}
/* RETINA */
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .kerve .trendleft,
  .kerve .trendright,
  .kerve .trendleft span,
  .kerve .trendright span {
    background-image: url('/static/images/kerve/arrows@2x.png?1943ceeeecc3');
  }
}
/* RESPONSIVE */
@media (min-width: 375px) {
  .kerve .trendwavewrap .bar {
    width: 3px;
  }
  .kerve .trendslide_inner,
  .kerve .trendnav,
  .kerve .trendstats,
  .kerve .trendwave,
  .kerve .trendbarwrap .graph,
  .kerve .trendwrap .axis_x {
    width: 295px;
  }
  .kerve .trendbarwrap .graph_user {
    left: 4px;
  }
  .kerve .trendbarwrap .bar {
    width: 3px;
    margin: -20px 5px 0 0;
  }
  .no_user.kerve .trendbarwrap .bar {
    width: 6px;
    margin: -20px 2px 0 0;
  }
}
@media (min-width: 450px) {
  .kerve .trendwavewrap .bar {
    width: 4px;
  }
  .kerve .trendslide_inner,
  .kerve .trendnav,
  .kerve .trendstats,
  .kerve .trendwave,
  .kerve .trendbarwrap .graph,
  .kerve .trendwrap .axis_x {
    width: 369px;
  }
  .kerve .trendbarwrap .graph_user {
    left: 5px;
  }
  .kerve .trendbarwrap .bar {
    width: 4px;
    margin: -20px 6px 0 0;
  }
  .no_user.kerve .trendbarwrap .bar {
    width: 8px;
    margin: -20px 2px 0 0;
  }
}
@media (min-width: 530px) {
  .kerve .trendwavewrap .bar {
    width: 4px;
    margin-left: 2px;
  }
  .kerve .trendslide_inner,
  .kerve .trendnav,
  .kerve .trendstats,
  .kerve .trendwave,
  .kerve .trendbarwrap .graph,
  .kerve .trendwrap .axis_x {
    width: 442px;
  }
  .kerve .trendbarwrap .graph_user {
    left: 6px;
  }
  .kerve .trendbarwrap .bar {
    width: 4px;
    margin: -20px 8px 0 0;
  }
  .no_user.kerve .trendbarwrap .bar {
    width: 9px;
    margin: -20px 3px 0 0;
  }
}
@media (min-width: 620px) {
  .kerve .trendwavewrap .bar {
    width: 5px;
    margin-left: 2px;
  }
  .kerve .trendslide_inner,
  .kerve .trendnav,
  .kerve .trendstats,
  .kerve .trendwave,
  .kerve .trendbarwrap .graph,
  .kerve .trendwrap .axis_x {
    width: 516px;
  }
  .kerve .trendbarwrap .graph_user {
    left: 7px;
  }
  .kerve .trendbarwrap .bar {
    width: 5px;
    margin: -20px 9px 0 0;
  }
  .no_user.kerve .trendbarwrap .bar {
    width: 10px;
    margin: -20px 4px 0 0;
  }
}
@media (min-width: 768px) {
  .kerve .trendwavewrap .bar {
    width: 2px;
    margin-left: 1px;
  }
  .kerve .trendstats,
  .kerve .trendnav {
    width: 100%;
  }
  .kerve .trendslide_inner,
  .kerve .trendwave,
  .kerve .trendbarwrap .graph,
  .kerve .trendwrap .axis_x {
    width: 221px;
  }
  .kerve .trendbarwrap .graph_user {
    left: 3px;
  }
  .kerve .trendbarwrap .bar {
    width: 2px;
    margin: -20px 4px 0 0;
  }
  .no_user.kerve .trendbarwrap .bar {
    width: 5px;
    margin: -20px 1px 0 0;
  }
}
@media (min-width: 1260px) {
  .kerve .trendwavewrap .bar {
    width: 3px;
  }
  .kerve .trendnav {
    height: 32px;
  }
  .kerve a.btn_trendnav {
    height: 32px;
    padding: 9px 0;
  }
  .kerve .trendslide_inner,
  .kerve .trendwave,
  .kerve .trendbarwrap .graph,
  .kerve .trendwrap .axis_x {
    width: 295px;
  }
  .kerve .trendbarwrap .graph_user {
    left: 4px;
  }
  .kerve .trendbarwrap .bar {
    width: 3px;
    margin: -20px 5px 0 0;
  }
  .no_user.kerve .trendbarwrap .bar {
    width: 6px;
    margin: -20px 2px 0 0;
  }
  .kerve .trendstats {
    height: 43px;
    margin: 19px auto 0;
    font-size: 10px;
    line-height: 10px;
  }
  .kerve .trendstats span {
    height: 20px;
    margin-top: 5px;
    font-size: 18px;
    line-height: 20px;
  }
}
/********** ARTIST WIDGET - USERS LISTENING NOW **********/
.kerve .nowwrap {
  display: block;
  position: relative;
  width: 100%;
  text-align: left;
}
.kerve .nowslider {
  display: block;
  position: relative;
  width: auto;
  height: 90px;
  margin: 0 22px;
  overflow: hidden;
}
.kerve .nowslider .slide {
  display: block;
  position: absolute;
  width: 100%;
  height: 90px;
  top: 0;
  left: 0;
  float: left;
}
.kerve .nowslider .slide_inner {
  display: block;
  position: relative;
  width: 100%;
  height: 290px;
  max-width: 340px;
  margin: 0 auto;
  font-size: 0;
  line-height: 0;
  text-align: center;
  vertical-align: top;
}
.kerve .nowslider_imgwrap {
  display: inline-block;
  position: relative;
  width: 84px;
  height: 84px;
  top: 0;
  left: 0;
  margin: 0 10px 0 0;
  background: #ebebeb;
  -webkit-border-radius: 42px;
  -moz-border-radius: 42px;
  border-radius: 42px;
  vertical-align: top;
}
.kerve .nowslider_img {
  display: block;
  position: absolute;
  width: 74px;
  height: 74px;
  top: 5px;
  left: 5px;
  background-color: #ddd;
  background-image: url('/static/images/kerve/profile2.jpg?1943ceeeecc3');
  background-position: center center;
  background-size: cover;
  border: 2px solid #FFF;
  -webkit-border-radius: 37px;
  -moz-border-radius: 37px;
  border-radius: 37px;
}
.kerve .nowslider_copywrap {
  display: inline-block;
  position: relative;
  max-width: 138px;
  margin: 5px 0 0 0;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
}
.kerve .nowslider_copywrap a {
  text-decoration: none;
}
.kerve .nowslider_copywrap a:hover {
  color: #B90000;
}
.kerve .nowslider_name {
  font-size: 16px;
  line-height: 18px;
  margin: 2px 0 8px;
  color: #b6c0bf;
}
.kerve .nowslider_artist {
  color: #222;
}
.kerve .nowslider_artist,
.kerve .nowslider_track {
  font-size: 12px;
  line-height: 14px;
}
.kerve .nowslider_track {
  color: #b6c0bf;
}
.kerve .nowslider_scrobbles {
  font-size: 10px;
  line-height: 12px;
  margin: 9px auto 0;
  text-transform: uppercase;
}
.kerve .nownav {
  display: none;
  position: relative;
  width: 100%;
  margin: 8px auto 6px;
  text-align: center;
}
.kerve .nowdot {
  display: inline-block;
  position: relative;
  width: 8px;
  height: 8px;
  margin: 3px;
  background: #FFF;
  border: 1px solid #B90000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
  -moz-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
  -o-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
  transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
}
.kerve .nowdot.current {
  background: #B90000;
}
.kerve .nowleft,
.kerve .nowright {
  display: block;
  position: absolute;
  width: 30px;
  height: 50px;
  top: 18px;
  left: -8px;
  background-image: url('/static/images/kerve/arrows.png?1943ceeeecc3');
  background-size: 60px 100px;
  background-position: 0 0;
  background-repeat: no-repeat;
  font-size: 0;
  line-height: 0;
}
.kerve .nowright {
  left: auto;
  right: -8px;
  background-position: -30px 0;
}
.kerve .nowleft span,
.kerve .nowright span {
  display: block;
  position: absolute;
  width: 30px;
  height: 50px;
  top: 0;
  left: 0;
  background-image: url('/static/images/kerve/arrows.png?1943ceeeecc3');
  background-size: 60px 100px;
  background-position: 0 -50px;
  background-repeat: no-repeat;
  font-size: 0;
  line-height: 0;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.kerve .nowright span {
  background-position: -30px -50px;
}
.kerve .nowleft:hover span,
.kerve .nowright:hover span {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
/* RETINA */
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .kerve .nowleft,
  .kerve .nowright,
  .kerve .nowleft span,
  .kerve .nowright span {
    background-image: url('/static/images/kerve/arrows@2x.png?1943ceeeecc3');
  }
}
/* RESPONSIVE */
@media (min-width: 375px) and (max-width: 767px), (min-width: 1260px) {
  .kerve .nowslider {
    height: 100px;
    margin: 0 26px;
  }
  .kerve .nowslider_imgwrap {
    width: 94px;
    height: 94px;
    margin: 0 15px 0 0;
    -webkit-border-radius: 47px;
    -moz-border-radius: 47px;
    border-radius: 47px;
  }
  .kerve .nowslider_img {
    width: 84px;
    height: 84px;
    -webkit-border-radius: 42px;
    -moz-border-radius: 42px;
    border-radius: 42px;
  }
  .kerve .nowslider_copywrap {
    max-width: 187px;
  }
  .kerve .nowslider_name {
    font-size: 18px;
    line-height: 20px;
    margin: 0 0 10px;
  }
  .kerve .nowslider_artist,
  .kerve .nowslider_track {
    font-size: 14px;
    line-height: 16px;
  }
  .kerve .nowslider_scrobbles {
    font-size: 12px;
    line-height: 14px;
    margin: 11px auto 0;
  }
  .kerve .nowleft,
  .kerve .nowright {
    top: 22px;
  }
}
/********** WIDGET - TOP TEN VENN **********/
.kerve .vennwrap {
  display: block;
  position: relative;
  width: auto;
  height: 300px;
  margin: -25px -15px -15px;
  overflow: hidden;
}
.kerve .vennwrap2 {
  display: block;
  position: relative;
  width: 276px;
  height: 200px;
  margin: 50px auto;
}
.kerve .venn_title {
  display: none;
}
.kerve .venn_title .red {
  color: #B90000;
}
.kerve .venn_img {
  display: block;
  position: absolute;
  width: 274px;
  height: 198px;
  top: 1px;
  left: 1px;
  background-position: center 20%;
  background-size: cover;
  background-repeat: no-repeat;
}
.kerve .venn_mask {
  display: block;
  position: absolute;
  width: 276px;
  height: 200px;
  top: -1px;
  left: -1px;
  background-color: rgba(255, 255, 255, 0.5);
  background-image: url('/static/images/kerve/venn_mask.png?1943ceeeecc3');
  background-position: center center;
  background-size: cover;
}
.kerve .venn {
  display: block;
  position: absolute;
  width: 200px;
  height: 200px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.kerve .venn1 {
  left: 0;
  bottom: 0;
  border: 2px solid #B90000;
}
.kerve .venn2 {
  right: 0;
  bottom: 0;
  border: 2px solid #0066FF;
}
.kerve .venn_rotate {
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  top: -21px;
  left: 78px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform-origin: 20px 120px;
  -ms-transform-origin: 20px 120px;
  transform-origin: 20px 120px;
}
.kerve .venn_rotate.animate {
  -webkit-transition: all 800ms ease-in-out;
  -moz-transition: all 800ms ease-in-out;
  -o-transition: all 800ms ease-in-out;
  transition: all 800ms ease-in-out;
}
.kerve .venn1 .venn_rotate {
  -webkit-transform: rotate(332deg);
  -moz-transform: rotate(332deg);
  -ms-transform: rotate(332deg);
  transform: rotate(332deg);
}
.kerve .venn2 .venn_rotate {
  -webkit-transform: rotate(152deg);
  -moz-transform: rotate(152deg);
  -ms-transform: rotate(152deg);
  transform: rotate(152deg);
}
.kerve .venn .handlewrap {
  display: block;
  position: absolute;
  top: 6px;
  left: 6px;
  width: 28px;
  height: 28px;
  cursor: pointer;
}
.kerve .venn .handle_hover {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 28px;
  height: 28px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition: all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition: all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.kerve .venn .handle_hover.visible,
.kerve .venn .handle_hover.visible2 {
  top: -35px;
  left: -35px;
  width: 98px;
  height: 98px;
  -webkit-border-radius: 49px;
  -moz-border-radius: 49px;
  border-radius: 49px;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.kerve .venn1 .handle_hover {
  background: rgba(185, 0, 0, 0.25);
}
.kerve .venn2 .handle_hover {
  background: rgba(0, 102, 255, 0.25);
}
.kerve .venn .handle {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 28px;
  height: 28px;
  background: #FFF;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  cursor: pointer;
}
.kerve .venn1 .handle {
  border: 3px solid #B90000;
}
.kerve .venn2 .handle {
  border: 3px solid #0066FF;
}
.kerve .vennblock {
  display: block;
  position: absolute;
  width: 48px;
  height: 192px;
  top: 5px;
  left: 115px;
  /*background:rgba(255,0,0,0.4);*/
}
.kerve .vennblock.vennblock2 {
  width: 125px;
  height: 165px;
  top: 18px;
  left: 75px;
}
.kerve .vennname {
  display: block;
  position: absolute;
  width: 36%;
  height: 30px;
  top: auto;
  bottom: -30px;
  left: 0;
  padding: 11px 0 5px;
  border-bottom: 1px solid #B90000;
  border-right: 1px solid #B90000;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
  font-size: 13px;
  line-height: 13px;
  font-weight: bold;
  text-align: left;
  color: #B90000;
}
.kerve .vennname2 {
  left: auto;
  right: 0;
  border-bottom: 1px solid #0066FF;
  border-left: 1px solid #0066FF;
  border-right: none;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  text-align: right;
  color: #0066FF;
}
/* DASHBOARD */
.dashbody .kerve .venn_mask {
  background-image: url('/static/images/kerve/venn_mask_dark.png?1943ceeeecc3');
}
.dashbody .kerve .venn .handle {
  background: #000;
}
.dashbody .kerve .venn1 .handle_hover {
  background: rgba(193, 25, 25, 0.35);
}
.dashbody .kerve .venn_mask {
  background-color: rgba(0, 0, 0, 0.5);
}
/* RESPONSIVE */
@media (min-width: 500px) {
  .kerve .vennwrap {
    margin: -25px -15px -40px;
  }
  .kerve .vennname {
    width: 97px;
    height: 19px;
    top: 81px;
    left: -97px;
    padding: 0 0 5px;
    border-right: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .kerve .vennname2 {
    left: auto;
    right: -97px;
    border-left: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
}
@media (min-width: 570px) and (max-width: 767px) {
  .kerve .vennwrap {
    width: auto;
    height: 300px;
    margin: -15px auto;
  }
  .kerve .vennwrap2,
  .kerve .venn_mask {
    width: 304px;
    height: 220px;
  }
  .kerve .venn_img {
    width: 302px;
    height: 218px;
  }
  .kerve .venn {
    width: 220px;
    height: 220px;
  }
  .kerve .venn_rotate {
    left: 88px;
    -webkit-transform-origin: 20px 130px;
    -ms-transform-origin: 20px 130px;
    transform-origin: 20px 130px;
  }
  .kerve .vennblock {
    width: 52px;
    height: 216px;
    top: 2px;
    left: 125px;
  }
  .kerve .vennblock.vennblock2 {
    width: 138px;
    height: 170px;
    top: 25px;
    left: 83px;
  }
  .kerve .vennname {
    width: 116px;
    left: -116px;
    top: 88px;
    height: 21px;
    font-size: 16px;
    line-height: 16px;
  }
  .kerve .vennname2 {
    left: auto;
    right: -116px;
  }
}
@media (min-width: 768px) {
  .kerve .vennname {
    width: 36%;
    height: 30px;
    top: auto;
    bottom: -30px;
    left: 0;
    padding: 11px 0 5px;
    border-right: 1px solid #B90000;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .kerve .vennname2 {
    left: auto;
    right: 0;
    border-left: 1px solid #0066FF;
    border-right: none;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .dashbody .kerve .vennname {
    /*width:97px;
		height:19px;
		top:81px;
		left:-97px;*/
    padding: 0 0 5px;
    border-right: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .dashbody .kerve .vennname2 {
    /*left:auto;
		right:-97px;*/
    border-left: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
}
@media (min-width: 768px) and (max-width: 1259px) {
  .kerve .vennwrap {
    width: auto;
    height: 280px;
    margin: -40px auto -15px;
  }
  .kerve .vennwrap2,
  .kerve .venn_mask {
    width: 248px;
    height: 180px;
  }
  .kerve .venn_img {
    width: 246px;
    height: 178px;
  }
  .kerve .venn {
    width: 180px;
    height: 180px;
  }
  .kerve .venn_rotate {
    left: 68px;
    -webkit-transform-origin: 20px 110px;
    -ms-transform-origin: 20px 110px;
    transform-origin: 20px 110px;
  }
  .kerve .vennblock {
    width: 48px;
    height: 172px;
    top: 4px;
    left: 100px;
  }
  .kerve .vennblock.vennblock2 {
    width: 116px;
    height: 140px;
    top: 20px;
    left: 66px;
  }
  .dashbody .kerve .vennwrap {
    margin: -40px auto -35px;
  }
  .dashbody .kerve .vennname {
    width: 116px;
    left: -116px;
    top: 88px;
    height: 21px;
    font-size: 16px;
    line-height: 16px;
  }
  .dashbody .kerve .vennname2 {
    left: auto;
    right: -116px;
  }
  .dashbody .kerve .vennblock {
    width: 48px;
    height: 192px;
    top: 5px;
    left: 115px;
  }
  .dashbody .kerve .vennblock.vennblock2 {
    width: 125px;
    height: 165px;
    top: 18px;
    left: 75px;
  }
}
@media (min-width: 768px) {
  .dashbody .kerve .vennwrap {
    width: auto;
    height: 300px;
    margin: -15px -15px;
  }
  .dashbody .kerve .vennwrap2,
  .dashbody .kerve .venn_mask {
    width: 276px;
    height: 200px;
  }
  .dashbody .kerve .venn_img {
    width: 274px;
    height: 198px;
  }
  .dashbody .kerve .venn {
    width: 200px;
    height: 200px;
  }
  .dashbody .kerve .venn_rotate {
    left: 78px;
    -webkit-transform-origin: 20px 120px;
    -ms-transform-origin: 20px 120px;
    transform-origin: 20px 120px;
  }
  .dashbody .kerve .vennname {
    width: 77px;
    left: -77px;
    top: 81px;
    height: 19px;
    font-size: 12px;
    line-height: 13px;
    letter-spacing: -0.5px;
  }
  .dashbody .kerve .vennname2 {
    left: auto;
    right: -77px;
  }
}
@media (min-width: 1260px) {
  .kerve .vennwrap {
    margin: -35px auto -15px;
  }
  .dashbody .kerve .vennwrap {
    width: auto;
    height: 320px;
    margin: -20px auto;
  }
  .dashbody .kerve .vennwrap2,
  .dashbody .kerve .venn_mask {
    width: 304px;
    height: 220px;
  }
  .dashbody .kerve .venn_img {
    width: 302px;
    height: 218px;
  }
  .dashbody .kerve .venn {
    width: 220px;
    height: 220px;
  }
  .dashbody .kerve .venn_rotate {
    left: 88px;
    -webkit-transform-origin: 20px 130px;
    -ms-transform-origin: 20px 130px;
    transform-origin: 20px 130px;
  }
  .dashbody .kerve .vennname {
    width: 116px;
    left: -116px;
    top: 88px;
    height: 21px;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0;
  }
  .dashbody .kerve .vennname2 {
    left: auto;
    right: -116px;
  }
  .dashbody .kerve .vennblock {
    width: 52px;
    height: 216px;
    top: 2px;
    left: 125px;
  }
  .dashbody .kerve .vennblock.vennblock2 {
    width: 138px;
    height: 170px;
    top: 25px;
    left: 83px;
  }
}
/********** WIDGET - TODAY'S MOST LOVED **********/
/*.dashbody .kerve.widget.widget_loved .widget_label{
	text-align:center;
}*/
/*.dashbody .kerve.widget.widget_loved .label_result{
	margin:0;
}*/
.kerve .lovedwrap {
  display: block;
  position: relative;
  height: 256px;
}
.kerve .lovedwrap2 {
  display: block;
  position: relative;
  width: 256px;
  height: 256px;
  margin: 0 auto 20px;
}
.kerve .lovedcircle {
  display: block;
  position: absolute;
  width: 256px;
  height: 256px;
  top: 0;
  left: 0px;
}
.kerve #loved_halo {
  -webkit-transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.kerve .loved_middle {
  display: block;
  position: absolute;
  width: 220px;
  height: 220px;
  top: 18px;
  left: 18px;
}
.kerve .loved_img,
.kerve .loved_img2,
.kerve .loved_heart {
  display: block;
  position: absolute;
  width: 220px;
  height: 220px;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center 20%;
  -webkit-border-radius: 110px;
  -moz-border-radius: 110px;
  border-radius: 110px;
}
.kerve .loved_img,
.kerve .loved_img2 {
  width: 222px;
  height: 222px;
  top: -1px;
  left: -1px;
  border: 2px solid #FFF;
}
.kerve .loved_heart {
  background-color: transparent;
  background-image: url('/static/images/kerve/loved_heart.png?1943ceeeecc3');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 220px 220px;
}
/*.kerve .loved_scrobbles{
	display:block;
	position:absolute;
	width:150px;
	height:14px;
	bottom:-17px;
	padding:0 0 0 4px;
	border-left:1px solid #222;
	left:111px;
	font-size:14px;
	line-height:14px;
	color:#222;
}*/
.kerve .lovedleft,
.kerve .lovedright,
.kerve .lovedleft span,
.kerve .lovedright span {
  display: block;
  position: absolute;
  width: 30px;
  height: 50px;
  top: 98px;
  left: -27px;
  background-image: url('/static/images/kerve/arrows.png?1943ceeeecc3');
  background-size: 60px 100px;
  background-position: 0 0;
}
.kerve .lovedright {
  left: auto;
  right: -27px;
  background-position: -30px 0;
}
.kerve .lovedleft span,
.kerve .lovedright span {
  top: 0;
  left: 0;
  background-position: 0 -50px;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.kerve .lovedright span {
  background-position: -30px -50px;
}
.kerve .lovedleft:hover span,
.kerve .lovedright:hover span {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
/* DASHBOARD */
.dashbody .kerve .lovedwrap2 {
  margin: 20px auto 0;
}
/*.dashbody .kerve .loved_scrobbles{
	border-left:1px solid #FFF;
	color:#FFF;
}*/
.dashbody .kerve .loved_img,
.dashbody .kerve .loved_img2 {
  border: 2px solid #000;
}
.dashbody .kerve .lovedleft,
.dashbody .kerve .lovedright,
.dashbody .kerve .lovedleft span,
.dashbody .kerve .lovedright span {
  background-image: url('/static/images/kerve/arrows_dark.png?1943ceeeecc3');
}
/* RETINA */
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .kerve .lovedleft,
  .kerve .lovedright,
  .kerve .lovedleft span,
  .kerve .lovedright span {
    background-image: url('/static/images/kerve/arrows@2x.png?1943ceeeecc3');
  }
  .kerve .loved_heart {
    background-image: url('/static/images/kerve/loved_heart@2x.png?1943ceeeecc3');
  }
  .dashbody .kerve .lovedleft,
  .dashbody .kerve .lovedright,
  .dashbody .kerve .lovedleft span,
  .dashbody .kerve .lovedright span {
    background-image: url('/static/images/kerve/arrows_dark@2x.png?1943ceeeecc3');
  }
}
/* RESPONSIVE */
@media (max-width: 374px) {
  .kerve .lovedcircle,
  .kerve .loved_middle {
    -webkit-transform: scale(0.88, 0.88);
    -moz-transform: scale(0.88, 0.88);
    -ms-transform: scale(0.88, 0.88);
    transform: scale(0.88, 0.88);
  }
}
@media (min-width: 375px) {
  .kerve .lovedleft {
    left: -45px;
  }
  .kerve .lovedright {
    right: -45px;
  }
}
@media (min-width: 460px) {
  .kerve .lovedleft {
    left: -65px;
  }
  .kerve .lovedright {
    right: -65px;
  }
}
@media (min-width: 768px) {
  .kerve .lovedleft {
    left: -19px;
  }
  .kerve .lovedright {
    right: -19px;
  }
  .dashbody .kerve .lovedleft {
    left: -65px;
  }
  .dashbody .kerve .lovedright {
    right: -65px;
  }
  .kerve .lovedcircle,
  .kerve .loved_middle {
    -webkit-transform: scale(0.88, 0.88);
    -moz-transform: scale(0.88, 0.88);
    -ms-transform: scale(0.88, 0.88);
    transform: scale(0.88, 0.88);
  }
  .dashbody .kerve .lovedcircle,
  .dashbody .kerve .loved_middle {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
@media (min-width: 1260px) {
  .kerve .lovedwrap2 {
    margin: 15px auto 20px;
  }
  .kerve .lovedleft {
    left: -50px;
  }
  .kerve .lovedright {
    right: -50px;
  }
  .dashbody .kerve .lovedleft {
    left: -65px;
  }
  .dashbody .kerve .lovedright {
    right: -65px;
  }
  .kerve .lovedcircle,
  .kerve .loved_middle {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
/********** WIDGET - SCROBBLE WAVE **********/
.kerve .wavewrap {
  display: block;
  position: relative;
  width: 100%;
  height: 278px;
  margin: 0 0 -5px;
  overflow: hidden;
}
.kerve .wavewrap2 {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.kerve .wave {
  display: block;
  position: absolute;
  width: 744px;
  height: 238px;
  top: 20px;
  right: 0;
  -webkit-transform: translate(4px, 0px);
  -moz-transform: translate(4px, 0px);
  -ms-transform: translate(4px, 0px);
  transform: translate(4px, 0px);
}
.kerve .wave_fade {
  display: block;
  position: absolute;
  top: 50%;
  right: -4px;
  width: 744px;
  height: 50%;
  background: rgba(255, 255, 255, 0.2);
}
.kerve .wave_mid {
  display: block;
  position: absolute;
  width: 744px;
  height: 1px;
  top: 50%;
  right: -4px;
  background: #FFF;
}
.kerve .wave_handle {
  display: block;
  position: absolute;
  width: 41px;
  height: 40px;
  top: 1px;
  left: 550px;
  margin: -20px;
  cursor: pointer;
  z-index: 5;
}
.kerve .wave_handle1,
.kerve .wave_handle2 {
  display: block;
  position: absolute;
  width: 10px;
  height: 40px;
  top: 0;
  left: 10px;
  background-image: url('/static/images/kerve/wave_arrows_white.png?1943ceeeecc3');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 20px 40px;
  -webkit-transition: left 200ms ease-in-out, right 200ms ease-in-out;
  -moz-transition: left 200ms ease-in-out, right 200ms ease-in-out;
  -o-transition: left 200ms ease-in-out, right 200ms ease-in-out;
  transition: left 200ms ease-in-out, right 200ms ease-in-out;
}
.kerve .wave_handle2 {
  left: auto;
  right: 10px;
  background-position: -10px 0;
}
.kerve .wave_handle.active .wave_handle1 {
  left: 4px;
}
.kerve .wave_handle.active .wave_handle2 {
  right: 4px;
}
.kerve .wave_result {
  display: none;
}
.kerve .wave_result2 {
  display: block;
}
.kerve .wave .track {
  display: block;
  position: relative;
  float: right;
  width: 3px;
  height: 170px;
  margin-left: 1px;
  background: #cbd2d1;
}
.kerve .wave .track.current {
  background: #B90000;
  z-index: 4;
  /*-webkit-transform: translateZ(4px);
	-moz-transform: translateZ(4px);
	-ms-transform: translateZ(4px);
	transform: translateZ(4px);*/
}
.kerve .wave .track.old {
  background: #c67575;
  -webkit-transition: background 500ms ease-in-out;
  -moz-transition: background 500ms ease-in-out;
  -o-transition: background 500ms ease-in-out;
  transition: background 500ms ease-in-out;
}
.kerve .wave .track.small {
  -webkit-transform: scale(1, 0.01);
  -moz-transform: scale(1, 0.01);
  -ms-transform: scale(1, 0.01);
  transform: scale(1, 0.01);
}
.kerve .wave .track.animate {
  -webkit-animation: fadein 1.3s;
  -moz-animation: fadein 1.3s;
  -ms-animation: fadein 1.3s;
  -o-animation: fadein 1.3s;
  animation: fadein 1.3s;
}
/* DASHBOARD */
.dashbody .kerve .wavewrap {
  margin: 0px 0 -20px;
}
.dashbody .kerve .wave_fade {
  background: rgba(0, 0, 0, 0.2);
}
.dashbody .kerve .wave_mid {
  background: #000;
}
.dashbody .kerve .wave .track {
  background: #B90000;
}
.dashbody .kerve .wave .track.current {
  background: #FFF;
}
.dashbody .kerve .wave .track.old {
  background: #d45e5e;
}
.dashbody .kerve .wave_handle1,
.dashbody .kerve .wave_handle2 {
  background-image: url('/static/images/kerve/wave_arrows.png?1943ceeeecc3');
}
/* RETINA */
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .kerve .wave_handle1,
  .kerve .wave_handle2 {
    background-image: url('/static/images/kerve/wave_arrows_white@2x.png?1943ceeeecc3');
  }
  .dashbody .kerve .wave_handle1,
  .dashbody .kerve .wave_handle2 {
    background-image: url('/static/images/kerve/wave_arrows@2x.png?1943ceeeecc3');
  }
}
/* KEYFRAME ANIMATIONS */
@-webkit-keyframes fadein {
  0% {
    -webkit-transform: scale(1, 0.1);
    -moz-transform: scale(1, 0.1);
    -ms-transform: scale(1, 0.1);
    transform: scale(1, 0.1);
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
  }
  50% {
    -webkit-transform: scale(1, 1.17);
    -moz-transform: scale(1, 1.17);
    -ms-transform: scale(1, 1.17);
    transform: scale(1, 1.17);
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-moz-keyframes fadein {
  0% {
    -webkit-transform: scale(1, 0.1);
    -moz-transform: scale(1, 0.1);
    -ms-transform: scale(1, 0.1);
    transform: scale(1, 0.1);
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
  }
  50% {
    -webkit-transform: scale(1, 1.17);
    -moz-transform: scale(1, 1.17);
    -ms-transform: scale(1, 1.17);
    transform: scale(1, 1.17);
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-ms-keyframes fadein {
  0% {
    -webkit-transform: scale(1, 0.1);
    -moz-transform: scale(1, 0.1);
    -ms-transform: scale(1, 0.1);
    transform: scale(1, 0.1);
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
  }
  50% {
    -webkit-transform: scale(1, 1.17);
    -moz-transform: scale(1, 1.17);
    -ms-transform: scale(1, 1.17);
    transform: scale(1, 1.17);
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-o-keyframes fadein {
  0% {
    -webkit-transform: scale(1, 0.1);
    -moz-transform: scale(1, 0.1);
    -ms-transform: scale(1, 0.1);
    transform: scale(1, 0.1);
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
  }
  50% {
    -webkit-transform: scale(1, 1.17);
    -moz-transform: scale(1, 1.17);
    -ms-transform: scale(1, 1.17);
    transform: scale(1, 1.17);
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes fadein {
  0% {
    -webkit-transform: scale(1, 0.1);
    -moz-transform: scale(1, 0.1);
    -ms-transform: scale(1, 0.1);
    transform: scale(1, 0.1);
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
  }
  50% {
    -webkit-transform: scale(1, 1.17);
    -moz-transform: scale(1, 1.17);
    -ms-transform: scale(1, 1.17);
    transform: scale(1, 1.17);
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
/********** WIDGET - SPIKE ARTIST **********/
.kerve.widget.widget_spike {
  padding-bottom: 15px;
}
.kerve.widget.widget_spike.ohidden {
  overflow: hidden;
}
.dashboard .kerve.widget.widget_spike {
  padding-bottom: 60px;
}
.kerve .spike_intro {
  display: block;
  position: relative;
  height: 30px;
  margin: 0 auto;
  font-size: 11px;
  line-height: 14px;
  text-align: left;
}
.kerve .spike_intro .spike_intro_copy2 {
  display: none;
}
.kerve .spike_intro.spikehide .spike_intro_copy {
  display: none;
}
.kerve .spike_intro.spikehide .spike_intro_copy2 {
  display: block;
}
.kerve .spikewrap {
  display: block;
  position: relative;
  width: 100%;
  height: 280px;
  margin: 15px auto 0;
}
.kerve .spikeartist {
  display: block;
  position: absolute;
  width: 262px !important;
  height: 262px !important;
  top: 10px !important;
  left: 50% !important;
  margin: 0 0 0 -131px;
  background: #DDD;
  border: 1px solid #b6c0bf;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.kerve .spikeartist.animated {
  /*-webkit-transition: all 400ms cubic-bezier(0.680, -0.550, 0.2, 1.550); 
	-moz-transition: all 400ms cubic-bezier(0.680, -0.550, 0.2, 1.550); 
	-o-transition: all 400ms cubic-bezier(0.680, -0.550, 0.2, 1.550); 
	transition: all 400ms cubic-bezier(0.680, -0.550, 0.2, 1.550);*/
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.kerve .spikewrap .bubble {
  display: block;
  position: absolute;
  background: #DDD;
  width: 0;
  height: 0;
  top: 0;
  left: 0;
  border: 1px solid #b6c0bf;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.kerve .spikewrap .bubble.spikeartist {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.kerve .spikewrap .bubble_img {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-size: cover;
  background-position: center 20%;
}
.kerve .spikewrap .spikeartist .bubble_img {
  width: 94.6%;
  height: 94.6%;
  top: 2.7%;
  left: 2.7%;
}
.kerve .spikewrap .bubble_number,
.kerve .spikewrap .bubble_name {
  display: block;
  position: absolute;
  width: 22px;
  height: 22px;
  top: 9px;
  left: 29%;
  padding-top: 3px;
  margin: -11px -11px -11px -22px;
  background: #FFF;
  border: 2px solid #b6c0bf;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  font-size: 11px;
  line-height: 11px;
  text-align: center;
  -webkit-font-smoothing: subpixel-antialiased !important;
}
.kerve .spikewrap .bubble_name {
  left: 50%;
  width: auto;
  min-width: 100%;
  margin: -11px 0 -11px 0;
  padding: 3px 5px 0 23px;
  padding: 3px 5px 0 5px;
  border: 2px solid #B90000;
  color: #B90000;
  white-space: nowrap;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.kerve .spikewrap .spikeartist .bubble_number,
.kerve .spikewrap .spikeartist .bubble_name {
  display: none;
}
.kerve .spikewrap .bubble.done,
.kerve .spikewrap .bubble.done .bubble_number,
.kerve .spikewrap .bubble.done .bubble_name {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.kerve .spikewrap .bubble.done:hover {
  z-index: 5;
  border: 1px solid #B90000;
  /*-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);*/
}
.kerve .spikewrap .bubble.done:hover .bubble_number {
  /*border:2px solid #B90000;
	background:#B90000;
	color:#222;*/
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.kerve .spikewrap .bubble.done:hover .bubble_name {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.kerve .spikewrap .bubble.show {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-animation: bubbleshow 0.5s;
  -moz-animation: bubbleshow 0.5s;
  -ms-animation: bubbleshow 0.5s;
  -o-animation: bubbleshow 0.5s;
  animation: bubbleshow 0.5s;
}
.kerve .spikewrap .bubble.hide {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.kerve .spike_details {
  display: block;
  position: relative;
  height: 47px;
  margin: 10px auto 15px;
  text-align: center;
}
.kerve .spike_name {
  display: block;
  position: relative;
  margin: 0 auto 5px;
  height: 18px;
  font-size: 18px;
  line-height: 18px;
}
.kerve .spike_name a {
  color: #222222;
}
.kerve .spike_name a:hover {
  color: #B90000;
}
.kerve a.spike_back,
.kerve a.spike_reset {
  display: none;
  padding: 1px 10px 0px;
  border: 1px solid #B90000;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
  text-decoration: none;
  color: #B90000;
}
.kerve a.spike_back:hover,
.kerve a.spike_reset:hover {
  color: #FFF !important;
  border-color: #B90000 !important;
  background: #B90000;
}
.kerve .spike_back_arrow,
.kerve .spike_back_arrow span {
  display: inline-block;
  position: relative;
  width: 5px;
  height: 21px;
  margin: -2px 5px -6px 0;
  background-image: url('/static/images/kerve/spike_back.png?1943ceeeecc3');
  background-size: 5px 63px;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.kerve .spike_back_arrow span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  background-position: 0 -42px;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.kerve a.spike_back:hover .spike_back_arrow span {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
/* DASHBOARD */
.dashbody .kerve .spikeartist {
  background: #1e1e1e;
  border: 1px solid #666;
}
.dashbody .kerve .spikewrap .bubble {
  border: 1px solid #666;
  background: #1e1e1e;
}
.dashbody .kerve .spikewrap .bubble_number {
  background: #000;
  border: 2px solid #666;
}
.dashbody .kerve .spikewrap .bubble_name {
  background: #B90000;
  color: #FFF;
}
.dashbody .kerve .spike_details {
  margin: 10px auto -5px;
}
.dashbody .kerve .spike_name a {
  color: #b6c0bf;
}
.dashbody .kerve a.spike_back:hover {
  color: #FFF;
  border-color: #FFF;
}
.dashbody .kerve .spike_back_arrow span {
  background-position: 0 -42px;
}
/* RETINA */
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .kerve .spike_back_arrow,
  .kerve .spike_back_arrow span {
    background-image: url('/static/images/kerve/spike_back@2x.png?1943ceeeecc3');
  }
}
/* RESPONSIVE */
@media (max-width: 700px) {
  .kerve .spikeartist {
    width: 222px !important;
    height: 222px !important;
    top: 20px !important;
    margin: 0 0 0 -111px;
  }
  .kerve .spike_details {
    margin: 10px auto 10px;
  }
  .dashbody .kerve .spike_details {
    margin: 10px auto -10px;
  }
}
@media (max-width: 600px) {
  .kerve .spikeartist {
    width: 202px !important;
    height: 202px !important;
    top: 30px !important;
    margin: 0 0 0 -101px;
  }
  .kerve .spike_details {
    margin: 16px auto 10px;
  }
  .dashbody .kerve .spike_details {
    margin: 16px auto -10px;
  }
}
@media (max-width: 480px) {
  .kerve .spikeartist {
    width: 182px !important;
    height: 182px !important;
    top: 40px !important;
    margin: 0 0 0 -91px;
  }
}
@media (max-width: 380px) {
  .kerve .spikeartist {
    width: 162px !important;
    height: 162px !important;
    top: 50px !important;
    margin: 0 0 0 -81px;
  }
}
@media (min-width: 768px) {
  .kerve .spikeartist {
    width: 162px !important;
    height: 162px !important;
    top: 50px !important;
    margin: 0 0 0 -81px;
  }
  .dashbody .kerve.widget.widget_spike .widget_title,
  .dashbody .kerve.widget.widget_spike .kerve.widget h2 {
    text-align: center;
  }
  .dashbody .kerve .spikeartist {
    width: 262px !important;
    height: 262px !important;
    top: 10px !important;
    margin: 0 0 0 -131px;
  }
  .dashbody .kerve .spike_intro {
    margin: 2px auto 0;
    text-align: center;
  }
  .dashbody .kerve .spikewrap {
    margin: 6px auto 0;
  }
  .dashbody .kerve .spike_details {
    margin: 10px auto 0;
  }
}
/* ANIMATION KEYFRAMES */
@-webkit-keyframes bubbleshow {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
  }
  50% {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-moz-keyframes bubbleshow {
  0% {
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
  }
  50% {
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  100% {
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-ms-keyframes bubbleshow {
  0% {
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
  }
  50% {
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  100% {
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-o-keyframes bubbleshow {
  0% {
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
  }
  50% {
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  100% {
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes bubbleshow {
  0% {
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
  }
  50% {
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  100% {
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
/********** WIDGET - ALL TIME SCROBBLES **********/
.kerve .alltimewrap {
  width: 290px;
  margin: 20px auto 0;
}
.kerve .alltime_count {
  font-size: 26px;
  line-height: 40px;
  height: 40px;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.kerve .alltimewrap .rolling_col {
  display: block;
  position: relative;
  width: 20px;
  height: 40px;
  top: 0;
  left: 0;
  margin: 0 1px 0 0;
  float: left;
  text-align: center;
  color: #777;
}
.kerve .alltimewrap .rolling_col.done {
  color: #222;
}
.kerve .alltimewrap .rolling_no {
  display: block;
  position: relative;
  width: 20px;
  height: 40px;
  background: #EEEEEE;
}
.kerve .alltimewrap .rolling_col.red0,
.kerve .alltimewrap .rolling_col.red1 {
  -webkit-transition: -webkit-transform 800ms ease-in-out;
  -moz-transition: -moz-transform 800ms ease-in-out;
  -ms-transition: -ms-transform 800ms ease-in-out;
  -o-transition: -o-transform 800ms ease-in-out;
  transition: transform 800ms ease-in-out;
  -webkit-animation: red2 1s;
  -moz-animation: red2 1s;
  -ms-animation: red2 1s;
  -o-animation: red2 1s;
  animation: red2 1s;
}
.kerve .alltimewrap .alltime_comma {
  display: block;
  position: relative;
  width: 11px;
  height: 40px;
  margin: 0 0 0 1px;
  float: left;
  color: #222;
  text-align: center;
}
.kerve .alltime_genrewrap {
  margin: 22px 0 0;
  font-size: 14px;
  line-height: 14px;
}
.kerve .alltime_genre,
.kerve .alltime_genre a {
  font-weight: bold;
  color: #B90000;
}
.kerve .alltime_genre a:hover {
  color: #222;
}
/* DASHBOARD */
.dashbody .kerve .alltimewrap .rolling_col {
  color: #666;
}
.dashbody .kerve .alltimewrap .rolling_col.done {
  color: #FFF;
}
.dashbody .kerve .alltimewrap .rolling_no {
  background: #1e1e1e;
}
.dashbody .kerve .alltime_genrewrap {
  margin: 20px 0 0;
}
.dashbody .kerve .alltimewrap .rolling_col.done,
.dashbody .kerve .alltimewrap .alltime_comma {
  color: #FFF;
}
.dashbody .kerve .alltimewrap .rolling_col.red0,
.dashbody .kerve .alltimewrap .rolling_col.red1 {
  -webkit-animation: red 1s;
  -moz-animation: red 1s;
  -ms-animation: red 1s;
  -o-animation: red 1s;
  animation: red 1s;
}
.dashbody .kerve .alltime_genre a:hover {
  color: #FFF;
}
/* RESPONSIVE */
@media (min-width: 375px) {
  .kerve .alltimewrap {
    width: 338px;
  }
  .kerve .alltime_count {
    font-size: 28px;
  }
  .kerve .alltimewrap .rolling_col,
  .kerve .alltimewrap .rolling_no {
    width: 23px;
  }
  .kerve .alltime_count,
  .kerve .alltimewrap .rolling_col,
  .kerve .alltimewrap .rolling_col.done,
  .kerve .alltimewrap .rolling_no {
    line-height: 50px;
    height: 50px;
  }
  .kerve .alltimewrap .alltime_comma {
    width: 14px;
  }
  .kerve .alltime_genrewrap {
    font-size: 16px;
    line-height: 16px;
  }
}
@media (min-width: 460px) {
  .kerve .alltimewrap {
    width: 430px;
  }
  .kerve .alltime_count {
    font-size: 40px;
    line-height: 80px;
    height: 80px;
  }
  .kerve .alltimewrap .rolling_col,
  .kerve .alltimewrap .rolling_no {
    width: 31px;
  }
  .kerve .alltime_count,
  .kerve .alltimewrap .rolling_col,
  .kerve .alltimewrap .rolling_col.done,
  .kerve .alltimewrap .rolling_no {
    line-height: 60px;
    height: 60px;
  }
  .kerve .alltime_genrewrap {
    font-size: 19px;
    line-height: 19px;
  }
}
@media (min-width: 570px) and (max-width: 767px) {
  .kerve .alltimewrap {
    width: 537px;
  }
  .kerve .alltime_count {
    font-size: 48px;
    line-height: 80px;
    height: 80px;
  }
  .kerve .alltimewrap .rolling_col,
  .kerve .alltimewrap .rolling_no {
    width: 40px;
  }
  .kerve .alltime_count,
  .kerve .alltimewrap .rolling_col,
  .kerve .alltimewrap .rolling_col.done,
  .kerve .alltimewrap .rolling_no {
    line-height: 80px;
    height: 80px;
  }
  .kerve .alltime_genrewrap {
    font-size: 21px;
    line-height: 21px;
  }
}
@media (min-width: 768px) {
  .kerve .alltimewrap {
    width: 273px;
  }
  .kerve .alltime_count {
    font-size: 25px;
    line-height: 50px;
    height: 50px;
  }
  .kerve .alltimewrap .rolling_col,
  .kerve .alltimewrap .rolling_no {
    width: 18px;
  }
  .kerve .alltimewrap .alltime_comma {
    width: 12px;
  }
  .kerve .alltime_count,
  .kerve .alltimewrap .rolling_col,
  .kerve .alltimewrap .rolling_col.done,
  .kerve .alltimewrap .rolling_no {
    line-height: 50px;
    height: 50px;
  }
  .kerve .alltime_genrewrap {
    font-size: 14px;
    line-height: 14px;
  }
  .dashbody .kerve .alltimewrap {
    width: 429px;
  }
  .dashbody .kerve .alltime_count {
    font-size: 40px;
    line-height: 80px;
    height: 80px;
  }
  .dashbody .kerve .alltimewrap .rolling_col,
  .dashbody .kerve .alltimewrap .rolling_no {
    width: 31px;
  }
  .dashbody .kerve .alltimewrap .alltime_comma {
    width: 14px;
  }
  .dashbody .kerve .alltime_count,
  .dashbody .kerve .alltimewrap .rolling_col,
  .dashbody .kerve .alltimewrap .rolling_col.done,
  .dashbody .kerve .alltimewrap .rolling_no {
    line-height: 80px;
    height: 80px;
  }
  .dashbody .kerve .alltimewrap {
    margin: 77px auto 0;
  }
  .dashbody .kerve .alltime_genrewrap {
    margin: 20px 0 0;
  }
  .dashbody .kerve .alltime_count,
  .dashbody .kerve .alltimewrap .rolling_col,
  .dashbody .kerve .alltimewrap .rolling_col.done,
  .dashbody .kerve .alltimewrap .rolling_no {
    line-height: 80px;
    height: 80px;
  }
  .dashbody .kerve .alltime_genrewrap {
    font-size: 17px;
    line-height: 17px;
  }
}
@media (min-width: 1260px) {
  .kerve .alltimewrap {
    width: 338px;
  }
  .kerve .alltime_count {
    font-size: 30px;
    line-height: 60px;
    height: 60px;
  }
  .kerve .alltimewrap .rolling_col,
  .kerve .alltimewrap .rolling_no {
    width: 23px;
  }
  .kerve .alltime_count,
  .kerve .alltimewrap .rolling_col,
  .kerve .alltimewrap .rolling_col.done,
  .kerve .alltimewrap .rolling_no {
    line-height: 60px;
    height: 60px;
  }
  .dashbody .kerve .alltimewrap {
    width: 533px;
  }
  .dashbody .kerve .alltime_count {
    font-size: 48px;
    line-height: 90px;
    height: 90px;
  }
  .dashbody .kerve .alltimewrap .rolling_col,
  .dashbody .kerve .alltimewrap .rolling_no {
    width: 39px;
  }
  .dashbody .kerve .alltime_count,
  .dashbody .kerve .alltimewrap .rolling_col,
  .dashbody .kerve .alltimewrap .rolling_col.done,
  .dashbody .kerve .alltimewrap .rolling_no {
    line-height: 90px;
    height: 90px;
  }
  .dashbody .kerve .alltime_genrewrap {
    font-size: 19px;
    line-height: 19px;
  }
}
/* KEYFRAME ANIMATIONS */
@-webkit-keyframes red {
  0% {
    color: #FFF;
  }
  60% {
    color: #B90000;
  }
  100% {
    color: #FFF;
  }
}
@-moz-keyframes red {
  0% {
    color: #FFF;
  }
  60% {
    color: #B90000;
  }
  100% {
    color: #FFF;
  }
}
@-ms-keyframes red {
  0% {
    color: #FFF;
  }
  60% {
    color: #B90000;
  }
  100% {
    color: #FFF;
  }
}
@-o-keyframes red {
  0% {
    color: #FFF;
  }
  60% {
    color: #B90000;
  }
  100% {
    color: #FFF;
  }
}
@keyframes red {
  0% {
    color: #FFF;
  }
  60% {
    color: #B90000;
  }
  100% {
    color: #FFF;
  }
}
@-webkit-keyframes red2 {
  0% {
    color: #222;
  }
  60% {
    color: #B90000;
  }
  100% {
    color: #222;
  }
}
@-moz-keyframes red2 {
  0% {
    color: #222;
  }
  60% {
    color: #B90000;
  }
  100% {
    color: #222;
  }
}
@-ms-keyframes red2 {
  0% {
    color: #222;
  }
  60% {
    color: #B90000;
  }
  100% {
    color: #222;
  }
}
@-o-keyframes red2 {
  0% {
    color: #222;
  }
  60% {
    color: #B90000;
  }
  100% {
    color: #222;
  }
}
@keyframes red2 {
  0% {
    color: #222;
  }
  60% {
    color: #B90000;
  }
  100% {
    color: #222;
  }
}
/********** WIDGET - THE GENRE TODAY **********/
.kerve .genretodaywrap {
  margin: 16px 0 0;
}
.kerve .genretodayitem {
  display: block;
  position: relative;
  height: 50px;
  margin: 0 0 1px;
  padding: 0 0 0 51px;
  vertical-align: top;
}
.kerve .genretodayitem * {
  vertical-align: top;
}
.kerve .genretoday_img {
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0;
  left: 0;
  background-color: #b6c0bf;
  background-position: center center;
  background-size: cover;
}
.kerve .genretoday_count {
  display: block;
  position: absolute;
  width: 26px;
  height: 26px;
  top: 11px;
  left: 12px;
  padding-top: 5px;
  border: 1px solid #FFF;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  background: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  color: #FFF;
}
.kerve .genretodaybar_wrap {
  display: block;
  position: relative;
  width: auto;
  height: 60px;
}
.kerve .genretodaybar {
  display: block;
  position: absolute;
  width: 0px;
  height: 50px;
  top: 0;
  left: 0;
  padding-left: 10px;
  background: #b6c0bf;
  background: #EEEEEE;
  overflow: hidden;
  white-space: nowrap;
}
/*.kerve .genretodayitem:hover .genretodaybar{
	background:#cccccc;
}*/
.kerve .genretodaybar_scroll {
  display: block;
  position: relative;
  min-width: 350px;
  top: 0;
  left: 0;
}
.kerve .genretodaybar_scroll.animate {
  -webkit-animation: spikescroll 12s linear infinite;
  -moz-animation: spikescroll 12s linear infinite;
  -ms-animation: spikescroll 12s linear infinite;
  -o-animation: spikescroll 12s linear infinite;
  animation: spikescroll 12s linear infinite;
}
.kerve .genretodaybar_scroll.animate2 {
  -webkit-animation: spikescroll 12s linear 1;
  -moz-animation: spikescroll 12s linear 1;
  -ms-animation: spikescroll 12s linear 1;
  -o-animation: spikescroll 12s linear 1;
  animation: spikescroll 12s linear 1;
}
.kerve .genretodayitem0 .genretodaybar {
  border-right: 4px solid #B90000;
}
.kerve .genretodayitem1 .genretodaybar {
  border-right: 4px solid #931533;
}
.kerve .genretodayitem2 .genretodaybar {
  border-right: 4px solid #5C3380;
}
.kerve .genretodayitem3 .genretodaybar {
  border-right: 4px solid #2651CB;
}
.kerve .genretodayitem4 .genretodaybar {
  border-right: 4px solid #0066FF;
}
.kerve .genretoday_track {
  margin: 11px 0 0;
  font-size: 14px;
  line-height: 14px;
  color: #222;
  font-weight: bold;
}
.kerve .genretoday_artist {
  font-size: 12px;
  line-height: 16px;
  color: #777;
  color: #222;
}
.kerve .genretoday_track a,
.kerve .genretoday_artist a {
  color: #222222;
}
.kerve .genretoday_track a:hover,
.kerve .genretoday_artist a:hover {
  color: #B90000;
}
.kerve .genretodaywrap a.label_play {
  margin: -10px 0 0;
}
/* DASHBOARD */
.dashbody .kerve .genretoday_img {
  background-color: #444;
}
.dashbody .kerve .genretodaybar {
  background: #1e1e1e;
}
.dashbody .kerve .genretoday_track {
  color: #FFF;
}
.dashbody .kerve .genretoday_artist {
  color: #b6c0bf;
  color: #FFF;
}
.dashbody .kerve .genretoday_track a,
.dashbody .kerve .genretoday_artist a {
  color: #f9f9f9;
}
.dashbody .kerve .genretoday_track a:hover,
.dashbody .kerve .genretoday_artist a:hover {
  color: #B90000;
}
/*.dashbody .kerve .genretodayitem:hover .genretodaybar{
	background:#292929;
}*/
/* RESPONSIVE */
@media (min-width: 460px) {
  .dashbody .kerve .genretodayitem {
    height: 60px;
    padding: 0 0 0 61px;
  }
  .dashbody .kerve .genretoday_img {
    width: 60px;
    height: 60px;
  }
  .dashbody .kerve .genretoday_count {
    top: 16px;
    left: 17px;
  }
  .dashbody .kerve .genretodaybar_wrap {
    height: 60px;
  }
  .dashbody .kerve .genretodaybar {
    height: 60px;
    border-right-width: 5px;
  }
  .dashbody .kerve .genretoday_track {
    margin: 14px 0 0;
  }
  .dashbody .kerve .genretoday_artist {
    margin: 3px 0 2px;
  }
}
/* KEYFRAMES */
@-webkit-keyframes spikescroll {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(-110%);
    -moz-transform: translateX(-110%);
    -ms-transform: translateX(-110%);
    transform: translateX(-110%);
  }
  30.001% {
    -webkit-transform: translateX(110%);
    -moz-transform: translateX(110%);
    -ms-transform: translateX(110%);
    transform: translateX(110%);
  }
  60% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes spikescroll {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  30.001% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  60% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-ms-keyframes spikescroll {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  30.001% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  60% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes spikescroll {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  30.001% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  60% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes spikescroll {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  30.001% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  60% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
/********** WIDGET - AROUND THE WORLD **********/
.kerve .worldwrap {
  display: block;
  position: relative;
  margin: 0 -15px 20px;
  overflow: hidden;
}
.kerve .worldwrap2 {
  display: block;
  position: relative;
  width: auto;
  margin: 0 15px;
}
.kerve .worldwrap3 {
  display: block;
  position: relative;
  width: auto;
  max-width: 535px;
  height: auto;
  margin: 0 auto;
}
.kerve .world_bg {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #CCC;
  overflow: hidden;
}
.kerve .world_bg .country {
  display: block;
  position: absolute;
}
.kerve .world_img {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}
.kerve .world_img_white_normal {
  display: block;
}
.kerve .world_img_black_normal,
.kerve .world_img_white_normal,
.kerve .world_img_black_retina {
  display: none;
}
.kerve .world_x {
  display: block;
  position: absolute;
  width: 100%;
  height: 3px;
  top: 16%;
  left: 0;
  background: #444;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
}
.kerve .world_y {
  display: block;
  position: absolute;
  width: 3px;
  height: 100%;
  top: 0;
  left: 8%;
  background: #444;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
}
.kerve .world_handle {
  display: block;
  position: absolute;
  width: 41px;
  height: 41px;
  top: 16%;
  left: 8%;
  margin: -19px 0 0 -19px;
  background-image: url('/static/images/kerve/world_handle_white.png?1943ceeeecc3');
  background-size: 41px 41px;
  background-position: center center;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
  cursor: pointer;
  z-index: 5;
}
/* DASHBOARD */
.dashbody .kerve .worldwrap {
  margin: 20px -15px 0;
}
.dashbody .kerve .world_img_black_normal {
  display: block;
}
.dashbody .kerve .world_bg {
  background: #666;
}
.dashbody .kerve .world_img_white_normal,
.dashbody .kerve .world_img_black_normal,
.dashbody .kerve .world_img_white_retina {
  display: none;
}
.dashbody .kerve .world_img_black_retina {
  display: block;
}
.dashbody .kerve .world_x {
  background: #a2a2a2;
  border-top: 1px solid #1e1e1e;
  border-bottom: 1px solid #1e1e1e;
}
.dashbody .kerve .world_y {
  background: #a2a2a2;
  border-left: 1px solid #1e1e1e;
  border-right: 1px solid #1e1e1e;
}
.dashbody .kerve .world_handle {
  background-image: url('/static/images/kerve/world_handle.png?1943ceeeecc3');
}
/* RETINA */
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .kerve .world_handle {
    background-image: url('/static/images/kerve/world_handle_white@2x.png?1943ceeeecc3');
  }
  .dashbody .kerve .world_handle {
    background-image: url('/static/images/kerve/world_handle@2x.png?1943ceeeecc3');
  }
  /*.kerve .world_img_white_normal,
	.kerve .world_img_black_normal,
	.kerve .world_img_black_retina{
		display:none;
	}
	.kerve .world_img_white_retina{
		display:block;
	}
	.dashbody .kerve .world_img_white_normal,
	.dashbody .kerve .world_img_black_normal,
	.dashbody .kerve .world_img_white_retina{
		display:none;
	}
	.dashbody .kerve .world_img_black_retina{
		display:block;
	}*/
}
/* RESPONSIVE */
@media (min-width: 768px) {
  .kerve .worldwrap {
    margin: 0 -15px -10px;
  }
  .dashbody .kerve .worldwrap {
    margin: 18px -15px -15px;
  }
  .kerve .worldwrap2 {
    margin: 15px;
  }
}
@media (min-width: 1260px) {
  .dashbody .kerve .worldwrap {
    margin: 0px -15px -15px;
  }
}
/********** WIDGET - USERS LISTENING NOW **********/
.kerve .now2wrap {
  margin: 20px auto 0;
}
.kerve .now2slider {
  display: block;
  position: relative;
  width: 100%;
  height: 80px;
  overflow: hidden;
  vertical-align: top;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.kerve .now2slider * {
  vertical-align: top;
}
.kerve .now2slider_inner {
  display: block;
  position: absolute;
  width: 400%;
  min-width: 3000px;
  height: 62px;
  top: 0;
  left: 0;
  overflow: hidden;
}
.kerve .now2slider_inner.animate {
  -webkit-animation: nowslider 15s linear infinite;
  -moz-animation: nowslider 15s linear infinite;
  -ms-animation: nowslider 15s linear infinite;
  -o-animation: nowslider 15s linear infinite;
  animation: nowslider 15s linear infinite;
}
/*.kerve .now2slider_inner.animate.pause{
	-webkit-animation-play-state: paused !important;
	-moz-animation-play-state: paused !important;
	-ms-animation-play-state: paused !important;
	-o-animation-play-state: paused !important;
	animation-play-state: paused !important;
}*/
.kerve .now2slider .slide {
  display: block;
  position: relative;
  width: 268px;
  height: 62px;
  float: left;
  margin: 0 30px 0 0;
  padding: 11px 1px 14px 62px;
  border-top: 1px solid #2f2f2f;
  border-bottom: 1px solid #2f2f2f;
}
.kerve .now2slider .now2slider_img {
  display: block;
  position: absolute;
  top: 4px;
  left: 1px;
  width: 51px;
  height: 51px;
  border: 1px solid #2f2f2f;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-image: url('/static/images/kerve/profile.jpg?1943ceeeecc3');
  background-size: cover;
  background-position: center center;
}
.kerve .now2slider_name {
  display: block;
  font-size: 18px;
  line-height: 18px;
  color: #F9F9F9;
}
.kerve .now2slider_artist {
  display: block;
  height: 20px;
  font-size: 12px;
  line-height: 18px;
  /*text-transform:uppercase;*/
  color: #F9F9F9;
  padding-top: 3px;
  overflow: hidden;
}
.kerve .now2slider_name a,
.kerve .now2slider_artist a {
  color: #F9F9F9;
}
.kerve .now2slider_artist span,
.kerve .now2slider_artist span a {
  color: #b6c0bf;
  color: #F9F9F9;
}
.kerve .now2slider_name a:hover,
.kerve .now2slider_artist a:hover,
.kerve .now2slider_artist span a:hover {
  text-decoration: none;
  color: #B90000;
}
.kerve .now2slider_add {
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  top: 10px;
  right: -9px;
  background: url('/static/images/kerve/now2_add.png?1943ceeeecc3');
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}
.kerve .now2slider .label_play {
  /*position:absolute;
	top:32px;
	right:-3px;*/
  margin: -9px 0 0;
}
@-webkit-keyframes nowslider {
  0% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
  100% {
    -webkit-transform: translateX(-1500px);
    -moz-transform: translateX(-1500px);
    -ms-transform: translateX(-1500px);
    transform: translateX(-1500px);
  }
}
@-moz-keyframes nowslider {
  0% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
  100% {
    -webkit-transform: translateX(-1500px);
    -moz-transform: translateX(-1500px);
    -ms-transform: translateX(-1500px);
    transform: translateX(-1500px);
  }
}
@-ms-keyframes nowslider {
  0% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
  100% {
    -webkit-transform: translateX(-1500px);
    -moz-transform: translateX(-1500px);
    -ms-transform: translateX(-1500px);
    transform: translateX(-1500px);
  }
}
@-o-keyframes nowslider {
  0% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
  100% {
    -webkit-transform: translateX(-1500px);
    -moz-transform: translateX(-1500px);
    -ms-transform: translateX(-1500px);
    transform: translateX(-1500px);
  }
}
@keyframes nowslider {
  0% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
  100% {
    -webkit-transform: translateX(-1500px);
    -moz-transform: translateX(-1500px);
    -ms-transform: translateX(-1500px);
    transform: translateX(-1500px);
  }
}
body:not(.dashbody) .kerve.widget {
  margin-top: 18px;
}
body:not(.dashbody) .kerve.widget:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  body:not(.dashbody) .kerve.widget:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  body:not(.dashbody) .kerve.widget {
    margin-top: 24px;
  }
}
@media (min-width: 768px) {
  body:not(.dashbody) .kerve.widget + .kerve.widget {
    margin-top: 18px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  body:not(.dashbody) .kerve.widget + .kerve.widget {
    margin-top: 24px;
  }
}
.kerve .widget_title + * {
  margin-top: 18px;
}
@media (min-width: 768px) {
  .kerve .widget_title + * {
    margin-top: 24px;
  }
}
body.dashbody .main-content:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  background-color: #000000;
}
body.dashbody .header:after {
  content: normal;
}
body.dashbody .header {
  border: none;
}
.dashboard .kerve.widget:first-child {
  margin-top: 18px;
}
@media (min-width: 768px) {
  .dashboard .kerve.widget:nth-child(-n+2) {
    margin-top: 18px;
  }
}