article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

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

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

[hidden], template { display: none; }

html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

body { margin: 0; }

a { background: transparent; }

/** Address `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

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

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

b, strong { font-weight: bold; }

dfn { font-style: italic; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

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

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

pre { white-space: pre-wrap; }

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

small { font-size: 80%; }

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

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

figure { margin: 0; }

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

legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }

button, input { line-height: normal; }

button, select { text-transform: none; }

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

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

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

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

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

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

textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

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

.icons-sprite, .sidebar-lookup:before, .chart .weeks-in .label:before, .chart .chart-run-list > ul > li .flyout:after, .chart .chart-run-list > ul > li .flyout.left:after, .chart .chart-run-list > ul > li .flyout.down:after, .artist-search .artist-search-form:before, .search-bar .heading:before, .archive-search-bar .heading:before, .article-gallery-link .text:after, .gallery-navigation .previous:after, .gallery-navigation .next:after { background-image: url('/img/icons-sc1587d4086.png'); background-repeat: no-repeat; }

@font-face { font-family: 'charts'; src: url("fonts/charts.eot?-dsjw8i"); src: url("fonts/charts.eot?#iefix-dsjw8i") format("embedded-opentype"), url("fonts/charts.woff?-dsjw8i") format("woff"), url("fonts/charts.ttf?-dsjw8i") format("truetype"), url("fonts/charts.svg?-dsjw8i#charts") format("svg"); font-weight: normal; font-style: normal; }
.icon, .icon-menutoggle:before, .icon-angle-left:before, .back-link:before, .pagination .previous:before, .pagination .previous_link:before, .charts-nav .prev:before, .charts-header-panel .options .back:before, .icon-angle-right:after, .pagination .next:after, .pagination .next_link:after, .charts-nav .next:after, .artist-news .title:after, .search-results-artist-list .cta:after, .search-results-news-list .cta:after, .icon-submit:after, .search-overlay .search-form .input-submit:after, .icon-angle-up:before, .comments.on .bar a:before, .chart .close:before, .new-releases .accordion-toggle.on:before, .charts-header-panel .accordion-options .accordion-toggle.on:before, .icon-angle-down:before, .footer-chart:before, .footer-chart .select-dropdown a.selected:before, .comments .bar a:before, .new-releases .accordion-toggle:before, .archive-link-header .dropdown .selected:before, .charts-header-panel .accordion-options .accordion-toggle:before, .icon-close:before, .icon-youtube:before, .icon-heart:before, .link-info .shares:before, .icon-search:before, .icon-googleplus:before, .icon-facebook:before, .icon-instagram:before, .icon-twitter:before, .sidebar-twitter .tweets .tweet:before, .icon-reddit:before, .icon-circle-plus:after, .icon-up:after, .icon-down:after, .icon-hold:after, .icon-calendar:before, .charts-nav .accordion .accordion-toggle:before, .icon-email:before, .icon-news:before, .new-releases .chart-news-link:before, .icon-info:before, .icon-comment:before, li.disqus-comment-block a.disqus-comment-count:before { font-family: 'charts'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-menutoggle:before { content: "\e603"; }

.icon-angle-left:before, .back-link:before, .pagination .previous:before, .pagination .previous_link:before, .charts-nav .prev:before, .charts-header-panel .options .back:before { content: "\f104\00a0"; }

.icon-angle-right:after, .pagination .next:after, .pagination .next_link:after, .charts-nav .next:after, .artist-news .title:after, .search-results-artist-list .cta:after, .search-results-news-list .cta:after { content: "\00a0\f105"; }

.icon-submit:after, .search-overlay .search-form .input-submit:after { content: "\f105"; }

.icon-angle-up:before, .comments.on .bar a:before, .chart .close:before, .new-releases .accordion-toggle.on:before, .charts-header-panel .accordion-options .accordion-toggle.on:before { content: "\f106"; }

.icon-angle-down:before, .footer-chart:before, .footer-chart .select-dropdown a.selected:before, .comments .bar a:before, .new-releases .accordion-toggle:before, .archive-link-header .dropdown .selected:before, .charts-header-panel .accordion-options .accordion-toggle:before { content: "\f107"; }

.icon-close:before { content: "\e117"; }

.icon-youtube:before { content: "\f167"; }

.icon-heart:before, .link-info .shares:before { content: "\e602"; }

.icon-search:before { content: "\e604"; }

.icon-googleplus:before { content: "\e605"; }

.icon-facebook:before { content: "\e606"; }

.icon-instagram:before { content: "\e600"; }

.icon-twitter:before, .sidebar-twitter .tweets .tweet:before { content: "\e601"; }

.icon-reddit:before { content: "\e607"; }

.icon-circle-plus:after { content: "\e040"; }

.icon-up:after { content: "\e096"; }

.icon-down:after { content: "\e097"; }

.icon-hold:after { content: "\e115"; }

.icon-calendar:before, .charts-nav .accordion .accordion-toggle:before { content: "\e609"; }

.icon-email:before { content: "\e608"; }

.icon-news:before, .new-releases .chart-news-link:before { content: "\e60a"; }

.icon-info:before { content: "\e60b"; }

.icon-comment:before, li.disqus-comment-block a.disqus-comment-count:before { content: "\e900"; }

@font-face { font-family: 'aktiv_groteskregular'; src: url("fonts/aktivgroteskstdreg-webfont.eot"); src: url("fonts/aktivgroteskstdreg-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/aktivgroteskstdreg-webfont.woff") format("woff"), url("fonts/aktivgroteskstdreg-webfont.svg#aktiv_groteskregular") format("svg"); font-weight: normal; font-style: normal; }
body, .news-link .link-info, .news-link-hero .link-info, .article-previous-next .image .link-info, .chart .actions, .chart .track-info .track-table td:first-child, .chart .chart-run-list .key, .chart .chart-run-list > ul > li .flyout .button, .chart .actions-large a, .charts-nav .date-selector .select select { font-family: 'aktiv_groteskregular', sans-serif; }

h1, h2, h3, h4, h5, .news-link .text, .news-link-hero .text, .comments .bar a, .article-date, .article-author, .related-stories h2, .back-link, .site-nav-desktop, .site-nav-mobile > ul, .site-nav-mobile .mobile-search .or, .site-footer .footer-signup .label, .footer-chart .select-dropdown, .search-overlay .or, .search-overlay .search-form .input-text, .search-overlay .search-form .autocomplete ul, .search-overlay .search-form .select select, .search-overlay .tab-nav, .pagination, .sidebar-countdown .countdown .days .count, .sidebar-countdown .countdown .hours .count, .sidebar-countdown .countdown .minutes .count, .sidebar-countdown .countdown .seconds .count, .sidebar-countdown .countdown .random-lookup .birthday .count, .random-lookup .sidebar-countdown .countdown .birthday .count, .sidebar-countdown .countdown .random-lookup .favourite .count, .random-lookup .sidebar-countdown .countdown .favourite .count, .chart-list-mini table, .article-link-mini, .social-bar, .article-previous-next, .article-previous-next .text, .chart, .charts-nav .date-selector, .artist-thumb .name, .artist-search .artist-search-form .autocomplete ul, .artist-search .input-text, .artist-az-nav, .artist-landing-list, .search-results-artist-list, .artist-stats .stats-list, .artist-news, .artist-related, .search-results-bar, .search-results-artist-list footer, .search-results-news-list footer, .archive-name, .archive-search-bar .or, .article-content-image, .article-content > p:first-child:first-letter, .article-content .article-content-image, .article-gallery-link .text, .gallery-sidebar .goto, .gallery-navigation { font-family: 'Roboto Slab', serif; }

html { font-size: 106.25%; }

body { font-weight: 300; font-style: normal; }

h1, h2, h3, h4, h5 { font-weight: normal; }

a { text-decoration: none; color: #0071bc; }

.news-link .text, .news-link-hero .text, .comments .bar a, .article-date, .article-author, .related-stories h2 { font-weight: 300; font-size: 13px; font-size: 0.76471rem; }
@media (min-width: 480px) { .news-link .text, .news-link-hero .text, .comments .bar a, .article-date, .article-author, .related-stories h2 { font-size: 17px; font-size: 1rem; } }

.news-link-hero .text { font-weight: 300; font-size: 15px; font-size: 0.88235rem; }
@media (min-width: 480px) { .news-link-hero .text { font-size: 23px; font-size: 1.35294rem; } }

.feature-link h2, .feature-link-wide h2 { font-size: 13px; font-size: 0.76471rem; margin: 0px; }
@media (min-width: 600px) { .feature-link h2, .feature-link-wide h2 { font-size: 21px; font-size: 1.23529rem; } }

.article-heading, h1 { font-size: 32px; font-size: 1.88235rem; margin: 0 0 0.33333em 0; line-height: 1.33333; font-weight: lighter; }
@media (min-width: 480px) { .article-heading, h1 { font-size: 35px; font-size: 2.05882rem; } }

.sidebar-heading, .module-heading, h2 { font-size: 20px; font-size: 1.17647rem; }
@media (min-width: 480px) { .sidebar-heading, .module-heading, h2 { font-size: 30px; font-size: 1.76471rem; } }

.article-content h2 { font-size: 25px; font-size: 1.47059rem; }
@media (min-width: 480px) { .article-content h2 { font-size: 30px; font-size: 1.76471rem; } }

.article-subheading, .article-content h3 { font-size: 23px; font-size: 1.35294rem; line-height: 1.43478; margin: 0 0 1.13043em 0; font-weight: lighter; }

.aside-heading, h3, .article-content h4 { font-weight: 300; font-size: 18px; font-size: 1.05882rem; margin: 0 0 0.27778em 0; }

.article-text, .article-content { font-size: 15px; font-size: 0.88235rem; line-height: 1.53333; }
.article-text h2, .article-content h2, .article-text h3, .article-content h3, .article-text h4, .article-content h4 { font-weight: normal; margin: 1em 0 0.5em 0; }
.article-text p, .article-content p { margin: 0 0 1em 0; }

.back-link { text-transform: lowercase; background: #0071bc; display: inline-block; padding: 3px 7px; margin: 0 0 10px 0; color: #fff; cursor: pointer; }
.back-link:before { font-size: 15px; }
.back-link:hover { background: #00aeef; }

.track-table td:nth-last-child(1) { font-family: 'Roboto Slab', serif; font-size: 1rem; color: #0071bc; }

.track-table td:nth-last-child(2) { font-size: 1rem; }

.entry td { text-align: left; border: none; }

.h-peak, .h-weeks { padding-right: 3px; padding-left: 3px; }

article.page .chart td:nth-last-child(1) { text-align: center; font-weight: bold; border-right: none; }

table.nonseq td:nth-last-child(1) { text-align: left !important; }

@media (max-width: 959px) { .cover { border: none !important; }
  .chart .track-info { border-bottom: none; }
  .grid__cell.unit-2-12--desktop { width: 35%; border-bottom: 1px solid #e2ddda; }
  .grid__cell.unit-3-12--desktop { width: 65%; border-bottom: 1px solid #e2ddda; }
  .grid__cell.unit-3-12--desktop .cover { border-left: 1px solid #e2ddda !important; padding: 10px 0; }
  .grid__cell.unit-3-12--desktop .cover img { max-height: 170px; }
  .grid__cell.unit-7-12--desktop .track-table tbody tr { border-bottom: 1px solid #e2ddda; }
  .grid__cell.unit-7-12--desktop .track-table tbody tr td { border: none; }
  .grid__cell.unit-7-12--desktop td:nth-last-child(2) { display: table-cell; vertical-align: middle; font-size: 0.9rem; padding-left: 10px; padding-top: 7px; width: 35%; }
  .weeks-in-list .grid__cell.unit-2-12--desktop { width: 33%; margin-bottom: 2px; } }
@media (max-width: 767px) { .actions, td:nth-last-child(2) { display: none; }
  td.cover, td.title-artist { display: table-cell !important; }
  .chart td:nth-last-child(3) { padding: 0px; border-right: none; }
  .mobile-actions .actions a { color: #555555; background: #e4dede; } }
@media (max-width: 320px) { table.nonseq td:nth-last-child(1), table.nonseq td:nth-last-child(2) { display: table-cell; }
  .archive-search-bar .search-form .input-text { width: 80%; border-radius: 0; -webkit-appearance: none; }
  .archive-search-bar .heading { font-size: 1rem; padding: 3px 0 15px 0; }
  #archive-day-search, #archive-month-search, #archive-year-search { color: #A9A9A9; }
  .search-form { padding: 4px 0 0 0; }
  .search-form #day-search-overlay, .search-form #month-search-overlay, .search-form #year-search-overlay { color: #A9A9A9; background: #FFFFFF; }
  .site-footer .footer-signup .label { font-size: 1rem; }
  .chart .last-week { padding: 0px; }
  .chart .track-info { border-bottom: none; }
  .grid__cell.unit-2-12--desktop { width: 40%; border-bottom: 1px solid #e2ddda; }
  .grid__cell.unit-3-12--desktop { width: 60%; border-bottom: 1px solid #e2ddda; }
  .grid__cell.unit-3-12--desktop .cover { border-right: none; padding: 10px 0; }
  .grid__cell.unit-7-12--desktop .track-table tbody tr { border-bottom: 1px solid #e2ddda; }
  .grid__cell.unit-7-12--desktop .track-table tbody tr td { border: none; }
  .grid__cell.unit-7-12--desktop td:nth-last-child(2) { display: table-cell; vertical-align: middle; font-size: 0.9rem; padding-left: 10px; padding-top: 7px; width: 35%; } }
/* ========================================================================== Grid ========================================================================== */
/* Example uses:  <div class="grid"> <div class="grid__cell unit-1-2"></div> <div class="grid__cell unit-1-2"></div> <div class="grid__cell unit-1-3"></div> <div class="grid__cell unit-1-3"></div> </div>  <div class="grid grid--center"> <div class="grid__cell unit-1-3"></div> <div class="grid__cell unit-1-3"></div> </div> */
/* Grid core ========================================================================== */
/** Grid container Must only contain `.grid` or `.grid__cell` components as children.  1. Adjustment for child element margins. 2. Ensure consistent default alignment/ 3. Remove inter-unit whitespace that appears between `inline-block` child elements. Work for all non-monospace font-families.  If you're using a monospace base font, you will need to set the `grid` font-family to `sans-serif` and then redeclare the monospace font on the `grid__cell` objects. 4. Protect against WebKit bug with optimizelegibility. */
.grid { display: block; padding: 0; margin: 0 -6px; /* 1 */ text-align: left; /* 2 */ letter-spacing: -0.31em; /* 3 */ text-rendering: optimizespeed; /* 4 */ }

/** Opera hack */
.opera:-o-prefocus, .grid { word-spacing: -0.43em; /* 3 */ }

/** Child `grid` object adjustments Used for more complex fixed-fluid hybrid grids. */
.grid > .grid { overflow: hidden; margin-right: 0; margin-left: 0; }

/** Grid units No explicit width by default. Apply `.unit-x-y` classes.  1. Fundamentals of the non-float grid layout mechanism. 2. Apply grid gutter. 3. Controls vertical positioning of units. 4. Keeps content correctly aligned with the grid direction. 5. Reset text defaults. */
.grid__cell { -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; display: inline-block; /* 1 */ margin: 0; padding: 0 6px; /* 2 */ vertical-align: top; /* 3 */ text-align: left; /* 4 */ letter-spacing: normal; /* 5 */ word-spacing: normal; /* 5 */ text-rendering: auto; /* 5 */ }

/* Grid modifiers ========================================================================== */
/** Modifier: horizontally center all grid units Allows for automatic unit centering irrespective of the number of units in the grid. */
.grid--center { text-align: center; }

/** Modifier: align horizontally all grid units to the left */
.grid--left { text-align: left; }

/** Modifier: align horizontally all grid units to the right */
.grid--right { text-align: right; }

/* Grid cell modifiers ========================================================================== */
/** Modifier: horizontally center one unit Set a specific unit to be horizontally centered. Doesn't affect any other units. Can still contain a child `grid` object. */
.grid__cell--center { display: block; margin: 0 auto; }

/** Modifier: align horizontally one unit to the left Set a specific unit to be horizontally on the left. Doesn't affect any other units. Can still contain a child `grid` object. */
.grid__cell--left { display: block; margin-right: auto; }

/** Modifier: align horizontally one unit to the right Set a specific unit to be horizontally on the right. Doesn't affect any other units. Can still contain a child `grid` object. */
.grid__cell--right { display: block; margin-left: auto; }

@media (min-width: 960px) { /* Proportional units ========================================================================== */
  /* Specify the proportional width of an object. Primarily for, but not limited to, use with `.grid__cell` components. Intentional redundancy build into each set of unit classes. */
  .unit-1-2--desktop, .unit-2-4--desktop, .unit-6-12--desktop { width: 50%; }
  .unit-1-3--desktop, .unit-4-12--desktop { width: 33.33333%; }
  .unit-2-3--desktop, .unit-8-12--desktop { width: 66.66667%; }
  .unit-1-4--desktop, .unit-3-12--desktop { width: 25%; }
  .unit-3-4--desktop, .unit-9-12--desktop { width: 75%; }
  .unit-1-12--desktop { width: 8.33333%; }
  .unit-2-12--desktop { width: 16.66667%; }
  .unit-5-12--desktop { width: 41.66667%; }
  .unit-7-12--desktop { width: 58.33333%; }
  .unit-10-12--desktop { width: 83.33333%; }
  .unit-11-12--desktop { width: 91.66667%; } }
@media (min-width: 600px) and (max-width: 959px) { /* Proportional units ========================================================================== */
  /* Specify the proportional width of an object. Primarily for, but not limited to, use with `.grid__cell` components. Intentional redundancy build into each set of unit classes. */
  .unit-1-2--tablet { width: 50%; }
  .unit-1-3--tablet { width: 33.33333%; }
  .unit-2-3--tablet { width: 66.66667%; } }
@media (max-width: 959px) { .hidden--tablet { display: none; } }
@media (max-width: 599px) { .hidden--mobile { display: none; } }
.grid img { max-width: 100%; }

.inner-content, .site-header .inner-area, #main { padding: 0 10px; }
@media (min-width: 768px) { .inner-content, .site-header .inner-area, #main { max-width: 1200px; padding: 0 25px; margin: 0 auto; } }

body { background: url('/img/bg.png') #e2ddda; min-width: 320px; }

.site-header { position: relative; margin: 0 0 15px 0; background: #fff; }
.site-header .inner-area { padding: 10px 15px; }
@media (min-width: 960px) { .site-header .inner-area { padding: 0 10px; } }
.site-header .logo { line-height: 1; font-size: 1em; max-width: 165px; margin: 0; display: inline-block; }
.site-header .logo img { display: block; max-width: 100%; }
.site-header .icon-menutoggle { position: absolute; right: 0; top: 10px; font-size: 45px; }
@media (min-width: 640px) { .site-header .icon-menutoggle { display: none; } }
.sticky-nav .site-header { top: 0; width: 100%; z-index: 99; }
.sticky-nav .site-header .site-nav-desktop { display: none; }
@media (min-width: 1030px) { .sticky-nav .site-header { position: fixed; padding: 0 0 30px 0; max-width: 1300px; }
  .sticky-nav .site-header .logo img { width: auto; height: 46px; }
  .sticky-nav .site-header .site-nav-desktop { display: inline-block; }
  .pageskin-on.sticky-nav .site-header { max-width: 1100px; } }
@media (min-width: 960px) { .site-header { position: relative; padding: 17px 0 40px 0; }
  .site-header .logo { max-width: none; }
  .site-header .logo img { margin: 0 0 -8.3045% 0; } }
.site-header:after { content: ''; position: absolute; height: 5px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjMDA4YyIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjOTEyNzhmIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMyZTJlOTIiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzAwNzFiYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYWVlZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #ec008c), color-stop(25%, #91278f), color-stop(50%, #2e2e92), color-stop(75%, #0071bc), color-stop(100%, #00aeef)); background-image: -moz-linear-gradient(right, #ec008c, #91278f 25%, #2e2e92 50%, #0071bc 75%, #00aeef); background-image: -webkit-linear-gradient(right, #ec008c, #91278f 25%, #2e2e92 50%, #0071bc 75%, #00aeef); background-image: linear-gradient(to left, #ec008c, #91278f 25%, #2e2e92 50%, #0071bc 75%, #00aeef); bottom: -5px; left: 0; right: 0; }

.site-nav-desktop { font-size: 15px; font-size: 0.88235rem; border-top: 1px solid #00aeef; margin: 10px -15px 0 -15px; padding: 10px 0 0 0; }
.site-nav-desktop ul { list-style: none; margin: 0; padding: 0; text-align: center; }
.site-nav-desktop li { display: inline-block; border-left: 1px solid #00aeef; padding: 0 0 0 0.53333em; margin: 0 0 0 0.53333em; }
.site-nav-desktop li a { display: block; text-decoration: none; }
.site-nav-desktop li a:hover { color: #0071bc; }
.site-nav-desktop li:first-child { border: 0; padding: 0; margin: 0; }
.site-nav-desktop li.new-releases { display: none; }
@media (min-width: 440px) { .site-nav-desktop { display: block; font-size: 20px; font-size: 1.17647rem; } }
@media (min-width: 540px) { .site-nav-desktop { font-size: 26px; font-size: 1.52941rem; } }
@media (min-width: 640px) { .site-nav-desktop li.new-releases { display: inline-block; } }
@media (min-width: 640px) and (max-width: 959px) { .site-nav-desktop li { margin: 0 5px; } }
@media (min-width: 960px) { .site-nav-desktop { display: inline-block; font-size: 20px; font-size: 1.17647rem; border: 0; margin: 0; padding: 0; }
  .site-nav-desktop ul { padding: 30px 0 0 0; }
  .site-nav-desktop li, .site-nav-desktop li:first-child { margin: 0 0 0 25px; }
  .pageskin-on .site-nav-desktop ul { padding: 50px 0 0 0; }
  .site-nav-desktop li { border: 0; padding: 0; display: inline-block; }
  .site-nav-desktop li a { color: #000; } }

.site-nav-social { display: none; -moz-transition: all 0.6s; -o-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; padding: 15px 0 0 0; }
.site-nav-social.visible { display: block; }
@media (min-width: 640px) { .site-nav-social { display: block; position: absolute; right: 25px; top: 7px; padding: 0; } }
.site-nav-social ul { list-style: none; margin: 0; padding: 0; }
@media (min-width: 960px) { .sticky-nav .site-nav-social { top: 25px; }
  .sticky-nav.pageskin-on .site-nav-social { top: 7px; } }
.site-nav-social li > a.icon-twitter, .site-nav-social .sidebar-twitter .tweets li > a.tweet, .sidebar-twitter .tweets .site-nav-social li > a.tweet, .site-nav-social li > a.icon-facebook, .site-nav-social li > a.icon-googleplus, .site-nav-social li > a.icon-instagram, .site-nav-social li > a.icon-youtube, .site-nav-social .social-bar li a.icon-twitter, .social-bar li .site-nav-social a.icon-twitter, .site-nav-social .social-bar li .sidebar-twitter .tweets a.tweet, .social-bar li .sidebar-twitter .tweets .site-nav-social a.tweet, .site-nav-social .sidebar-twitter .tweets .social-bar li a.tweet, .sidebar-twitter .tweets .social-bar li .site-nav-social a.tweet, .site-nav-social .social-bar li a.icon-facebook, .social-bar li .site-nav-social a.icon-facebook, .site-nav-social .social-bar li a.icon-googleplus, .social-bar li .site-nav-social a.icon-googleplus, .site-nav-social .social-bar li a.icon-instagram, .social-bar li .site-nav-social a.icon-instagram, .site-nav-social .social-bar li a.icon-youtube, .social-bar li .site-nav-social a.icon-youtube { border-radius: 50%; background: #000; color: #fff; width: 40px; }
.site-nav-social li > a.icon-twitter:hover, .site-nav-social .sidebar-twitter .tweets li > a.tweet:hover, .sidebar-twitter .tweets .site-nav-social li > a.tweet:hover, .site-nav-social li > a.icon-facebook:hover, .site-nav-social li > a.icon-googleplus:hover, .site-nav-social li > a.icon-instagram:hover, .site-nav-social li > a.icon-youtube:hover, .site-nav-social .social-bar li a.icon-twitter:hover, .social-bar li .site-nav-social a.icon-twitter:hover, .site-nav-social .social-bar li .sidebar-twitter .tweets a.tweet:hover, .social-bar li .sidebar-twitter .tweets .site-nav-social a.tweet:hover, .site-nav-social .sidebar-twitter .tweets .social-bar li a.tweet:hover, .sidebar-twitter .tweets .social-bar li .site-nav-social a.tweet:hover, .site-nav-social .social-bar li a.icon-facebook:hover, .social-bar li .site-nav-social a.icon-facebook:hover, .site-nav-social .social-bar li a.icon-googleplus:hover, .social-bar li .site-nav-social a.icon-googleplus:hover, .site-nav-social .social-bar li a.icon-instagram:hover, .social-bar li .site-nav-social a.icon-instagram:hover, .site-nav-social .social-bar li a.icon-youtube:hover, .social-bar li .site-nav-social a.icon-youtube:hover { background: #ec008c; }
@media (min-width: 960px) { .sticky-nav .site-nav-social li > a.icon-twitter, .sticky-nav .site-nav-social .sidebar-twitter .tweets li > a.tweet, .sticky-nav .sidebar-twitter .tweets .site-nav-social li > a.tweet, .sidebar-twitter .tweets .sticky-nav .site-nav-social li > a.tweet, .sticky-nav .site-nav-social li > a.icon-facebook, .sticky-nav .site-nav-social li > a.icon-googleplus, .sticky-nav .site-nav-social li > a.icon-instagram, .sticky-nav .site-nav-social li > a.icon-youtube, .sticky-nav .site-nav-social .social-bar li a.icon-twitter, .social-bar li .sticky-nav .site-nav-social a.icon-twitter, .sticky-nav .site-nav-social .social-bar li .sidebar-twitter .tweets a.tweet, .social-bar li .sidebar-twitter .tweets .sticky-nav .site-nav-social a.tweet, .sticky-nav .site-nav-social .sidebar-twitter .tweets .social-bar li a.tweet, .sidebar-twitter .tweets .social-bar li .sticky-nav .site-nav-social a.tweet, .sticky-nav .site-nav-social .social-bar li a.icon-facebook, .social-bar li .sticky-nav .site-nav-social a.icon-facebook, .sticky-nav .site-nav-social .social-bar li a.icon-googleplus, .social-bar li .sticky-nav .site-nav-social a.icon-googleplus, .sticky-nav .site-nav-social .social-bar li a.icon-instagram, .social-bar li .sticky-nav .site-nav-social a.icon-instagram, .sticky-nav .site-nav-social .social-bar li a.icon-youtube, .social-bar li .sticky-nav .site-nav-social a.icon-youtube { background: #fff; color: #e2ddda; }
  .sticky-nav .site-nav-social li > a.icon-twitter:hover, .sticky-nav .site-nav-social .sidebar-twitter .tweets li > a.tweet:hover, .sticky-nav .sidebar-twitter .tweets .site-nav-social li > a.tweet:hover, .sidebar-twitter .tweets .sticky-nav .site-nav-social li > a.tweet:hover, .sticky-nav .site-nav-social li > a.icon-facebook:hover, .sticky-nav .site-nav-social li > a.icon-googleplus:hover, .sticky-nav .site-nav-social li > a.icon-instagram:hover, .sticky-nav .site-nav-social li > a.icon-youtube:hover, .sticky-nav .site-nav-social .social-bar li a.icon-twitter:hover, .social-bar li .sticky-nav .site-nav-social a.icon-twitter:hover, .sticky-nav .site-nav-social .social-bar li .sidebar-twitter .tweets a.tweet:hover, .social-bar li .sidebar-twitter .tweets .sticky-nav .site-nav-social a.tweet:hover, .sticky-nav .site-nav-social .sidebar-twitter .tweets .social-bar li a.tweet:hover, .sidebar-twitter .tweets .social-bar li .sticky-nav .site-nav-social a.tweet:hover, .sticky-nav .site-nav-social .social-bar li a.icon-facebook:hover, .social-bar li .sticky-nav .site-nav-social a.icon-facebook:hover, .sticky-nav .site-nav-social .social-bar li a.icon-googleplus:hover, .social-bar li .sticky-nav .site-nav-social a.icon-googleplus:hover, .sticky-nav .site-nav-social .social-bar li a.icon-instagram:hover, .social-bar li .sticky-nav .site-nav-social a.icon-instagram:hover, .sticky-nav .site-nav-social .social-bar li a.icon-youtube:hover, .social-bar li .sticky-nav .site-nav-social a.icon-youtube:hover { color: #645858; } }
@media (min-width: 640px) { .site-nav-social li > a.icon-twitter, .site-nav-social .sidebar-twitter .tweets li > a.tweet, .sidebar-twitter .tweets .site-nav-social li > a.tweet, .site-nav-social li > a.icon-facebook, .site-nav-social li > a.icon-googleplus, .site-nav-social li > a.icon-instagram, .site-nav-social li > a.icon-youtube, .site-nav-social .social-bar li a.icon-twitter, .social-bar li .site-nav-social a.icon-twitter, .site-nav-social .social-bar li .sidebar-twitter .tweets a.tweet, .social-bar li .sidebar-twitter .tweets .site-nav-social a.tweet, .site-nav-social .sidebar-twitter .tweets .social-bar li a.tweet, .sidebar-twitter .tweets .social-bar li .site-nav-social a.tweet, .site-nav-social .social-bar li a.icon-facebook, .social-bar li .site-nav-social a.icon-facebook, .site-nav-social .social-bar li a.icon-googleplus, .social-bar li .site-nav-social a.icon-googleplus, .site-nav-social .social-bar li a.icon-instagram, .social-bar li .site-nav-social a.icon-instagram, .site-nav-social .social-bar li a.icon-youtube, .social-bar li .site-nav-social a.icon-youtube { width: 33px; } }
.site-nav-social li { display: inline-block; margin: 0 0 0 -4px; width: 20%; text-align: center; }
.site-nav-social li:last-child { display: none; }
@media (min-width: 640px) { .site-nav-social li { width: auto; margin: 0 0 0 4px; }
  .site-nav-social li:last-child { display: inline-block; } }
.site-nav-social li > a { display: block; position: relative; height: 40px; margin: 0 auto; -moz-transition: all 0.1s; -o-transition: all 0.1s; -webkit-transition: all 0.1s; transition: all 0.1s; }
.site-nav-social li > a > span { display: none; }
@media (min-width: 640px) { .site-nav-social li > a { height: 33px; } }
.site-nav-social li > a.icon-twitter, .site-nav-social .sidebar-twitter .tweets li > a.tweet, .sidebar-twitter .tweets .site-nav-social li > a.tweet { background: #78cdf0; }
.site-nav-social li > a.icon-facebook { background: #537bbd; }
.site-nav-social li > a.icon-googleplus { background: #4c4c4b; }
.site-nav-social li > a.icon-instagram { background: #a07456; }
.site-nav-social li > a.icon-youtube { background: #e9654b; }
.site-nav-social li > a.icon-search { background: #e2ddda; padding: 7px 0 0 0; margin: -7px 0 0 0; width: 40px; color: #000; }
@media (min-width: 1030px) { .sticky-nav .site-nav-social li > a.icon-search { background: #fff; color: #e2ddda; } }
.site-nav-social li > a:before { position: absolute; top: 0; left: 0; width: 100%; text-align: center; top: 50%; margin: -0.5em 0 0 0; }

.site-nav-mobile { display: none; margin: 0 -15px; }
.site-nav-mobile.visible { display: block; }
@media (min-width: 640px) { .site-nav-mobile { display: none !important; } }
.site-nav-mobile > ul { list-style: none; margin: 0; padding: 0; font-size: 25px; font-size: 1.47059rem; }
.site-nav-mobile > ul a { display: block; background: #00aeef; color: #fff; padding: 10px 15px; border-bottom: 1px solid #0071bc; }
.site-nav-mobile.search-on > ul { display: none; }
.site-nav-mobile .mobile-search { background: #0071bc; color: #fff; }
.site-nav-mobile .mobile-search h3 { margin: 0 0 15px 0; }
.site-nav-mobile .mobile-search .tab-nav, .site-nav-mobile .mobile-search .close { display: none; }
.site-nav-mobile .mobile-search .input-submit { display: inline-block; }
.site-nav-mobile .mobile-search .tab-page { padding: 15px; }
.site-nav-mobile .mobile-search .field { padding: 0 50px 0 0; position: relative; }
.site-nav-mobile .mobile-search .field .input-text { width: 100%; padding: 0 30px 0 5px; }
.site-nav-mobile .mobile-search .field .input-submit { position: absolute; right: 0; top: 0; }
.site-nav-mobile .mobile-search .field .select { width: 32%; display: inline-block; }
.site-nav-mobile .mobile-search .or { padding: 10px 0; text-align: center; }

.site-footer .footer-signup { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjMDA4YyIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjOTEyNzhmIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMyZTJlOTIiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzAwNzFiYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYWVlZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #ec008c), color-stop(25%, #91278f), color-stop(50%, #2e2e92), color-stop(75%, #0071bc), color-stop(100%, #00aeef)); background-image: -moz-linear-gradient(right, #ec008c, #91278f 25%, #2e2e92 50%, #0071bc 75%, #00aeef); background-image: -webkit-linear-gradient(right, #ec008c, #91278f 25%, #2e2e92 50%, #0071bc 75%, #00aeef); background-image: linear-gradient(to left, #ec008c, #91278f 25%, #2e2e92 50%, #0071bc 75%, #00aeef); -moz-box-shadow: inset 0px -5px 10px 0px rgba(50, 50, 50, 0.5); -webkit-box-shadow: inset 0px -5px 10px 0px rgba(50, 50, 50, 0.5); box-shadow: inset 0px -5px 10px 0px rgba(50, 50, 50, 0.5); padding: 15px 0; text-align: center; }
@media (max-width: 767px) { .site-footer .footer-signup form { margin: 0 0 8px 0; } }
.site-footer .footer-signup .label { font-size: 20px; font-size: 1.17647rem; display: block; color: #fff; margin: 0 1em 0.5em 1em; }
@media (min-width: 768px) { .site-footer .footer-signup .label { display: inline-block; margin: 0 1em 0 0; } }
.site-footer .footer-signup .input-email { background: #fff; }
.site-footer .footer-signup .input-email, .site-footer .footer-signup .input-signup { font-size: 15px; font-size: 0.88235rem; line-height: 2.33333; height: 2.33333em; padding: 0 10px; }
.site-footer .footer-signup .input-email { background: #fff; border: 0; }
.site-footer .footer-signup .input-signup { background: #0071bc; border: 0; color: #fff; text-transform: uppercase; margin: 0 0 0 -4px; }
.site-footer .footer-main { background-color: #e2ddda; padding: 40px 0; background: #e2ddda; background: url('/img/footer/bg.png') no-repeat left center, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZTJkZGRhIi8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNlMmRkZGEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='), #e2ddda; background: url('/img/footer/bg.png') no-repeat left center, -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #cccccc), color-stop(10%, #e2ddda), color-stop(90%, #e2ddda), color-stop(100%, #cccccc)), #e2ddda; background: url('/img/footer/bg.png') no-repeat left center, -moz-linear-gradient(left, #cccccc, #e2ddda 10%, #e2ddda 90%, #cccccc), #e2ddda; background: url('/img/footer/bg.png') no-repeat left center, -webkit-linear-gradient(left, #cccccc, #e2ddda 10%, #e2ddda 90%, #cccccc), #e2ddda; background: url('/img/footer/bg.png') no-repeat left center, linear-gradient(to right, #cccccc, #e2ddda 10%, #e2ddda 90%, #cccccc), #e2ddda; }
.site-footer .footer-main .logo { margin: -17px 0 0 0; width: 50%; }
@media (min-width: 960px) { .site-footer .footer-main .logo { width: auto; } }
.site-footer .footer-main .copyright { color: #888; font-size: 13px; font-size: 0.76471rem; padding-bottom: 10px; }
.site-footer .footer-main .social > ul { padding: 0; list-style: none; }
.site-footer .footer-main .social > ul > li { display: inline-block; }
.site-footer .footer-main .social > ul > li > a { color: #645858; }
.site-footer .footer-main .social > ul > li > a > span { display: none; }
.site-footer .footer-nav { display: none; }
@media (min-width: 320px) { .site-footer .footer-nav { display: block; } }
.site-footer .footer-nav a { color: #645858; }
.site-footer .footer-nav ul { list-style: none; padding: 0; margin: 0; }
.site-footer .footer-nav ul > li h3 { color: #0071bc; margin: 1em 0 0.5em 0; font-size: 16px; font-size: 0.94118rem; text-transform: uppercase; }
.site-footer .footer-nav ul > li > ul { max-width: 180px; color: #645858; font-size: 13px; font-size: 0.76471rem; }
.site-footer .footer-nav ul > li > ul > li { margin: 0 0 0.53846em 0; }

.footer-more header { text-align: center; color: #0071bc; margin: 0 0 6px 0; }
.footer-more header:after { content: ''; display: block; height: 5px; background-color: rgba(236, 0, 140, 0); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjMDA4YyIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjOTEyNzhmIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMyZTJlOTIiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzAwNzFiYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYWVlZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ec008c), color-stop(25%, #91278f), color-stop(50%, #2e2e92), color-stop(75%, #0071bc), color-stop(100%, #00aeef)); background-image: -moz-linear-gradient(left, #ec008c, #91278f 25%, #2e2e92 50%, #0071bc 75%, #00aeef); background-image: -webkit-linear-gradient(left, #ec008c, #91278f 25%, #2e2e92 50%, #0071bc 75%, #00aeef); background-image: linear-gradient(to right, #ec008c, #91278f 25%, #2e2e92 50%, #0071bc 75%, #00aeef); }
.footer-more .article-list { list-style: none; margin: 0; padding: 0; }
.footer-more .article-list li { margin: 0 0 5px 0; }
@media (min-width: 600px) { .footer-more .article-list li { margin: 0 0 13px 0; } }
@media (min-width: 600px) { .footer-more .article-link-mini { font-size: 14px; font-size: 0.82353rem; }
  .footer-more .article-link-mini .image { width: 154px; } }
@media (max-width: 959px) { .footer-more .sidebar-heading { display: none; } }

.footer-chart { position: relative; margin: 0 0 5px 0; }
@media (max-width: 959px) { .footer-chart { margin: 0 0 13px 0; } }
.footer-chart:before { position: absolute; color: #fff; right: 20px; top: 8px; font-size: 30px; z-index: 1; pointer-events: none; }
.footer-chart .select-dropdown { font-size: 17px; font-size: 1rem; font-weight: lighter; position: relative; min-height: 45px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; padding: 10px 10px 10px 15px; background: #ec008c; border: 0; -webkit-appearance: none; }
.footer-chart .select-dropdown::-ms-expand { display: none; }
.footer-chart .select-dropdown option { background: #fff; color: #000; }
.footer-chart .select-dropdown > ul { position: absolute; list-style: none; margin: 0; padding: 0; top: 0; left: 0; right: 0; }
.footer-chart .select-dropdown > ul li { display: block; }
.footer-chart .select-dropdown a { display: block; height: 0; overflow: hidden; padding: 0 20px; background: #e2ddda; color: #000; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: height 0.2s, padding-top 0.2s, padding-bottom 0.2s; -o-transition: height 0.2s, padding-top 0.2s, padding-bottom 0.2s; -webkit-transition: height 0.2s, padding-top 0.2s, padding-bottom 0.2s; transition: height 0.2s, padding-top 0.2s, padding-bottom 0.2s; }
.footer-chart .select-dropdown a.selected { background: #ec008c; color: #fff; height: 53px; padding: 10px 20px 0 20px; position: relative; }
.footer-chart .select-dropdown a.selected:before { position: absolute; right: 13px; top: 10px; font-size: 30px; }
.footer-chart .select-dropdown a.selected:hover { background: #ec008c; }
.footer-chart .select-dropdown a:hover { background: #eeebe9; }
.footer-chart .select-dropdown.on a { height: 53px; padding: 10px 20px 0 20px; }
.footer-chart .select-dropdown.on a.selected:before { content: normal; }
.footer-chart .dropdown-page { display: none; }
.footer-chart .dropdown-page.selected { display: block; }

#container { max-width: 1300px; margin: 0 auto; background: #fff; min-height: 600px; overflow: hidden; -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.87); -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.87); box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.87); }
.pageskin-on #container { max-width: 1100px; box-shadow: none; }
@media (max-width: 321px) { #container { overflow: auto; } }

#main { margin: 0 auto; background: #fff; padding: 0 10px; }
@media (min-width: 1030px) { .sticky-nav #main { padding-top: 132px; } }

.ad-leaderboard { text-align: center; margin: 12px 0; }
.ad-leaderboard img { max-width: 100%; }

.home-feature, .home-feature-main { margin: 0 0 6px 0; background: #eee; }
.home-feature img, .home-feature-main img { display: block; margin: 0 auto; }

.home-news, .home-news-feature { padding: 0 20px; margin: 0 0 30px 0; }

.ad-mpu { margin: 20px 0; text-align: center; }

.adspace { text-align: center; }

.adspace-top { margin: 0 -10px 10px -10px; text-align: center; }
@media (min-width: 322px) { .adspace-top { margin: 0 auto 10px auto; } }
.adspace-top img { max-width: 100%; }
.adspace-top > div { display: inline-block; }

.search-overlay { display: none; position: fixed; overflow: auto; height: 100%; top: 0; left: 0; right: 0; background: #333; background: rgba(51, 51, 51, 0.98); z-index: 99999999; }
.search-overlay.on { display: block; }
.search-overlay .inner-area { max-width: 1300px; margin: 0 auto; position: relative; padding: 150px 0 0 0; }
.search-overlay .close { background: #645858; position: absolute; top: 0; right: 20px; height: 40px; width: 40px; color: #fff; text-align: center; font-size: 20px; }
.search-overlay .close:before { line-height: 40px; }
.search-overlay .forms { max-width: 998px; padding: 0 10px; margin: 0 auto; }
.search-overlay .or { color: #ec008c; padding: 20px 0; text-align: center; }
.search-overlay .search-form { width: 100%; font-size: 30px; font-size: 1.76471rem; .position: relative; }
.search-overlay .search-form .field { border-top: 1px solid #645858; border-bottom: 1px solid #645858; padding: 10px 0; position: relative; }
.search-overlay .search-form .input-text { font-weight: 300; background: none; border: 0; color: #e2ddda; position: relative; width: 90%; }
.search-overlay .search-form .input-text:focus { outline: none; }
.search-overlay .search-form .input-text::-webkit-input-placeholder { color: #e2ddda; }
.search-overlay .search-form .input-text:-moz-placeholder { /* Firefox 18- */ color: #e2ddda; }
.search-overlay .search-form .input-text::-moz-placeholder { /* Firefox 19+ */ color: #e2ddda; }
.search-overlay .search-form .input-text:-ms-input-placeholder { color: #e2ddda; }
.search-overlay .search-form .input-submit { background: #0071bc; color: #fff; padding: 0; border: 0; width: 43px; height: 43px; padding: 0 0 0 5px; -moz-appearance: none; -webkit-appearance: none; position: absolute; right: 0; border-radius: 0; }
.search-overlay .search-form .input-submit span { display: none; }
.search-overlay .search-form .autocomplete { position: absolute; z-index: 99; top: 100%; left: 0; right: 0; margin: 0; background: rgba(60, 60, 60, 0.95); color: #fff; }
.search-overlay .search-form .autocomplete ul { font-weight: 300; font-size: 20px; font-size: 1.17647rem; list-style: none; border-bottom: 5px solid #0071bc; padding: 25px 10px; margin: 0; }
.search-overlay .search-form .autocomplete ul li { margin: 10px 0; }
.search-overlay .search-form .autocomplete ul a { color: inherit; }
.search-overlay .search-form .autocomplete ul .match { color: #0071bc; }
.search-overlay .search-form .select { display: inline-block; }
.search-overlay .search-form .select select { color: #e2ddda; font-weight: 300; background: none; border: 0; -moz-appearance: none; -webkit-appearance: none; margin: 0 1em 0 0; }
.search-overlay .tab-nav { font-weight: 300; font-size: 25px; font-size: 1.47059rem; max-width: 998px; margin: 0 auto; }
.search-overlay .tab-nav ul { padding: 0; list-style: none; overflow: hidden; *zoom: 1; margin: 0 0 50px 0; }
.search-overlay .tab-nav li { float: left; width: 100%; margin: 0 0 0 2%; }
.search-overlay .tab-nav li:first-child { margin: 0; }
.search-overlay .tab-nav a { display: block; width: 100%; padding: 10px 0; color: #fff; background: #666; background: rgba(255, 255, 255, 0.1); text-align: center; }
.search-overlay .tab-nav a.selected, .search-overlay .tab-nav a:hover { background: #92278f; background: rgba(146, 39, 143, 0.5); }
.search-overlay .tab-page { display: none; }
.search-overlay .tab-page h3 { display: none; }
.search-overlay .tab-page.selected { display: block; }

select, form, input { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }

.charts-nav .accordion .accordion-content, .charts-header-panel .accordion-options .accordion-content { display: none; }
.charts-nav .accordion .accordion-content.on, .charts-header-panel .accordion-options .accordion-content.on { display: block; }

.site-nav-mobile .mobile-search .input-submit, .sidebar-lookup .input-submit, .sidebar-newsletter .input-submit, .random-lookup .input-submit, .charts-nav .date-selector .input-submit, .search-bar .search-form .input-submit, .archive-search-bar .search-form .input-submit { display: inline-block; vertical-align: top; height: 35px; border: 0; -moz-appearance: none; -webkit-appearance: none; text-transform: uppercase; background: #ec008c; color: #fff; }
.site-nav-mobile .mobile-search select, .sidebar-lookup select, .sidebar-newsletter select, .random-lookup select, .charts-nav .date-selector select, .search-bar .search-form select, .archive-search-bar .search-form select { background: url('/img/select-s88a2fb85d6.png') 100% 0 #fff no-repeat; width: 100%; padding: 5px 10px 5px 5px; border: 0; height: 35px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; }
.site-nav-mobile .mobile-search select::-ms-expand, .sidebar-lookup select::-ms-expand, .sidebar-newsletter select::-ms-expand, .random-lookup select::-ms-expand, .charts-nav .date-selector select::-ms-expand, .search-bar .search-form select::-ms-expand, .archive-search-bar .search-form select::-ms-expand { display: none; }
@media (min-width: 600px) { .site-nav-mobile .mobile-search select, .sidebar-lookup select, .sidebar-newsletter select, .random-lookup select, .charts-nav .date-selector select, .search-bar .search-form select, .archive-search-bar .search-form select { margin: 0 0 -3px 0; background-image: none; } }
@media (max-width: 768px) { .site-nav-mobile .mobile-search select, .sidebar-lookup select, .sidebar-newsletter select, .random-lookup select, .charts-nav .date-selector select, .search-bar .search-form select, .archive-search-bar .search-form select { padding: 5px 15.5px 5px 5px; } }
.site-nav-mobile .mobile-search fieldset, .sidebar-lookup fieldset, .sidebar-newsletter fieldset, .random-lookup fieldset, .charts-nav .date-selector fieldset, .search-bar .search-form fieldset, .archive-search-bar .search-form fieldset { border: 0; padding: 0; }
.site-nav-mobile .mobile-search .input-text, .sidebar-lookup .input-text, .sidebar-newsletter .input-text, .random-lookup .input-text, .charts-nav .date-selector .input-text, .search-bar .search-form .input-text, .archive-search-bar .search-form .input-text { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 35px; border: 0; -webkit-appearance: none; padding-left: 10px; }

@-moz-document url-prefix() { .site-nav-mobile .mobile-search .select, .sidebar-lookup .select, .sidebar-newsletter .select, .random-lookup .select, .charts-nav .date-selector .select, .search-bar .search-form .select, .archive-search-bar .search-form .select { position: relative; }
  .site-nav-mobile .mobile-search select, .sidebar-lookup select, .sidebar-newsletter select, .random-lookup select, .charts-nav .date-selector select, .search-bar .search-form select, .archive-search-bar .search-form select { padding-right: 14px; padding-top: 8px; }
  .site-nav-mobile .mobile-search .select:after, .sidebar-lookup .select:after, .sidebar-newsletter .select:after, .random-lookup .select:after, .charts-nav .date-selector .select:after, .search-bar .search-form .select:after, .archive-search-bar .search-form .select:after { content: ''; display: block; position: absolute; right: 0; top: 0; width: 35px; height: 35px; background: url('/img/select-s88a2fb85d6.png') 100% 0 #fff no-repeat; pointer-events: none; }
  .site-nav-mobile .date-selector.mobile-search .select:after, .date-selector.sidebar-lookup .select:after, .date-selector.sidebar-newsletter .select:after, .date-selector.random-lookup .select:after, .charts-nav .date-selector .select:after, .search-bar .date-selector.search-form .select:after, .archive-search-bar .date-selector.search-form .select:after { height: 25px; width: 25px; background: url('/img/select-s88a2fb85d6.png') 100% -70px #fff no-repeat; }
  .footer-chart:after { content: ''; position: absolute; right: 0; top: 0; height: 45px; width: 20px; background: #ec008c; pointer-events: none; } }
.article-author .author-social ul { list-style: none; padding: 0; margin: 0; }
.article-author .author-social li { display: inline-block; }
.article-author .author-social li a { color: inherit; }
.article-author .author-social li a > span { display: none; }

.link-info { font-size: 9px; font-size: 0.52941rem; line-height: 13px; text-align: center; width: 100%; }
.link-info .category, .link-info .shares { display: inline-block; padding: 0 5px; vertical-align: top; }
.link-info .shares { background: #e2ddda; }
.link-info .shares:before { font-size: 10px; padding: 0 2px 0 0; }
@media (max-width: 480px) { .link-info .shares:before { font-size: 7px; } }
@media (min-width: 480px) { .link-info .category { font-size: 0.8rem; padding: 3px 10px; }
  .link-info .shares { font-size: 0.8rem; padding: 3px 10px; margin: 0 0 0 -3px; }
  .link-info .shares:before { font-size: 11px; } }

.news-link, .news-link-hero { background: #91278f; position: relative; margin: 0 0 5px 0; }
@media (min-width: 600px) { .news-link, .news-link-hero { margin: 0 0 12px 0; } }
.news-link .link-info, .news-link-hero .link-info { position: absolute; text-transform: uppercase; }
.news-link .link-info .category, .news-link-hero .link-info .category { background: #91278f; color: #fff; }
.news-link .link-info .shares, .news-link-hero .link-info .shares { color: #91278f; margin: 0 0 0 -3px; }
.news-link .text, .news-link-hero .text { background: #91278f; color: #fff; text-align: center; padding: 8px 10px; }
.news-link .text > .inner, .news-link-hero .text > .inner { display: block; margin: 0 auto; }
.news-link .image img, .news-link-hero .image img { display: block; width: 100%; }

.news-link { position: relative; }
.news-link > a { display: table; }
.news-link .image { width: 40.83333%; display: table-cell; padding: 0 0 13px 0; }
.news-link .text { text-align: left; display: table-cell; vertical-align: middle; }
.news-link .text .link-info { left: 0; bottom: 0; text-align: left; width: 40.83333%; background: #e2ddda; }
@media (min-width: 600px) { .news-link > a { display: block; }
  .news-link .image { display: block; width: 100%; float: none; height: 0; padding: 0 0 65.56122% 0; overflow: hidden; }
  .news-link .image img { width: 100%; position: absolute; top: 0; left: 0; }
  .news-link .text { display: block; overflow: visible; position: absolute; bottom: 0; left: 0; right: 0; text-align: center; min-height: 2.66667em; }
  .news-link .text .link-info { left: 0; bottom: 100%; text-align: left; width: auto; } }

.news-link-hero .link-info { position: absolute; top: 0; text-align: left; z-index: 2; }
.news-link-hero .image { position: relative; height: 0; padding: 0 0 50% 0; overflow: hidden; }
.news-link-hero .image img { position: absolute; width: 100%; height: auto; }
.news-link-hero .text { position: relative; padding: 15px; }
.news-link-hero .text .inner { max-width: 700px; }
@media (min-width: 960px) { .news-link-hero { padding: 0 0 60px 0; }
  .news-link-hero .text { position: absolute; bottom: 0; left: 0; right: 0; } }

.feature-link, .feature-link-wide { font-size: 12px; font-size: 0.70588rem; margin: 0 0 6px 0; background: #e2ddda; }
@media (min-width: 600px) { .feature-link, .feature-link-wide { margin: 0 0 12px 0; } }
.feature-link > a, .feature-link-wide > a { display: table; color: inherit; }
@media (min-width: 768px) { .feature-link, .feature-link-wide { font-size: 16px; font-size: 0.94118rem; } }
.feature-link .link-info, .feature-link-wide .link-info { text-align: left; position: absolute; bottom: 0; top: 0; left: 0; text-transform: uppercase; }
.feature-link .link-info .category, .feature-link-wide .link-info .category { background: #0071bc; color: #fff; position: absolute; left: 0; right: 0; bottom: 0; }
.feature-link .link-info .shares, .feature-link-wide .link-info .shares { color: #0071bc; }
.feature-link .image, .feature-link-wide .image { width: 40.83333%; position: relative; margin: 0 0 10px 0; }
.feature-link .image img, .feature-link-wide .image img { display: block; }
@media (max-width: 600px) { .feature-link .text, .feature-link-wide .text { display: none; } }
@media (min-width: 600px) { .feature-link, .feature-link-wide { background: none; }
  .feature-link .image, .feature-link-wide .image { border-bottom: 6px solid #0071bc; }
  .feature-link .link-info, .feature-link-wide .link-info { background: none; top: auto; right: auto; }
  .feature-link .link-info .category, .feature-link-wide .link-info .category { position: static; } }

.feature-link { position: relative; overflow: hidden; }
.feature-link > a { width: 100%; }
.feature-link > a:before { content: ''; display: inline-block; width: 40.83333%; padding: 0 0 20.30066% 0; vertical-align: middle; margin: 0 0 13px 0; }
@media (min-width: 480px) { .feature-link > a:before { margin: 0 0 22px 0; } }
.feature-link h2 { display: inline-block; width: 59.16667%; margin: 0 0 0 -3px; vertical-align: middle; padding: 8px 10px 8px 13px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.feature-link .image { position: absolute; left: 0; top: 0; bottom: -10px; }
@media (min-width: 600px) { .feature-link { max-width: 352px; margin: 15px auto; }
  .feature-link > a:before { content: normal; }
  .feature-link .image, .feature-link h2 { width: auto; }
  .feature-link h2 { padding: 0; margin: 0 0 5px 0; }
  .feature-link .image { position: relative; width: 100%; padding: 0 0 51.13636% 0; margin: 0 0 10px 0; overflow: hidden; }
  .feature-link .image img { position: absolute; width: 100%; top: 0; left: 0; } }

.feature-link-adspace { margin: 0 0 12px 0; }
@media (min-width: 600px) { .feature-link-adspace { max-width: 352px; margin: 15px auto; } }

.feature-link-wide .image { display: table-cell; border-bottom: 0; }
.feature-link-wide .text { overflow: hidden; display: table-cell; vertical-align: middle; padding: 8px 10px; }
.feature-link-wide .intro { display: none; }
.feature-link-wide h2 { margin: 0; }
@media (min-width: 600px) { .feature-link-wide { overflow: hidden; *zoom: 1; }
  .feature-link-wide > a { display: block; }
  .feature-link-wide h2 { margin: 0 0 5px 0; }
  .feature-link-wide .image { margin: 0 12px; float: left; }
  .feature-link-wide .text { max-width: 343px; vertical-align: top; overflow: hidden; }
  .feature-link-wide .intro { display: block; } }

.news-list-content ul { padding: 0; margin: 0; list-style: none; }
.news-list-content li { margin: 0 0 5px 0; }
.news-list-content .feature-link-wide { margin: 0 auto; }
.news-list-content .feature-link-wide h2:hover { color: #ec008c; }
@media (max-width: 600px) { .news-list-content .feature-link-wide .image { display: table-cell; width: 40.83333%; }
  .news-list-content .feature-link-wide .image img { width: 100%; }
  .news-list-content .feature-link-wide .text { display: table-cell; } }
.news-list-content .adspace { border: 1px solid #e2ddda; text-align: center; padding: 5px; }
@media (min-width: 600px) { .news-list-content li { margin: 0 0 25px 0; } }

.pagination { margin: 15px 0; padding: 5px 0; border-top: 1px solid #e2ddda; border-bottom: 1px solid #e2ddda; font-size: 18px; font-size: 1.05882rem; }
.pagination .previous, .pagination .previous_link, .pagination .next, .pagination .next_link { display: inline-block; color: #645858; font-weight: bold; text-transform: uppercase; }
.pagination .previous:hover, .pagination .previous_link:hover, .pagination .next:hover, .pagination .next_link:hover { color: #00aeef; }
.pagination .previous, .pagination .previous_link { margin: 0 5px 0 0; }
.pagination .next, .pagination .next_link { margin: 0 0 0 5px; }
.pagination ul { padding: 0; margin: 0; display: inline-block; }
.pagination .page_link { display: none; padding: 0 10px; color: #c0b6b3; }
.pagination .page_link:hover, .pagination .page_link.active_page { color: #00aeef; }
.pagination .page_link:nth-child(1), .pagination .page_link:nth-child(2), .pagination .page_link:nth-last-child(1), .pagination .page_link:nth-last-child(2) { display: inline; }
.pagination li { display: none; padding: 0 3px; }
.pagination li a { color: #c0b6b3; }
.pagination li a:hover, .pagination li a.selected { color: #00aeef; }
.pagination li:nth-child(1), .pagination li:nth-child(2), .pagination li:nth-last-child(1), .pagination li:nth-last-child(2) { display: inline; }
@media (min-width: 768px) { .pagination .previous, .pagination .previous_link { margin: 0 20px 0 0; }
  .pagination .next, .pagination .next_link { margin: 0 0 0 20px; }
  .pagination li { display: inline; padding: 0 10px; } }

.tags, .options { padding: 0 0 20px 0; font-size: 15px; font-size: 0.88235rem; }
.tags ul, .options ul { list-style: none; padding: 0; max-width: 695px; margin: 0; }
.tags li, .options li { display: inline-block; }
.tags a, .options a { border-radius: 0px; padding: 5px 20px; text-decoration: none; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; margin: 0 0 5px 0; display: inline-block; background: #c0b6b3; color: #fff; }
.tags a:hover, .options a:hover, .tags a.selected, .options a.selected { background: #ec008c; }

.options { margin: 0 0 10px 0; padding: 0 0 20px 0; }
.options a { background: #0071bc; }

.sidebar-grey { background: url('/img/sidebar/bg.png') #e2ddda no-repeat top right; position: relative; margin: 0 0 5px 0; }
.sidebar-grey:before { content: ''; position: absolute; right: 0; top: 0; left: 0; height: 5px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjMDA4YyIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjOTEyNzhmIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMyZTJlOTIiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzAwNzFiYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYWVlZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ec008c), color-stop(25%, #91278f), color-stop(50%, #2e2e92), color-stop(75%, #0071bc), color-stop(100%, #00aeef)); background-image: -moz-linear-gradient(left, #ec008c, #91278f 25%, #2e2e92 50%, #0071bc 75%, #00aeef); background-image: -webkit-linear-gradient(left, #ec008c, #91278f 25%, #2e2e92 50%, #0071bc 75%, #00aeef); background-image: linear-gradient(to right, #ec008c, #91278f 25%, #2e2e92 50%, #0071bc 75%, #00aeef); }
.sidebar-grey .adspace { background: rgba(255, 255, 255, 0.4); text-align: center; }
@media (min-width: 600px) { .sidebar-grey { margin: 0 0 12px 0; }
  .sidebar-grey #D4 { padding: 42px 0; } }

.sidebar-countdown { padding: 15px 20px 0 20px; min-height: 120px; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }
@media (min-width: 600px) { .sidebar-countdown { padding: 27px 20px; min-height: 140px; } }
.sidebar-countdown h1 { font-size: 22px; font-size: 1.29412rem; margin: 0 0 10px 0; font-weight: 400; }
@media (max-width: 1030px) { .sidebar-countdown h1 { font-size: 20px; font-size: 1.17647rem; } }
@media (max-width: 959px) { .sidebar-countdown h1 { font-size: 22px; font-size: 1.29412rem; } }
@media (max-width: 320px) { .sidebar-countdown h1 { font-size: 19px; font-size: 1.11765rem; } }
.sidebar-countdown .countdown { position: absolute; right: 20px; left: 20px; }
.sidebar-countdown .countdown .days, .sidebar-countdown .countdown .hours, .sidebar-countdown .countdown .minutes, .sidebar-countdown .countdown .seconds, .sidebar-countdown .countdown .random-lookup .birthday, .random-lookup .sidebar-countdown .countdown .birthday, .sidebar-countdown .countdown .random-lookup .favourite, .random-lookup .sidebar-countdown .countdown .favourite { display: inline-block; color: #fff; margin: 0 -2px; width: 25%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 5px 0; }
.sidebar-countdown .countdown .days .count, .sidebar-countdown .countdown .hours .count, .sidebar-countdown .countdown .minutes .count, .sidebar-countdown .countdown .seconds .count, .sidebar-countdown .countdown .random-lookup .birthday .count, .random-lookup .sidebar-countdown .countdown .birthday .count, .sidebar-countdown .countdown .random-lookup .favourite .count, .random-lookup .sidebar-countdown .countdown .favourite .count { font-size: 30px; font-size: 1.76471rem; font-weight: lighter; }
.sidebar-countdown .countdown .days .label, .sidebar-countdown .countdown .hours .label, .sidebar-countdown .countdown .minutes .label, .sidebar-countdown .countdown .seconds .label, .sidebar-countdown .countdown .random-lookup .birthday .label, .random-lookup .sidebar-countdown .countdown .birthday .label, .sidebar-countdown .countdown .random-lookup .favourite .label, .random-lookup .sidebar-countdown .countdown .favourite .label { font-size: 12px; font-size: 0.70588rem; text-transform: uppercase; }
.sidebar-countdown .countdown .days { background: #ec008c; }
.sidebar-countdown .countdown .hours { background: #91278f; }
.sidebar-countdown .countdown .minutes { background: #0071bc; }
.sidebar-countdown .countdown .seconds { background: #00aeef; }

.chart-list-mini { background: #fff; }
.chart-list-mini table { width: 100%; font-weight: lighter; }
.chart-list-mini td { padding: 0; }
.chart-list-mini tr { border-bottom: 1px solid #ccc; }
.chart-list-mini .count { font-size: 27px; font-size: 1.58824rem; color: #ec008c; width: 60px; text-align: center; }
.chart-list-mini .cover { width: 60px; }
.chart-list-mini .cover img { display: block; width: 100%; }
.chart-list-mini .title-artist { padding: 0 10px; line-height: 0.95; }
.chart-list-mini .title-artist .title { font-weight: bold; font-size: 13px; font-size: 0.76471rem; }
@media (min-width: 600px) { .chart-list-mini .title-artist .title { font-size: 15px; font-size: 0.88235rem; margin: 0 0 3px 0; line-height: 1; } }
.chart-list-mini .title-artist .artist { font-size: 11px; font-size: 0.64706rem; }
@media (min-width: 600px) { .chart-list-mini .title-artist .artist { font-size: 13px; font-size: 0.76471rem; line-height: 1; } }
.chart-list-mini .cta { display: block; background: #ec008c; color: #fff; padding: 7px; text-align: center; text-transform: uppercase; }

.sidebar-chart { position: relative; margin: 10px; font-size: 12px; font-size: 0.70588rem; }
@media (min-width: 600px) { .sidebar-chart { margin: 35px 20px 25px 20px; font-size: 15px; font-size: 0.88235rem; } }
.sidebar-chart:before { content: ''; display: block; width: 100%; height: 63px; }
@media (max-width: 320px) { .sidebar-chart .chart-list-mini tr:nth-last-child(2), .sidebar-chart .chart-list-mini tr:nth-last-child(1) { display: none; } }
.sidebar-chart header { background: #2e2e92; text-align: center; height: 63px; }
.sidebar-chart header:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.sidebar-chart header h1 { margin: 0; font-size: 1px; padding: 0 10px; max-width: 310px; display: inline-block; vertical-align: middle; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; }
.sidebar-chart .tab-nav { text-transform: uppercase; border-bottom: 2px solid #ec008c; }
.sidebar-chart .tab-nav ul { list-style: none; margin: 0; padding: 0; }
.sidebar-chart .tab-nav li { display: inline-block; width: 33.33333%; margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 2px solid #0071bc; }
.sidebar-chart .tab-nav li:first-child { border: 0; }
.sidebar-chart .tab-nav a { background: #e2ddda; color: #363639; width: 100%; display: block; padding: 10px 0px; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.sidebar-chart .tab-nav a.selected { background: #ec008c; color: #fff; }
.sidebar-chart .tab-page { display: none; }
.sidebar-chart .tab-page header { position: absolute; top: 0; left: 0; right: 0; }
.sidebar-chart .tab-page.selected { display: block; }

.sidebar-lookup { position: relative; background: url('/img/sidebar/bg-blue.png'); text-align: center; padding: 70px 20px 20px 20px; }
.sidebar-lookup:before { background-position: 0 -165px; height: 36px; width: 31px; content: ''; position: absolute; left: 50%; top: 16px; margin: 0 0 0 -15px; }
.sidebar-lookup .module-heading, .sidebar-lookup .sidebar-heading { color: #fff; margin: 0 0 25px 0; }
.sidebar-lookup .row { padding: 0 0 5px 0; font-size: 15px; font-size: 0.88235rem; }
.sidebar-lookup .row .inputs { display: inline-block; width: 82.38636%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 3px 0 0; }
.sidebar-lookup .row .inputs .input-text { width: 100%; border-radius: 0; -webkit-appearance: none; }
.sidebar-lookup .row .inputs .input-submit { width: 14.20455%; }
.sidebar-lookup .row .select-boxes { width: 100%; display: table; border: 0; padding: 0; margin: 0 0 -3px 0; background-image: none; }
.sidebar-lookup .row .select-boxes .select { padding: 5px 0 0 0; }
@media (min-width: 600px) { .sidebar-lookup .row .select-boxes .select { width: 11%; display: table-cell; padding: 0 0 0 6px; } }
@media (min-width: 320px) { .sidebar-lookup .row .select-boxes .select { width: 16%; display: table-cell; padding: 0 5px 0 0; text-align: left; } }
.sidebar-lookup .row .select-boxes .select:last-child { padding: 0; }
.sidebar-lookup .row .select-boxes #archive-day-search, .sidebar-lookup .row .select-boxes #archive-month-search, .sidebar-lookup .row .select-boxes #archive-year-search { color: #A9A9A9; background: #FFFFFF; }

.sidebar-newsletter { margin: 0 0 6px 0; background: url('/img/sidebar/bg-blue.png'); text-align: center; padding: 20px; }
@media (min-width: 600px) { .sidebar-newsletter { margin: 0 0 12px 0; } }
.sidebar-newsletter header { color: #fff; margin: 0 0 1em 0; }
.sidebar-newsletter h2, .sidebar-newsletter h3 { margin: 0; }
.sidebar-newsletter .row { max-width: 320px; position: relative; margin: 0 auto; }
.sidebar-newsletter .input-text { width: 100%; border-radius: 0; -webkit-appearance: none; }
.sidebar-newsletter .input-submit { position: absolute; right: 0; top: 0; }

.article-link-mini { display: table; width: 100%; background: #eeebe9; font-size: 13px; font-size: 0.76471rem; }
.article-link-mini .image, .article-link-mini .text { display: table-cell; vertical-align: middle; padding: 0 15px 0 0; }
.article-link-mini .image { width: 120px; }
.article-link-mini .image img { display: block; }
.article-link-mini a { color: inherit; display: block; }

.sidebar-trending { background: #e2ddda; padding: 20px 0px 10px 0px; margin: 10px 0; text-align: center; }
.sidebar-trending .module-heading, .sidebar-trending .sidebar-heading { color: #ec008c; margin: 0 0 15px 0; }
.sidebar-trending .article-link-mini { max-width: 330px; margin: 0 auto; text-align: left; }
.sidebar-trending .article-link-mini .image img { max-width: 120px; }
.sidebar-trending .article-list { padding: 0; list-style: none; margin: 0; }
.sidebar-trending .article-list li { background: #eeebe9; margin: 0 0 5px 0; }
.sidebar-trending .tab-nav { text-transform: uppercase; text-align: left; font-size: 15px; font-size: 0.88235rem; }
.sidebar-trending .tab-nav ul { list-style: none; padding: 0; margin: 0p; }
.sidebar-trending .tab-nav ul li { width: 50%; margin: 0 0 0 -4px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #e2ddda; display: inline-block; }
.sidebar-trending .tab-nav ul li:first-child { margin: 0; text-align: right; }
.sidebar-trending .tab-nav ul a { display: block; padding: 5px 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; background: #c0b6b3; color: inherit; }
.sidebar-trending .tab-nav ul a.selected { background: #ec008c; color: #fff; }
.sidebar-trending .tab-page { display: none; }
.sidebar-trending .tab-page.selected { display: block; }

.sidebar-twitter { background: url('/img/sidebar/twitter/bg.png') #e2ddda; text-align: center; margin: 0 0 6px 0; }
@media (min-width: 600px) { .sidebar-twitter { margin: 0 0 12px 0; } }
.sidebar-twitter header { color: #ec008c; background: #c0b6b3; background: rgba(192, 182, 179, 0.5); padding: 15px 0; }
.sidebar-twitter header .module-heading, .sidebar-twitter header .sidebar-heading { margin: 0; font-weight: normal; }
.sidebar-twitter .tweets { text-align: left; font-size: 13px; font-size: 0.76471rem; background: #fff; background: rgba(255, 255, 255, 0.15); list-style: none; padding: 0; list-style: none; margin: 0; }
.sidebar-twitter .tweets li { display: block; border-top: 1px solid #eee; padding: 15px 0; }
.sidebar-twitter .tweets li:first-child { border: 0; }
.sidebar-twitter .tweets .tweet { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; max-width: 320px; padding: 0 10px 0 60px; position: relative; }
.sidebar-twitter .tweets .tweet:before { position: absolute; left: 10px; top: 0; font-size: 25px; color: #ec008c; }
.sidebar-twitter .tweets .tweet a { color: #ec008c; }
.sidebar-twitter .cta { display: inline-block; background: #ec008c; color: #fff; text-transform: uppercase; padding: 8px 30px; font-size: 15px; font-size: 0.88235rem; }

.sidebar-banner { margin: 12px auto; display: table; }

.random-lookup { background: #eeebe9; text-align: center; margin: 0 0 6px 0; }
@media (min-width: 600px) { .random-lookup { margin: 0 0 12px 0; } }
.random-lookup .module-heading, .random-lookup .sidebar-heading { color: #0071bc; margin: 0 0 0.5em 0; }
.random-lookup .sidebar-countdown .countdown .days, .sidebar-countdown .countdown .random-lookup .days, .random-lookup .sidebar-countdown .countdown .hours, .sidebar-countdown .countdown .random-lookup .hours, .random-lookup .sidebar-countdown .countdown .minutes, .sidebar-countdown .countdown .random-lookup .minutes, .random-lookup .sidebar-countdown .countdown .seconds, .sidebar-countdown .countdown .random-lookup .seconds, .random-lookup .birthday, .random-lookup .favourite { background: url('/img/Homepage/random-lookup/bg.png') bottom left; padding: 30px 10px; }
.random-lookup .sidebar-countdown .countdown .days .input-submit, .sidebar-countdown .countdown .random-lookup .days .input-submit, .random-lookup .sidebar-countdown .countdown .hours .input-submit, .sidebar-countdown .countdown .random-lookup .hours .input-submit, .random-lookup .sidebar-countdown .countdown .minutes .input-submit, .sidebar-countdown .countdown .random-lookup .minutes .input-submit, .random-lookup .sidebar-countdown .countdown .seconds .input-submit, .sidebar-countdown .countdown .random-lookup .seconds .input-submit, .random-lookup .birthday .input-submit, .random-lookup .favourite .input-submit { display: inline-block; padding: 0 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-size: 0.70588rem; }
.random-lookup .birthday { font-size: 15px; font-size: 0.88235rem; }
.random-lookup .birthday .inputs { display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 2px 0 0; margin: 0 0 10px 0; max-width: 500px; }
.random-lookup .birthday .inputs .input-text { width: 100%; }
.random-lookup .birthday .input-submit { width: 21%; display: inline-block; }
.random-lookup .birthday .select-boxes { display: table; border: 0; padding: 0; }
.random-lookup .birthday .select-boxes .select { display: table-cell; padding: 0 0 0 6px; }
.random-lookup .birthday .select-boxes .select:first-child { padding: 0; }
.random-lookup .birthday .select-boxes .select select { background: #fff; }
.random-lookup .birthday select { background-color: #e2ddda; }
.random-lookup .favourite .inputs .input-text { width: 100%; max-width: 640px; margin: 0 auto; margin: 0 0 10px 0; }

.sidebar-facebook, .sidebar-googleplus { display: none; max-width: 100%; overflow: hidden; }
@media (min-width: 960px) { .sidebar-facebook, .sidebar-googleplus { display: block; } }

.social-bar { background: url('/img/homepage/social-bar/bg.png') #eeebe9; text-align: center; padding: 5px; margin: 0 0 6px 0; }
@media (min-width: 600px) { .social-bar { margin: 0 0 12px 0; } }
.social-bar h2 { display: none; background: #645858; color: #fff; margin: 0; padding: 15px 10px; font-size: 17px; font-size: 1rem; position: relative; margin: 0 40px; }
.social-bar h2:before { content: ''; border-right: 20px solid #645858; border-top: 53px solid transparent; left: -20px; top: 0; position: absolute; }
.social-bar h2:after { content: ''; border-left: 20px solid #645858; border-bottom: 53px solid transparent; right: -20px; top: 0; position: absolute; }
.social-bar ul { display: inline; list-style: none; padding: 0; margin: 0; font-size: 14px; font-size: 0.82353rem; text-align: center; }
.social-bar .site-nav-social .sidebar-twitter .tweets li > a.tweet, .social-bar .sidebar-twitter .tweets .site-nav-social li > a.tweet, .social-bar li a.icon-twitter, .social-bar li .sidebar-twitter .tweets a.tweet, .sidebar-twitter .tweets .social-bar li a.tweet, .social-bar li a.icon-facebook, .social-bar li a.icon-googleplus, .social-bar li a.icon-instagram, .social-bar li a.icon-youtube { margin: 0 4px 0 0; }
.social-bar .site-nav-social .sidebar-twitter .tweets li > a.tweet:before, .social-bar .sidebar-twitter .tweets .site-nav-social li > a.tweet:before, .social-bar li a.icon-twitter:before, .social-bar li .sidebar-twitter .tweets a.tweet:before, .sidebar-twitter .tweets .social-bar li a.tweet:before, .social-bar li a.icon-facebook:before, .social-bar li a.icon-googleplus:before, .social-bar li a.icon-instagram:before, .social-bar li a.icon-youtube:before { display: inline-block; height: 33px; width: 33px; border-radius: 50%; text-align: center; background: #000; color: #fff; padding: 8px 0 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 4px 0 0; font-size: 17px; font-size: 1rem; }
.social-bar li { margin: 0 10px 0 0; display: inline-block; }
.social-bar li span { display: none; }
.social-bar li a.icon-twitter, .social-bar li .sidebar-twitter .tweets a.tweet, .sidebar-twitter .tweets .social-bar li a.tweet { color: #78cdf0; }
.social-bar li a.icon-twitter:before, .social-bar li .sidebar-twitter .tweets a.tweet:before, .sidebar-twitter .tweets .social-bar li a.tweet:before { background: #78cdf0; }
.social-bar li a.icon-facebook { color: #537bbd; }
.social-bar li a.icon-facebook:before { background: #537bbd; }
.social-bar li a.icon-googleplus { color: #4c4c4b; }
.social-bar li a.icon-googleplus:before { background: #4c4c4b; }
.social-bar li a.icon-instagram { color: #a07456; }
.social-bar li a.icon-instagram:before { background: #a07456; }
.social-bar li a.icon-youtube { color: #e9654b; }
.social-bar li a.icon-youtube:before { background: #e9654b; }
@media (min-width: 600px) { .social-bar { margin: 0; } }
@media (min-width: 1220px) { .social-bar { text-align: left; padding: 0; }
  .social-bar h2 { display: inline-block; }
  .social-bar li span { display: inline; } }

.comments { margin: 0 0 30px 0; }
.comments .bar a { color: #000; display: block; padding: 15px; background: #e2ddda; border-bottom: 3px solid #ec008c; position: relative; }
.comments .bar a:before { font-size: 30px; position: absolute; right: 15px; top: 50%; margin-top: -13px; }
.comments #disqus_thread { display: none; }
.comments.on #disqus_thread { display: block; }

.article-previous-next { margin: 0 0 30px 0; }
.article-previous-next ul { list-style: none; text-align: center; padding: 0; margin: 0; }
.article-previous-next li { display: inline-block; width: 45%; max-width: 291px; padding: 0 5px; text-align: center; text-transform: uppercase; vertical-align: top; }
.article-previous-next a { display: block; color: inherit; }
.article-previous-next .text, .article-previous-next .link-info { color: #91278f; text-transform: none; }
.article-previous-next .text { font-weight: normal; font-size: 18px; font-size: 1.05882rem; }
.article-previous-next .image { position: relative; border-bottom: 5px solid #91278f; }
.article-previous-next .image > img { display: block; }
.article-previous-next .image .link-info { position: absolute; bottom: 0; left: 0; right: 0; }

.social-sharing-bar { text-transform: uppercase; font-size: 11px; font-size: 0.64706rem; font-weight: bold; margin: 30px 0 0 0; }
.social-sharing-bar ul { list-style: none; padding: 0; margin: 15px 0; }
.social-sharing-bar li { display: inline-block; vertical-align: top; margin: 0 0 3px 0; }
.social-sharing-bar .facebook-like { height: 38px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 3px; background: #2d609b; }
.social-sharing-bar a { display: block; background: #000; color: #fff; line-height: 1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 14px 10px 10px 30px; height: 38px; position: relative; text-align: center; }
.social-sharing-bar a:before { font-size: 16px; position: absolute; left: 12px; top: 50%; margin: -0.5em 0 0 0; }
.social-sharing-bar a.icon-twitter, .social-sharing-bar .sidebar-twitter .tweets a.tweet, .sidebar-twitter .tweets .social-sharing-bar a.tweet { background: #0dc3f3; }
.social-sharing-bar a.icon-facebook { background: #2d609b; }
.social-sharing-bar a.icon-googleplus { background: #ec3d24; }
.social-sharing-bar a.icon-reddit { background: #595959; }
.social-sharing-bar a.icon-reddit:before { margin: -0.65em 0 0 0; }
.social-sharing-bar a.icon-email { width: auto; width: 38px; background-color: #7b7a7a; }
.social-sharing-bar a.icon-email span { display: none; }
.social-sharing-bar a span { display: none; }
.social-sharing-bar a .count { display: inline; margin: 0 0 0 5px; }
.article-header .social-sharing-bar { border-top: 1px solid #e2ddda; border-bottom: 1px solid #e2ddda; margin: 0 0 15px 0; }
@media (min-width: 768px) { .social-sharing-bar a { width: 150px; }
  .social-sharing-bar a span { display: inline; } }

@media (max-width: 959px) { li.disqus-comment-block { display: block; } }
li.disqus-comment-block a.disqus-comment-count { background: #fff; color: #000; display: block; padding-left: 10px; margin: 0 0 30px 5px; }
@media (max-width: 959px) { li.disqus-comment-block a.disqus-comment-count { display: inline-block; padding-left: 0; margin: 5px 0 30px 0; } }
li.disqus-comment-block a.disqus-comment-count:before { left: 16px; }
@media (max-width: 959px) { li.disqus-comment-block a.disqus-comment-count:before { margin-right: 30px; position: relative; top: 0; vertical-align: middle; top: 0; } }

.nonseq tr:nth-child(even) { background: #efedec; }
.nonseq tr:nth-child(odd) { background: #FFF; }
.nonseq tr.entry td:first-child, .nonseq td:nth-last-child(1), .nonseq td:nth-last-child(2) { font-family: 'AktivGroteskRegular',Arial,Helvetica,sans-serif; font-size: 0.7rem; color: #555555; }

.chart { margin: 35px 0 0 0; }
.chart > table { width: 100%; font-size: 11px; font-size: 0.64706rem; margin: 0 0 35px 0; }
@media (min-width: 768px) { .chart > table { font-size: 15px; font-size: 0.88235rem; } }
.chart .headings { color: #ec008c; }
.chart .headings th { font-weight: 300; text-align: center; position: relative; }
.chart .headings th:after { content: ''; position: absolute; right: -1px; top: 5px; bottom: 0px; border-right: 1px solid #e2ddda; }
.chart .headings th:last-child:after { content: normal; }
.chart .headings th.no-right-border:after { content: normal; }
.chart .headings .h-title-artist { text-align: left; padding: 0 0 0 12px; }
.chart .chart-runs { border-right: 1px solid #e2ddda; border-left: 1px solid #e2ddda; }
.chart .chart-runs td { padding: 14px 15px 8px 15px; }
.chart .chart-runs td .chart-runs-info { font-size: 17px; font-style: normal; font-weight: 300; }
.chart td { border: 1px solid #e2ddda; padding: 0; text-align: center; }
.chart td:first-child { border-left: none; text-align: center; }
.chart td:last-child { border-right: none; }
.chart td.no-right-border { border-right: 0; }
.chart td.no-left-border { border-left: 0; }
.chart .position { color: #ec008c; font-weight: 300; font-size: 15px; font-size: 0.88235rem; }
@media (min-width: 768px) { .chart .position { font-size: 27px; font-size: 1.58824rem; } }
.chart .cover img { display: block; }
.chart .title-artist { padding: 10px 0 5px 12px; overflow: hidden; }
@media (min-width: 340px) { .chart .title-artist { padding: 10px 0 10px 12px; } }
.chart .title-artist .artist { display: inline-block; float: left; }
@media (max-width: 539px) { .chart .title-artist .artist { float: none; display: block; } }
.chart .label-cat { float: right; padding-right: 15px; margin-top: 5px; display: inline-block; font-size: 0.64rem; }
.chart .label-cat .cat { display: none; }
@media (max-width: 767px) { .chart .label-cat { margin: 0 10px 10px 0; padding: 0px; } }
@media (max-width: 539px) { .chart .label-cat { margin: 5px 0 0 0; font-size: 0.5rem; padding-bottom: 10px; float: left; text-align: left; } }
.chart .cover, .chart .title-artist { vertical-align: middle; text-align: left; text-transform: uppercase; }
.chart .title { font-weight: bold; font-size: 12px; font-size: 0.70588rem; }
.chart .actions { font-size: 11px; font-size: 0.64706rem; }
.chart .actions a { display: block; background: #0071bc; color: #fff; text-transform: lowercase; margin: 2px 5px; padding: 0 3px; text-align: center; }
.chart .actions a:hover, .chart .actions a.on { background: #ec008c; color: #FFFFFF; }
.chart .last-week { vertical-align: middle; padding: 0 5px; }
.chart .last-week:after { font-size: 12px; color: #00aeef; }
.chart .icon-circle-plus { font-size: 24px; }
.chart .icon-circle-plus:hover { color: #ec008c; }
.chart tr.entry td:first-child, .chart td:nth-last-child(1), .chart td:nth-last-child(2) { vertical-align: middle; border-bottom: 1px solid #e2ddda; border-right: 1px solid #e2ddda; }
.chart th:nth-last-child(1), .chart th:nth-last-child(2), .chart .cover { display: none; }
.chart .mobile-actions td { display: table-cell; padding: 0px !important; }
.chart .mobile-actions .actions { display: table; width: 100%; margin: 0 0 2px 0; font-size: 8px; }
.chart .mobile-actions a { display: table-cell; width: 33%; border-left: 1px solid #fff; background: #e4dede; padding: 2px 0; }
.chart .mobile-actions a:first-child { border: 0; }
.chart .actions-view { display: none; }
.chart .actions-view.on { display: table-row; border-right: 1px solid #e2ddda; border-left: 1px solid #e2ddda; }
@media (min-width: 769px) { .chart td:nth-last-child(1), .chart td:nth-last-child(2), .chart th:nth-last-child(1), .chart th:nth-last-child(2), .chart .cover { display: table-cell; }
  .chart .title { font-size: inherit; }
  .chart .mobile-actions { display: none; } }
.chart .chart-affiliate-info { border-top: 5px solid #ec008c; padding: 20px 0 0 0; }
.chart .track-info .grid, .chart .weeks-in .grid { margin: 0; }
.chart .track-info .grid__cell, .chart .weeks-in .grid__cell { text-align: center; padding: 0; }
.chart .track-info { border: 1px solid #e2ddda; }
.chart .track-info .position-info { border-top: 1px solid #e2ddda; padding: 5px 0; }
.chart .track-info .position-info:first-child { border: 0; }
.chart .track-info .position-info .peak { font-size: 30px; font-size: 1.76471rem; }
.chart .track-info .position-info .peak.bigger { font-size: 64px; font-size: 3.76471rem; }
.chart .track-info .position { font-size: 47px; font-size: 2.76471rem; margin: 0; }
.chart .track-info .cover { min-height: 190px; padding: 10px; border-left: 1px solid #e2ddda; border-right: 1px solid #e2ddda; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; display: block; }
.chart .track-info .cover img { margin: 0 auto; }
.chart .track-info h4 { font-size: 1em; color: #ec008c; margin: 0; }
.chart .track-info .track-table { font-size: 17px; font-size: 1rem; width: 100%; }
.chart .track-info .track-table td { border: 0; border-bottom: 1px solid #e2ddda; text-align: left !important; padding: 8px 0 6px 20px; color: #555555; }
.chart .track-info .track-table tr:last-child td { border-bottom: 0; }
.chart .weeks-in { margin: 25px 0; }
.chart .weeks-in h3 { letter-spacing: normal; }
.chart .weeks-in .label { border-top: 1px solid #e2ddda; border-bottom: 1px solid #e2ddda; padding: 5px 0; }
.chart .weeks-in .label:before { content: ''; background-position: 0 -50px; height: 87px; width: 74px; display: inline-block; vertical-align: middle; }
.chart .weeks-in .label h3 { vertical-align: middle; display: inline-block; }
.chart .weeks-in .weeks-in-chart { background: #fdfdfd; border: 1px solid #e2ddda; padding: 17px 0 0 0; margin: 0 1px; min-height: 99px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.chart .weeks-in .weeks-in-chart .title { color: #ec008c; font-size: 16px; font-size: 0.94118rem; font-weight: 300; border-bottom: 1px solid #e2ddda; padding: 0 0 8px 0; margin: 0 0 5px 0; width: 80%; margin: 0 auto; }
.chart .weeks-in .weeks-in-chart .count { font-size: 30px; font-size: 1.76471rem; font-weight: 300; }
.chart .chart-run-list { position: relative; text-align: left; margin: 0 0 20px 0; }
.chart .chart-run-list header { position: relative; border-bottom: 1px solid #e2ddda; padding: 0 0 3px 0; margin: 0 0 10px 0; }
.chart .chart-run-list h3 { margin: 0; }
.chart .chart-run-list .key { position: absolute; bottom: 3px; right: 0; color: #645858; font-size: 13px; }
@media (max-width: 600px) { .chart .chart-run-list .key { position: relative; margin: 8px 0 0 1px; } }
.chart .chart-run-list .key .highest-icon { display: inline-block; width: 12px; height: 12px; border: 2px solid #0071bc; margin: 0px 2px -3px 0px; }
.chart .chart-run-list .key .latest-icon { display: inline-block; width: 16px; height: 16px; background-color: #ec008c; margin: 0px 2px -3px 8px; }
.chart .chart-run-list > ul { font-size: 21px; font-size: 1.23529rem; list-style: none; padding: 0; margin: 0; }
.chart .chart-run-list > ul > li { vertical-align: top; display: inline-block; margin: 0 1px 5px 0; position: relative; }
.chart .chart-run-list > ul > li > a { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; display: block; background: #fdfdfd; color: #ec008c; border: 1px solid #e2ddda; height: 50px; width: 50px; font-weight: 300; }
.chart .chart-run-list > ul > li > a:before { content: ''; display: inline-block; height: 100%; padding: 1px 0; vertical-align: middle; }
.chart .chart-run-list > ul > li > a.highest { border: 3px solid #0071bc; }
.chart .chart-run-list > ul > li > a.latest { background-color: #ec008c; color: #FFFFFF; }
.chart .chart-run-list > ul > li > a:hover, .chart .chart-run-list > ul > li > a.selected { background: #0071bc; color: #fff; border: 0; }
.chart .chart-run-list > ul > li .flyout { font-size: 20px; font-size: 1.17647rem; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 387px; background: #00aeef; position: absolute; left: 100%; top: 0; height: 50px; z-index: 99; color: #fff; font-weight: 300; padding: 0 0 0 20px; margin: 0 0 0 5px; }
.chart .chart-run-list > ul > li .flyout strong { font-weight: 400; }
.chart .chart-run-list > ul > li .flyout .button { font-size: 15px; font-size: 0.88235rem; background: #0071bc; padding: 5px 15px; display: inline-block; color: #fff; margin: 0 0 0 20px; }
.chart .chart-run-list > ul > li .flyout:before { content: ''; display: inline-block; height: 52px; vertical-align: middle; }
.chart .chart-run-list > ul > li .flyout:after { content: ''; background-position: 0 -201px; height: 10px; width: 5px; position: absolute; left: -5px; top: 50%; margin: -5px 0 0 0; }
.chart .chart-run-list > ul > li .flyout.left { left: auto; right: 100%; margin: 0 5px 0 0; }
.chart .chart-run-list > ul > li .flyout.left:after { background-position: 0 -211px; height: 10px; width: 5px; left: auto; right: -5px; }
.chart .chart-run-list > ul > li .flyout.down { left: 0; right: 0; top: 50px; width: 96px; height: 125px; margin: 0px; font-size: 0.9rem; padding-left: 9px; }
.chart .chart-run-list > ul > li .flyout.down .button { margin: 8px 0px 0px -9px; padding: 5px 11px; }
.chart .chart-run-list > ul > li .flyout.down:after { background-position: 0 -221px; height: 5px; width: 10px; height: 5px; width: 10px; top: 0px; right: -5px; left: 20px; }
.chart .actions-large { margin: 0 0 20px 0; }
.chart .actions-large a { padding: 5px 0; display: inline-block; background: #0071bc; color: #fff; width: 33.33333%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 -4px 0 0; border-left: 3px solid #fff; }
.chart .actions-large a:first-child { border: 0; }
.chart .close { display: inline-block; width: 99.5%; background: #ec008c; color: #fff; font-size: 20px; margin: 0 0 7px 0; }
.chart .noresults div { width: 100%; padding: 49px 0; font-size: 19px; }

.charts-nav { color: #fff; background: #444495; position: relative; }
.charts-nav .prev, .charts-nav .next { position: absolute; top: 13px; color: #fff; font-size: 15px; font-size: 0.88235rem; }
.charts-nav .prev { left: 18px; }
.charts-nav .next { right: 10px; }
.charts-nav .date-selector { text-align: center; position: relative; padding: 10px 0; margin: 0 auto; }
.charts-nav .date-selector .label, .charts-nav .date-selector .input-submit, .charts-nav .date-selector .select { display: inline-block; font-size: 15px; font-size: 0.88235rem; vertical-align: top; }
.charts-nav .date-selector .label { margin: 0 5px 0 0; display: none; }
@media (min-width: 768px) { .charts-nav .date-selector .label { display: inline-block; } }
.charts-nav .date-selector .select-boxes { display: table; border: 0; padding: 0; }
.charts-nav .date-selector .select select { background: url('/img/select-s88a2fb85d6.png') 100% -70px #fff no-repeat; background-position-x: right; background-color: #fff; height: 25px; padding: 0 30px 0 5px; }
@media (min-width: 768px) { .charts-nav .date-selector .select select { display: block; padding: 0 50px 0 3px; } }
.charts-nav .date-selector .input-submit { height: 25px; background-color: #00aeef; }
.charts-nav .accordion .accordion-toggle { display: block; margin: 0 auto; width: 80px; height: 40px; border-left: 1px solid #7c7cb5; border-right: 1px solid #7c7cb5; text-align: center; color: #fff; }
.charts-nav .accordion .accordion-toggle:before { line-height: 40px; }
.charts-nav .accordion .accordion-content { background: #e2ddda; }
@media (min-width: 768px) { .charts-nav .accordion .accordion-toggle { display: none; }
  .charts-nav .accordion .accordion-content { display: block; background: none; } }

.new-releases table { width: 100%; border-bottom: 5px solid #ec008c; }
.new-releases .headings .h-title-artist { padding: 5px 0; }
.new-releases .cover { display: block; }
.new-releases .new-releases-heading { background: #ec008c; color: #fff; display: block; padding: 12px 15px; }
.new-releases .new-releases-heading .heading { margin: 0; }
.new-releases .accordion-toggle { position: relative; }
.new-releases .accordion-toggle:before { position: absolute; right: 15px; top: 50%; font-size: 30px; margin: -17px 0 0 0; }
.new-releases .chart-news-link { color: #0071bc; font-size: 175%; }
.new-releases .chart-news-link:hover { color: #ec008c; }
.new-releases .accordion { margin: 0 0 20px 0; }
.new-releases .accordion-content { padding: 20px 0 0 0; display: none; }
.new-releases .accordion-content.on { display: block; }
.new-releases .accordion-content.on .no-right-border .artist { font-size: 12px; font-size: 0.70588rem; }
@media (min-width: 540px) and (max-width: 768px) { .new-releases .accordion-content.on .no-right-border .artist { padding-bottom: 10px; } }
.new-releases .accordion-content.on .no-left-border { padding: 5px 5px 0px 5px; }
@media (max-width: 768px) { .new-releases .accordion-content.on .no-left-border { display: table-cell; border-right: 0px; }
  .new-releases .accordion-content.on .no-left-border:after { border-right: 0px; }
  .new-releases .accordion-content.on td:nth-last-child(1) { display: none; }
  .new-releases .accordion-content.on .actions-view td:nth-last-child(1) { display: table-cell; }
  .new-releases .accordion-content.on .mobile-actions td:nth-last-child(1) { display: table-cell; } }

.artist-landing-grid .adspace-container { width: 100%; padding: 0 0 103.06122% 0; margin: 0 0 2.55102% 0; position: relative; border: 1px solid #e2ddda; height: 0; }
.artist-landing-grid .adspace-container .adspace { padding-top: 20%; }

.artist-thumb { display: block; width: 100%; padding: 0 0 53.06122% 0; position: relative; }
.artist-thumb .image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.artist-thumb .image img { width: 100%; height: auto; }
.artist-thumb .image:after { content: ''; background-color: rgba(0, 0, 0, 0.2); left: 0; right: 0; top: 0; bottom: 6%; position: absolute; width: 100%; z-index: 2; }
.artist-thumb .name { position: absolute; height: 100%; width: 100%; text-align: center; z-index: 5; color: #fff; font-size: 40px; font-size: 2.35294rem; }
.artist-thumb .name:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.artist-thumb .name span { display: inline-block; vertical-align: middle; }

.artist-search { padding: 15px 0; }
.artist-search .artist-search-form { background: #ec008c; padding: 15px; position: relative; }
.artist-search .artist-search-form:before { background-position: 0 0; height: 50px; width: 47px; }
.artist-search .artist-search-form .autocomplete { position: absolute; z-index: 99; top: 100%; left: 0; right: 0; margin: 0; background: rgba(60, 60, 60, 0.95); }
.artist-search .artist-search-form .autocomplete ul { list-style: none; border-bottom: 5px solid #ec008c; padding: 25px 0 25px 90px; margin: 0; }
.artist-search .artist-search-form .autocomplete ul li { margin: 10px 0; color: #FFFFFF; }
.artist-search .artist-search-form .autocomplete ul a { color: inherit; }
.artist-search .artist-search-form .autocomplete ul .match { color: #ec008c; }
.artist-search .input-text { display: inline-block; vertical-align: middle; background: none; -webkit-appearance: none; font-size: 20px; font-size: 1.17647rem; font-weight: 300; color: #fff; border: 0; -moz-appearance: none; -webkit-appearance: none; border: 0; border-radius: 0; }
.artist-search .input-text:focus { outline: none; }
.artist-search .input-text::-webkit-input-placeholder { color: #fff; }
.artist-search .input-text:-moz-placeholder { /* Firefox 18- */ color: #fff; }
.artist-search .input-text::-moz-placeholder { /* Firefox 19+ */ color: #fff; }
.artist-search .input-text:-ms-input-placeholder { color: #fff; }
@media (min-width: 600px) { .artist-search { padding: 60px 0 35px 0; }
  .artist-search header { max-width: 270px; text-align: right; }
  .artist-search header .module-heading { margin: -0.2em 0 0 0; line-height: 1.2; }
  .artist-search .input-text { font-size: 30px; font-size: 1.76471rem; padding: 15px 20px; border-radius: 0; -webkit-appearance: none; } }
@media (min-width: 768px) { .artist-search .artist-search-form:before { content: ''; display: inline-block; vertical-align: middle; } }

.artist-az-nav { border-top: 1px solid #e2ddda; border-bottom: 1px solid #e2ddda; text-align: center; padding: 3px 0; margin: 0 0 18px 0; font-size: 20px; font-size: 1.17647rem; font-weight: 300; }
.artist-az-nav ul { padding: 0; margin: 0; list-style: none; }
.artist-az-nav li { padding: 0 8px; display: inline; }
.artist-az-nav a { color: #645858; }
.artist-az-nav a:hover { color: #ec008c; }

.artist-landing-list, .search-results-artist-list { font-size: 14px; font-size: 0.82353rem; text-transform: uppercase; }
.artist-landing-list ul, .search-results-artist-list ul { list-style: none; padding: 0; margin: 0; }
.artist-landing-list a:hover, .search-results-artist-list a:hover { color: #ec008c; }
@media (min-width: 768px) { .artist-landing-list ul, .search-results-artist-list ul { margin: 20px 0; } }

.artist-stats .tab-nav, .artist-charts .tab-nav { text-transform: uppercase; }
.artist-stats .tab-nav ul, .artist-charts .tab-nav ul { list-style: none; padding: 0; margin: 0; }
.artist-stats .tab-nav li, .artist-charts .tab-nav li { display: inline-block; }
.artist-stats .tab-nav a, .artist-charts .tab-nav a { display: block; background: #e2ddda; color: #000; padding: 5px 20px; }
.artist-stats .tab-nav a.selected, .artist-charts .tab-nav a.selected { background: #ec008c; color: #fff; }
.artist-stats .tab-page, .artist-charts .tab-page { border-top: 3px solid #ec008c; border-bottom: 3px solid #ec008c; }
.artist-stats .tab-page, .artist-charts .tab-page { display: none; }
.artist-stats .tab-page.selected, .artist-charts .tab-page.selected { display: block; }

.artist-stats { margin: 0 0 45px 0; }
.artist-stats .stats-list { overflow: hidden; text-align: center; }
.artist-stats .stats-list ul { overflow: hidden; *zoom: 1; padding: 0; margin: -1px 0 0 -1px; list-style: none; }
.artist-stats .stats-list li { border-left: 1px solid #e2ddda; border-top: 1px solid #e2ddda; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; width: 50%; height: 110px; border-tp: 1px solid #e2ddda; display: table; }
@media (min-width: 768px) { .artist-stats .stats-list li { width: 25%; } }
.artist-stats .stats-list .stat { display: table-cell; vertical-align: middle; }
.artist-stats .stats-list .count { font-size: 40px; font-size: 2.35294rem; color: #ec008c; }

.artist-charts { margin: 0 0 35px 0; }
.artist-charts .label-cat { padding-left: 12px; margin-top: 0px; }
@media (max-width: 539px) { .artist-charts .label-cat { clear: both; padding-bottom: 10px; } }

.artist-news { margin: 0 0 45px 0; }
.artist-news .module-heading { color: #ec008c; margin: 0 0 16px 0; }
.artist-news ul { list-style: none; padding: 0; margin: 0; font-weight: 300; }
.artist-news li { margin: 0 0 10px 0; }
.artist-news .date { float: left; }
.artist-news .title { overflow: hidden; }
@media (min-width: 768px) { .artist-news .date, .artist-news .title { display: inline-block; } }
.artist-news .date { margin-right: 20px; color: #00aeef; }
.artist-news .title { position: relative; color: #000; padding: 0 23px 0  0; text-overflow: ellipsis; overflow: hidden; width: 80%; white-space: nowrap; }
.artist-news .title:after { position: absolute; color: #00aeef; font-size: 26px; right: 0; top: 50%; margin: -13px 0 0 0; }

.artist-related { color: #00aeef; margin: 0 0 35px 0; }
.artist-related .aside-heading { border-bottom: 1px solid #00aeef; }
.artist-related ul { list-style: none; margin: 0; padding: 0; }
.artist-related li { margin: 0 0 5px 0; }
.artist-related a { display: block; padding: 15px 0; text-align: center; background: #00aeef; color: #fff; }

.search-bar { border-top: 1px solid #e2ddda; border-bottom: 1px solid #e2ddda; padding: 10px 0; margin: 0 0 20px 0; }
.search-bar .heading { font-size: 20px; font-size: 1.17647rem; color: #0071bc; margin: 0; padding: 3px 0 0 0; vertical-align: middle; }
.search-bar .heading:before { content: ''; margin: -3px 10px 0 0; background-position: 0 -137px; height: 28px; width: 25px; display: inline-block; vertical-align: middle; }
.search-bar .search-form .input-text { background: #e2ddda; border-radius: 0; -webkit-appearance: none; }
.search-bar .search-form .input-submit { background: #00aeef; }
@media (min-width: 600px) { .search-bar .search-form { text-align: right; } }

.search-results-bar { border-top: 1px solid #e2ddda; border-bottom: 1px solid #e2ddda; padding: 10px 0; margin: 0 0 20px 0; }
.search-results-bar .search-terms { font-weight: 600; font-size: 18px; font-size: 1.05882rem; text-transform: uppercase; }
.search-results-bar .search-terms .type { color: #ec008c; }
.search-results-bar .search-terms .term { color: #00aeef; display: inherit; }
@media (min-width: 600px) { .search-results-bar .total-results { color: #645858; text-align: right; } }

.search-results-nav .chart-type { border-bottom: 3px solid #ec008c; text-transform: uppercase; }
.search-results-nav .chart-type ul { list-style: none; padding: 0; margin: 0; }
.search-results-nav .chart-type li { display: inline-block; }
.search-results-nav .chart-type a { display: block; background: #e2ddda; color: #000; padding: 5px 20px; }
.search-results-nav .chart-type a.selected { background: #ec008c; color: #fff; }

.search-results-chart { border-bottom: 3px solid #ec008c; }
.search-results-chart .noresults { width: 100%; padding: 0 10px; }
.search-results-chart .noresults div { padding: 40px 0; text-align: center; font-size: 19px; }

.search-results-artist-list, .search-results-news-list { margin: 0 0 35px 0; }
.search-results-artist-list footer, .search-results-news-list footer { border-top: 1px solid #e2ddda; text-align: center; padding: 10px 0 0 0; }
.search-results-artist-list .cta, .search-results-news-list .cta { font-size: 18px; font-size: 1.05882rem; font-weight: 600; text-transform: uppercase; }

.search-results-artist-list footer { margin: 20px 0 0 0; }
@media (min-width: 768px) { .search-results-artist-list footer { margin: 0; }
  .search-results-artist-list ul { margin: 0 0 20px 0; } }

.search-results-adspace { margin: 0 0 35px 0; border: 1px solid #e2ddda; }

.archive-name { z-index: 5; display: inline-block; vertical-align: middle; text-align: center; color: #fff; font-size: 40px; font-size: 2.35294rem; }

.archive-search-bar { border-bottom: 1px solid #e2ddda; padding: 10px 0; margin: 0 0 20px 0; }
.archive-search-bar .heading { border-bottom: 1px solid #e2ddda; font-size: 20px; font-size: 1.17647rem; margin: 0 0 10px 0; color: #0071bc; padding: 3px 0 10px 0; vertical-align: middle; text-align: center; }
.archive-search-bar .heading:before { margin: -3px 10px 0 0; background-position: 0 -137px; height: 28px; width: 25px; display: inline-block; vertical-align: middle; }
.archive-search-bar .forms { display: table; width: 100%; }
.archive-search-bar .forms .search-form { text-align: center; padding: 3px 0 0 0; }
@media (min-width: 960px) { .archive-search-bar .forms .or, .archive-search-bar .forms .search-form { display: table-cell; }
  .archive-search-bar .forms .search-form { text-align: left; width: 32%; }
  .archive-search-bar .forms .search-form-date { width: 40%; text-align: right; } }
.archive-search-bar .or { color: #00aeef; display: block; font-size: 15px; margin: 10px 0; text-align: center; }
@media (min-width: 960px) { .archive-search-bar .or { margin: -5px 0 0 0; } }
.archive-search-bar .search-form { vertical-align: top; }
.archive-search-bar .search-form .input-text { background: #e2ddda; border-radius: 0; -webkit-appearance: none; }
.archive-search-bar .search-form select { background-color: #e2ddda; background-image: none; color: #A9A9A9; }
.archive-search-bar .search-form .input-submit { background: #00aeef; }
.archive-search-bar .search-form .select-boxes { margin: 0 0 5px 0; }
@media (max-width: 320px) { .archive-search-bar .search-form .select-boxes { width: 80%; }
  .archive-search-bar .search-form .select-boxes .select { width: 32.25%; } }
.archive-search-bar .search-form .select-boxes, .archive-search-bar .search-form .select { display: inline-block; }
@media (min-width: 960px) { .archive-search-bar .search-form { display: table-cell; }
  .archive-search-bar .search-form .heading { content: ''; text-align: left; }
  .archive-search-bar .search-form .input-text { width: 80%; border-radius: 0; -webkit-appearance: none; }
  .archive-search-bar .search-form.search-form-date { text-align: right; } }

.archive-link-header { margin: 10px 0; position: relative; }
.archive-link-header .heading { font-size: 18px; font-size: 1.05882rem; margin: 0; text-transform: uppercase; color: #ec008c; }
.archive-link-header .dropdown { font-size: 13px; font-size: 0.76471rem; z-index: 2; position: absolute; right: 0; top: 0; }
.archive-link-header .dropdown.on .dropdown-list { display: block; }
.archive-link-header .dropdown .selected { color: #645858; display: block; position: relative; background: #e2ddda; padding: 5px 15px 5px 5px; }
.archive-link-header .dropdown .selected:before { position: absolute; right: 5px; top: 6px; }
.archive-link-header .dropdown .dropdown-list { display: none; list-style: none; padding: 0; margin: 0; }
.archive-link-header .dropdown .dropdown-list a { background: #0071bc; border-bottom: 1px solid #00aeef; display: block; padding: 5px; color: #fff; }
.archive-link-header .dropdown .dropdown-list a:hover { background: #ec008c; }

.archive-link-grid .archive-link { display: block; width: 100%; padding: 0 0 50% 0; height: 0; margin: 0 0 12px 0; position: relative; background-size: cover !important; }
.archive-link-grid .archive-link a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; background: rgba(0, 0, 0, 0.6); }
.archive-link-grid .archive-link a:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin: 0 0 0 -0.3em; }
.archive-link-grid .archive-link .logo { position: absolute; left: 0; top: 0; }
.archive-link-grid .archive-link .logo img { width: 100%; }
.archive-link-grid .random-lookup { margin: 0 0 6px 0; }
@media (min-width: 600px) { .archive-link-grid .random-lookup { margin: 0 0 12px 0; } }

/*------- Stand-alone styles that need to apply outside of the main sections -------*/
.select-dropdown { font-size: 17px; font-size: 1rem; font-weight: lighter; position: relative; min-height: 53px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; padding: 14px 10px 14px 15px; background: #ec008c; border: 0; -webkit-appearance: none; }

.track .cover { float: left; margin-right: 12px; }

.bottom-chart-logo { width: 100%; height: 52px; background-color: #2e2e92; background-image: url("../img/bottomChartLogo.png"); background-size: 200px; background-repeat: no-repeat; background-position: 50%; }

/*-------  Fixing iOS 'submit button' styling -------*/
#archive-date-submit, #archive-artist-submit, #archive-title-submit { width: 35px; padding: 4px; }

/*-------  Styling for Affiliate Link buttons and retina-ready alternatives -------*/
.actions-view td { padding: 0 5px; }
.actions-view td div { min-height: 50px; padding: 7px 0px 4px 0px; }
.actions-view td div a { height: 50px; width: 49.5%; margin: 0px; padding: 0px; display: inline-block; text-indent: -9999px; background-position: 50%; background-color: #0071bc; background-repeat: no-repeat; }
.actions-view td div .amazon { background-image: url("/img/chart-actions/buy-amazon.png"); }
.actions-view td div .itunes { background-image: url("/img/chart-actions/buy-itunes.png"); }
.actions-view td div .spotify { background-image: url("/img/chart-actions/listen-spotify.png"); }
.actions-view td div .deezer { background-image: url("/img/chart-actions/listen-deezer.png"); }
.actions-view td div .youtube { background-image: url("/img/chart-actions/watch-youtube.png"); }
@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) { .actions-view td div .amazon { background-image: url("/img/chart-actions/buy-amazon@2x.png"); background-size: 100%; }
  .actions-view td div .itunes { background-image: url("/img/chart-actions/buy-itunes@2x.png"); background-size: 100%; }
  .actions-view td div .spotify { background-image: url("/img/chart-actions/listen-spotify@2x.png"); background-size: 100%; }
  .actions-view td div .deezer { background-image: url("/img/chart-actions/listen-deezer@2x.png"); background-size: 100%; }
  .actions-view td div .youtube { background-image: url("/img/chart-actions/watch-youtube@2x.png"); background-size: 100%; } }

/*-------  Styling for Ads across the site -------*/
.GoogleActiveViewClass div { margin: 0px auto !important; }

.adspace__mpu { max-width: 300px; margin: 0 auto; }

.pageskin-on .social-bar h2 { margin: 0px 30px 0px 0px; }
.pageskin-on .social-bar h2:before { display: none; }

.ad-iframe iframe { border: 0px; vertical-align: bottom; position: absolute; top: 0; z-index: -1; left: 0; right: 0; margin: 0 auto; }

.article-date, .article-author { color: #645858; }

.article-header .article-subheading { color: #ec008c; max-width: 700px; }

.article-date { margin: 2px 0; }

.article-image { margin: 0 0 20px 0; }

.article-content-image { border-bottom: 1px solid #e2ddda; font-size: 16px; font-size: 0.94118rem; padding: 0 0 5px 0; color: #999; margin: 0 0 30px 0; }
.article-content-image .caption { max-width: 600px; }

.article-content { max-width: 755px; }
.article-content h2 { color: #ec008c; }
.article-content p { width: 100%; overflow: hidden; }
.article-content p img { height: auto !important; }
.article-content > p:first-child:first-letter { float: left; color: #ec008c; font-size: 50px; font-size: 2.94118rem; padding: 0 5px 0 0; line-height: 0.8; margin: 0em 0 0 0; }
.article-content > table { width: 100% !important; border-bottom: none; font-size: 10px; font-size: 0.58824rem; }
.article-content > table td { border-bottom: 1px solid #e2ddda; border-right: 1px solid #e2ddda; padding: 0 5px; display: table-cell; }
.article-content > table td:nth-last-child(1) { border-right: none; }
.article-content > table tr:nth-child(even) { background: #efedec; }
.article-content > table tr:nth-child(odd) { background: #FFF; }
@media (min-width: 960px) { .article-content > table { font-size: 14px; font-size: 0.82353rem; }
  .article-content > table td { padding: 0 10px; } }
.article-content .chart { max-width: 100%; }
.article-content .article-content-image { border-bottom: 1px solid #e2ddda; font-size: 16px; font-size: 0.94118rem; padding: 0 0 5px 0; color: #999; margin: 0 0 30px 0; }

.related-stories { max-width: 392px; margin: 40px 0 25px 0; }
.related-stories h2 { color: #00aeef; border-bottom: 1px solid #00aeef; margin: 0 0 5px 0; }
.related-stories ul { list-style: none; padding: 0; margin: 0; }
.related-stories li { margin: 0 0 5px 0; }
.related-stories .article-link-mini { background: #00aeef; color: #fff; }

.article-author { margin: 0 0 20px 0; }
.article-author .author-social { margin: 0 10px; padding: 0 10px; border-left: 1px solid #ccc; display: inline-block; }

.article-gallery-link { margin: 20px 0; padding: 10px 0; border-top: solid 1px #eee; border-bottom: solid 1px #eee; }
.article-gallery-link a { display: block; }
.article-gallery-link ul { list-style: none; display: inline-block; padding: 0; }
.article-gallery-link li { display: inline-block; margin: 0 5px 0 0; }
.article-gallery-link .image { text-align: center; width: 100%; max-width: 600px; margin: 0 auto; }
.article-gallery-link .image img { width: 100%; }
.article-gallery-link .text { width: 290px; margin: 0 auto; position: relative; font-weight: 400; font-size: 25px; font-size: 1.47059rem; padding: 10px 0; }
.article-gallery-link .text:before { content: ''; height: 100%; margin: 0 0 0 -0.25em; }
.article-gallery-link .text:before, .article-gallery-link .text span { display: inline-block; vertical-align: middle; }
.article-gallery-link .text:after { content: ''; background-position: 0 -226px; height: 35px; width: 35px; vertical-align: middle; color: #fff; display: inline-block; background-color: #0071bc; position: absolute; right: 0; }
.article-gallery-link a:hover .text { color: #00aeef; }
.article-gallery-link a:hover .text:after { background-color: #00aeef; }

.charts-header-panel .accordion-options { background: #323263; }
.charts-header-panel .accordion-options .accordion-toggle { display: block; background: #0071bc; padding: 5px 15px; color: #fff; position: relative; }
.charts-header-panel .accordion-options .accordion-toggle:before { position: absolute; right: 5px; top: 50%; margin-top: -0.6em; }
.charts-header-panel .accordion-options .accordion-toggle.on { background: #e2ddda; color: #666; }
.charts-header-panel .accordion-options .accordion-content { display: none; }
@media (min-width: 768px) { .charts-header-panel .accordion-options { padding: 0; }
  .charts-header-panel .accordion-options .accordion-content { display: block; background: none; }
  .charts-header-panel .accordion-options .accordion-toggle { display: none; } }
.charts-header-panel .options { padding: 15px 15px 10px; background: #323263; display: none; }
.charts-header-panel .options.on, .no-js .charts-header-panel .options { display: block; }
.charts-header-panel .options a { margin: 0 0 3px 0; }
.charts-header-panel .options > ul > li > ul { display: none; }
.charts-header-panel .options > ul > li > ul.on { display: block; }
.charts-header-panel .options > ul > li.off { display: none; }
.charts-header-panel .options a.selected { display: inline-block; }
.charts-header-panel .options .back { margin: 0 3px 0 0; }

.charts-header { background: #2e2e92; color: #fff; padding: 25px; position: relative; }
.charts-header .article-date { color: inherit; }
.charts-header p.chart-intro-text { width: 100%; margin: 15px 0px 0px 0px; font-family: 'Roboto Slab', serif; font-size: 0.7rem; }
.charts-header .info { position: absolute; color: #fff; top: 10px; right: 10px; }

.gallery-grid { padding: 0 0 50px 0; margin: 0 0 50px 0; border-bottom: 1px solid #e2ddda; }

@media (min-width: 960px) { .gallery-sidebar { max-width: 300px; margin: 0 auto; } }
.gallery-sidebar .goto { background: #0071bc; display: inline-block; padding: 3px 0; margin: 0 0 30px 0; color: #fff; width: 100%; cursor: pointer; text-align: center; font-size: 15px; }
.gallery-sidebar .goto:hover { background: #00aeef; }

.gallery-navigation { position: relative; height: 40px; margin: 0 0 5px 0; text-align: center; color: #ec008c; }
.gallery-navigation .previous, .gallery-navigation .next { position: absolute; background: #0071bc; width: 42px; height: 42px; top: 0; }
.gallery-navigation .previous:after, .gallery-navigation .next:after { position: absolute; top: 50%; left: 50%; }
.gallery-navigation .pages { line-height: 40px; }
.gallery-navigation .previous { left: 0; }
.gallery-navigation .previous:after { content: ''; background-position: 0 -285px; height: 24px; width: 12px; margin: -12px 0 0 -8px; }
.gallery-navigation .next { right: 0; }
.gallery-navigation .next:after { content: ''; background-position: 0 -261px; height: 24px; width: 12px; margin: -12px 0 0 -4px; }

.gallery-caption { margin: 0 0 30px 0; text-align: center; }
@media (min-width: 960px) { .gallery-caption { text-align: left; } }

/*! Swipebox v1.2.8 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch { overflow: hidden !important; }

#swipebox-overlay img { border: none !important; }

#swipebox-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999 !important; overflow: hidden; user-select: none; }

#swipebox-slider { height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; display: none; }
#swipebox-slider .slide { background: url(../img/swipebox/loader.gif) no-repeat center center; height: 100%; width: 100%; line-height: 1px; text-align: center; display: inline-block; }
#swipebox-slider .slide:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
#swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container { display: inline-block; max-height: 100%; max-width: 100%; margin: 0; padding: 0; width: auto; height: auto; vertical-align: middle; }
#swipebox-slider .slide .swipebox-video-container { background: none; max-width: 1140px; max-height: 100%; width: 100%; padding: 5%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
#swipebox-slider .slide .swipebox-video-container .swipebox-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; }
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; }

#swipebox-action, #swipebox-caption { position: absolute; left: 0; z-index: 999; height: 50px; width: 100%; }

#swipebox-action { bottom: 0; }
#swipebox-action #swipebox-prev, #swipebox-action #swipebox-next, #swipebox-action #swipebox-close { background-image: url(../img/swipebox/icons.png); background-repeat: no-repeat; border: none !important; text-decoration: none !important; cursor: pointer; position: absolute; width: 50px; height: 50px; top: 0; }
#swipebox-action #swipebox-prev { background-position: -32px 13px; right: 100px; }
#swipebox-action #swipebox-next { background-position: -78px 13px; right: 40px; }
#swipebox-action #swipebox-close { background-position: 15px 12px; left: 40px; }
#swipebox-action #swipebox-prev.disabled, #swipebox-action #swipebox-next.disabled { opacity: 0.3; }

#swipebox-caption { top: -50px; text-align: center; }
#swipebox-caption.visible-bars { -moz-transform: translateY(50px); -ms-transform: translateY(50px); -webkit-transform: translateY(50px); transform: translateY(50px); }

#swipebox-slider.rightSpring { animation: rightSpring 0.3s; }

#swipebox-slider.leftSpring { animation: leftSpring 0.3s; }

@keyframes rightSpring { 0% { margin-left: 0px; }
  50% { margin-left: -30px; }
  100% { margin-left: 0px; } }
@keyframes leftSpring { 0% { margin-left: 0px; }
  50% { margin-left: 30px; }
  100% { margin-left: 0px; } }
@media screen and (max-width: 800px) { #swipebox-action #swipebox-close { left: 0; }
  #swipebox-action #swipebox-prev { right: 60px; }
  #swipebox-action #swipebox-next { right: 0; } }
/* Skin
--------------------------*/
#swipebox-overlay { background: #0d0d0d; }

#swipebox-action, #swipebox-caption { text-shadow: 1px 1px 1px black; background-color: #0d0d0d; background-color: #0d0d0d; background-image: -webkit-gradient(linear, left top, left bottom, from(#0d0d0d), to(black)); background-image: -webkit-linear-gradient(top, #0d0d0d, black); background-image: -moz-linear-gradient(top, #0d0d0d, black); background-image: -o-linear-gradient(top, #0d0d0d, black); background-image: linear-gradient(to bottom, #0d0d0d, #000000); opacity: 0.95; }

#swipebox-action { border-top: 1px solid rgba(255, 255, 255, 0.2); }

#swipebox-caption { border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: white !important; font-size: 15px; line-height: 43px; font-family: Helvetica, Arial, sans-serif; }

.wufoo { font-family: 'Roboto Slab', serif; }

iframe.wufoo-form-container { min-height: initial !important; }

html.embed { background-color: transparent; }

.embed { margin-bottom: 10px; width: 100% !important; }

.embed div#container { width: 100% !important; margin: 0 !important; background: #00acf7; box-shadow: none; min-height: 250px; }

#container form header { border: none; padding: 7px; }

#container form .info h2 { color: #FFFFFF; font-size: 0.9rem; font-family: sans-serif; text-transform: uppercase; background-color: #ff0089; padding: 3px 10px 3px 10px; display: inline-block; margin: 15px 0 20px -7px; }

#container form .info div { font-size: 2.5rem; font-family: 'Roboto Slab', serif; display: block; margin: 0px 90px 0px 10px; line-height: 1.1; }

#container form ul li fieldset legend { font-weight: lighter; }

.wufoo label.choice { font-family: sans-serif; font-size: 1rem; }

.wufoo label.choice a { color: #FFFFFF; }

.wufoo input.text { border: none; }

.wufoo li span label, .wufoo .compDOB label.desc { font-family: sans-serif; font-size: 0.8rem; color: #FFFFFF; }

.compHeader { font-family: 'Roboto Slab', serif; font-weight: bold; font-size: 2.6rem; padding: 0px 140px 5px 20px; }

.compTagLine { font-family: 'Roboto Slab', serif; font-size: 1.7rem; padding: 0px 20px 18px 20px; }

.compMultipleChoice { font-size: 0.7rem; background: #006cc4; }

.compParagraph { background: #006cc4; }

.wufoo ul li label.desc { font-size: 1rem; font-family: 'Roboto Slab', sans-serif; font-weight: lighter; margin-bottom: 12px; }

.compParagraph label.desc { font-size: 1rem; font-family: 'Roboto Slab', sans-serif; font-weight: lighter; margin-bottom: 12px; }

.wufoo .compParagraph textarea { padding: 15px; min-width: 95%; font-family: sans-serif; font-size: 1rem; color: #666666; border: none; margin-bottom: 5px; }

.wufoo .compParagraph div label { display: none; }

.compName span { width: 45%; margin-right: 5%; }

.compName span input, .compDOB span input { width: 100%; padding: 8px; }

.compAddress span.full input { width: 95% !important; padding: 8px; }

.compAddress span.left input, .compAddress span.right input { width: 90% !important; padding: 8px; }

.compAddress span.country select { padding: 5px; border: none; width: 95% !important; }

.compDOB span { width: 9%; margin-right: 30px; }

.compTerms label.choice { width: 70%; font-family: sans-serif; font-size: 0.8rem; margin: -15px 0px -5px 30px; }

.compEmail span.country select { padding: 5px; border: none; width: 95% !important; }

li.buttons { margin-top: 10px; }

input#saveForm { background-color: #ff0089; border: none; color: #ffffff; text-transform: uppercase; padding: 8px; }

.noI form li { width: auto !important; padding: 10px 20px; }

legend#title1, legend#title2, legend#title3, legend#title4, legend#title5, legend#title6, legend#title7, legend#title8, legend#title9 { font-size: 1.6rem; font-family: 'Roboto Slab', serif; color: #FFF; line-height: 150%; margin: 0 0 10px 0; padding: 0 0 3px 0; border: none; display: block; white-space: normal; width: 100%; }

li.notStacked div span { width: auto; margin: 8px 45px 0 0; color: #FFFFFF; }

span#cal17, span.symbol, div#wuf-adv { display: none !important; }

/*-------- POLL STYLES ----------*/
input.OPP-choice-button { -webkit-appearance: radio; }

div#OPP-powered-by { color: #00acf7 !important; cursor: default; }

.embed #container form div { width: 100%; text-align: -webkit-left; }

.embed #container form div div { padding: 0px !important; }

.embed #container form div #OPP-poll-question-text { width: 90% !important; padding: 10px 15px !important; font-family: 'Roboto Slab', sans-serif !important; font-size: 1.6rem !important; font-weight: lighter !important; }

table.OPP-choices tbody tr td { padding-left: 16px !important; display: inline-block; }

table.OPP-choices tbody td { padding-bottom: 16px !important; }

table.OPP-choices tbody tr td label { font-size: 1rem !important; }

#OPP-poll-vote { text-align: left; }

#OPP-div-around-poll #OPP-poll-vote { text-align: left !important; background-color: #00acf7; padding-top: 20px !important; padding-bottom: 10px !important; }

span#OPP-poll-vote-result-txt { padding-left: 4px !important; }

span#OPP-poll-vote-button-span { padding-left: 16px !important; }

button#OPP-poll-vote-button { background-color: #ff0089; border: none; color: #FFFFFF !important; padding: 8px !important; font-size: 0.8rem !important; text-transform: uppercase; font-weight: bold !important; line-height: 1; }

span#OPP-result-link-text { float: right; margin-right: 20px !important; background-color: #ff0089; border: none; color: #FFFFFF !important; padding: 8px !important; font-size: 0.8rem !important; text-transform: uppercase; font-weight: bold !important; line-height: 1; }

.OPP-div-around-poll div div { height: 15px !important; border: none !important; }

.embed #container form div .OPP-div-around-poll .OPP-poll-choice-div.OPP-poll-choice-text, .embed #container form div .OPP-div-around-poll #OPP-result-link-text { font-size: 0.8rem !important; padding-bottom: 8px !important; display: inline-block; }

.embed #container form div .OPP-div-around-poll .OPP-poll-choice-div.OPP-poll-choice-text { margin: 10px 0px 0px 18px; }

.embed #container form div .OPP-div-around-poll #OPP-result-link-text { margin-left: 18px; }

div[id*='OPP-poll-id'] { width: 100% !important; }

.cookiebar { padding: 13px 45px 15px 45px; margin: 0; background: #e2ddda; color: #fff; font-family: 'Roboto Slab', serif; }

.cookiebar .text { margin: 0 0 10px 0; color: #000; }
@media (max-width: 480px) { .cookiebar .text { font-size: 12px; } }

@media (min-width: 960px) { .cookiebar .links { text-align: right; } }
.cookiebar .links a { display: inline-block; padding: 5px 15px; background-color: #ec008c; color: #fff; margin-bottom: 10px; }
@media (max-width: 480px) { .cookiebar .links a { font-size: 12px; } }

/*  	Core Owl Carousel CSS File 	v1.3.3 */
/* clearfix */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

/* display none until init */
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }

.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }

.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }

.owl-carousel .owl-item { float: left; }

.owl-carousel .owl-item .item { text-align: center; }

.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }

.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }

/* mouse grab icon */
.grabbing { cursor: url(grabbing.png) 8 8, move; }

/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/
.owl-theme .owl-controls { margin-top: 10px; text-align: center; }

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50); /*IE7 fix*/ opacity: 0.5; }

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; }

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ }

.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); /*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; }

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; }

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }

/* preloading images */
.owl-item.loading { min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center; }