/* concatenation of: normalize.css, grid.css, popup_image.css, corp_2015.css, player.css, playable.css, country_flags.css, home_2015.css */
/* ------------- BEGIN normalize.css --------------- */
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

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

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

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

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address styling not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

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

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * 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;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

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

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

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

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

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

/**
 * Address styling not present in IE 8/9.
 */

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

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

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

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

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

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

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

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

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

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

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

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

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

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

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

/**
 * Re-set default cursor for disabled elements.
 */

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

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

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

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

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

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

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

/**
 * Remove inner padding and border in Firefox 4+.
 */

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

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

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

/* ------------- BEGIN grid.css --------------- */
/*------------------------------------------------------------*/
.row {
    clear:both;
    margin:0 auto;
    width:100%;
}
.col {
    float:left;
    min-height:1px;
    position:relative;
}
.col-full {
    width:100%;
}
/* clear floats */
.row:after {
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}

/*------------------------------------------------------------*/
/* 12 column */
.col+.col-1-12,
.col+.col-2-12,
.col+.col-3-12,
.col+.col-4-12,
.col+.col-5-12,
.col+.col-6-12,
.col+.col-7-12,
.col+.col-8-12,
.col+.col-9-12,
.col+.col-10-12,
.col+.col-11-12 {
    margin-left:1.8450184502%;
}
/* 12 column units */
.col-1-12 {width:6.642066420664%;}
.col-2-12 {width:15.129151291513%;}
.col-3-12 {width:23.616236162362%;}
.col-4-12 {width:32.10332103321%;}
.col-5-12 {width:40.590405904059%;}
.col-6-12 {width:49.077490774908%;}
.col-7-12 {width:57.564575645756%;}
.col-8-12 {width:66.051660516605%;}
.col-9-12 {width:74.538745387454%;}
.col-10-12 {width:83.025830258303%;}
.col-11-12 {width:91.512915129151%;}

/* no gutter */
.col-2-12.no-gutter,
.col-3-12.no-gutter,
.col-4-12.no-gutter,
.col-5-12.no-gutter,
.col-6-12.no-gutter,
.col-7-12.no-gutter,
.col-8-12.no-gutter,
.col-9-12.no-gutter,
.col-10-12.no-gutter,
.col-11-12.no-gutter {
    margin-left:0;
}
/* no gutter widths */
.col-2-12.no-gutter {width:16.974169741697%;}
.col-3-12.no-gutter {width:25.461254612546%;}
.col-4-12.no-gutter {width:33.948339483395%;}
.col-5-12.no-gutter {width:42.435424354244%;}
.col-6-12.no-gutter {width:50.922509225092%;}
.col-7-12.no-gutter {width:59.409594095941%;}
.col-8-12.no-gutter {width:67.89667896679%;}
.col-9-12.no-gutter {width:76.383763837638%;}
.col-10-12.no-gutter {width:84.870848708487%;}
.col-11-12.no-gutter {width:93.357933579336%;}

/* 12 column layout offsets */
.offset-1-12 {margin-left:8.487084870849%;}
.offset-2-12 {margin-left:16.974169741697%;}
.offset-3-12 {margin-left:25.461254612546%;}
.offset-4-12 {margin-left:33.948339483395%;}
.offset-5-12 {margin-left:42.435424354244%;}
.offset-6-12 {margin-left:50.922509225092%;}
.offset-7-12 {margin-left:59.409594095941%;}
.offset-8-12 {margin-left:67.89667896679%;}
.offset-9-12 {margin-left:76.383763837638%;}
.offset-10-12 {margin-left:84.870848708487%;}
.offset-11-12 {margin-left:93.357933579336%;}

/* 12 column offset sibling widths */
.col+.offset-1-12 {margin-left:10.332103321033%;}
.col+.offset-2-12 {margin-left:18.819188191882%;}
.col+.offset-3-12 {margin-left:27.306273062731%;}
.col+.offset-4-12 {margin-left:35.793357933579%;}
.col+.offset-5-12 {margin-left:44.280442804428%;}
.col+.offset-6-12 {margin-left:52.767527675277%;}
.col+.offset-7-12 {margin-left:61.254612546125%;}
.col+.offset-8-12 {margin-left:69.741697416974%;}
.col+.offset-9-12 {margin-left:78.228782287823%;}
.col+.offset-10-12 {margin-left:86.715867158672%;}

/*------------------------------------------------------------*/
/* 15 columns */
.col-1-15 {width:5.063291139241%;}
.col-2-15 {width:11.844484629295%;}
.col-3-15 {width:18.625678119349%;}
.col-4-15 {width:25.406871609403%;}
.col-5-15 {width:32.188065099458%;}
.col-6-15 {width:38.969258589512%;}
.col-7-15 {width:45.750452079566%;}
.col-8-15 {width:52.53164556962%;}
.col-9-15 {width:59.312839059675%;}
.col-10-15 {width:66.094032549729%;}
.col-11-15 {width:72.875226039783%;}
.col-12-15 {width:79.656419529837%;}
.col-13-15 {width:86.437613019892%;}
.col-14-15 {width:93.218806509946%;}

/* gutters */
.col+.col-1-15,
.col+.col-2-15,
.col+.col-3-15,
.col+.col-4-15,
.col+.col-5-15,
.col+.col-6-15,
.col+.col-7-15,
.col+.col-8-15,
.col+.col-9-15,
.col+.col-10-15,
.col+.col-11-15,
.col+.col-12-15,
.col+.col-13-15,
.col+.col-14-15 {
    margin-left:1.7179023508%;
}
/* no gutter */
.col-2-15.no-gutter,
.col-3-15.no-gutter,
.col-4-15.no-gutter,
.col-5-15.no-gutter,
.col-6-15.no-gutter,
.col-7-15.no-gutter,
.col-8-15.no-gutter,
.col-9-15.no-gutter,
.col-10-15.no-gutter,
.col-11-15.no-gutter,
.col-12-15.no-gutter,
.col-13-15.no-gutter,
.col-14-15.no-gutter {
    margin-left:0;
}
/* no gutter widths */
.offset-2-15.no-gutter {width:13.562386980108%;}
.offset-3-15.no-gutter {width:20.343580470163%;}
.offset-4-15.no-gutter {width:27.124773960217%;}
.offset-5-15.no-gutter {width:33.905967450271%;}
.offset-6-15.no-gutter {width:40.687160940325%;}
.offset-7-15.no-gutter {width:47.46835443038%;}
.offset-8-15.no-gutter {width:54.249547920434%;}
.offset-9-15.no-gutter {width:61.030741410488%;}
.offset-10-15.no-gutter {width:67.811934900542%;}
.offset-11-15.no-gutter {width:74.593128390597%;}
.offset-12-15.no-gutter {width:81.374321880651%;}
.offset-13-15.no-gutter {width:88.155515370705%;}
.offset-14-15.no-gutter {width:94.936708860759%;}

/* fluid column layout offsets */
.offset-1-15 {margin-left:6.781193490054%;}
.offset-2-15 {margin-left:13.562386980108%;}
.offset-3-15 {margin-left:20.343580470163%;}
.offset-4-15 {margin-left:27.124773960217%;}
.offset-5-15 {margin-left:33.905967450271%;}
.offset-6-15 {margin-left:40.687160940325%;}
.offset-7-15 {margin-left:47.46835443038%;}
.offset-8-15 {margin-left:54.249547920434%;}
.offset-9-15 {margin-left:61.030741410488%;}
.offset-10-15 {margin-left:67.811934900542%;}
.offset-11-15 {margin-left:74.593128390597%;}
.offset-12-15 {margin-left:81.374321880651%;}
.offset-13-15 {margin-left:88.155515370705%;}
.offset-14-15 {margin-left:94.936708860759%;}

/* fluid column offset sibling widths */
.col+.offset-1-15 {margin-left:8.499095840868%;}
.col+.offset-2-15 {margin-left:15.280289330922%;}
.col+.offset-3-15 {margin-left:22.061482820976%;}
.col+.offset-4-15 {margin-left:28.842676311031%;}
.col+.offset-5-15 {margin-left:35.623869801085%;}
.col+.offset-6-15 {margin-left:42.405063291139%;}
.col+.offset-7-15 {margin-left:49.186256781193%;}
.col+.offset-8-15 {margin-left:55.967450271248%;}
.col+.offset-9-15 {margin-left:62.748643761302%;}
.col+.offset-10-15 {margin-left:69.529837251356%;}
.col+.offset-11-15 {margin-left:76.31103074141%;}
.col+.offset-12-15 {margin-left:83.092224231465%;}
.col+.offset-13-15 {margin-left:89.873417721519%;}


/*------------------------------------------------------------*/
/* 16 columns */
.col-1-16 {width:5.063291139241%;}
.col-2-16 {width:11.392405063291%;}
.col-3-16 {width:17.721518987342%;}
.col-4-16 {width:24.050632911392%;}
.col-5-16 {width:30.379746835443%;}
.col-6-16 {width:36.708860759494%;}
.col-7-16 {width:43.037974683544%;}
.col-8-16 {width:49.367088607595%;}
.col-9-16 {width:55.696202531646%;}
.col-10-16 {width:62.025316455696%;}
.col-11-16 {width:68.354430379747%;}
.col-12-16 {width:74.683544303797%;}
.col-13-16 {width:81.012658227848%;}
.col-14-16 {width:87.341772151899%;}
.col-15-16 {width:93.670886075949%;}

/* gutters */
.col+.col-1-16,
.col+.col-2-16,
.col+.col-3-16,
.col+.col-4-16,
.col+.col-5-16,
.col+.col-6-16,
.col+.col-7-16,
.col+.col-8-16,
.col+.col-9-16,
.col+.col-10-16,
.col+.col-11-16,
.col+.col-12-16,
.col+.col-13-16,
.col+.col-14-16,
.col+.col-15-16 {
    margin-left:1.2658227848%;
}
/* no gutter */
.col-2-16.no-gutter,
.col-3-16.no-gutter,
.col-4-16.no-gutter,
.col-5-16.no-gutter,
.col-6-16.no-gutter,
.col-7-16.no-gutter,
.col-8-16.no-gutter,
.col-9-16.no-gutter,
.col-10-16.no-gutter,
.col-11-16.no-gutter,
.col-12-16.no-gutter,
.col-13-16.no-gutter,
.col-14-16.no-gutter,
.col-15-16.no-gutter {
    margin-left:0;
}
/* no gutter widths */
.col-2-16.no-gutter {width:12.658227848101%;}
.col-3-16.no-gutter {width:18.987341772152%;}
.col-4-16.no-gutter {width:25.316455696203%;}
.col-5-16.no-gutter {width:31.645569620253%;}
.col-6-16.no-gutter {width:37.974683544304%;}
.col-7-16.no-gutter {width:44.303797468354%;}
.col-8-16.no-gutter {width:50.632911392405%;}
.col-9-16.no-gutter {width:56.962025316456%;}
.col-10-16.no-gutter {width:63.291139240506%;}
.col-11-16.no-gutter {width:69.620253164557%;}
.col-12-16.no-gutter {width:75.949367088608%;}
.col-13-16.no-gutter {width:82.278481012658%;}
.col-14-16.no-gutter {width:88.607594936709%;}
.col-15-16.no-gutter {width:94.936708860759%;}

/* fluid column layout offsets */
.offset-1-16 {margin-left:6.329113924051%;}
.offset-2-16 {margin-left:12.658227848101%;}
.offset-3-16 {margin-left:18.987341772152%;}
.offset-4-16 {margin-left:25.316455696203%;}
.offset-5-16 {margin-left:31.645569620253%;}
.offset-6-16 {margin-left:37.974683544304%;}
.offset-7-16 {margin-left:44.303797468354%;}
.offset-8-16 {margin-left:50.632911392405%;}
.offset-9-16 {margin-left:56.962025316456%;}
.offset-10-16 {margin-left:63.291139240506%;}
.offset-11-16 {margin-left:69.620253164557%;}
.offset-12-16 {margin-left:75.949367088608%;}
.offset-13-16 {margin-left:82.278481012658%;}
.offset-14-16 {margin-left:88.607594936709%;}
.offset-15-16 {margin-left:94.936708860759%;}

/* fluid column offset sibling widths */
.col+.offset-1-16 {margin-left:7.594936708861%;}
.col+.offset-2-16 {margin-left:13.924050632911%;}
.col+.offset-3-16 {margin-left:20.253164556962%;}
.col+.offset-4-16 {margin-left:26.582278481013%;}
.col+.offset-5-16 {margin-left:32.911392405063%;}
.col+.offset-6-16 {margin-left:39.240506329114%;}
.col+.offset-7-16 {margin-left:45.569620253165%;}
.col+.offset-8-16 {margin-left:51.898734177215%;}
.col+.offset-9-16 {margin-left:58.227848101266%;}
.col+.offset-10-16 {margin-left:64.556962025316%;}
.col+.offset-11-16 {margin-left:70.886075949367%;}
.col+.offset-12-16 {margin-left:77.215189873418%;}
.col+.offset-13-16 {margin-left:83.544303797468%;}
.col+.offset-14-16 {margin-left:89.873417721519%;}


/* ------------- BEGIN popup_image.css --------------- */

/* popup image viewer */

/* .imageviewer_XXX styles refers to the original implementation and will be deleted eventually
 * .popupimage_XXX is the new black.  the desktop version of the new code is still being developed,
 * so the .imageviewer_XXX are still the ones active in production. -- kj
 */


.popupimage_gallery {
    display: table-cell;
    vertical-align: middle;
    position: fixed;
    left: 0; top: 0;
    bottom: 0; right: 0;
    background: rgba( 255, 255, 255, 0.5 );
    z-index: 10;
}

.popupimage_container {
    position: relative;
    display: table;
    left: 0;
    height: 100%; width: 1000%;
    list-style: none;
    padding: 0;
}

.popupimage_item {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: auto;
}

.popupimage_item img {
    display: block;
    background: #000;
    margin-left: auto;
    margin-right: auto;
}

.popupimage_item.loading {
    background: url(/img/playerbusy_transp.gif) no-repeat;
    background-position: 50% 50%;
}


/* --- widgets --- */

.popupimage_nav {
    display: inline-block;
    position: absolute;
    height: 100%;
    width: 33%;
    -webkit-tap-highlight-color: rgba( 0,0,0,0 );
}

.popupimage_nav.dismiss {
    left: 33%;
    width: 34%;
}

.popupimage_nav.prev {
    left: 0;
}

.popupimage_nav.next {
    right: 0;
}

.popupimage_navicon {
/* *** old:
    display: inline-block;
    visibility: hidden;
    position: absolute;
    cursor: pointer;
    top: 50%;
    margin-top: -15px;
    background-image:url(/img/popup_image.png);
    background-repeat:no-repeat;
    width: 30px;
    height: 30px;
*** */

    display: inline-block;
    position: absolute;
    top: 85%;
    margin: auto;
    background: url(/img/mobile-sprites-20150520.svg) no-repeat;
    background-size: 500% auto;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
    z-index: 1;
}

.no-svg .popupimage_navicon {
    background-image: url(/img/mobile-sprites-20150520.png);
}

.popupimage_navicon.dismiss {
    left: 50%;
    margin-left: -1rem;
    background-position: 0 31.6%;
}

.popupimage_navicon.prev {
    left: 1em;
    background-position: 0 35.8%;
}

.popupimage_navicon.next {
    right: 1em;
    background-position: 0 40.0%;
}

.popupimage_loading {
    position: absolute;
    display: inline-block;
    background-color: black; 
    opacity: 0.5;
    filter:alpha(opacity=50);
    text-align: center;
    vertical-align: middle;
    z-index: 1;
}

.popupimage_spinny_lg {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    filter:alpha(opacity=50);
    background: url(/img/playerbusy.gif) no-repeat;
    background-position: 50% 50%;
}

.popupimage_spinny_sm {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    filter:alpha(opacity=50);
    background: url(/img/playerbusy_small.gif) no-repeat;
    background-position: 50% 50%;
}

/* ---------- */

.imageviewer_top {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    text-align: center;
    z-index: 100;
}

.imageviewer_top td {
    border: 0;
}

.imageviewer_back {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: #fff;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: -1;
}

.imageviewer_dismiss {
    cursor: pointer;
    position: relative;
    top: 2em; left: -1em;
    background-image:url(/img/popup_image.png);
    background-repeat:no-repeat;
    width:30px;
    height:30px;
    z-index: 10;
}

.imageviewer_image {
    clear: both;
    border: 3px solid grey;
}

.imageviewer_nav {
    display: inline-block;
    position: absolute;
    height: 100%;
    width: 200px;
    max-width :33%;
}

.ie .imageviewer_nav {
    /* fixes problems laying out empty elements */
    background: white;
    filter: alpha(opacity=0);
    opacity: 0;
}

.imageviewer_nav.prev {
    left: 0;
}

.imageviewer_nav.next {
    right: 0;
}

.imageviewer_navicon {
    display: inline-block;
    visibility: hidden;
    position: absolute;
    cursor: pointer;
    top: 50%;
    margin-top: -15px;
    background-image:url(/img/popup_image.png);
    background-repeat:no-repeat;
    width: 30px;
    height: 30px;
}

.imageviewer_navicon.next {
    right: 30px;
    background-position:0 center;
}

.imageviewer_navicon.prev {
    left: 30px;
    background-position:0 bottom;
}

.imageviewer_nav:hover span.imageviewer_navicon {
    visibility: visible;
}

.imageviewer_loading {
    position: absolute;
    display: inline-block;
    background-color: black; 
    opacity: 0.5;
    filter:alpha(opacity=50);
    text-align: center;
    vertical-align: middle;
}

.imageviewer_spinny_lg {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    filter:alpha(opacity=50);
    background: url(/img/playerbusy_transp.gif) no-repeat;
    background-position: 50% 50%;
}

.imageviewer_spinny_sm {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    filter:alpha(opacity=50);
    background: url(/img/playerbusy_small.gif) no-repeat;
    background-position: 50% 50%;
}


/* ------------- BEGIN corp_2015.css --------------- */
/*------------------------------------------------------------*/
body {
    font: 13px/1.2307692308 'Helvetica Neue',Helvetica,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
}
img {
    border:none;
    display: block;
    height:auto;
    max-width:100%;
}
a {
    color: #0687f5;
    text-decoration: none;
}
a:focus {
    outline:none;
}
.newline {
    display: inline-block;
}

/*sprites*/
.bc-ui {
    background: url('../../img/_sprite-bc-ui-20150529.png') 0 0 no-repeat;
}
.bc-ui2 {
    background: url('../../img/_sprite-bc-ui2-20151201@2x.png') 0 0 no-repeat;
    background-size: 100px 200px;
}
.discover-ui {
    background: url('../../img/discover/_sprite-discover-20120528.2.png') 0 0 no-repeat;
}
.bc-home {
    background: url('../../img/_sprite-bc-home-20151207@2x.png') 0 0 no-repeat;
    background-size: 200px 100px;
}

/*------------------------------------------------------------*/

.vvv {
    background-image: linear-gradient(to right, #ffc600, #639aa9 50%, #ffc600 100%);
    -webkit-backface-visibility: hidden;
    height: 10px;
    position: relative;
}
.vvv > span {
    background-image: url('../../img/homepage_2015/bc-vvv-reverse.svg');
    background-repeat: repeat-x;
    background-size: 116px 10px;
    display: block;
    height: 10px;
    position: absolute;
    width: 100%;
}
.nowrap {
    display: inline-block;
}

/*------------------------------------------------------------*/
/*page header*/
.hd {
    background-color: rgba(255,255,255,0.98);
    box-shadow: 0 0 1px 0 rgba(0,0,0,0.15);
    height: 105px;
    margin-top: 0;
    overflow: hidden;
    position:fixed;
    top: 0;
    width: 100%;
    z-index: 5;
    transition: margin 0.25s ease-out;
}
.scroll-detected .hd {
    margin-top: -105px;
}
.hd > .row {
    position: relative;
}
.hd-mobile {
    display: none;
}
.bd {
    padding-top: 105px;
}
.hd-logo {
    background:transparent url('../../img/homepage_2015/bc-logo@2x.png') no-repeat;
    background-size: 100%;
    margin-top: 24px;
    height: 25px;
    width: 156px;
}
.hd-logo > span {
    display: none;
}
.hd-sub-head {
    color: #408ea3;
    font-size: 16px;
    font-weight: 500;
    margin: 18px 0 0;
    opacity: 1;
    transition: opacity .2s ease;
}

.hd-nav {
    font-size: 1.2307692308em;
    color: #777;
    margin:0;
    padding: 0;
}
.hd-nav > li > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.hd-nav li {
    display: inline-block;
}
.hd-nav a {
    color: #161113;
    font-weight: 700;
    text-decoration: none;
}
.hd-nav a:hover {
    text-decoration: underline;
}

.nav-label {
    padding: 0 10px 0 0;
}

.corp-nav {
    margin: 15px 0 0;
    text-align: right;
}

.corp-nav > li {
    border-right: 1px solid #e5e5e5;
    padding: 0 12px 0 5px;
    line-height: 20px;
}
.corp-nav > li:first-child {
    padding: 0 10px 0 0;
}
.corp-nav li.log-out-link,
.corp-nav > li:last-child {
    padding-right: 0;
    border-right: 0;
}

.user-nav {
    display: none;
    margin: 18px 0 0;
    position: relative;
}
.user-nav > li {
    border-right: 1px solid #e5e5e5;
    padding: 0 12px;
    display: inline-block;
    line-height: 20px;
}
.user-nav > li:first-child {
    padding-left: 0;
}
.user-nav > li:last-child {
    border-right: none;
    padding-right: 0;
}
.user-nav .name {
    max-width: 35%;
    text-overflow: ellipsis;
    padding-left: 32px;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
    font-weight: normal;
}
li.user-nav-thumb {
    position: absolute;
    top: -4px;
    width: 25px;
    height: 25px;
    border-right: 0;
    padding: 0;
}
.logged-in .hd-sub-head {
    display: none;
}
.logged-in .user-nav {
    display: block;
}
.logged-in .log-in-link {
    display: none;
}
.hd.logged-in .hd-nav {
    font-size: 14px;
}
.hd.logged-in .corp-nav > li > ul {
    border-right: none;
    padding-right: 0;
}

/*cart*/
.cart.bc-home {
    background-size: 200px 100px;
}
.cartitem {
    position: relative;
}
.cartitem a {
    color: #fff;
}

.cartitem a:hover {
    text-decoration: none;
}
.cart {
    display: inline-block;
    width: 21px;
    background-position: -179px -49px;
    position:relative;
    left:-3px;
    padding-right: 5px;
}
.cart-item-count {
    display: inline-block;
    vertical-align: top;
    background: #43b214;
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    padding: 2px 3px;
    border-radius: 3px;
    position: absolute;
    right: -2px;
    top:-7px;
}

/*search*/
.searchwidget {
    text-align: right;
    margin-top: 24px;
    position: relative;
}
.searchwidget input[type=text] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 1px solid #bebebe;
    border-radius: 10px;
    color: rgba(22,17,19,0.5);
    height: 26px;
    padding: 0 28px 0 10px;
    position: relative;
    width: 208px;

}
.searchwidget button[type=submit] {
    background: transparent;
    border: none;
    height: 16px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 12px;
    top: 6px;
    text-indent: -50000px;
    width: 16px;
}
.searchwidget button .icon.bc-home {
    background: url('../../img/homepage_2015/search-icon@2x.png') 0 0 no-repeat;
    background-size: 100%;
    display: block;
    height: 16px;
    left: 0;
    position: absolute;
    top: 0;
    width: 16px;
}

/* header (hiring) banner */
.hd-banner {
    left: 30%;
    margin: 24px 0 0 -36px;
    text-align: center;
    position: absolute;
    width: 40%;
}
.hd-banner-inner {
    background: #eef2f3;
    border-radius: 3px;
    color: #161113;
    display: inline-block;
    font-size: 13px;
    line-height: 1;
    margin: 0 auto;
    padding: 8px 20px;
    position: relative;
}
.hd-banner-inner a {
    color: #161113;
}
.hd-banner-inner a:hover {
    text-decoration: underline;
}

/*------------------------------------------------------------*/
/*page footer*/
#pgFt {
    padding: 0;
    background: transparent;
    position: relative;
}
.pg-ft {
    background-color: #477987;
    min-height: 320px;
    padding: 0 0 15px;
}
.pg-ft-mobile {
    display: none;
}
.pg-ft h5 {
    color: #abc1c7;
    font-size: 14px;
    font-weight: 700;
    line-height: 26px;
    margin: 40px 0 30px;
}
.pg-ft-nav {
    color: #abc1c7;
    font-size: 13px;
    line-height: 13px;
    list-style: none;
    margin:0;
    padding: 0;
}
.pg-ft-nav li {
    margin: 0 0 13px;
}
.pg-ft-nav a {
    color: #fff;
    text-decoration: none;
}
.pg-ft-nav a:hover {
    text-decoration: underline;
}
.pg-ft-nav a+a {
    border-left: 1px solid #7ea0a9;
    margin-left: 0.3em;
    padding-left: 0.6em;
}
.pg-ft-nav .nav-label {
    padding-right: 0.3em; 
}

/*------------------------------------------------------------*/
/*prev/next stepper*/
.stepper {
    border:1px solid #9dc3ce;
    border-radius: 3px;
    display: inline-block;
    font-size: 0;
}
.stepper-prev,
.stepper-next {
    color: #408ea3;
    display:inline-block;
    padding:5px 20px;
    text-decoration: none;
}
.stepper-prev > *,
.stepper-next > * {
    transition: opacity 0.5s ease-out;
}
.stepper-prev.inactive,
.stepper-next.inactive {
    color: #b9d4dc;
    cursor: default;
}
.stepper-prev.immediate > *,
.stepper-next.immediate > * {
    transition: opacity 0s;
}
.stepper-prev.highlight > *,
.stepper-next.highlight > * {
    opacity: 0.5;
}
.stepper-prev {
    border-right:1px solid #9dc3ce;
}
.stepper-next {}
.stepper-prev:hover,
.stepper-next:hover {
    color: #006480;
    cursor: pointer;
}
.stepper-prev.inactive:hover,
.stepper-next.inactive:hover {
    color: #b9d4dc;
    cursor: default;
}
/* svg icons */
.stepper .icon {
    fill:#408ea3;
    height: 10px;
    width: 8px;
}
.stepper-prev:hover .icon,
.stepper-next:hover .icon {
    fill: #006480;
}
.stepper-prev.inactive .icon,
.stepper-next.inactive .icon,
.stepper-prev.inactive:hover .icon,
.stepper-next.inactive:hover .icon {
    fill: #b9d4dc;
}

/*------------------------------------------------------------*/
/*pagination*/
.item-page {
    background: none;
    color: #408ea3;
    text-decoration: none;
}
.item-page {
    background: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    font-weight: 500;
    height: 32px;
    line-height: 32px;
    padding: 5px 12px;
    cursor: pointer;
    transition: opacity 0.4s ease-out;
}
.item-page.immediate {
    transition: opacity 0s;
}
.item-page.highlight {
    opacity: 0.5;
}
.item-page.selected {
    color: #222;
}
.item-page.selected,
.item-page:hover {
    border-color: #afafaf;
}
.item-page.disabled {
    border-color: #d1d1d1;
    color: #ccc;
    cursor: default;
}
.item-page.disabled:hover {
    
}
.item-page.filler {
    background: none;
    border-color: transparent;
    color:#777;
}
.item-page.filler:hover {
    border-color: transparent;
}

/*------------------------------------------------------------*/
/*fluid aspect ratios*/
.ratio-16-9,
.ratio-1-1,
.ratio-3-2 {
    display: block;
    height: 0;
    font-size: 0;
    overflow: hidden;
    position: relative;
}
.ratio-16-9 img,
.ratio-1-1 img,
.ratio-3-2 img {
    height: auto;
    left: 0;
    outline:1px solid rgba(0,0,0,0.05);
    outline-offset:-1px;
    position: absolute;
    top: 0;
}
.ratio-16-9 {
    padding:56.25% 0 0;
}
.ratio-1-1 {
    padding:100% 0 0;
}
.ratio-3-2 {
    padding:66.66666667% 0 0;
}

/*------------------------------------------------------------*/
@-webkit-keyframes fade-in {
    0% { opacity:0.0; }
    100% { opacity:1.0; }
}
@-moz-keyframes fade-in {
    0% { opacity:0.0; }
    100% { opacity:1.0; }
}
@keyframes fade-in {
    0% { opacity:0.0; }
    100% { opacity:1.0; }
}
@-webkit-keyframes fade-out {
    0% { opacity:1.0; }
    100% { opacity:0.0; }
}
@-moz-keyframes fade-out {
    0% { opacity:1.0; }
    100% { opacity:0.0; }
}
@keyframes fade-out {
    0% { opacity:1.0; }
    100% { opacity:0.0; }
}
.fade-in {
    -webkit-animation: fade-in 0.66s ease-in;
    -moz-animation: fade-in 0.66s ease-in;
    animation: fade-in 0.66s ease-in;
        
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.fade-out {
    -webkit-animation: fade-out 0.33s ease-out;
    -moz-animation: fade-out 0.33s ease-out;
    animation: fade-out 0.33s ease-out;
        
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

/*------------------------------------------------------------*/
@-ms-viewport { width:device-width; }
@-o-viewport { width:device-width; }
@viewport { width:device-width; }
@media (max-width:740px) {
    /* corp_2015_phone */
    .hd {
        display: none;
    }
    .hd-mobile {
        background-color: rgba(255,255,255,0.98);
        display: block;
    }
    .hd-logo {
        background:transparent url('../../img/homepage_2015/bc-logo-compact@2x.png') no-repeat;
        background-size: 100%;
        display: block;
        float: left;
        height: 18px;
        margin:15px 0 15px 4.265%;
        width: 50px;
    }
    .hd-logo > span {
        display: none;
    }
    .bd {
        margin-top: 0;
        padding-top: 0;
    }
    .hd-mobile > .row,
    .bd-section > .row {
        max-width: 91.47%;
        position: relative;
    }
    .hd .col,
    .pg-ft-mobile .col {
        display: block;
        float: none;
        margin:0 !important;
        width: 100%;
    }
    .pg-ft {
        display: none;
    }
    .pg-ft-mobile {
        display: block;
    }
    .pg-ft-mobile .col {
        background-color: #477987;
        padding: 40px 0 0;
        text-align: center;
    }
    .pg-ft-nav {
        color: #abc1c7;
        font-size: 14px;
        font-weight: 700;
        line-height: 24px;
        padding: 0 4.265%;
    }
    .pg-ft-nav:after {
        clear:both;
        content:".";
        display:block;
        height:0;
        visibility:hidden;
    }
    .pg-ft-nav li {
        margin: 0 0 24px;
    }
    .pg-ft-mobile .col:last-child {
        background-color: #224853;
        padding-bottom: 30px;
    }
    .pg-ft-mobile .col:last-child .pg-ft-nav {
        font-weight: 400;
    }
    .pg-ft-mobile .col:last-child .pg-ft-nav a,
    #pgFt .pg-ft-mobile .col:last-child .pg-ft-nav a {
        opacity: 0.75;
    }
    .pg-ft-mobile .col:last-child .pg-ft-nav a+a {
        border-color: #7ea0a9;
    }
    .social-links a {
        margin-right: 40px;
    }
    .social-links a+a {
        border: none;
    }
    .social-links a:last-child {
        margin-right: 0;
    }
    .social-links .icon {
        fill:rgba(255,255,255,0.6);
        height: 44px;
        width: 44px;
    }
    .social-links a:hover .icon {
        fill:rgba(255,255,255,1);
    }
    .footer-logo {
        background: url('../../img/logo-white.svg') no-repeat left center;
        background-size: 100%;
        float: left;
        height: 18px;
        padding: 6px 0 0;
        position: relative;
        width: 112px;
    }
    .footer-logo > a {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }
    .footer-logo > a > span {
        display: none;
    }
    .footer-logo+li:last-child {
        float: right;
    }
    .footer-logo+li:last-child {
        clear: none;
    }
    .hd-nav {
        font-size: 13px;
        float: right;
        text-align: left;
    }
    .hd-nav a {
        color: #408294;
    }
    .corp-nav {
        margin: 15px 4.265% 0 0;
    }
    .corp-nav.has-cart {
        margin: 15px 2.265% 0 0;
    }
    .user-nav {
        margin: 15px 4.265% 9px 0;
        position: relative;
    }
    .corp-nav li {
        vertical-align:bottom;
    }
    .corp-nav > li > ul,
    .user-nav > li {
        border:none;
        padding: 0;
    }
    .user-nav > li,
    .user-nav > li {
        padding: 0;
        vertical-align: bottom;
    }
    .corp-nav > li > ul > li a,
    .user-nav > li a {
        position: relative;
        padding: 0.5rem;
    }
    .user-nav > li:first-child+li,
    .user-nav > li:first-child+li > a {
        padding-left: 0;
    }
    .corp-nav > li > ul > li+li > a,
    .corp-nav.has-cart > li > ul > li > a,
    .user-nav > li+li > a {
        padding: 0 3px 0 4px;
    }
    .corp-nav > li > ul > li a:after,
    .user-nav > li a:after {
        color: #ababab;
        content: '/';
        display: block;
        position: absolute;
        right: -5px;
        top: 0;
    }
    .corp-nav > li > ul > li:last-child a,
    .user-nav > li:last-child a {
        padding: 0 0 0 4px;
    }
    .corp-nav > li > ul > li:first-child a:after,
    .corp-nav > li > ul > li:last-child a:after,
    .user-nav > li:first-child a:after,
    .user-nav > li:last-child a:after {
        display: none;
    }
    .corp-nav.has-cart > li > ul > li:first-child a:after {
        display: inline;
    }

    .home-cartitem {
        display: inline-block;
        width: 1.94507em;
        height: 1.4em;
        margin: 0 0.875rem 0 1rem;
        position: relative;
    }
    .corp-nav .home-cartitem {
        margin: 0 0.875rem 0 0;
    }
    .home-cartitem .cart {
        /* image h/w ratio: 1/1.38933 */
        display: inline-block;
        width: 100%;
        height: 100%;
        background: url(/img/mobile-sprites-20150520.svg) no-repeat;
        background-size: 500% auto;
        background-position: 0 28.2%;
    }
    .no-svg .home-cartitem .cart{
        background-image: url(/img/mobile-sprites-20150520.png);
    }
    .home-cartitem .cart-item-count {
        position: absolute;
        top: -45%;
        left: 60%;
        min-width: 0.5rem;
        background: #5ac523;
        border: solid thin #43b214;
        border-radius: 0.1875rem;
        color: #fff;
        font-size: 0.6875rem;
        font-weight: bold;
        text-align:center;
    }
    .searchwidget {
        clear: both;
        margin: 0 auto 9px;
        max-width: 95.735%;
        padding: 0;
        text-align: left;
    }
    .searchwidget input[type=text] {
        background-color: #f3f3f3;
        border: 1px solid #e2e2e2;
        border-radius: 5px;
        padding: 4px 12% 4px 4%;
        width: 84%;
        -webkit-appearance: none;
    }
    .searchwidget button[type=submit] {
        top: 12px;
    }
    .searchwidget button .icon.bc-home {
        height: 14px;
        opacity: 0.7;
        width: 14px;
    }
    .hd-banner {
        left: inherit;
        margin: 0;
        position: relative;
        width: 100%;
    }
    .hd-banner-inner {
        background: #ffffc5;
        border-bottom: 1px solid #f3f4b4;
        border-radius: 0;
        display: block;
        margin: 0;
        padding: 15px 12px 13px;
    }
    .hd-banner-inner a {
        display: block;
        text-decoration: none;
    }
    .hd-banner-inner a:hover {
        text-decoration: none;
    }
    .headroom {
        clear: both;
    }
}
@media (max-width: 800px) and (min-width: 741px) {
    /*corp*/
    .hd .row,
    .bd-section > .row,
    .pg-ft .row {
        max-width: 97%;
    }
    .hd-nav {
        font-size: 14px;
    }
    .user-nav {
        white-space: nowrap;
    }
    .corp-nav {
        margin: 28px 0 0;
        position: absolute;
        right: 88%;
        top: 0;
        width: 100%;
        transition:margin-top .4s ease;
    }
    .corp-nav > li {
        padding: 0 5px 0 2px;
    }
    .corp-nav > li:first-child {
        padding-right:5px;
    }
    .corp-nav > li > ul {
        margin-left: -5px;
    }
    .corp-nav-label {
        display: none;
    }
    .hd-sub-head {
        font-size: 14px;
        margin: 20px 0 0;
        white-space: nowrap;
    }
    .searchwidget input[type=text] {
        width: 190px;
    }
    .hd-banner {
        left: inherit;
        margin: 64px 0 0 0;
        right:0;
        width: auto;
    }
}
@media (max-width: 1024px) and (min-width: 801px) {
    /*corp*/
    .hd .row,
    .bd-section > .row,
    .pg-ft .row {
        max-width: 97%;
    }
    .hd-nav {
        font-size: 14px;
        white-space: nowrap;
    }
    .corp-nav {
        margin: 16px 0 0;
    }
    .corp-nav-label {
        display: none;
    }
    .hd-sub-head {
        font-size: 14px;
        margin: 20px 0 0;
        white-space: nowrap;
    }
}
@media (max-width: 1280px) and (min-width: 1025px) {
    /*corp*/
    .hd .row,
    .bd-section > .row,
    .pg-ft .row {
        max-width: 994px;
    }
}
@media (min-width: 1281px) {
    /*corp*/
    .hd .row,
    .bd-section > .row,
    .pg-ft .row {
        max-width: 1106px;
    }
}

/* ------------- BEGIN player.css --------------- */
.inline_player {
    position: relative;
    white-space: nowrap;
    display: none;
}

.inline_player.hidden {
    max-height: 0;
}
 
.inline_player.hidden > table {
    display: none;
}

/* inline player on tralbum pages only; doesn't apply to embedded players */
.trackView .inline_player {
    display: block;
    max-height: 500px;
    transition: max-height 3s ease-out;
    -moz-transition: max-height 3s ease-out;
    -webkit-transition: max-height 3s ease-out;
}

.inline_player td {
    border: none;
    padding:0;
}

.inline_player .play_cell {
    vertical-align: bottom;
}
.inline_player .play_cell a {
    display: block;
}

.inline_player .playbutton {
    background:#fff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    cursor: pointer;
    min-height: 50px;
    min-width: 54px;
}
.inline_player .playbutton:after {
    content:'';
    display: block;
    width: 0;
    height: 0;
    border-top: 11px inset transparent;
    border-bottom: 11px inset transparent;
    border-left: 20px solid #222;
    border-right:0;
    margin: 14px 0 0 18px;
}
.inline_player .playbutton.playing {
    /**/
}
.inline_player .playbutton.playing:after {
    content:'';
    border:0;
    border-left:7px solid #2d2d2d;
    border-right:7px solid #2d2d2d;
    height:22px;
    width:4px;
    margin: 14px auto;
}
.inline_player .playbutton.busy:after {
    background-image: url(/img/playerbusy-noborder.gif);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border:none;
    height: 42px;
    margin: 4px auto;
    width: 44px;
}
.inline_player .embeddedplaybutton {
    background: url(/img/embedplaypause.gif);
    background-position: 50% 30px;
    width: 31px;
    height: 30px;
    cursor: pointer;
}
.inline_player .embeddedplaybutton.busy {
    background-image: url(/img/playerbusy_small.gif);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.inline_player .embeddedplaybutton.playing {
    background-position: 50% 0px;
}
.inline_player .embeddedplaybutton.big {
    background-image: url(/img/playpause.gif);
    background-position: 50% 45px;
}
.inline_player .embeddedplaybutton.big.playing {
    background-position: 50% 0px;
}
.inline_player .embeddedplaybutton.big.busy {
    background-image: url(/img/playerbusy.gif);
    background-position: 50% 50%;
}

.inline_player .tinyplayer {
    background: url(/img/shortembed.gif);
    background-position: 50% 23px;
    cursor: pointer;
}
.inline_player .tinyplayer.playing {
    background-position: 50% 0px;
}

.inline_player #infolink {
    display: block;
    position: absolute;
    left: 50%;
    width: 50%;
    height: 100%;
    top: 0px;
}

.inline_player .nextbutton,
.inline_player .prevbutton {
    background:transparent url(/img/nextprev.png) no-repeat 0 0;
    background-size: 40px 12px;
    cursor: pointer;
    width: 20px;
    height: 12px;
    margin:0 0 1px;
}
.inline_player .prevbutton {
    /**/
}
.inline_player .nextbutton {
    background-position: 100% 0;
}
.inline_player .prev_cell a {
    display: block;
    margin-right: 5px;
}
.inline_player .next_cell a {
    display: block;
    margin-left: 5px;
}

.inline_player .nextbutton.hiddenelem,
.inline_player .prevbutton.hiddenelem {
    cursor: default;
    opacity: 0.25;
    visibility: visible;
}

.invertIconography .inline_player .prevbutton,
.invertIconography .inline_player .nextbutton {
    background-image: url(/img/nextprevinvert.png);
}

.inline_player.one-track .nextbutton.hiddenelem,
.inline_player.one-track .prevbutton.hiddenelem {
    visibility: hidden;
}

.inline_player .track_cell {
    height: 32px;
    vertical-align: bottom;
}
.inline_player .track_info {
    min-height: 18px;
    min-width: 262px;
    /* space between the play button and track info needs
     * to vary with font size or it starts to look weird
     * with large fonts: */
    margin:0.16666666666667em 0.83333333333333em 0.5em; /* 2px 10px 6px*/
    white-space: normal;
}

.inline_player .title-section {
    font-weight:500;
    padding-right: 0.5em;
}

/* this omits the title padding (above) for single-track players */
.inline_player .title-section.hiddenelem {
    display: none;
}

.inline_player .time {
    white-space: nowrap;
}

.inline_player .message {
    text-align: right;
    color: red;
    position: absolute;
    width: 290px;
    left: 0px;
}

.inline_player .progbar_cell {
    min-width: 270px;
    position: relative;
}

.inline_player .progbar {
    position: relative;
    height: 12px;
    /* space between the play button and track info needs
     * to vary with font size or it starts to look weird
     * with large fonts: */
    margin:1px 0.83333333333333em 0; /* l/r = 10px at 1em */
}

.inline_player .thumb {
    background:#fff;
    border:1px solid #bebebe;
    border-color:rgba(0,0,0,.25);
    border-radius: 1px;
    position: absolute;
    left: 0px;
    top: -2px;
    width: 22px;
    height: 10px;
    margin-left:-1px;
    overflow: hidden;  /* IE 6 fix */
    cursor: pointer;
}

.inline_player .progbar_empty {
    background: #fefefe;
    background-color: rgba(255,255,255,.3);
    border: 1px solid #d9d9d9;
    border-color:rgba(0,0,0,.15);
    border-radius: 1px;
    position: relative;
    width: auto;
    height: 8px;
    overflow: visible;  /* IE 6 fix */
}

.inline_player .progbar_fill {
    background: #f6f6f6;
    background-color: rgba(0,0,0,.04);
    height: 100%;
    width: 0px;
}
.invertIconography .inline_player .thumb {
    border-color:rgba(190,190,190,.5);
}
.invertIconography .inline_player .progbar_empty {
    background-color:rgba(246,246,246,.1);
    border-color:rgba(190,190,190,.5);
}
.invertIconography .inline_player .progbar_fill {
    background-color:rgba(254,254,254,.1);
}

.inline_player a img {
    border: 0;
}

.inline_player.one-track .single-video-link {
     float: right;
     padding-right: 62px;
}

.inline_player .has-video{
    display:none;
}

div.has-video-wrapper {
    text-align:center;
}

.has-video-wrapper a.has-video {
    padding: 5px 7px 5px 7px;
    background-color: rgba(0,0,0,0.07);
    color: #0687F5;
    display:inline;
}

.seekmask {
    position: absolute;
    background: black;
    z-index: 9998;
    opacity: 0.5;
}
.seektext {
    position: absolute;
    font-size: 10em;
    font-family: arial,helvetica,clean,sans-serif;
    text-align: center;
    opacity: 1.0;
    z-index: 9999;
    color: #ffff55;
}

#tracklist {
    bottom: 0px;
}

#tracklist ul {
    -webkit-padding-start: 0;
}
#tracklist li {
    margin: 0.15em 0;
}
#tracklist .tracknum {
}
#tracklist .tracktitle {
    margin: 0 0.5em;
}
#tracklist .currenttime {
    font-size: 0.8em;
}
#tracklist .tracktime {
    font-size: 0.8em;
}
#tracklist .currenttrack {
    font-weight: bold;
}

/* ------------- BEGIN playable.css --------------- */
/* 

CSS rules for playable items. Creates a play/pause button overlaid on an item image. There are two variants,
chosen automatically:

    no-hover: This variant applies to devices which support touch events. It is located in the image's 
        lower-left corner and is persistent.
    has-hover: This variant applies to all other devices (in other words, those supporting mouseover). It is 
        centered on the image and only shown on hover.

- USAGE

The expected HTML structure is:

    <root class="playable"> <!-- item width/height applied here; does not need to be square -->
        <img src="..." alt="">
        <span class="plb-btn">
            <span class="plb-bg"></span>
            <span class="plb-ic"></span>
        </span>
    </root>

Generally, "root" will be an anchor pointing to the item's page URL, but that's not required.

Add a "playing" class to the playable element (or any element above that in the DOM) to switch to
a persistent pause button, or a "busy" class to display a spinny.

Optionally, add a "playable-hover-target" to any element above the playable element in the DOM to extend
the hover action to a larger area.

- SIZING

The no-hover variant uses a fluid layout, as it's more likely to appear in our phone view -- where all sizing is
based on the viewport width. Currently it's hardcoded to 32% of the width of the root element, but it would be 
simple to add different sizes triggered by class names. The icons are defined in an SVG file. I tried creating
fluid, pure-CSS icons, and nearly succeeded -- but the solution was complicated, and the required HTML was going 
to be too heavy, so I fell back to SVG.

The has-hover variant uses a fixed, pixel-based layout, as it's usually (but not always) used in our desktop view.
Currently the button is 74px wide, but we could add additional sizes if needed. The icons are pure CSS.

- OTHER NOTES

The plb-bg and plb-ic elements really should be generated content, so as not to require hardcoded 
elements. But support for CSS transitions on generated elements is spotty as of June 2013.

*/


/*** general ***/

.playable {
    position: relative;
}

.playable img {
    width: 100%;
    height: 100%;
}


/*** button wrapper ***/

/* fixed dimensions */
.has-hover .plb-btn {
    position: absolute;
    width: 74px;
    height: 54px;

    /* center horiz/vert */
    left: 50%;
    top: 50%;
    margin-left: -36px; /* 1/2 of width */
    margin-top: -27px;  /* 1/2 of height */
}
/* fluid dimensions */
.no-hover .plb-btn {
    position: absolute;

    /* dimensions: 4:3 w:h aspect ratio */
    width: 32%;
    height: 0;
    padding-top: 24%; /* height */

    /* flush left/bottom */
    left: 0;
    bottom: 0;
}


/*** button background ***/

.plb-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;

    background: #000;
}
.has-hover .plb-bg {
    /* opacity handled in hover section, below */
    border-radius: 4px;
}
.no-hover .plb-bg {
    opacity: 0.75;
    filter:alpha(opacity=75); /* IE8 */
}


/*** Play icon ***/

/* fixed dimensions: use borders */
.has-hover .plb-ic {
    position: absolute;
    width: 0;
    height: 0;
    left: 28px;
    top: 17px;
    border-width: 10px 0 10px 17px;
    border-color: transparent transparent transparent #fff;
    border-style: dashed dashed dashed solid; /* dashed for smooth rendering in ff */
}
/* fluid dimensions: SVG */
.no-hover .plb-ic {
    position: absolute;
    width: 37.5%;
    height: 0;
    padding-top: 37.5%; /* height */

    /* centering: these are valid as long as plb-btn has a 4:3 w:h aspect ratio */
    left: 31.25%; /* 10% of root width */
    top: 25%;     /* 6% of root width */

    background: url(/img/mobile-sprites-20150520.svg) no-repeat;
    background-size: 500% auto;
    background-position: 50% 0;
}

/* fallback for no-SVG browsers */
.no-svg.no-hover .plb-ic {
    background-image: url(/img/mobile-sprites-20150520.png);
}


/*** Pause icon ***/

/* fixed dimensions: use borders */
.has-hover .playing .plb-ic {
    /* overrides play icon */
    width: 5px;
    height: 20px;
    border: solid #fff;
    border-width: 0 6px;
}
/* fluid dimensions: SVG */
.no-hover .playing .plb-ic {
    background-position: 50% 4%;
}


/** Busy icon ***/

.busy .plb-btn .plb-ic {  /* .plb-btn adds to specificity of this rule, to override above rules */
    /* this bg image is high-res enough to be shared between the fixed/fluid layouts */
    background: url(/img/playerbusy_static_white.png) no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
    border: none;
    -webkit-animation: plb-busy 0.75s infinite linear;
            animation: plb-busy 0.75s infinite linear;
}
.has-hover .busy .plb-ic {
    width: 26px;
    height: 26px;
    left: 24px;
    top: 14px;
}
/* fluid dimensions: SVG */
.no-hover .busy .plb-ic {
    width: 50%;
    padding-top: 50%; /* height */
    /* centering: these are valid as long as plb-btn has a 4:3 w:h aspect ratio */
    left: 25%;
    top: 18.75%;
}
@-webkit-keyframes plb-busy {
    from {
        -webkit-transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes plb-busy {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}


/*** hover visibility ***/

.has-hover .plb-bg, 
.has-hover .plb-ic {
    opacity: 0;
    -webkit-transition-property: opacity;
            transition-property: opacity;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
}
.has-hover .playable:hover .plb-bg, 
.has-hover .playable-hover-target:hover .plb-bg, 
.has-hover .playing .plb-bg,
.has-hover .busy .plb-bg {
    opacity: 0.75;
}
.has-hover .playable:hover .plb-ic, 
.has-hover .playable-hover-target:hover .plb-ic, 
.has-hover .playing .plb-ic,
.has-hover .busy .plb-ic  {
    opacity: 1;
}

/* IE 8 */
.has-hover .ieLte8 .plb-bg, 
.has-hover .ieLte8 .plb-ic {
    visibility: hidden;
}
.has-hover .ieLte8 .playable:hover .plb-bg, 
.has-hover .ieLte8 .playable-hover-target:hover .plb-bg, 
.has-hover .ieLte8 .playing .plb-bg,
.has-hover .ieLte8 .busy .plb-bg {
    visibility: visible;
    filter:alpha(opacity=75);
}
.has-hover .ieLte8 .playable:hover .plb-ic, 
.has-hover .ieLte8 .playable-hover-target:hover .plb-ic, 
.has-hover .ieLte8 .playing .plb-ic,
.has-hover .ieLte8 .busy .plb-ic {
    visibility: visible;
}

/* ------------- BEGIN country_flags.css --------------- */
.flag-icon {
    background: transparent url('/img/_sprite_country_flags.png') no-repeat 0 0;
    background-size: 210px 165px;
    display: none;
    height: 11px;
    width: 14px;
}
.flag-icon.flag-ad {background-position: -14px 0; display:inline-block;}
.flag-icon.flag-ae {background-position: -28px 0; display:inline-block;}
.flag-icon.flag-af {background-position: -42px 0; display:inline-block;}
.flag-icon.flag-ag {background-position: -56px 0; display:inline-block;}
.flag-icon.flag-ai {background-position: -70px 0; display:inline-block;}
.flag-icon.flag-al {background-position: -84px 0; display:inline-block;}
.flag-icon.flag-am {background-position: -98px 0; display:inline-block;}
.flag-icon.flag-an {background-position: -112px 0; display:inline-block;}
.flag-icon.flag-ao {background-position: -126px 0; display:inline-block;}
.flag-icon.flag-ar {background-position: -140px 0; display:inline-block;}
.flag-icon.flag-as {background-position: -154px 0; display:inline-block;}
.flag-icon.flag-at {background-position: -168px 0; display:inline-block;}
.flag-icon.flag-au {background-position: -182px 0; display:inline-block;}
.flag-icon.flag-aw {background-position: -196px 0; display:inline-block;}
.flag-icon.flag-az {background-position: 0 -11px; display:inline-block;}
.flag-icon.flag-ba {background-position: -14px -11px; display:inline-block;}
.flag-icon.flag-bb {background-position: -28px -11px; display:inline-block;}
.flag-icon.flag-bd {background-position: -42px -11px; display:inline-block;}
.flag-icon.flag-be {background-position: -56px -11px; display:inline-block;}
.flag-icon.flag-bf {background-position: -70px -11px; display:inline-block;}
.flag-icon.flag-bg {background-position: -84px -11px; display:inline-block;}
.flag-icon.flag-bh {background-position: -98px -11px; display:inline-block;}
.flag-icon.flag-bi {background-position: -112px -11px; display:inline-block;}
.flag-icon.flag-bj {background-position: -126px -11px; display:inline-block;}
.flag-icon.flag-bm {background-position: -140px -11px; display:inline-block;}
.flag-icon.flag-bn {background-position: -154px -11px; display:inline-block;}
.flag-icon.flag-bo {background-position: -168px -11px; display:inline-block;}
.flag-icon.flag-br {background-position: -182px -11px; display:inline-block;}
.flag-icon.flag-bs {background-position: -196px -11px; display:inline-block;}
.flag-icon.flag-bt {background-position: 0 -22px; display:inline-block;}
.flag-icon.flag-bw {background-position: -14px -22px; display:inline-block;}
.flag-icon.flag-by {background-position: -28px -22px; display:inline-block;}
.flag-icon.flag-bz {background-position: -42px -22px; display:inline-block;}
.flag-icon.flag-ca {background-position: -56px -22px; display:inline-block;}
.flag-icon.flag-cd {background-position: -70px -22px; display:inline-block;}
.flag-icon.flag-cf {background-position: -84px -22px; display:inline-block;}
.flag-icon.flag-cg {background-position: -98px -22px; display:inline-block;}
.flag-icon.flag-ch {background-position: -112px -22px; display:inline-block;}
.flag-icon.flag-ci {background-position: -126px -22px; display:inline-block;}
.flag-icon.flag-ck {background-position: -140px -22px; display:inline-block;}
.flag-icon.flag-cl {background-position: -154px -22px; display:inline-block;}
.flag-icon.flag-cm {background-position: -168px -22px; display:inline-block;}
.flag-icon.flag-cn {background-position: -182px -22px; display:inline-block;}
.flag-icon.flag-co {background-position: -196px -22px; display:inline-block;}
.flag-icon.flag-cr {background-position: 0 -33px; display:inline-block;}
.flag-icon.flag-cu {background-position: -14px -33px; display:inline-block;}
.flag-icon.flag-cv {background-position: -28px -33px; display:inline-block;}
.flag-icon.flag-cy {background-position: -42px -33px; display:inline-block;}
.flag-icon.flag-cz {background-position: -56px -33px; display:inline-block;}
.flag-icon.flag-de {background-position: -70px -33px; display:inline-block;}
.flag-icon.flag-dj {background-position: -84px -33px; display:inline-block;}
.flag-icon.flag-dk {background-position: -98px -33px; display:inline-block;}
.flag-icon.flag-dm {background-position: -112px -33px; display:inline-block;}
.flag-icon.flag-do {background-position: -126px -33px; display:inline-block;}
.flag-icon.flag-dz {background-position: -140px -33px; display:inline-block;}
.flag-icon.flag-ec {background-position: -154px -33px; display:inline-block;}
.flag-icon.flag-ee {background-position: -168px -33px; display:inline-block;}
.flag-icon.flag-eg {background-position: -182px -33px; display:inline-block;}
.flag-icon.flag-eh {background-position: -196px -33px; display:inline-block;}
.flag-icon.flag-er {background-position: 0 -44px; display:inline-block;}
.flag-icon.flag-es {background-position: -14px -44px; display:inline-block;}
.flag-icon.flag-et {background-position: -28px -44px; display:inline-block;}
.flag-icon.flag-fi {background-position: -42px -44px; display:inline-block;}
.flag-icon.flag-fj {background-position: -56px -44px; display:inline-block;}
.flag-icon.flag-fm {background-position: -70px -44px; display:inline-block;}
.flag-icon.flag-fo {background-position: -84px -44px; display:inline-block;}
.flag-icon.flag-fr {background-position: -98px -44px; display:inline-block;}
.flag-icon.flag-ga {background-position: -112px -44px; display:inline-block;}
.flag-icon.flag-gb {background-position: -126px -44px; display:inline-block;}
.flag-icon.flag-gd {background-position: -140px -44px; display:inline-block;}
.flag-icon.flag-ge {background-position: -154px -44px; display:inline-block;}
.flag-icon.flag-gg {background-position: -168px -44px; display:inline-block;}
.flag-icon.flag-gh {background-position: -182px -44px; display:inline-block;}
.flag-icon.flag-gi {background-position: -196px -44px; display:inline-block;}
.flag-icon.flag-gl {background-position: 0 -55px; display:inline-block;}
.flag-icon.flag-gm {background-position: -14px -55px; display:inline-block;}
.flag-icon.flag-gn {background-position: -28px -55px; display:inline-block;}
.flag-icon.flag-gp {background-position: -42px -55px; display:inline-block;}
.flag-icon.flag-gq {background-position: -56px -55px; display:inline-block;}
.flag-icon.flag-gr {background-position: -70px -55px; display:inline-block;}
.flag-icon.flag-gt {background-position: -84px -55px; display:inline-block;}
.flag-icon.flag-gu {background-position: -98px -55px; display:inline-block;}
.flag-icon.flag-gw {background-position: -112px -55px; display:inline-block;}
.flag-icon.flag-gy {background-position: -126px -55px; display:inline-block;}
.flag-icon.flag-hk {background-position: -140px -55px; display:inline-block;}
.flag-icon.flag-hn {background-position: -154px -55px; display:inline-block;}
.flag-icon.flag-hr {background-position: -168px -55px; display:inline-block;}
.flag-icon.flag-ht {background-position: -182px -55px; display:inline-block;}
.flag-icon.flag-hu {background-position: -196px -55px; display:inline-block;}
.flag-icon.flag-id {background-position: 0 -66px; display:inline-block;}
.flag-icon.flag-ie {background-position: -14px -66px; display:inline-block;}
.flag-icon.flag-il {background-position: -28px -66px; display:inline-block;}
.flag-icon.flag-im {background-position: -42px -66px; display:inline-block;}
.flag-icon.flag-in {background-position: -56px -66px; display:inline-block;}
.flag-icon.flag-iq {background-position: -70px -66px; display:inline-block;}
.flag-icon.flag-ir {background-position: -84px -66px; display:inline-block;}
.flag-icon.flag-is {background-position: -98px -66px; display:inline-block;}
.flag-icon.flag-it {background-position: -112px -66px; display:inline-block;}
.flag-icon.flag-je {background-position: -126px -66px; display:inline-block;}
.flag-icon.flag-jm {background-position: -140px -66px; display:inline-block;}
.flag-icon.flag-jo {background-position: -154px -66px; display:inline-block;}
.flag-icon.flag-jp {background-position: -168px -66px; display:inline-block;}
.flag-icon.flag-ke {background-position: -182px -66px; display:inline-block;}
.flag-icon.flag-kg {background-position: -196px -66px; display:inline-block;}
.flag-icon.flag-kh {background-position: 0 -77px; display:inline-block;}
.flag-icon.flag-ki {background-position: -14px -77px; display:inline-block;}
.flag-icon.flag-km {background-position: -28px -77px; display:inline-block;}
.flag-icon.flag-kn {background-position: -42px -77px; display:inline-block;}
.flag-icon.flag-kp {background-position: -56px -77px; display:inline-block;}
.flag-icon.flag-kr {background-position: -70px -77px; display:inline-block;}
.flag-icon.flag-kw {background-position: -84px -77px; display:inline-block;}
.flag-icon.flag-ky {background-position: -98px -77px; display:inline-block;}
.flag-icon.flag-kz {background-position: -112px -77px; display:inline-block;}
.flag-icon.flag-la {background-position: -126px -77px; display:inline-block;}
.flag-icon.flag-lb {background-position: -140px -77px; display:inline-block;}
.flag-icon.flag-lc {background-position: -154px -77px; display:inline-block;}
.flag-icon.flag-li {background-position: -168px -77px; display:inline-block;}
.flag-icon.flag-lk {background-position: -182px -77px; display:inline-block;}
.flag-icon.flag-lr {background-position: -196px -77px; display:inline-block;}
.flag-icon.flag-ls {background-position: 0 -88px; display:inline-block;}
.flag-icon.flag-lt {background-position: -14px -88px; display:inline-block;}
.flag-icon.flag-lu {background-position: -28px -88px; display:inline-block;}
.flag-icon.flag-lv {background-position: -42px -88px; display:inline-block;}
.flag-icon.flag-ly {background-position: -56px -88px; display:inline-block;}
.flag-icon.flag-ma {background-position: -70px -88px; display:inline-block;}
.flag-icon.flag-mc {background-position: -84px -88px; display:inline-block;}
.flag-icon.flag-md {background-position: -98px -88px; display:inline-block;}
.flag-icon.flag-me {background-position: -112px -88px; display:inline-block;}
.flag-icon.flag-mg {background-position: -126px -88px; display:inline-block;}
.flag-icon.flag-mh {background-position: -140px -88px; display:inline-block;}
.flag-icon.flag-mk {background-position: -154px -88px; display:inline-block;}
.flag-icon.flag-ml {background-position: -168px -88px; display:inline-block;}
.flag-icon.flag-mm {background-position: -182px -88px; display:inline-block;}
.flag-icon.flag-mn {background-position: -196px -88px; display:inline-block;}
.flag-icon.flag-mo {background-position: 0 -99px; display:inline-block;}
.flag-icon.flag-mq {background-position: -14px -99px; display:inline-block;}
.flag-icon.flag-mr {background-position: -28px -99px; display:inline-block;}
.flag-icon.flag-ms {background-position: -42px -99px; display:inline-block;}
.flag-icon.flag-mt {background-position: -56px -99px; display:inline-block;}
.flag-icon.flag-mu {background-position: -70px -99px; display:inline-block;}
.flag-icon.flag-mv {background-position: -84px -99px; display:inline-block;}
.flag-icon.flag-mw {background-position: -98px -99px; display:inline-block;}
.flag-icon.flag-mx {background-position: -112px -99px; display:inline-block;}
.flag-icon.flag-my {background-position: -126px -99px; display:inline-block;}
.flag-icon.flag-mz {background-position: -140px -99px; display:inline-block;}
.flag-icon.flag-na {background-position: -154px -99px; display:inline-block;}
.flag-icon.flag-nc {background-position: -168px -99px; display:inline-block;}
.flag-icon.flag-ne {background-position: -182px -99px; display:inline-block;}
.flag-icon.flag-ng {background-position: -196px -99px; display:inline-block;}
.flag-icon.flag-ni {background-position: 0 -110px; display:inline-block;}
.flag-icon.flag-nl {background-position: -14px -110px; display:inline-block;}
.flag-icon.flag-no {background-position: -28px -110px; display:inline-block;}
.flag-icon.flag-np {background-position: -42px -110px; display:inline-block;}
.flag-icon.flag-nr {background-position: -56px -110px; display:inline-block;}
.flag-icon.flag-nz {background-position: -70px -110px; display:inline-block;}
.flag-icon.flag-om {background-position: -84px -110px; display:inline-block;}
.flag-icon.flag-pa {background-position: -98px -110px; display:inline-block;}
.flag-icon.flag-pe {background-position: -112px -110px; display:inline-block;}
.flag-icon.flag-pf {background-position: -126px -110px; display:inline-block;}
.flag-icon.flag-pg {background-position: -140px -110px; display:inline-block;}
.flag-icon.flag-ph {background-position: -154px -110px; display:inline-block;}
.flag-icon.flag-pk {background-position: -168px -110px; display:inline-block;}
.flag-icon.flag-pl {background-position: -182px -110px; display:inline-block;}
.flag-icon.flag-pr {background-position: -196px -110px; display:inline-block;}
.flag-icon.flag-ps {background-position: 0 -121px; display:inline-block;}
.flag-icon.flag-pt {background-position: -14px -121px; display:inline-block;}
.flag-icon.flag-pw {background-position: -28px -121px; display:inline-block;}
.flag-icon.flag-py {background-position: -42px -121px; display:inline-block;}
.flag-icon.flag-qa {background-position: -56px -121px; display:inline-block;}
.flag-icon.flag-re {background-position: -70px -121px; display:inline-block;}
.flag-icon.flag-ro {background-position: -84px -121px; display:inline-block;}
.flag-icon.flag-rs {background-position: -98px -121px; display:inline-block;}
.flag-icon.flag-ru {background-position: -112px -121px; display:inline-block;}
.flag-icon.flag-rw {background-position: -126px -121px; display:inline-block;}
.flag-icon.flag-sa {background-position: -140px -121px; display:inline-block;}
.flag-icon.flag-sb {background-position: -154px -121px; display:inline-block;}
.flag-icon.flag-sc {background-position: -168px -121px; display:inline-block;}
.flag-icon.flag-sd {background-position: -182px -121px; display:inline-block;}
.flag-icon.flag-se {background-position: -196px -121px; display:inline-block;}
.flag-icon.flag-sg {background-position: 0 -132px; display:inline-block;}
.flag-icon.flag-si {background-position: -14px -132px; display:inline-block;}
.flag-icon.flag-sk {background-position: -28px -132px; display:inline-block;}
.flag-icon.flag-sl {background-position: -42px -132px; display:inline-block;}
.flag-icon.flag-sm {background-position: -56px -132px; display:inline-block;}
.flag-icon.flag-sn {background-position: -70px -132px; display:inline-block;}
.flag-icon.flag-so {background-position: -84px -132px; display:inline-block;}
.flag-icon.flag-sr {background-position: -98px -132px; display:inline-block;}
.flag-icon.flag-st {background-position: -112px -132px; display:inline-block;}
.flag-icon.flag-sv {background-position: -126px -132px; display:inline-block;}
.flag-icon.flag-sy {background-position: -140px -132px; display:inline-block;}
.flag-icon.flag-sz {background-position: -154px -132px; display:inline-block;}
.flag-icon.flag-tc {background-position: -168px -132px; display:inline-block;}
.flag-icon.flag-td {background-position: -182px -132px; display:inline-block;}
.flag-icon.flag-tg {background-position: -196px -132px; display:inline-block;}
.flag-icon.flag-th {background-position: 0 -143px; display:inline-block;}
.flag-icon.flag-tj {background-position: -14px -143px; display:inline-block;}
.flag-icon.flag-tl {background-position: -28px -143px; display:inline-block;}
.flag-icon.flag-tm {background-position: -42px -143px; display:inline-block;}
.flag-icon.flag-tn {background-position: -56px -143px; display:inline-block;}
.flag-icon.flag-to {background-position: -70px -143px; display:inline-block;}
.flag-icon.flag-tr {background-position: -84px -143px; display:inline-block;}
.flag-icon.flag-tt {background-position: -98px -143px; display:inline-block;}
.flag-icon.flag-tv {background-position: -112px -143px; display:inline-block;}
.flag-icon.flag-tw {background-position: -126px -143px; display:inline-block;}
.flag-icon.flag-tz {background-position: -140px -143px; display:inline-block;}
.flag-icon.flag-ua {background-position: -154px -143px; display:inline-block;}
.flag-icon.flag-ug {background-position: -168px -143px; display:inline-block;}
.flag-icon.flag-us {background-position: -182px -143px; display:inline-block;}
.flag-icon.flag-uy {background-position: -196px -143px; display:inline-block;}
.flag-icon.flag-uz {background-position: 0 -154px; display:inline-block;}
.flag-icon.flag-va {background-position: -14px -154px; display:inline-block;}
.flag-icon.flag-vc {background-position: -28px -154px; display:inline-block;}
.flag-icon.flag-ve {background-position: -42px -154px; display:inline-block;}
.flag-icon.flag-vg {background-position: -56px -154px; display:inline-block;}
.flag-icon.flag-vi {background-position: -70px -154px; display:inline-block;}
.flag-icon.flag-vn {background-position: -84px -154px; display:inline-block;}
.flag-icon.flag-vu {background-position: -98px -154px; display:inline-block;}
.flag-icon.flag-ws {background-position: -112px -154px; display:inline-block;}
.flag-icon.flag-ye {background-position: -126px -154px; display:inline-block;}
.flag-icon.flag-za {background-position: -140px -154px; display:inline-block;}
.flag-icon.flag-zm {background-position: -154px -154px; display:inline-block;}
.flag-icon.flag-zw {background-position: -168px -154px; display:inline-block;}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
    .flag-icon {
        background: transparent url('/img/_sprite_country_flags@2x.png') no-repeat 0 0;
        background-size: 225px 165px;
        display: none;
        height: 11px;
        width: 15px;
    }
    .flag-icon.flag-ad {background-position: -15px 0; display:inline-block;}
    .flag-icon.flag-ae {background-position: -30px 0; display:inline-block;}
    .flag-icon.flag-af {background-position: -45px 0; display:inline-block;}
    .flag-icon.flag-ag {background-position: -60px 0; display:inline-block;}
    .flag-icon.flag-ai {background-position: -75px 0; display:inline-block;}
    .flag-icon.flag-al {background-position: -90px 0; display:inline-block;}
    .flag-icon.flag-am {background-position: -105px 0; display:inline-block;}
    .flag-icon.flag-an {background-position: -120px 0; display:inline-block;}
    .flag-icon.flag-ao {background-position: -135px 0; display:inline-block;}
    .flag-icon.flag-ar {background-position: -150px 0; display:inline-block;}
    .flag-icon.flag-as {background-position: -165px 0; display:inline-block;}
    .flag-icon.flag-at {background-position: -180px 0; display:inline-block;}
    .flag-icon.flag-au {background-position: -195px 0; display:inline-block;}
    .flag-icon.flag-aw {background-position: -210px 0; display:inline-block;}
    .flag-icon.flag-az {background-position: 0 -11px; display:inline-block;}
    .flag-icon.flag-ba {background-position: -15px -11px; display:inline-block;}
    .flag-icon.flag-bb {background-position: -30px -11px; display:inline-block;}
    .flag-icon.flag-bd {background-position: -45px -11px; display:inline-block;}
    .flag-icon.flag-be {background-position: -60px -11px; display:inline-block;}
    .flag-icon.flag-bf {background-position: -75px -11px; display:inline-block;}
    .flag-icon.flag-bg {background-position: -90px -11px; display:inline-block;}
    .flag-icon.flag-bh {background-position: -105px -11px; display:inline-block;}
    .flag-icon.flag-bi {background-position: -120px -11px; display:inline-block;}
    .flag-icon.flag-bj {background-position: -135px -11px; display:inline-block;}
    .flag-icon.flag-bm {background-position: -150px -11px; display:inline-block;}
    .flag-icon.flag-bn {background-position: -165px -11px; display:inline-block;}
    .flag-icon.flag-bo {background-position: -180px -11px; display:inline-block;}
    .flag-icon.flag-br {background-position: -195px -11px; display:inline-block;}
    .flag-icon.flag-bs {background-position: -210px -11px; display:inline-block;}
    .flag-icon.flag-bt {background-position: 0 -22px; display:inline-block;}
    .flag-icon.flag-bw {background-position: -15px -22px; display:inline-block;}
    .flag-icon.flag-by {background-position: -30px -22px; display:inline-block;}
    .flag-icon.flag-bz {background-position: -45px -22px; display:inline-block;}
    .flag-icon.flag-ca {background-position: -60px -22px; display:inline-block;}
    .flag-icon.flag-cd {background-position: -75px -22px; display:inline-block;}
    .flag-icon.flag-cf {background-position: -90px -22px; display:inline-block;}
    .flag-icon.flag-cg {background-position: -105px -22px; display:inline-block;}
    .flag-icon.flag-ch {background-position: -120px -22px; display:inline-block;}
    .flag-icon.flag-ci {background-position: -135px -22px; display:inline-block;}
    .flag-icon.flag-ck {background-position: -150px -22px; display:inline-block;}
    .flag-icon.flag-cl {background-position: -165px -22px; display:inline-block;}
    .flag-icon.flag-cm {background-position: -180px -22px; display:inline-block;}
    .flag-icon.flag-cn {background-position: -195px -22px; display:inline-block;}
    .flag-icon.flag-co {background-position: -210px -22px; display:inline-block;}
    .flag-icon.flag-cr {background-position: 0 -33px; display:inline-block;}
    .flag-icon.flag-cu {background-position: -15px -33px; display:inline-block;}
    .flag-icon.flag-cv {background-position: -30px -33px; display:inline-block;}
    .flag-icon.flag-cy {background-position: -45px -33px; display:inline-block;}
    .flag-icon.flag-cz {background-position: -60px -33px; display:inline-block;}
    .flag-icon.flag-de {background-position: -75px -33px; display:inline-block;}
    .flag-icon.flag-dj {background-position: -90px -33px; display:inline-block;}
    .flag-icon.flag-dk {background-position: -105px -33px; display:inline-block;}
    .flag-icon.flag-dm {background-position: -120px -33px; display:inline-block;}
    .flag-icon.flag-do {background-position: -135px -33px; display:inline-block;}
    .flag-icon.flag-dz {background-position: -150px -33px; display:inline-block;}
    .flag-icon.flag-ec {background-position: -165px -33px; display:inline-block;}
    .flag-icon.flag-ee {background-position: -180px -33px; display:inline-block;}
    .flag-icon.flag-eg {background-position: -195px -33px; display:inline-block;}
    .flag-icon.flag-eh {background-position: -210px -33px; display:inline-block;}
    .flag-icon.flag-er {background-position: 0 -44px; display:inline-block;}
    .flag-icon.flag-es {background-position: -15px -44px; display:inline-block;}
    .flag-icon.flag-et {background-position: -30px -44px; display:inline-block;}
    .flag-icon.flag-fi {background-position: -45px -44px; display:inline-block;}
    .flag-icon.flag-fj {background-position: -60px -44px; display:inline-block;}
    .flag-icon.flag-fm {background-position: -75px -44px; display:inline-block;}
    .flag-icon.flag-fo {background-position: -90px -44px; display:inline-block;}
    .flag-icon.flag-fr {background-position: -105px -44px; display:inline-block;}
    .flag-icon.flag-ga {background-position: -120px -44px; display:inline-block;}
    .flag-icon.flag-gb {background-position: -135px -44px; display:inline-block;}
    .flag-icon.flag-gd {background-position: -150px -44px; display:inline-block;}
    .flag-icon.flag-ge {background-position: -165px -44px; display:inline-block;}
    .flag-icon.flag-gg {background-position: -180px -44px; display:inline-block;}
    .flag-icon.flag-gh {background-position: -195px -44px; display:inline-block;}
    .flag-icon.flag-gi {background-position: -210px -44px; display:inline-block;}
    .flag-icon.flag-gl {background-position: 0 -55px; display:inline-block;}
    .flag-icon.flag-gm {background-position: -15px -55px; display:inline-block;}
    .flag-icon.flag-gn {background-position: -30px -55px; display:inline-block;}
    .flag-icon.flag-gp {background-position: -45px -55px; display:inline-block;}
    .flag-icon.flag-gq {background-position: -60px -55px; display:inline-block;}
    .flag-icon.flag-gr {background-position: -75px -55px; display:inline-block;}
    .flag-icon.flag-gt {background-position: -90px -55px; display:inline-block;}
    .flag-icon.flag-gu {background-position: -105px -55px; display:inline-block;}
    .flag-icon.flag-gw {background-position: -120px -55px; display:inline-block;}
    .flag-icon.flag-gy {background-position: -135px -55px; display:inline-block;}
    .flag-icon.flag-hk {background-position: -150px -55px; display:inline-block;}
    .flag-icon.flag-hn {background-position: -165px -55px; display:inline-block;}
    .flag-icon.flag-hr {background-position: -180px -55px; display:inline-block;}
    .flag-icon.flag-ht {background-position: -195px -55px; display:inline-block;}
    .flag-icon.flag-hu {background-position: -210px -55px; display:inline-block;}
    .flag-icon.flag-id {background-position: 0 -66px; display:inline-block;}
    .flag-icon.flag-ie {background-position: -15px -66px; display:inline-block;}
    .flag-icon.flag-il {background-position: -30px -66px; display:inline-block;}
    .flag-icon.flag-im {background-position: -45px -66px; display:inline-block;}
    .flag-icon.flag-in {background-position: -60px -66px; display:inline-block;}
    .flag-icon.flag-iq {background-position: -75px -66px; display:inline-block;}
    .flag-icon.flag-ir {background-position: -90px -66px; display:inline-block;}
    .flag-icon.flag-is {background-position: -105px -66px; display:inline-block;}
    .flag-icon.flag-it {background-position: -120px -66px; display:inline-block;}
    .flag-icon.flag-je {background-position: -135px -66px; display:inline-block;}
    .flag-icon.flag-jm {background-position: -150px -66px; display:inline-block;}
    .flag-icon.flag-jo {background-position: -165px -66px; display:inline-block;}
    .flag-icon.flag-jp {background-position: -180px -66px; display:inline-block;}
    .flag-icon.flag-ke {background-position: -195px -66px; display:inline-block;}
    .flag-icon.flag-kg {background-position: -210px -66px; display:inline-block;}
    .flag-icon.flag-kh {background-position: 0 -77px; display:inline-block;}
    .flag-icon.flag-ki {background-position: -15px -77px; display:inline-block;}
    .flag-icon.flag-km {background-position: -30px -77px; display:inline-block;}
    .flag-icon.flag-kn {background-position: -45px -77px; display:inline-block;}
    .flag-icon.flag-kp {background-position: -60px -77px; display:inline-block;}
    .flag-icon.flag-kr {background-position: -75px -77px; display:inline-block;}
    .flag-icon.flag-kw {background-position: -90px -77px; display:inline-block;}
    .flag-icon.flag-ky {background-position: -105px -77px; display:inline-block;}
    .flag-icon.flag-kz {background-position: -120px -77px; display:inline-block;}
    .flag-icon.flag-la {background-position: -135px -77px; display:inline-block;}
    .flag-icon.flag-lb {background-position: -150px -77px; display:inline-block;}
    .flag-icon.flag-lc {background-position: -165px -77px; display:inline-block;}
    .flag-icon.flag-li {background-position: -180px -77px; display:inline-block;}
    .flag-icon.flag-lk {background-position: -195px -77px; display:inline-block;}
    .flag-icon.flag-lr {background-position: -210px -77px; display:inline-block;}
    .flag-icon.flag-ls {background-position: 0 -88px; display:inline-block;}
    .flag-icon.flag-lt {background-position: -15px -88px; display:inline-block;}
    .flag-icon.flag-lu {background-position: -30px -88px; display:inline-block;}
    .flag-icon.flag-lv {background-position: -45px -88px; display:inline-block;}
    .flag-icon.flag-ly {background-position: -60px -88px; display:inline-block;}
    .flag-icon.flag-ma {background-position: -75px -88px; display:inline-block;}
    .flag-icon.flag-mc {background-position: -90px -88px; display:inline-block;}
    .flag-icon.flag-md {background-position: -105px -88px; display:inline-block;}
    .flag-icon.flag-me {background-position: -120px -88px; display:inline-block;}
    .flag-icon.flag-mg {background-position: -135px -88px; display:inline-block;}
    .flag-icon.flag-mh {background-position: -150px -88px; display:inline-block;}
    .flag-icon.flag-mk {background-position: -165px -88px; display:inline-block;}
    .flag-icon.flag-ml {background-position: -180px -88px; display:inline-block;}
    .flag-icon.flag-mm {background-position: -195px -88px; display:inline-block;}
    .flag-icon.flag-mn {background-position: -210px -88px; display:inline-block;}
    .flag-icon.flag-mo {background-position: 0 -99px; display:inline-block;}
    .flag-icon.flag-mq {background-position: -15px -99px; display:inline-block;}
    .flag-icon.flag-mr {background-position: -30px -99px; display:inline-block;}
    .flag-icon.flag-ms {background-position: -45px -99px; display:inline-block;}
    .flag-icon.flag-mt {background-position: -60px -99px; display:inline-block;}
    .flag-icon.flag-mu {background-position: -75px -99px; display:inline-block;}
    .flag-icon.flag-mv {background-position: -90px -99px; display:inline-block;}
    .flag-icon.flag-mw {background-position: -105px -99px; display:inline-block;}
    .flag-icon.flag-mx {background-position: -120px -99px; display:inline-block;}
    .flag-icon.flag-my {background-position: -135px -99px; display:inline-block;}
    .flag-icon.flag-mz {background-position: -150px -99px; display:inline-block;}
    .flag-icon.flag-na {background-position: -165px -99px; display:inline-block;}
    .flag-icon.flag-nc {background-position: -180px -99px; display:inline-block;}
    .flag-icon.flag-ne {background-position: -195px -99px; display:inline-block;}
    .flag-icon.flag-ng {background-position: -210px -99px; display:inline-block;}
    .flag-icon.flag-ni {background-position: 0 -110px; display:inline-block;}
    .flag-icon.flag-nl {background-position: -15px -110px; display:inline-block;}
    .flag-icon.flag-no {background-position: -30px -110px; display:inline-block;}
    .flag-icon.flag-np {background-position: -45px -110px; display:inline-block;}
    .flag-icon.flag-nr {background-position: -60px -110px; display:inline-block;}
    .flag-icon.flag-nz {background-position: -75px -110px; display:inline-block;}
    .flag-icon.flag-om {background-position: -90px -110px; display:inline-block;}
    .flag-icon.flag-pa {background-position: -105px -110px; display:inline-block;}
    .flag-icon.flag-pe {background-position: -120px -110px; display:inline-block;}
    .flag-icon.flag-pf {background-position: -135px -110px; display:inline-block;}
    .flag-icon.flag-pg {background-position: -150px -110px; display:inline-block;}
    .flag-icon.flag-ph {background-position: -165px -110px; display:inline-block;}
    .flag-icon.flag-pk {background-position: -180px -110px; display:inline-block;}
    .flag-icon.flag-pl {background-position: -195px -110px; display:inline-block;}
    .flag-icon.flag-pr {background-position: -210px -110px; display:inline-block;}
    .flag-icon.flag-ps {background-position: 0 -121px; display:inline-block;}
    .flag-icon.flag-pt {background-position: -15px -121px; display:inline-block;}
    .flag-icon.flag-pw {background-position: -30px -121px; display:inline-block;}
    .flag-icon.flag-py {background-position: -45px -121px; display:inline-block;}
    .flag-icon.flag-qa {background-position: -60px -121px; display:inline-block;}
    .flag-icon.flag-re {background-position: -75px -121px; display:inline-block;}
    .flag-icon.flag-ro {background-position: -90px -121px; display:inline-block;}
    .flag-icon.flag-rs {background-position: -105px -121px; display:inline-block;}
    .flag-icon.flag-ru {background-position: -120px -121px; display:inline-block;}
    .flag-icon.flag-rw {background-position: -135px -121px; display:inline-block;}
    .flag-icon.flag-sa {background-position: -150px -121px; display:inline-block;}
    .flag-icon.flag-sb {background-position: -165px -121px; display:inline-block;}
    .flag-icon.flag-sc {background-position: -180px -121px; display:inline-block;}
    .flag-icon.flag-sd {background-position: -195px -121px; display:inline-block;}
    .flag-icon.flag-se {background-position: -210px -121px; display:inline-block;}
    .flag-icon.flag-sg {background-position: 0 -132px; display:inline-block;}
    .flag-icon.flag-si {background-position: -15px -132px; display:inline-block;}
    .flag-icon.flag-sk {background-position: -30px -132px; display:inline-block;}
    .flag-icon.flag-sl {background-position: -45px -132px; display:inline-block;}
    .flag-icon.flag-sm {background-position: -60px -132px; display:inline-block;}
    .flag-icon.flag-sn {background-position: -75px -132px; display:inline-block;}
    .flag-icon.flag-so {background-position: -90px -132px; display:inline-block;}
    .flag-icon.flag-sr {background-position: -105px -132px; display:inline-block;}
    .flag-icon.flag-st {background-position: -120px -132px; display:inline-block;}
    .flag-icon.flag-sv {background-position: -135px -132px; display:inline-block;}
    .flag-icon.flag-sy {background-position: -150px -132px; display:inline-block;}
    .flag-icon.flag-sz {background-position: -165px -132px; display:inline-block;}
    .flag-icon.flag-tc {background-position: -180px -132px; display:inline-block;}
    .flag-icon.flag-td {background-position: -195px -132px; display:inline-block;}
    .flag-icon.flag-tg {background-position: -210px -132px; display:inline-block;}
    .flag-icon.flag-th {background-position: 0 -143px; display:inline-block;}
    .flag-icon.flag-tj {background-position: -15px -143px; display:inline-block;}
    .flag-icon.flag-tl {background-position: -30px -143px; display:inline-block;}
    .flag-icon.flag-tm {background-position: -45px -143px; display:inline-block;}
    .flag-icon.flag-tn {background-position: -60px -143px; display:inline-block;}
    .flag-icon.flag-to {background-position: -75px -143px; display:inline-block;}
    .flag-icon.flag-tr {background-position: -90px -143px; display:inline-block;}
    .flag-icon.flag-tt {background-position: -105px -143px; display:inline-block;}
    .flag-icon.flag-tv {background-position: -120px -143px; display:inline-block;}
    .flag-icon.flag-tw {background-position: -135px -143px; display:inline-block;}
    .flag-icon.flag-tz {background-position: -150px -143px; display:inline-block;}
    .flag-icon.flag-ua {background-position: -165px -143px; display:inline-block;}
    .flag-icon.flag-ug {background-position: -180px -143px; display:inline-block;}
    .flag-icon.flag-us {background-position: -195px -143px; display:inline-block;}
    .flag-icon.flag-uy {background-position: -210px -143px; display:inline-block;}
    .flag-icon.flag-uz {background-position: 0 -154px; display:inline-block;}
    .flag-icon.flag-va {background-position: -15px -154px; display:inline-block;}
    .flag-icon.flag-vc {background-position: -30px -154px; display:inline-block;}
    .flag-icon.flag-ve {background-position: -45px -154px; display:inline-block;}
    .flag-icon.flag-vg {background-position: -60px -154px; display:inline-block;}
    .flag-icon.flag-vi {background-position: -75px -154px; display:inline-block;}
    .flag-icon.flag-vn {background-position: -90px -154px; display:inline-block;}
    .flag-icon.flag-vu {background-position: -105px -154px; display:inline-block;}
    .flag-icon.flag-ws {background-position: -120px -154px; display:inline-block;}
    .flag-icon.flag-ye {background-position: -135px -154px; display:inline-block;}
    .flag-icon.flag-za {background-position: -150px -154px; display:inline-block;}
    .flag-icon.flag-zm {background-position: -165px -154px; display:inline-block;}
    .flag-icon.flag-zw {background-position: -180px -154px; display:inline-block;}
}
/* ------------- BEGIN home_2015.css --------------- */
/*------------------------------------------------------------*/

.client-rendered {
    display: none;
}

/*title elements*/
.discover .section-title,
.spotlight .section-title,
.signups .section-title {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 18px;
}
.section-title > em {
    color: #999;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-left: 28px;
}
.section-title a {
    border-radius: 14px;
    color: #666;
    margin-right: 8px;
    padding: 6px 10px;
    text-decoration: none;
    transition: background-color 0.4s ease-in;
}
.section-title a:hover {
    text-decoration: underline;
}
.section-title a:first-child {
    margin-left: 8px;
}
.section-title a:last-child {
    margin-right: 0;
}
.section-title a:active,
.section-title a.selected {
    background-color: rgba(144,144,144,0.25);
    color: #000;
}
.section-title a.selected:hover {
    text-decoration: none;
}
.salesfeed .section-title,
.notable .section-title,
.featured .section-title,
.tags .section-title {
    color: #408ea3;
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 18px;
    text-transform: uppercase;
}

.item-title > a {
    color: #000;
    text-decoration: none;
}
.item-title > a:hover {
    text-decoration: underline;
}

.load-more {
    display: none;
}

/*------------------------------------------------------------*/
/* [ buy now | wishlist | hear more ] buttons */
.collect-item-container {}
.collect-item-container ul {
    border: 1px solid #b2b2b2;
    border-radius: 3px;
    font-size: 0;
    list-style: none;
    margin: 10px 0;
    padding: 0;
}
.item-container {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    line-height: 35px;
    text-align: center;
    width: 33%;
}
.item-container a {
    cursor: pointer;
}
.item-container > a,
.item-container > span {
    border-right: 1px solid #b2b2b2;
    display: block;
}
.purchased .item-container.wishlist {
    width: 100%;
}
.purchased .item-container.wishlist > a,
.purchased .item-container.wishlist > span {
    border: none;
    color: #555;
}
.collection-btn > a {
    display: block;
}
.collection-btn.wishlisted-msg > a {
    display: inline-block;
}
.item-container:last-child > a,
.item-container:last-child > span {
    border-right: none;
}
.item-container.nav_note {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}
.purchased+.item-container.nav_note {
    display: none;
}
.collect-item .collect-item-icon {
    background-position: 0px -73px;
    display: inline-block;
    height: 13px;
    margin-right: 4px;
    vertical-align: middle;
    width: 14px;
}
/* buy now · wishlist links*/
.item-collection-controls {
    opacity: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    transition: opacity 0.2s ease-in;
}
.playing~.item-collection-controls,
.playable-hover-target:hover .item-collection-controls,
.no-hover .item-collection-controls {
    opacity: 1;
}
.item-collection-controls > li {
    margin-right: 20px;
}
.item-collection-controls > li a {
    color: #000;
    font-weight: 500;
}
.item-collection-controls > li a:hover {
    text-decoration: underline;
}
/* icons */
.purchased-msg .collect-item-icon {
    background-position: -42px -73px;
}
.wishlist-msg .collect-item-icon {
    background-position: -14px -73px;
}
.wishlisted-msg .collect-item-icon,
.wishlist-msg.wishlisted .collect-item-icon,
.bcweekly .wishlist-msg.wishlisted .collect-item-icon{
    background-position: -28px -73px;
}
.purchased-msg.purchased .collect-item-icon+.txt {
    font-size: 12px;
    margin-left: 4px;
    margin-top: 1px;
}
/* visibility */
.buy-now,
.wishlist-msg,
.wishlisted .wishlisted-msg,
.purchased .purchased-msg,
.purchased.purchased-msg {
    display: inline-block;
}
.purchased-msg,
.wishlisted-msg,
.item-container .purchased-msg,
.item-container .wishlisted-msg,
.item-container .purchased .buy-now,
.purchased .wishlist-msg,
.purchased .wishlisted-msg,
.purchased .buy-now,
.purchased .hear-more,
.wishlisted .wishlist-msg,
.purchased.wishlist-msg,
.purchased.wishlisted-msg,
.purchased.buy-now {
    display: none;
}
.track-large .wishlisted .wishlisted-msg,
.track-large .purchased .purchased-msg,
.discover-detail .wishlisted .wishlisted-msg,
.discover-detail .purchased .purchased-msg {
    display: block;
}

/*------------------------------------------------------------*/
/*play buttons*/
.no-hover .plb-bg {
    background: #000;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.5);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.no-hover .plb-btn {
    bottom: 6px;
    height: 0;
    left: 6px;
    padding-top: 24%;
    position: absolute;
    width: 32%;
}
.no-hover .plb-bg {
    opacity: 0.75;
}
.no-hover .plb-ic {
    background: url(/img/mobile-sprites-20150520.svg) no-repeat 50% 0;
    background-size: 500% auto;
    height: 0;
    left: 35%;
    padding-top: 37.5%;
    position: absolute;
    top: 25%;
    width: 37.5%;
}

/*------------------------------------------------------------*/
/*bcweekly*/
.bcweekly-outer {
    background-color: #eef2f3;
    box-shadow: inset 0 0 1px 0 rgba(0,0,0,0.15);
}
.bcweekly {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 0;
    overflow: hidden;
    padding:35% 0 0;
    position: relative;
    transition: padding-top 0.33s ease-in;
}
.bcweekly.busy,
.bcweekly.expanded {
    padding: 45% 0 0;
}
.bcweekly.unpublished:after {
    background-color: rgba(255, 0, 0, 0.6);
    color: #fff;
    content: 'unpublished';
    font-size: 12px;
    font-weight: 700;
    padding: 8px 0;
    position: absolute;
    right: -34px;
    text-align: center;
    top: 26px;
    transform: rotate(45deg);
    width: 150px;
}
.bcweekly-player {
    background-color: transparent;
    box-shadow: 0 0 0 0 rgba(0,0,0,0.0);
    bottom: 20px;
    max-height: 169px;
    min-height: 100px;
    position: absolute;
    width: 560px;
    transition: 
        box-shadow 0.175s linear,
        max-height 0.33s ease-in-out,
        min-height 0.33s ease-in-out,
        width 0.33s ease-in-out;
}
.bcweekly.expanded .bcweekly-player,
.bcweekly.busy .bcweekly-player {
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
    max-height: 72px;
    min-height: 58px;
    width: 414px;
    z-index: 1;
}
.bcweekly .bcweekly-player .bcweekly-player-fade {
    opacity: 0;
}
.bcweekly.expanded .bcweekly-player .bcweekly-player-fade {
    background: url('/img/overflow-fade.png') repeat-x;
    background: -moz-linear-gradient(top, 66% rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    background: -webkit-linear-gradient(top, 66% rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    bottom: 100%;
    display: block;
    height: 30px;
    position: absolute;
    width: 100%;
    -webkit-animation: fade-in 0.175s ease-in;
    -moz-animation: fade-in 0.175s ease-in;
    animation: fade-in 0.175s ease-in;
    -webkit-animation-delay: 0.33s;
    -moz-animation-delay: 0.33s;
    animation-delay: 0.33s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.bcweekly-player > .col {
    background-color: transparent;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
    max-height: 169px;
    min-height: 58px;
    transition: 
        box-shadow 0.175s linear,
        max-height 0.33s ease-in-out,
        min-height 0.33s ease-in-out,
        width 0.33s ease-in-out;
    width: 123px;
}
.bcweekly-player > .col+.col {
    background-color: #fff;
    min-height: 103px;
    padding: 0 15px;
    width: 407px;
}
.bcweekly.expanded .bcweekly-player > .col,
.bcweekly.busy .bcweekly-player > .col {
    box-shadow: 0 0 0 0 rgba(0,0,0,0.0);
    max-height: 72px;
    min-height: 58px;
    width: 79px;
}
.bcweekly.expanded .bcweekly-player > .col+.col,
.bcweekly.busy .bcweekly-player > .col+.col {
    background-color: #f5f5f5;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);
    min-height: 58px;
    width: 305px;
}
.bcweekly .social-controls {
    display: none;
}
.bcweekly ul.social-controls {
    margin: -2px 0 0;
    padding: 0;
    padding-left: 10px;
    vertical-align: middle;
}
.bcweekly ul.social-controls li {
    list-style-type: none;
    float: left;
}
.bcweekly ul.social-controls li a {
    border-radius: 2px;
    display: block;
    margin: -5px 20px -5px -5px;
    padding: 5px;
}
.bcweekly ul.social-controls a.twitter-link {
    margin-right: 15px;
}
.bcweekly.sharing ul.social-controls {
    display: inline-block;
}
.bcweekly.sharing .bcweekly-share-link {
    display: none;
}
.bcweekly-links-2 .bcweekly-shows-link:after {
    color: #ccc;
    content: '|';
    display: inline-block;
    margin: 0 10px 0 10px;
}
ul.social-controls {
    
}

.bcweekly ul.social-controls .bc-home {
    display: inline-block;
    height: 15px;
    min-width: 15px;
}
.facebook-link .bc-home {
    background-position: 0 -60px;
}
.facebook-link:hover .bc-home {
    background-position: 0 -80px;
}
.twitter-link .bc-home {
    background-position: -20px -60px;
    width: 18px;
}
.twitter-link:hover .bc-home {
    background-position: -20px -80px;
}
.gplus-link .bc-home {
    background-position: -40px -60px;
    width: 25px;
}
.gplus-link:hover .bc-home {
    background-position: -40px -80px;
}
.email-link .bc-home {
    background-position: -70px -60px;
    width: 19px;
}
.email-link:hover .bc-home {
    background-position: -70px -80px;
}

.bcweekly-email-panel {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    left: 0;
    outline: none;
    padding: 13px;
    position: absolute;
    top: 0;
    z-index: 10;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
}
.bcweekly-email-panel .close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 20px;
    height: 20px;
    border-radius: 3px;
}
.bcweekly-email-panel .close span {
    width: 9px;
    height: 9px;
    background-position: 0 -44px;
    display: inline-block;
    text-indent: -9999px;
    position: relative;
    top: 6px;
    right: -6px;
}
.bcweekly-email-panel .email-field {
    width: 286px;
}

.bcweekly-title,
.bcweekly-credits,
.bcweekly-desc,
.bcweekly-links-1,
.bcweekly-links-2 {
    font-size: 13px;
    line-height: 18px;
}
.bcweekly-title {
    font-size: 18px;
    margin: 10px 65px 5px 0;
}
.bcweekly-title > em {
    color: #999;
    font-style: normal;
    font-weight: 500;
    margin-left: 4px;
    font-size: 13px;
}
.bcweekly-desc {
    clear: both;
    margin: 0;
}
.bcweekly.busy .bcweekly-desc,
.bcweekly.expanded .bcweekly-desc,
.bcweekly.busy .bcweekly-credits,
.bcweekly.expanded .bcweekly-credits {
    display: none;
}
.bcweekly.busy .bcweekly-title,
.bcweekly.expanded .bcweekly-title {
    font-size: 14px;
    margin-right: 0;
}
.bcweekly-credits {
    color: #777;
    font-size: 11px;
    line-height: 16px;
    margin: 6px 0 8px;
}
.bcweekly-credits a {
    color: #777;
    display: inline-block;
    text-decoration: none;
}
.bcweekly-credits a:hover {
    color: #000;
    text-decoration: underline;
}
.bcweekly-links-1,
.bcweekly-links-2,
.bcweekly-links-3 {
    color: #999;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
}
.bcweekly-links-1 {
    position: absolute;
    right: 15px;
    top: 8px;
    font-size: 13px;
    margin: 5px 0 7px;
    text-align: right;
}
.bcweekly-links-2 {
    margin: 4px 0 5px;
}
.bcweekly-tabs,
.bcweekly-links-2,
.bcweekly-links-3 {
    display: none;
}
.bcweekly.busy .bcweekly-credits+.bcweekly-links-1,
.bcweekly.expanded .bcweekly-credits+.bcweekly-links-1 {
    display: none;
}
.bcweekly.busy .bcweekly-links-2,
.bcweekly.expanded .bcweekly-links-2 {
    display: block;
}
.bcweekly-links-1 > a,
.bcweekly-links-2 > a,
.bcweekly-links-3 > a {
    color: #408ea3;
    text-decoration: none;
}
.bcweekly-links-1 > a:hover,
.bcweekly-links-2 > a:hover {
    text-decoration: underline;
}
.bcweekly-player .play-btn {
    background: #000;
    display: block;
    height: 103px;
    position: relative;
    text-align: center;
    width: 123px;
    transition: 
        height 0.33s ease-in-out, 
        width 0.33s ease-in-out;
}
.bcweekly.busy .bcweekly-player .play-btn,
.bcweekly.expanded .bcweekly-player .play-btn {
    height: 58px;
    width: 79px;
}
.bcweekly-player .play-btn .icon {
    border-bottom: inset 14px transparent;
    border-left: 24px solid #fff;
    border-top: inset 14px transparent;
    display: inline-block;
    height: 0px;
    margin: 37px 0 0 5px;
    width: 0px;
}
.bcweekly.expanded .bcweekly-player .play-btn .icon {
    border-bottom: inset 11px transparent;
    border-left: 18px solid #fff;
    border-top: inset 11px transparent;
    display: inline-block;
    height: 0px;
    margin: 18px 0 0 4px;
    width: 0px;
}
.bcweekly.expanded .bcweekly-player .play-btn .icon {
    margin: 18px 0 0 4px;
}
.bcweekly.playing .bcweekly-player .play-btn .icon {
    border-style: solid;
    border-width: 0px 6px 0px 6px;
    border-color: #fff;
    height: 22px;
    width: 6px;
}
.bcweekly.playing .bcweekly-player .play-btn .icon {
    margin: 37px 0 0;
}
.bcweekly.playing.expanded .bcweekly-player .play-btn .icon {
    margin: 18px 0 0;
}
.bcweekly.busy .bcweekly-player .play-btn .icon {
    -webkit-animation: plb-busy 0.75s infinite linear;
    -moz-animation: plb-busy 0.75s infinite linear;
    animation: plb-busy 0.75s infinite linear;
    background: url('/img/homepage_2015/playerbusy_static_white.png') no-repeat;
    background-size: 100%;
    border: none;
    height: 28px;
    margin: 16px 0 0;
    width: 28px;
}
.bcweekly-player .play-btn:hover {
    cursor: pointer;
}
.bcweekly-scrubber {
    opacity: 0;
}
.bcweekly.busy .bcweekly-scrubber,
.bcweekly.expanded .bcweekly-scrubber {
    opacity: 1;
    -webkit-animation: fade-in 0.33s ease-in;
    -moz-animation: fade-in 0.33s ease-in;
    animation: fade-in 0.33s ease-in;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.bcweekly-player .scrubber {
    background: #e5e5e5;
    height: 13px;
    float: left;
    position: relative;
    width: 313px;
}
.bcweekly-player .scrubber-buffer {
    height: 100%;
    width: 0;
    background: #cecece;
}
.bcweekly-player .scrubber-thumb {
    background: #666464;
    height: 100%;
    position: absolute;
    top: 0;
    width: 26px;
}
.bcweekly-player .scrubber-time {
    background: #e5e5e5;
    border-left: 1px solid #8d8d8d;
    color: #000;
    float: left;
    font-size: 10px;
    line-height: 13px;
    text-align: center;
    width: 100px;
}
/*bcweekly: tracklist*/
.bcweekly-tracks {
    background-color: #fff;
    bottom: 0;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
    opacity: 0;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 10px;
    position: absolute;
    top: 100%;
    width: 394px;
    transition: opacity 0.15s ease-in-out, top 0.33s ease-out;
}
.bcweekly.busy .bcweekly-tracks,
.bcweekly.expanded .bcweekly-tracks {
    bottom: 91px;
    opacity: 1;
    top: 25%;
}
.bcweekly-tracks a,
.bcweekly-tracks a:hover {
    color: #000;
}
.bcweekly-tracks .buy-now a:hover {
    text-decoration: underline;
}
.bcweekly-track-list {
    list-style: none;
    margin: 0;
    padding: 0 0 10px;
}
.bcweekly-track {
    border-top: 1px solid #e8e8e8;
    cursor: pointer;
    padding: 10px 0;
}
.bcweekly-track:first-child {
    border-top: none;
    padding: 0 0 10px;
}
.bcweekly-track > .col {
    opacity: 0.5;
}
.bcweekly-track .track-details,
.bcweekly-track .track-title,
.bcweekly-track .track-artist,
.bcweekly-track .track-loc,
.bcweekly-track .track-number {
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bcweekly-track .track-details {
    padding-top: 6px;
}
.bcweekly-track .track-details,
.bcweekly-track .track-artist {
    padding-right: 6px;
}
.bcweekly-track .track-album {
    font-weight: 700;
}
.bcweekly-track .track-number {
    color: #ccc;
    font-size: 10px;
    font-weight: 700;
    padding-top: 9px;
}
.bcweekly-track .track-artist,
.bcweekly-track .track-number {
    cursor: pointer;
}
.bcweekly .collect-item-container a,
.bcweekly .collect-item-container a:hover {
    color: #408ea3;
}
.bcweekly .item-container > a,
.bcweekly .item-container > span,
.bcweekly .collect-item-container ul {
    border-color: #e4eff2;
    margin: 0;
}
.bcweekly .wishlist-msg .collect-item-icon {
    background-position: -56px -73px;
}
.bcweekly-track .purchased-msg .txt,
.bcweekly-track .wishlist-msg .txt,
.bcweekly-track .wishlisted-msg .txt,
.bcweekly-track .package-images,
.bcweekly-current > .col {
    display: none;
}
.bcweekly-track .purchased-msg.purchased .txt {
    display: inline-block;
}
.bcweekly-track > .col .collect-item-icon {
    margin-right: 0;
}
.bcweekly-track .collect-item-container {
    padding-top: 7px;
}
.bcweekly-track .wishlist-msg,
.bcweekly-track .wishlisted-msg {
    margin: 0 0 0 26px;
}
.bcweekly-track .collect-item-container .wishlisted-msg a,
.bcweekly-track .collect-item-container .wishlisted-msg a:hover {
    color: #555;
}
.bcweekly-track .collect-item-container .purchased-msg > a,
.bcweekly-track .collect-item-container .purchased-msg > a:hover {
    color: #555;
    white-space: nowrap;
}
/*bcweekly: large tracklist*/
.bcweekly-track .track-large {
    cursor: default;
    height: 0px;
    overflow: hidden;
}
.bcweekly-current .track-large {
    height: 245px;
    transition: height 0.33s ease-in-out;
    -webkit-animation: fade-in 0.33s ease-in;
    -moz-animation: fade-in 0.33s ease-in;
    animation: fade-in 0.33s ease-in;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.bcweekly-track .track-large .collect-item-container {
    clear: both;
    padding-top: 0;
    text-align: left;
}
.bcweekly-track .track-large .collect-item-container ul {
    border-radius: 0 3px 3px 3px;
    margin: 0;
    padding: 0;
}
.bcweekly-track .track-large .item-container.buy-now,
.bcweekly-track .track-large .item-container.wishlist {
    width: 26.25%;
}
.bcweekly-track .track-large .item-container.hear-more {
    font-weight: 400;
    padding: 0 0 0 17px;
    text-align: left;
    width: 42%;
}
.bcweekly-track .purchased .item-container.wishlist {
    width: 100%;
}
.bcweekly-track .track-large .collect-item-container a:hover {
    text-decoration: underline;
}
.bcweekly-track .track-large .collect-item {
    margin: 0;
}
.bcweekly-track .track-large .collect-item .txt {
    display: inline-block;
}
.bcweekly-track .track-large .track-counter {
    color: #777;
    font-size: 10px;
    margin: 0 0 9px;
    text-transform: uppercase;
}
.bcweekly-track .track-large .track-counter > span {
    color: #000;
    display: block;
    float: right;
    width: 10.126582278482%;
}
.bcweekly-track .track-large .track-title {
    display: block;
}
.bcweekly-track .track-large .track-bio-img {
    display: block;
    margin: 6px 0 9px;
    max-width: 90px;
}
.bcweekly-track .track-large .track-bio-img > img {
    outline: 1px solid rgba(0,0,0,0.05);
    outline-offset: -1px;
}
.bcweekly-track .track-large .track-loc {
    color: #777;
    font-size: 11px;
    margin-top: 6px;
}
.bcweekly-track .track-large .track-counter,
.bcweekly-track .track-large .track-details,
.bcweekly-track .track-large .track-bio-img,
.bcweekly-track .track-large .track-artist,
.bcweekly-track .track-large .track-loc {
    padding-left: 10px;
}
.bcweekly-track .track-large .track-artist,
.bcweekly-track .track-large .track-number {
    cursor: default;
}
/* bcweekly: browse shows panel */
.bcweekly-browse {
    background: #fff;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    /*top: -1000%;*/
    transform: scale(1.1);
    transition: 
        transform 0.2s ease-out, 
        opacity 0.2s ease-out;
    width: 100%;
}
.bcweekly-browse.hidden {
    top: -1000%;
}
.bcweekly-browse:after {
    background: url('/img/overflow-fade.png') repeat-x;
    background: -moz-linear-gradient(top, 66% rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 65%);
    background: -webkit-linear-gradient(top, 66% rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 65%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 65%);
    bottom: 0;
    content: ' ';
    display: block;
    height: 30px;
    position: absolute;
    width: 100%;
}
.bcweekly-view-shows .bcweekly-browse {
    opacity: 1;
    top: 0;
    transform: scale(1);
    z-index: 1;
}
.bcweekly-view-shows .bcweekly-tracks,
.bcweekly-view-shows .bcweekly-player {
    display: none;
}
.bcweekly-browse .bcweekly-close-link {
    background-color: rgba(255,255,255,0.8);
    border-radius: 50%;
    border: 1px solid rgba(0,0,0,0.05);
    color: #54b0c9;
    display: block;
    height: 30px;
    position: absolute;
    right: 16px;
    text-align: right;
    text-decoration: none;
    top: 6px;
    width: 30px;
}
.bcweekly-browse .bcweekly-close-link span {
    display: none;
}
.bcweekly-browse .bcweekly-close-link .bc-home {
    background-position: -20px -40px;
    display: block;
    height: 10px;
    margin: 10px auto 0;
    width: 10px;
}
.bcweekly-browse .bcweekly-close-link:hover .bc-home {
    background-position: 0 -40px;
}
.bcweekly-browse-inner {
    bottom: 0;
    left: 0px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 24px 0 32px;
    position: absolute;
    right: 0;
    top: 0;
}
.bcweekly-browse .main-title+.bcweekly-browse-inner {
    top: 35px;
}
.bcweekly-browse .browse-list {
    float: left;
    list-style: none;
    margin: 8px 1.2745098039% 0;
    padding: 0;
    position: relative;
    width: 97.4509803922%;
}
.bcweekly-browse-item {
    float: left;
    font-size: 0.85rem;
    margin-bottom: 16px;
    margin-right: 1.6096579477%;
    vertical-align: top;
    width: 18.7122736419%;
}
.bcweekly-browse-item:nth-child(5n) {
    margin-right: 0;
}
.bcweekly-browse-item a {
    color: #000;
    display: block;
    position: relative;
    text-decoration: none;
}
.bcweekly-browse-item a:focus {
    outline: 0;
}
.bcweekly-browse-item .show-image {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.bcweekly-browse-item .show-details {
    color: #777;
    display: block;
    font-size: 12px;
    line-height: 15px;
    padding: 6px 0 0;
    white-space: nowrap;
}
.bcweekly-browse-item .show-title {
    color: #2e3332;
    display: block;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bcweekly-browse-item .show-date {
    color: #777;
    display: block;
}
/* current/focused item */
.bcweekly-browse-item.current a:after,
.has-hover .bcweekly-browse-item a:hover:after,
.bcweekly-browse-item a:focus:after {
    border: 2px solid #ccc;
    bottom: -6px;
    content: ' ';
    left: -6px;
    position: absolute;
    right: -6px;
    top: -6px;
}
.bcweekly-browse-item.current a:after {
    border-color: #349ffa;
}
/**/
.bcweekly-browse-item.unpublished .show-image-wrapper:after {
    background: #fff;
    border: 1px solid rgba(255, 0, 0, 0.6);
    border-radius: 2px;
    color: rgba(255, 0, 0, 0.6);
    content: 'unpublished';
    font-size: 11px;
    padding: 0 0.3em;
    position: absolute;
    right: 0;
    top: 0;
}

/*------------------------------------------------------------*/
/*factoid*/
.factoid-title {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin: 36px 0 32px;
    position: relative;
    text-align: center;
}
.factoid-title.bordered {
    padding: 0 11%;
}

.factoid .dots {
    margin: 41px 0 0;
    height: 20px;
    background: url(/img/homepage_2015/dotsdotsdots-130@2x.png) no-repeat;
    background-size:100%;
}

.factoid .dots.right {
    background: url(/img/homepage_2015/dotsdotsdots-130-r@2x.png) no-repeat;
    background-size:100%;
}


/*------------------------------------------------------------*/
/*sellingnow*/
@-webkit-keyframes salesfeed-scale {
    0% { width: 0; }
    100% { width: 11.392405063291%; }
}
@-moz-keyframes salesfeed-scale {
    0% { width: 0; }
    100% { width: 11.392405063291%; }
}
@keyframes salesfeed-scale {
    0% { width: 0; }
    100% { width: 11.392405063291%; }
}
.salesfeed {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); /* hack to stop chrome from rendering a flickering header while scrolling across the salesfeed */
}
.salesfeed .section-title {
    line-height: 18px;
}
.salesfeed .salesfeed-paused {
    display: none;
}
.salesfeed.paused .salesfeed-paused{
    text-transform: none;
    margin-left: 20px;
    color: #666;
    width: 900px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 16px;
    vertical-align: top;
    display: inline-block;
}
.salesfeed.paused .salesfeed-humour {
    font-weight: normal;
    opacity: 0;
    font-size: 90%;
    margin-left: 20px;
    transition: opacity 0.2s ease-in;
}
.salesfeed.paused .salesfeed-humour.visible {
    font-weight: normal;
    opacity: 1;
}

.salesfeed-items {
    height: 270px;
    list-style: none;
    margin: -6px -6px 0;
    overflow: hidden;
    padding: 6px 7px 0;
    transition: height 0.5s ease-out;
    white-space: nowrap;
    width: 100%;

    -webkit-animation: fade-in .33s ease-in;
    -moz-animation: fade-in .33s ease-in;
    animation: fade-in .33s ease-in;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.salesfeed-item {
    min-height: 242px;
    margin-bottom: 28px;
    /*width: 0;*/

    display: inline-block;
    float: none;
    vertical-align: top;

    -webkit-animation: salesfeed-scale 0.33s ease-out;
    -moz-animation: salesfeed-scale 0.33s ease-out;
    animation: salesfeed-scale 0.33s ease-out;
    
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;

    -ms-transform-origin: 0 50% 50%;
    -webkit-transform-origin: 0 50% 50%;
    transform-origin: 0 50% 50%;
}
.ie .salesfeed-item {
    width: 11.392405063291%;
}
.salesfeed-item:nth-child(0n+10) {
    margin-left: 0;
}
.salesfeed .item-inner {
    color: #000;
    display: block;
    font-size: 11px;
    line-height: 18px;
    margin: 0 0 20px 0;
    text-decoration: none;
    /* stops graphical glitch with outline on .salesfeed-img img */
    -webkit-backface-visibility: hidden; 
            backface-visibility: hidden;
    transition: 
        background-color 0.4s, 
        margin 0.2s, 
        padding 0.2s;
}
.salesfeed .item-inner:hover {
    background-color: #edf1f2;
    cursor: pointer;
    margin: -6px;
    padding: 6px;
}
.salesfeed .item-img {
    display: block;
    height: 0;
    font-size: 0;
    margin: 0 0 9px;
    padding: 100% 0 0;
    position: relative;
}
.salesfeed .item-img > img {
    bottom: 0;
    top: auto;
}
.salesfeed .item-title,
.salesfeed .item-album,
.salesfeed .item-artist,
.salesfeed .item-price,
.salesfeed .item-over,
.salesfeed .item-loc,
.salesfeed .item-timestamp {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.salesfeed .item-title {
    font-size: 11px;
    font-weight: 700;
    margin: 0;
}
.salesfeed .item-artist,
.salesfeed .item-artist {
    font-weight: 400;
}
.salesfeed .item-price {}
.salesfeed .item-over {
    color: #4f9f30;
    font-weight: 700;
}
.salesfeed .item-album~.item-over {
    display: none;
}
.salesfeed .item-timestamp {
    color: #999;
}
.salesfeed .flag-icon {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
    outline: 1px solid rgba(0,0,0,0.05);
    outline-offset: -1px;
    vertical-align: baseline;
}

/*bundle*/
.salesfeed .item-bundle .bundle-badge {
    margin: -4.75% 0 0 -5.75%;
    border-radius: 50%;
    height: 0;
    width: 38%;
    padding-bottom: 38%;
    background: #FCFCFC;
    border: 1px solid #666;
    position: absolute;
    z-index: 4;
 }
.salesfeed .item-bundle .bundle-badge .number {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    padding-top: 15%;
    color: #666;
 }
.salesfeed .item-bundle .bundle-badge .releases {
    text-align: center;
    font-size: 9px;
    line-height: 5px;
    color: #666;
 }
.salesfeed .item-bundle .bundle-badge .items {
    text-align: center;
    font-size: 9px;
    line-height: 5px;
    color: #666;
 }
.salesfeed .item-bundle .item-img {
    z-index: 3;
    border-radius: 3px 0 0;
}
.salesfeed .item-bundle .item-img img {
    outline: 1px solid rgba(0,0,0,0.3);
}
.salesfeed .bundle-box {
    height: 0;
    width: 98%;
    padding-bottom: 98%;
    border: 1px solid #999;
    background: #FFF;
    position: absolute;
}
.salesfeed .bundle-box.front {
    margin: 2%;
    z-index: 2;
}
.salesfeed .bundle-box.back {
    margin: 4%;
    z-index: 1;
}

/*------------------------------------------------------------*/
/*sections shared*/
.notable,
.discover {
    background-color: #eef2f3;
}
.notable,
.featured,
.spotlight {
    padding: 36px 0;
}
.notable .stepper,
.spotlight .stepper {
    position: absolute;
    right: 0;
}

/*------------------------------------------------------------*/
/*new and notable*/
.notable {}
.notable-item-wrapper {
    overflow: hidden;
}
.notable .notable-results {
    min-height: 400px;
    transition: 0.2s;
    overflow: hidden;
    position: relative;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.notable-result {
    position: absolute;
    top: 20px;
    transition: left 0.5s, right 0.5s;
}
.notable-result.immediate {
    transition: left 0s, right 0s;
}
.notable-result.result-current {
    left: 0;
    right: 0;
}
.notable-result.result-next {
    left: 102%;
    right: -102%;
}
.notable-result.result-prev {
    left: -102%;
    right: 102%;
}
.notable-result.result-empty {
    padding-top: 20%;
}
.notable-result.fade-in {
    -webkit-animation-duration: 0.33s;
    -moz-animation-duration: 0.33s;
    animation-duration: 0.33s;
}
.notable-result.fade-out {
    -webkit-animation-duration: 0.165s;
    -moz-animation-duration: 0.165s;
    animation-duration: 0.165s;
}
.notable-item {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 1px 0 #dfdfdf;
    display: inline-block;
    min-height: 398px;
/*    -webkit-animation: fade-in 0.33s ease-in;
    -moz-animation: fade-in 0.33s ease-in;
    animation: fade-in 0.33s ease-in;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;*/
}
/*.notable-item.immediate {
    -webkit-animation: fade-in 0s ease-in;
    -moz-animation: fade-in 0s ease-in;
    animation: fade-in 0s ease-in;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}*/
.notable-item.unpublished:after {
    background-color: rgba(255, 0, 0, 0.6);
    color: #fff;
    content: 'unpublished';
    font-size: 12px;
    font-weight: 700;
    padding: 8px 0;
    position: absolute;
    right: -40px;
    text-align: center;
    top: 20px;
    transform: rotate(45deg);
    width: 150px;
}
.notable .item-img {}
.notable .item-title,
.notable .item-genre,
.notable .item-desc {
    display: block;
    line-height: 18px;
    margin: 0;
    padding: 0 10px;
}
.notable .item-title {
    margin-top: 9px;
}
.notable .item-artist {
    display: block;
}
.notable .item-genre {
    color: #999;
    font-size: 12px;
}
.notable .item-desc {
    font-family: Georgia, Times, serif;
    margin-bottom: 9px;
}
.notable .item-collection-controls {
    padding: 0 10px;
}
.notable .item-collection-controls > li {
    margin-bottom: 10px;
}
/* notable video player (for desktop) */
.notable .notable-video {
    background-color: black;
    position: relative;
}
.notable .video .ratio-16-9 {
    padding: 47.8% 0 0;
}
.notable .video-thumbnail {
    position: relative;
}
.video-thumbnail-image {
    outline: 1px solid rgba(0,0,0,0.05);
    outline-offset: -1px;
}
.notable .notable-video-iframe {
    background-color: #000;
    border: none;
    height: 100%; 
    position: absolute;
    top: 0;
    width: 100%; 
}
.notable .playvid-btn {
    background: #000;
    background-color: rgba(0,0,0,0.75);
    border-radius: 4px;
    bottom: 10px;
    cursor: pointer;
    display: inline-block;
    left: 10px;
    min-height: 54px;
    min-width: 74px;
    position: absolute;
}
.notable .playvid-btn:after {
    border-bottom: inset 10px transparent;
    border-left: 18px solid #fff;
    border-top: inset 10px transparent;
    content: '';
    display: block;
    height: 0;
    margin: 17px 0 0 30px;
    width: 0;
}
.notable .playvid-time {
    background: #000;
    background-color: rgba(0,0,0,0.75);
    border-radius: 4px;
    bottom: 10px;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    padding: 2px 7px;
    position: absolute;
    right: 10px;
}
/* notable video player - ipad */
.notable .video-ipad-player {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
}

/*------------------------------------------------------------*/
/*featured blog posts*/
.featured {}
.featured .section-title,
.featured .stepper {
    display: inline-block;
}
.featured .stepper {
    position: absolute;
    right: 10%;
}
.featured .featured-results {
    min-height: 420px;
    overflow: hidden;
    position: relative;
    transition: min-height 0.33s ease-out;
}
.featured .featured-results.immediate {
    transition: none;
}
.featured-result {
    position: absolute;
    transition: left 0.33s ease-out, right 0.33s ease-out;
}
.featured-result.immediate {
    transition: none;
}
.featured-result.result-current {
    left: 0;
    right: 0;
}
.featured-result.result-next {
    left: 102%;
    right: -102%;
}
.featured-result.result-prev {
    left: -102%;
    right: 102%;
}
.featured-result.result-empty {
    padding-top: 20%;
}
.featured-result.fade-in {
    -webkit-animation-duration: 0.33s;
    -moz-animation-duration: 0.33s;
    animation-duration: 0.33s;
}
.featured-result.fade-out {
    -webkit-animation-duration: 0.165s;
    -moz-animation-duration: 0.165s;
    animation-duration: 0.165s;
}

.featured-item {
    padding-right: 10%;
    -webkit-animation: fade-in 0.33s ease-in;
    -moz-animation: fade-in 0.33s ease-in;
    animation: fade-in 0.33s ease-in;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.featured-item-sticky {
    background-color: #fff;
    border-left: 1px solid #e5e5e5;
    margin-left: -6%;
    padding-left: 14%;
    padding-top: 35px;
}
.featured-item.immediate {
    -webkit-animation: fade-in 0s ease-in;
    -moz-animation: fade-in 0s ease-in;
    animation: fade-in 0s ease-in;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.featured-item .unpublished-banner {
    background-color: rgba(255, 0, 0, 0.6);
    color: #fff;
    content: 'unpublished';
    font-size: 12px;
    font-weight: 700;
    padding: 8px 0;
    position: absolute;
    right: -34px;
    text-align: center;
    top: 26px;
    transform: rotate(45deg);
    width: 150px;
}

.featured .item-title,
.featured .item-date,
.featured .item-desc,
.featured .item-link {
    display: block;
    line-height: 18px;
    margin: 0;
    padding: 0;
}
.featured .item-img {
    margin-bottom: 12px;
}
.featured .item-title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 6px;
}
.featured .item-date {
    color: #999;
    font-size: 11px;
    margin-bottom: 3px;
}
.featured .item-desc {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 9px;
}
.featured .item-link {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-decoration: none;
}
.featured .item-link:hover {
    text-decoration: underline;
}
.featured-item .item-link {
    margin: 18px 0;
}
.featured-item-sticky .item-title {
    margin-bottom: 9px;
}
.featured-item-sticky .item-link {
    display: inline-block;
}
.featured-item-sticky .item-img {
    background-size: cover;
    outline: 1px solid rgba(0,0,0,0.05);
    outline-offset: -1px;
}
.featured-item-sticky .item-img > img {
    bottom: 0;
    display: none;
    top: auto;
}

/*------------------------------------------------------------*/
/*discover*/
.discover {
    padding: 36px 0 0;
}
.discover h2 {
    display: block;
    padding: 0;
}
.discover h2 a {
    line-height: 29px;
}
.discover .alltags {
    display: inline-block;
    padding: 0 0 0 10px;
    font-size: 14px;
    font-weight: normal;
    float: right;
}
.discover .filter-types a {
    cursor: pointer;
}
.discover .filter-icon {
    background:transparent url('/img/_sprite-filter-icons@2x.png') no-repeat 0 0;
    background-size: 72px 48px;
    display: inline-block;
    height: 24px;
    margin: 1px 5px -3px 0;
    width: 24px;
    vertical-align: top;
}
.filter-icon.icon-loc {
    background-position: -4px 0;
    width: 14px;
}
.filter-icon.icon-format {
    background-position: -24px 0;
}
.filter-icon.icon-time {
    background-position: -51px 0;
    width: 18px;
}
.selected .filter-icon.icon-loc {
    background-position: -4px -24px;
}
.selected .filter-icon.icon-format {
    background-position: -24px -24px;
}
.selected .filter-icon.icon-time {
    background-position: -51px -24px;
}
/**bars+pills**/
.discover-bar {
    background-color: #54b0c9;
    height: 40px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    cursor: default;
}
.discover-bar > .row {
    position: relative;
}
.discover-bar .discover-pills  {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}
.discover-bar .discover-pills::-webkit-scrollbar { 
    height: 0 !important;
    width: 0 !important;
}
.discover-pill {
    background-color: transparent;
    border-radius: 14px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    margin: 7px 0;
    padding: 6px 10px;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.2s ease-in;
}
.discover-pill.immediate {
    transition: 0s;
}
.discover-pill.selected {
    background-color: rgba(0,0,0,0.8);
}
.discover-pill:hover {
    background-color: rgba(0,0,0,0.5);
    cursor: pointer;
}
.discover-pill:last-child {
    margin-right: 10px;
}
.genre-bar {
    background-color: rgb(66, 160, 189);
}
.slice-bar {
    background-color: rgb(67, 144, 168);
}
.loc-bar {
    background-color: rgb(66, 129, 148);
}
.format-bar {
    background-color: rgb(65, 114, 129);
}
.date-bar {
    background-color: rgb(62, 100, 111);
}
/**row scroll arrows**/
.scroller-prev, 
.scroller-next {
    background: rgba(66, 160, 189,1);
    cursor: pointer;
    display: none;
    height: 40px;
    opacity: 0;
    position: absolute;
    text-align: right;
    top: 0;
    transition: opacity 0.2s ease-out;
    width: 40px;
}
.scroller-prev > .icon, 
.scroller-next > .icon{
    transition: opacity 0.2s ease-out;
}
.overflow-left .scroller-prev, 
.overflow-right .scroller-next {
    display: block;
    opacity: 1;
}
.overflow-left .scroller-prev.immediate > .icon,
.overflow-right .scroller-next.immediate > .icon {
    transition: opacity 0s;
}
.overflow-left .scroller-prev.highlight > .icon,
.overflow-right .scroller-next.highlight > .icon {
    opacity: 0.6;
}
.scroller-prev .scroller-fade,
.scroller-next .scroller-fade {
    bottom: 0;
    content: ' ';
    display: block;
    top:0;
    position: absolute;
    width: 30px;
}
.scroller-prev .scroller-fade {
    background: -moz-linear-gradient(left, 66% rgba(66, 160, 189, 0), rgba(66, 160, 189, 1) 65%);
    background: -webkit-linear-gradient(left, 66% rgba(66, 160, 189, 0), rgba(66, 160, 189, 1) 65%);
    background: linear-gradient(to left , rgba(66, 160, 189, 0), rgba(66, 160, 189, 1) 65%);
    left: 100%;
}
.scroller-next .scroller-fade {
    background: -moz-linear-gradient(right, 66% rgba(66, 160, 189, 0), rgba(66, 160, 189, 1) 65%);
    background: -webkit-linear-gradient(right, 66% rgba(66, 160, 189, 0), rgba(66, 160, 189, 1) 65%);
    background: linear-gradient(to right , rgba(66, 160, 189, 0), rgba(66, 160, 189, 1) 65%);
    right: 100%;
}
.scroller-prev .icon, 
.scroller-next .icon {
    display: block;
    fill: #fff;
    height: 10px;
    margin: 16px auto 0;
    width: 8px;
}
.scroller-prev {
    right: 100%;
}
.scroller-next {
    left: 100%;
}
/**results**/
.discover-results {
    min-height: 568px;
    overflow: hidden;
    position: relative;
}
.discover-result {
    position: absolute;
    top: 20px;
    transition: left 0.5s, right 0.5s;
}
.discover-result.immediate {
    transition: left 0s, right 0s;
}
.discover-result.result-current {
    left: 0;
    right: 0;
}
.discover-result.result-next {
    left: 102%;
    right: -102%;
}
.discover-result.result-prev {
    left: -102%;
    right: 102%;
}
.discover-result.result-empty {
    padding-top: 20%;
}
.discover-result.fade-in {
    -webkit-animation-duration: 0.33s;
    -moz-animation-duration: 0.33s;
    animation-duration: 0.33s;
}
.discover-result.fade-out {
    -webkit-animation-duration: 0.165s;
    -moz-animation-duration: 0.165s;
    animation-duration: 0.165s;
}

/**/
.discover-item {
    margin-bottom: 18px;
    min-height: 236px;
}
.discover-item:nth-child(4n+1) {
    margin-left: 0;
}
.discover-item .item-img {
    margin: 0 0 9px;
}
.discover-item .item-link {
    color: #000;
    text-decoration: none;
}
.discover-item .item-link:hover {
    cursor: pointer;
}
.discover-item .item-link .item-title:hover {
    text-decoration: underline;
}
.discover-item a.item-title {
    font-weight: bold;
    color: #000;
}
.discover-item a.item-title:hover {
    text-decoration: underline;
}
.discover-item a.item-artist,
.discover-item a.item-genre {
    color: #000;
}
.discover-item .item-link,
.discover-item .item-title,
.discover-item .item-artist,
.discover-item .item-genre {
    display: block;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.discover-item .item-genre {
    color: #999;
}
.discover-pages {
    bottom: 0;
    position: absolute;
}

/**detail**/
.discover-detail {
    background-color: #fff;
    box-shadow: 0 0 1px 0 #dfdfdf;
    margin-bottom: 32px;
}
.discover-detail-inner {
    padding: 20px 10px;
    min-height: 560px;
}
.discover-detail .package-arts {
    padding: 10px 0;
}
.discover-detail .detail-recommendation {
    font-family: georgia,serif;
    font-style: italic;
    font-size: 13px;
    margin: 10px 0 15px 0;
}
.discover-detail .detail-recommendation .date {
    font-size: 11px;
}
.discover-detail .prev-rec,
.discover-detail .next-rec {
    display: inline-block;
}
.discover-detail .prev-rec .discover-ui {
    background-position: -7px -73px;
    margin: 9px 9px 0 0;
    width: 7px;
    height: 10px;
    display: inline-block;
}
.discover-detail .next-rec .discover-ui {
    background-position: 0px -73px;
    margin: 9px 9px 0 0;
    width: 7px;
    height: 10px;
    display: inline-block;
}
.discover-detail .prev-rec.disabled span,
.discover-detail .next-rec.disabled span {
    opacity: 0.4;
    filter: alpha(opacity=40);
    cursor: default;
}
/* disabled view */
.discover-detail.disabled .detail-body,
.discover-detail.disabled .track_info {
    display: none;
}
.discover-detail.disabled .detail-player {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: default;
}
.discover-detail.disabled .detail-art {
    border: 1px dotted rgba(0,0,0,0.1);
}
.discover-detail.disabled .inline_player a:hover,
.discover-detail.disabled .inline_player .playbutton,
.discover-detail.disabled .inline_player .thumb {
    cursor: default;
}

/**player**/
.discover .inline_player {
    border: 1px solid #e5e5e5;
    border-top: none;
    display:block;
}
.discover .inline_player > table {
    width: 100%;
    table-layout: fixed;
}
.discover .inline_player .track_info {
    font-size: 0;
    min-width: inherit;
}
.discover .inline_player .track_info,
.discover .inline_player .progbar {
    margin: 0 10px;
}
.discover .inline_player .title-section,
.discover .inline_player .time {
    display: inline-block;
    font-size: 12px;
    padding: 0;
}
.discover .inline_player .title-section {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 66%;
}
.discover .inline_player .time {
    color: #999;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 33%;
}
.discover .inline_player .play_cell {
    border-right: 1px solid #e5e5e5;
    height: 60px;
    vertical-align: middle;
    width:60px;
}
.discover .inline_player .playbutton {
    border: none;
    border-radius: 0;
}
.discover .inline_player .playbutton:after {
    position: absolute;
    margin: 14px 0px 0px 22px;
}
.discover .inline_player .playbutton.busy:after {
    margin: 5px 0px 0px 8px;
}
.discover .inline_player .progbar_cell {
    min-width: 0;
}
.discover .inline_player.top-border {
    border-top: 1px solid #e5e5e5;
}
.discover .prev_cell,
.discover .next_cell {
    width: 1px;
}
.discover .prev_cell a,
.discover .next_cell a,
.discover .prevbutton,
.discover .nextbutton {
    display: none;
}
/**body**/
.discover .detail-body {
    font-size: 12px;
    line-height: 18px;
    padding: 18px 0 0;
}
.discover .detail-body a {
    color: #000;
    text-decoration: none;
}
.discover .detail-body a:hover {
    text-decoration: underline;
}
.discover .detail-title,
.discover .detail-artist,
.discover .detail-loc {
    display: block;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.discover .detail-album {
    font-weight: 500;
}

/*------------------------------------------------------------*/
/*fan spotlight*/
.spotlight {}


.spotlight .spotlight-results {
    min-height: 600px;
    transition: 0.2s;
    overflow: hidden;
    position: relative;
}
.spotlight-result {
    position: absolute;
    top: 20px;
    transition: left 0.4s, right 0.4s;
}
.spotlight-result.immediate {
    transition: left 0s, right 0s;
}
.spotlight-result.result-current {
    left: 0;
    right: 0;
}
.spotlight-result.result-next {
    left: 102%;
    right: -102%;
}
.spotlight-result.result-prev {
    left: -102%;
    right: 102%;
}

.spotlight-unit {
    margin-top: 2%;
}
.spotlight-unit > .row {
    width: 96.3099630996%;
    padding-left: 3.6900369004%;
}
.spotlight-unit:first-child > .row {
    padding-left: 0;
    padding-right: 3.6900369004%;
}
.spotlight-image {}
.spotlight-image > span {
    display: block;
    border-radius: 50%;
    position: relative;
    padding: 112% 112% 0 0 !important;
    /*safari hack: prevents the border-radius being removed after the spotlight-unit is animated*/
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.spotlight-image:after {  
    border-left: 70px solid transparent;
    border-right: 134px solid transparent;
    border-bottom: 145px solid #fff499;
    content: '';
    height: 0px;
    left: -22px;
    padding: 0px;
    position: absolute;
    top: -28px;
    transform: rotate(-15deg);
    width: 0px;
    z-index: -1;
}
.spotlight-unit+.spotlight-unit .spotlight-image:after {
    border-bottom-color: #99f7ff;
}
.spotlight-name, 
.spotlight-location, 
.spotlight-button, 
.spotlight-bio, 
.spotlight-link {
    color: #000;
    font-size: 13px;
    line-height: 18px;
    margin: 0;
}
.spotlight-name {
    font-size: 16px;
    font-weight: 700;
}
.spotlight-name,
.spotlight-bio {
    overflow-x: hidden;
    margin-top: 20px;
    text-overflow: ellipsis;
}
.spotlight-link {
    font-weight: 700;
    text-decoration: none;
}
.spotlight-link:hover {
    cursor: pointer;
    text-decoration: underline;
}
.spotlight-button {
    margin-top: 12px;
}

.spotlight-items {
    margin-top: 18px;
}
.spotlight-item {
    margin-bottom: 18px;
}
.spotlight-item .item-img {
    margin-right: -5%;
    margin-left: 5%;
}
.spotlight-item .item-link,
.spotlight-item .item-title,
.spotlight-item .item-artist,
.spotlight-item .item-desc {
    display: block;
    font-size: 13px;
    line-height: 18px;
}
.spotlight-item .item-link {
    color: #000;
    text-decoration: none;
}
.spotlight-item .item-link:hover {
    text-decoration: underline;
}
.spotlight-item .item-title {
    font-weight: 700;
}
.spotlight-item .item-desc {
    font-family: Georgia, Times, serif;
    font-style: italic;
}

/*follow button*/
.follow-fan-btn {
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 3px;
    color: #000;
    font-weight:700;
    padding: 5px 32px;
    text-decoration: none;
}
.follow-fan-btn:hover {
    text-decoration: underline;
}
.follow-fan .following-msg {
    display: none;
}
.follow-fan.following .following-msg {
    display: inline-block;
}
.follow-fan.following .follow-msg {
    display: none;
}

/*------------------------------------------------------------*/
/*fans, artist, labels*/
.slashes {
    background-color:#fc0;
    height:5px;
    background: url(/img/homepage_2015/dotrow@2x.png) no-repeat;
    background-size:100%;
}
.signups {
    padding: 0 0 64px;
}
.signups-fans,
.signups-artists,
.signups-labels {
    font-size: 14px;
    line-height: 18px;
    padding:64px 0 0;
    text-align: center;
}
.signups .section-title {
    color: #477987;
}
.signups .item-img {
    display: block;
    margin: 0 0 9px;
}
.signups .item-desc {
    margin: 0 0 20px;
}
.signups .item-btn {
    border: 1px solid rgba(99,154,169,0.4);
    border-radius: 5px;
    color: #477987;
    display: block;
    font-weight: 700;
    padding: 12px 0;
    text-decoration: none;
}
.signups .item-btn:hover {
    border-color:rgba(99,154,169,0.8);
    cursor: pointer;
}

/*------------------------------------------------------------*/
@media (max-width:740px) {
    /* home_2015_phone */
    /* fix for global style */
    .popupimage_gallery {
        z-index: 1;
    }
    /* general */
    .bd {
        padding-top: 0;
        position: relative;
    }
    .item-collection-controls {
        opacity: 1 !important;
    }
    .item-collection-controls > li a {
        color: #408ea3;
        font-weight: 700;
    }
    .item-collection-controls.purchased > li a {
        color: #555;
    }
    .wishlist-msg .collect-item-icon {
        background-position: -56px -73px;
    }
    .item-collection-controls > li+li.buy-now:before {
        content: '·';
        color: #999;
        display:inline-block;
        font-weight: 700;
        margin-left:-10px;
        margin-right: 8px;
    }
    .load-more {
        display: block;
    }
    .mobile-btn {
        background-color: #fff;
        border: 1px solid #408ea3;
        color: #408ea3;
        display: block;
        font-size: 12px;
        font-weight: 500;
        margin: 0 auto 27px;
        max-width: 91.47%;
        padding: 10px 0 8px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
    }
    .mobile-btn.disabled {
        opacity: 0.5;
    }
    .factoid .col,
    .notable .col,
    .featured .col,
    .discover-results.col,
    .spotlight-unit.col,
    .signups .col {
        display: block;
        float: none;
        margin:0;
        width: 100%;
    }
    .salesfeed .section-title, 
    .notable .section-title, 
    .featured .section-title,
    .tags .section-title {
        color: #adadad;
    }
    /* bcweekly */
    .bcweekly > .row {
        background-color: #fff;
        max-width: 100%;
    }
    .bcweekly,
    .bcweekly.busy,
    .bcweekly.expanded {
        background-position: 50% 0;
        background-size: 100%;
        height: auto;
        overflow: visible;
        padding: 56% 0 0;
    }
    .bcweekly.unpublished:after {
        top: 0;
        right: 0;
        transform: rotate(0deg);
        width: 100%;
    }
    .bcweekly-player,
    .bcweekly.busy .bcweekly-player,
    .bcweekly.expanded .bcweekly-player {
        background-color: inherit;
        bottom: inherit;
        box-shadow: none;
        height: auto;
        max-height: inherit;
        min-height: inherit;
        overflow: visible;
        padding: 2px 0 18px;
        position: relative;
        width: 100%;
    }
    .bcweekly-player > .col,
    .bcweekly-player > .col+.col,
    .bcweekly.busy .bcweekly-player > .col,
    .bcweekly.expanded .bcweekly-player > .col,
    .bcweekly.busy .bcweekly-player > .col+.col,
    .bcweekly.expanded .bcweekly-player > .col+.col, 
    .bcweekly-browse .col {
        box-shadow: none;
        float: none;
        margin: 0;
        max-height: inherit;
        min-height: inherit;
        padding: 0;
        width: 100%;
    }
    .bcweekly-player > .col+.col,
    .bcweekly.busy .bcweekly-player > .col+.col,
    .bcweekly.expanded .bcweekly-player > .col+.col {
        background-color: #fff;
        padding: 2px 0 6px;
    }
    .bcweekly-player > .col:first-child {
        position: absolute;
        top: -50px;
        z-index: 1;
    }
    .bcweekly .bcweekly-player .bcweekly-player-fade, 
    .bcweekly.expanded .bcweekly-player .bcweekly-player-fade {
        display: none;
    }
    .bcweekly-player .play-btn,
    .bcweekly.busy .bcweekly-player .play-btn, 
    .bcweekly.expanded .bcweekly-player .play-btn {
        height: 50px;
        width: 66px;
        transition: unset;
    }
    .bcweekly-player .play-btn .icon,
    .bcweekly.expanded .bcweekly-player .play-btn .icon {
        border-bottom: inset 10px transparent;
        border-left: 18px solid #fff;
        border-top: inset 10px transparent;
        margin: 16px 0 0 2px;
    }
    .bcweekly.busy .bcweekly-player .play-btn .icon {
        border: none;
        margin: 12px 0 0;
    }
    .bcweekly.playing .bcweekly-player .play-btn .icon,
    .bcweekly.expanded.playing .bcweekly-player .play-btn .icon {
        border-style: solid;
        border-width: 0px 6px 0px 6px;
        border-color: #fff;
        height: 22px;
        margin: 15px 0 0;
        width: 5px;
    }
    .bcweekly-title,
    .bcweekly-credits,
    .bcweekly-desc,
    .bcweekly-links-3 {
        float: none;
        font-size: 13px;
        margin-right: 0;
        padding: 0 4.265%;
    }
    .bcweekly-desc {
        margin: 10px 0;
    }
    .bcweekly-credits {
        font-size: 10px;
    }
    .bcweekly-title,
    .bcweekly.busy .bcweekly-title, 
    .bcweekly.playing .bcweekly-title,
    .bcweekly.expanded .bcweekly-title {
        font-size: 16px;
        white-space: nowrap;
        background: #fff;
        margin: 0;
        padding: 14px 4.265% 0;
    }
    .bcweekly.busy .bcweekly-desc, 
    .bcweekly.playing .bcweekly-desc,
    .bcweekly.expanded .bcweekly-desc,
    .bcweekly.busy .bcweekly-credits, 
    .bcweekly.playing .bcweekly-credits,
    .bcweekly.expanded .bcweekly-credits {
        display: block;
    }
    .bcweekly-tabs {
        border-bottom: 1px solid #eee;
        display: flex;
        display: -webkit-flex;
        display: -ms-flex;
        flex-flow: row nowrap;
        -ms-flex-flow: row wrap;
        justify-content: space-around;
        -webkit-justify-content: space-around;
        -ms-justify-content: space-around;
        list-style: none;
        margin: 5px 0 0;
        padding: 0 4.265%;
        display: none;
    }
    .expanded .bcweekly-tabs{
        display: flex;
        display: -webkit-flex;
        display: -ms-flex;
    }
    .bcweekly-tab {
        background: #eee;
        display: inline-block;
        font-size: 11px;
        text-transform: uppercase;
        width: 48%;
    }
    .bcweekly-tabs a {
        color: #408ea3;
        display: block;
        padding: 8px 0 6px;
        text-align: center;
    }
    .bcweekly-tab.tab-active {
        background: #fff;
        border-left: 1px solid #eee;
        border-right: 1px solid #eee;
        border-top: 1px solid #eee;
        margin-bottom: -1px;
    }
    .bcweekly-tab.tab-active a {
        color: #222;
    }
    .bcweekly-scrubber,
    .bcweekly.busy .bcweekly-scrubber,
    .bcweekly.expanded .bcweekly-scrubber {
        display: block;
    }
    .bcweekly-links-1,
    .bcweekly-links-2,
    .bcweekly.busy .bcweekly-links-2,
    .bcweekly.playing .bcweekly-links-2,
    .bcweekly.expanded .bcweekly-links-2,
    .bcweekly .bcweekly-scrubber .scrubber, 
    .bcweekly.busy .bcweekly-scrubber .scrubber, 
    .bcweekly.playing .bcweekly-scrubber .scrubber,
    .bcweekly.expanded .bcweekly-scrubber .scrubber {
        display: none;
    }
    .bcweekly-links-3 {
        display: flex;
        display: -webkit-flex;
        display: -ms-flex;
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        -ms-justify-content: space-between;
        margin: 22px 0 0;
    }
    .bcweekly .bcweekly-scrubber .scrubber-time,
    .bcweekly.busy .bcweekly-scrubber .scrubber-time, 
    .bcweekly.playing .bcweekly-scrubber .scrubber-time,
    .bcweekly.expanded .bcweekly-scrubber .scrubber-time {
        background: rgba(0,0,0,0.8);
        border: none;
        color: #fff;
        position: absolute;
        right: 4px;
        top: -17px;
        border-radius: 3px;
    }
    .bcweekly-tracks,
    .bcweekly.busy .bcweekly-tracks, 
    .bcweekly.playing .bcweekly-tracks,
    .bcweekly.expanded .bcweekly-tracks {
        bottom: 0;
        box-shadow: none;
        display: none;
        position: relative;
        top: 0;
        width: auto;
        -webkit-animation: fade-in .33s ease-in;
        -moz-animation: fade-in .33s ease-in;
        animation: fade-in .33s ease-in; 
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }
    .bcweekly-view-tracks .bcweekly-player,
    .bcweekly-view-tracks .bcweekly.busy .bcweekly-player,
    .bcweekly-view-tracks .bcweekly.playing .bcweekly-player,
    .bcweekly-view-tracks .bcweekly.expanded .bcweekly-player {
        padding-bottom: 0;
    }
    .bcweekly-view-tracks .bcweekly-tracks,
    .bcweekly-view-tracks .bcweekly.busy .bcweekly-tracks, 
    .bcweekly-view-tracks .bcweekly.playing .bcweekly-tracks,
    .bcweekly-view-tracks .bcweekly.expanded .bcweekly-tracks {
        display: block;
    }
    .bcweekly-view-tracks .bcweekly-tracks .bcweekly-track-list {
        border:none;
        padding: 0;
    }
    .bcweekly-track.current {
        background-color: #d7ebfc;
    }
    .bcweekly-track:first-child {
        border-top: 1px solid #e8e8e8;
        padding: 10px 0;
    }
    .bcweekly-track:last-child {
        border-bottom: 1px solid #e8e8e8;
    }
    .bcweekly-track .track-details {
        padding-top: 0;
    }
    .bcweekly-track .collect-item-container {
        padding-top: 1px;
    }
    .bcweekly-track .track-number {
        padding-top: 3px;
    }
    .bcweekly-track .wishlist-msg,
    .bcweekly-track .wishlisted-msg {
        margin: 0 0 0 25%;
    }
    .bcweekly-current,
    .bcweekly-track:first-child.bcweekly-current {
        background-color: #e9faff;
    }
    .bcweekly-track > .col {
        opacity: 1;
    }
    .bcweekly-current > .col {
        display: block;
    }
    .bcweekly-current .track-large {
        display: none;
    }
    /* bcweekly now playing*/
    #bcweekly-playing-tab {
        display: none;
    }
    .tab-content .track-large {
        max-width: 91.47%;
        padding-top: 14px;
        position: relative;
        -webkit-animation: fade-in 0.33s ease-in;
        -moz-animation: fade-in 0.33s ease-in;
        animation: fade-in 0.33s ease-in;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }
    .tab-content .track-large .track-details,
    .tab-content .track-large .track-counter,
    .tab-content .track-large .track-title,
    .tab-content .track-large .track-artist,
    .tab-content .track-large .track-loc,
    .tab-content .track-large .track-number {
        margin: 0;
        overflow: hidden;
        padding: 0;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .tab-content .track-large .track-details,
    .tab-content .track-large .track-bio-img,
    .tab-content .track-large .track-artist,
    .tab-content .track-large .track-loc {
        padding-left: 5px;
    }

    .tab-content .track-large .track-details a,
    .tab-content .track-large .track-artist a,
    .tab-content .track-large .track-details a:hover,
    .tab-content .track-large .track-artist a:hover {
        color: #000;
    }
    .tab-content .track-large .track-title {
        display: block;
    }
    .tab-content .track-large .collect-item-container {
        clear: both;
        padding-top: 0;
        text-align: left;
    }
    .tab-content .track-large .collect-item-container ul {
        border-radius: 0 3px 3px 3px;
        margin: 0;
        padding: 0;
    }
    .tab-content .track-large .collect-item-container a:hover {
        text-decoration: underline;
    }
    .tab-content .track-large .collect-item {
        margin: 0;
    }
    .tab-content .track-large .collect-item .txt {
        display: inline-block;
    }
    .tab-content .track-large .track-counter {
        color: #777;
        font-size: 10px;
        margin-bottom: 9px;
        text-transform: uppercase;
    }
    .tab-content .track-large .track-counter > span {
        display: block;
        float: right;
        width: 10.126582278482%;
    }
    .tab-content .track-large .track-bio-img {
        display: block;
        margin: 6px 0 9px;
        max-width: 70px;
    }
    .tab-content .track-large .track-bio-img > img {
        outline: 1px solid rgba(0,0,0,0.05);
        outline-offset: -1px;
    }
    .tab-content .track-large .track-loc {
        color: #777;
        font-size: 11px;
        margin-top: 6px;
    }
    /* bcweekly show broswer */
    .bcweekly-browse {
        background-color: rgba(255,255,255,0.97)
        overflow-y:scroll;
        position: fixed;
        -webkit-overflow-scrolling: touch;
    }
    .bcweekly-browse .col {
        margin-bottom: 24px;
    }
    .bcweekly-browse .browse-list {
        float: none;
        margin: 8px 5% 0;
        width: 90%;
    }
    .bcweekly-browse .bcweekly-close-link {
        right:6px;
    }
    /* share panel */
    ul.bcweekly-share-panel {
        font-size: 100%;
        font-weight: normal;
        margin: 0;
        padding: 0;
        color: #333;
    }
    .bcweekly-share-panel li {
        list-style-type: none;
    }
    .bcweekly-share-panel .compound-button {
        display: block;
        width: 93%;
        margin: 0.625rem auto;
        color: #0687F5;
        line-height: 1.875rem;
        text-align: center;
        font-weight: 700;
        border: solid rgba(0,0,0,0.3) thin;
        border-radius: 0.3125rem;
        font-size: 0.9375rem;
        -webkit-box-shadow: 0 0.0625rem 0.125rem 0 rgba(0,0,0,0.2);
        box-shadow: 0 0.0625rem 0.125rem 0 rgba(0,0,0,0.2);
        background: rgb(255,255,255);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(239,239,239,1)));
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%);
        background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%);
    }
    /* factoid */
    .factoid {
        padding: 9px 0 0;
        position: absolute;
        top: 0;
        width: 100%;
        display: none;
    }
    .factoid > .row > .col:first-child {
        display: none;
    }
    .factoid > .row > .col:last-child .vvv {
        width: 100px;
        margin: 0 auto 21px;
    }
    .factoid-title {
        font-size: 12px;
        line-height: 18px;
        margin: 0px auto 18px;
    }
    /* sections */
    .section-title {
        margin: 0 0 18px !important;
    }
    .section-title em {
        display: block;
        margin: 9px 0;
    }
    .stepper {
        display: none !important;
        position: relative !important;
        right: inherit !important;
    }
    .notable {
        padding: 18px 0 0;
    }
    .featured,
    .tags {
        padding: 18px 0 27px;
    }
    .notable-item,
    .featured-item {
        margin-bottom: 27px;
    }
    .notable-result,
    .featured-result {
        position: relative;
    }
    .notable-result.result-next,
    .notable-result.result-prev,
    .featured-result.result-next,
    .featured-result.result-prev {
        position: absolute;
    }
    .notable-item {
        background: transparent;
        box-shadow: none;
        clear: both;
        display: block;
        min-height: 120px !important;
        position: relative;
    }
    .notable-item .item-title,
    .notable-item .item-genre,
    .notable-item .item-desc,
    .notable-item .item-collection-controls {
        margin-left:100px;
        padding-right: 0;
    }
    .notable-item.video .item-title,
    .notable-item.video .item-genre,
    .notable-item.video .item-desc,
    .notable-item.video .item-collection-controls {
        margin-left:0;
        padding: 0;
    }
    .notable-item.unpublished:after {
        left: 0;
        padding: 2px 0;
        right: inherit;
        top: 0;
        transform: rotate(0);
        width: 100px;
    }
    .notable .item-img {
        display: block;
        float: left;
        height: 100px;
        margin: 0;
        padding: 0;
        width: 100px;
    }
    .notable .item-artist {
        display: inline-block;
    }
    .notable .item-genre {
        display: none;
    }
    .notable .item-video {
        padding: 56.25% 0 0;
    }

    .notable .notable-video {
        position: relative;
        background-color: black;
    }

    .notable .video-mobile-player {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
    }
    .discover,
    .discover-detail,
    .spotlight {
        display: none;
    }
    .featured .featured-item {
        padding:0;
    }
    .featured .featured-item-sticky {
        border-top: 1px solid #eee;
        border-left: none;
        margin: 0 auto;
        padding: 32px 0 0;
    }
    .featured-item-sticky .item-img {
        padding: 66.66666667% 0 0;
    }
    .featured-item .item-link {
        margin-top: 0;
    }

    .tags .tagcloud {
        line-height: 2rem;
        margin-bottom: 1rem;
    }
    .tags .tagcloud a {
        padding-right: 0.75rem;
    }
    .tags .tagcloud .size1 { font-size: 1.2rem; }
    .tags .tagcloud .size2 { font-size: 1.1rem; }
    .tags .tagcloud .size3 { font-size: 0.95rem; }
    .tags .tagcloud .hidden,
    .tags .related_tag_cloud a.hidden {
        display: none;
    }
    .tag {
        color: #408ea3;
    }
    /* fan spotlight */
    .spotlight {
        border-top: 1px solid #eee;
    }
    .spotlight-unit {
        padding-top: 32px;
    }
    .spotlight-unit+.spotlight-unit {
        border-top: 1px solid #eee;
        margin-top: 18px;
        padding-top: 48px;
    }
    .spotlight-item .item-img {
        margin: 0px -10% 0 0;
        padding: 60% 0;
    }
    .spotlight-name, .spotlight-bio {
        margin-top: 0;
    }
    .spotlight-details {
        width:66.051660516605%;
    }
    .spotlight-details+.col {
        display: block;
        margin: 0 0 0 7.594936708861%;
        padding: 18px 0 9px;
        width: 66.051660516605%;
    }
    /* selling now */
    .salesfeed {
        display: none;
    }
    .salesfeed-items {
        min-width:768px;
        padding-right: 10px;
    }
    .salesfeed > .row {
        margin: 0;
        max-width: 95.735%;
        overflow-x: scroll;
        overflow-y: hidden;
        padding: 0 0 0 4.265%;
        -webkit-overflow-scrolling:touch;
    }
    /* signup call outs*/
    .signups .section-title {
        display: block;
        left: 0;
        position: absolute;
        bottom: 105px;
        width: 100%;
    }
    .signups .item-desc {
        margin: 0 auto 18px;
        max-width: 300px;
    }
    .signups .item-img {
        margin: 0 auto 54px;
    }
    .signups .item-btn {
        border: none;
        color: #408ea3;
        display: inline-block;
        padding: 0;
        text-transform: uppercase;
    }
    .signups .item-btn:after {
        content: ' ›';
        display: inline-block;
        margin-left: 4px;
        font-weight: normal;
        font-size: 18px;
    }
}
@media (max-width: 800px) and (min-width: 741px) {
    /*home*/
    .bcweekly.busy .bcweekly-tracks, 
    .bcweekly.expanded .bcweekly-tracks {
        top: 20px;
    }
    .discover-bar .row {
        max-width: 97%;
    }
    .discover-results {
        min-height: 538px;
    }
    .discover .item {
        min-height: 184px;
    }
    .scroller-prev {
        right: inherit !important;
        left: 0;
    }
    .scroller-next {
        left: inherit !important;
        right: 0;
    }
    .salesfeed.paused .salesfeed-paused {
        width: 400px;
    }
    .salesfeed .item-bundle .bundle-badge .releases {
        display: none;
    }
    .salesfeed .item-bundle .bundle-badge .items {
        display: none;
    }
}
@media (max-width: 1024px) and (min-width: 801px) {
    /*home*/
    .bcweekly.busy .bcweekly-tracks, 
    .bcweekly.expanded .bcweekly-tracks {
        top: 20px;
    }
    .discover-bar .row {
        max-width: 97%;
    }
    .discover-results {
        min-height: 548px;
    }
    .discover .item {
        min-height: 218px;
    }
    .scroller-prev {
        right: inherit !important;
        left: 0;
    }
    .scroller-next {
        left: inherit !important;
        right: 0;
    }
    .salesfeed.paused .salesfeed-paused {
        width: 600px;
    }
    .salesfeed .item-bundle .bundle-badge .releases {
        display: none;
    }
}
@media (max-width: 1280px) and (min-width: 1025px) {
    /*home*/
    .discover-bar .row {
        max-width: 994px;
    }
    .discover-results {
        min-height: 558px;
    }
    .discover .item {
        min-height: 218px;
    }

    .salesfeed.paused .salesfeed-paused {
        width: 800px;
    }

    .salesfeed .item-bundle .bundle-badge .items {
        display: none;
    }
}
@media (min-width: 1281px) {
    /*home*/
    .bcweekly {
        margin: 0 auto;
        max-width: 1440px;
        padding:37.5% 0 0;
    }
    .bcweekly.busy,
    .bcweekly.expanded {
        padding: 47.5% 0 0;

    }
    .discover-bar .row {
        max-width: 1106px;
    }
    .salesfeed.paused .salesfeed-paused {
        width: 900px;
    }

    .salesfeed .item-bundle .bundle-badge .items {
        display: none;
    }
    .salesfeed .item-bundle .bundle-badge {
    width: 34%;
    padding-bottom: 34%;
    }
}