/* trackpipe/public/css/menubar_mobile_2018.css */
.menubar-2018-phone-wrapper {
    height: 59px;
}
.menubar-2018-phone-wrapper.has-corp-header,
.menubar-2018-phone-wrapper.search-page {
    height: 109px;
}
.menubar-2018-phone {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    box-shadow: 0px 1px #EEE;
    box-sizing: border-box;
    padding: 0 14px;
    background-color: #ffffff;
    min-height: 59px;
    transition: top 0.25s ease;
}
.menubar-2018-phone.has-search-widget {
    transition: top 0.4s ease;
}
.menubar-2018-phone.fixed {
    position: fixed;
    z-index: 111; /* footer z-index is 110 - higher so we don't get covered by footer on scrolling */
    top: 0;
}
.menubar-2018-phone.admin-impersonating {
    background-color: yellow;
    outline: 50px dotted rgba(255, 0, 0, 0.25);
    outline-offset: -50px;
}
.menubar-2018-phone-wrapper .menubar-2018-phone.hide {
    top: -60px;
}
.menubar-2018-phone-wrapper.has-corp-header .menubar-2018-phone.hide,
.menubar-2018-phone-wrapper.search-page .menubar-2018-phone.hide {
    top: -109px;
}
.special-banner-present .menubar-2018-phone-wrapper.has-corp-header .menubar-2018-phone.hide {
    top: -159px;
}
/* dark theme */
.has-menubar.invertIconography #menubar-2018-phone {
    background-color: #212121;
    box-shadow: 0px 1px rgba(255, 255, 255, 0.08);
}
.menubar-2018-phone .corp-logo-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    min-height: 59px;
    /*flex: 1; arkark need design input: removing this improves wrapping issues on french loggged out nav. does it create others? (also see .logged-out-nav rules) */
}
.menubar-2018-phone .logo-big {
    background: url(https://s4.bcbits.com/img/bandcamp-logo-color-bcaqua.svg) 0 0 no-repeat;
    background-size: 100%;
    height: 17px;
    width: 108px;
    margin: 15px 0 15px 0;
}
.menubar-2018-phone .logo-sm {
    background: url('https://s4.bcbits.com/img/bandcamp-logo-bc-color-bcaqua.svg') 30% 50% no-repeat;
    background-size: 100%;
    width: 45px;
    height: 17px;
    margin: 15px 0 15px 0;
}
.has-menubar.invertIconography #menubar-2018-phone .logo-big {
    background: url('https://s4.bcbits.com/img/logo-white.svg') 0 0 no-repeat;
    background-size: 100%;
    height: 17px;
    width: 108px;
}
.has-menubar.invertIconography #menubar-2018-phone .logo-sm {
    background: url('https://s4.bcbits.com/img/bandcamp-logo-bc-white.svg') 30% 50% no-repeat;
    background-size: 100%;
    width: 45px;
    height: 17px;
    margin: 15px 0 15px 0;
}
.menubar-2018-phone .logo-sm > span,
.menubar-2018-phone .logo-big > span {
    display: none;
}
.menubar-2018-phone .userpic {
    display: block;
    float: right;
    background: transparent;
    width: 29px;
    height: 29px;
    border-radius: 50% 50%;
}
.menubar-2018-phone .userpic.admin {
    border: 3px red solid;
}

.menubar-2018-phone .userpic > img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50% 50%;
}
/* mobile autocomplete */
.menubar-2018-phone .mobile-autocomplete-wrapper {
    height: 100vh;
    width: 100%;
    position: fixed;
    background: #ffffff;
    z-index: 200;
    top: 0;
    left: 0;

    -ms-overflow-style: none;
}
.menubar-2018-phone .mobile-autocomplete-wrapper::-webkit-scrollbar {
    display: none;
}
.menubar-2018-phone .mobile-autocomplete-wrapper .clear-autocomplete {
    display: block;
    position: absolute;
    text-align: center;
    cursor: pointer;
    font-size: 20px;
    top: 17px;
    color: #9B9B9B;
}

body:lang(en) .menubar-2018-phone .mobile-autocomplete-wrapper .clear-autocomplete {
    left: calc(100% - 92px);
}
body:lang(ja) .menubar-2018-phone .mobile-autocomplete-wrapper .clear-autocomplete {
    left: calc(100% - 120px);
}
body:lang(fr) .menubar-2018-phone .mobile-autocomplete-wrapper .clear-autocomplete {
    left: calc(100% - 98px);
}

body:lang(en) .mobile-searchbar-2018 .is-loading .loading-icon {
    left: calc(100% - 94px);
}
body:lang(ja) .mobile-searchbar-2018 .is-loading .loading-icon {
    left: calc(100% - 122px);
}
body:lang(fr) .mobile-searchbar-2018 .is-loading .loading-icon {
    left: calc(100% - 100px);
}

.menubar-2018-phone .mobile-autocomplete-wrapper .cancel-autocomplete {
    display: inline-block;
    top: 8px;
    left: calc(100% - 100px);
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    padding: 20px 13px 10px 12px;
    color: #9B9B9B;
}
.menubar-2018-phone #autocomplete-results.header-rework-2018 .autocomplete-tags {
    width: calc(100% - 40px);
    position: fixed;
    bottom: 0px;
    opacity: 1;
}
.menubar-2018-phone #autocomplete-results.header-rework-2018 .see-all {
    display: none;
}
.menubar-2018-phone #autocomplete-results.header-rework-2018 .results-list {
    max-height: calc(100vh - 63px);
    overflow-y: scroll;
    box-shadow: 0 0 0 2px #fff;
    -webkit-overflow-scrolling: touch;
}
.menubar-2018-phone #autocomplete-results.header-rework-2018 .results-list.tag-room {
    max-height: calc(100vh - 110px);
}
.menubar-2018-phone .mobile-autocomplete-wrapper .flex {
    display: flex;
}
/* mobile blue user menu */
.menubar-2018-phone .user-menu-wrapper {
    background: -webkit-linear-gradient(300deg, #2eaec3, #1aa2e6);
    height: 101vh;
    width: 80vw;
    position: fixed;
    background-color: #1aa2e6;
    z-index: 200;
    right: 0px;
    top: 0;
    border-left: solid 20vw rgba(0, 0, 0, .5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: white;
}
.menubar-2018-phone .user-menu-wrapper .close {
    display: block;
    top: 10px;
    left: calc(100% - 50px);
    font-size: 40px;
    font-weight: 100;
    position: absolute;
    text-align: center;
    cursor: pointer;
    width: 44px;
    height: 44px;
    line-height: 40px;
}
.menubar-2018-phone .user-menu-wrapper .menu-content {
    line-height: 1.3;
    font-size: 20px;
    position: absolute;
    top: 53px;
    left: 20px;
    right: 20px;
}
.menubar-2018-phone .user-menu-wrapper a {
    color: #fff;
}
.menubar-2018-phone .user-menu-wrapper .menurow.userdata div {
    display: inline-block;
    float:left;
    clear: left;
}
.menubar-2018-phone .user-menu-wrapper {
    font: 24px 'Helvetica Neue',Helvetica,Arial,sans-serif;
    color: #FFFFFF;
    -webkit-font-smoothing: antialiased;
}
.menubar-2018-phone .user-menu-wrapper .app-links {
    margin-top: 67px;
}
.menubar-2018-phone .user-menu-wrapper .app-links.fan-only {
    margin-top: 47px;
}
.menubar-2018-phone .user-menu-wrapper .small-links {
    margin-top: 57px;
}
.menubar-2018-phone .user-menu-wrapper .small-links.fan-only {
    margin-top: 61px;
}
.menubar-2018-phone img {
    display: inline-block;
}
.menubar-2018-phone .user-menu-wrapper img.usermenu-userpic,
.menubar-2018-phone .user-menu-wrapper .no-image-placeholder {
    border-radius: 50%;
    height: 29px;
    width: 29px;
    margin: 0 0 0 11px;
}
.menubar-2018-phone .user-menu-wrapper .view-site-collection {
    font-size: 14px;
    top: 1px;
    position: relative;
}
.menubar-2018-phone .user-menu-wrapper .app-icon {
    height: 23px;
    width: 23px;
    margin: 4px 0 0 9px;
}
.menubar-2018-phone .user-menu-wrapper .small {
    font-size: 14px;
    font-weight:  500;
    margin-top: 24px;
}

.menubar-2018-phone .user-menu-wrapper .small .lang {
    color: rgba(255,255,255,0.6);
}
.menubar-2018-phone .menurow {
    display: flex;
    word-break: break-word;
    margin-top: 20px;
}
.menubar-2018-phone .menurow .col1 {
    min-width: 50px;
}
.menubar-2018-phone .menurow.fan-row {
    margin-top: 40px;
}
.menubar-2018-phone .menurow.purchases {
    margin-top: 30px;
}
.menubar-2018-phone .menurow.header-discover-2023 {
    margin-top: 20px;
    font-size: 16px;
}
.menubar-2018-phone .menurow.categories {
    margin-top: 16px;
    font-size: 12px;
}
.menubar-2018-phone .logged-out-nav,
.menubar-2018-phone .logged-in-nav {
    flex: 1; /* for menubar-2018 parent flex container alignment */

    display: flex;
    justify-content: flex-end;
    align-items: center; 
}
.menubar-2018-phone .logged-out-nav > div,
.menubar-2018-phone .logged-in-nav > div {
    padding-left: 22px;
    /*flex-shrink: 0; arkark need design input: removing this improves wrapping issues on french loggged out nav. does it create others? (also see .corp-logo-wrapper rules) */
}
.menubar-2018-phone .logged-out-nav > div > a,
.menubar-2018-phone .logged-in-nav > div > a {
    font: 14px/1 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: 500;
    color: #000000;
}
.has-menubar.invertIconography #menubar-2018-phone .logged-out-nav > div > a,
.has-menubar.invertIconography #menubar-2018-phone .logged-in-nav > div > a {
    color: #FFFFFF;
}
.menubar-2018-phone .menubar-search-icon,
.menubar-2018-phone .menubar-collection-icon {
    fill: #000000;
}
#menubar-2018-phone.mobile-cd.loading .hidden-while-loading,
.menubar-2018-phone.loading .hidden-while-loading {
    display: none !important;
}
.menubar-2018-phone .no-image-placeholder {
    background-color: #408ea3;
    background: -webkit-linear-gradient(left, #6046FE, #1DA0C3);
    width: 29px;
    height: 29px;
    border-radius: 50%;
}
.hd-banner-mobile-2018 {
    display: block;
    width: 100%;
    background-color: #FFFFFF;
    min-height: 50px;
    padding: 0 14px;
    box-sizing: border-box;
    text-align: center;
    border-bottom: 1px solid #EEE;
    font-weight: 500;
}
.hd-banner-mobile-2018-inner {
    line-height: 50px;
    display: block;
}
.hd-banner-mobile-2018-inner .blue-gradient {
    font-weight: bold;
    margin: 0;
    color: #408ea3;
    background: -webkit-linear-gradient(left, #6046FE, #1DA0C3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.hd-banner-mobile-2018-inner a:hover {
    text-decoration: none;
}

/* mobile expando cart */
.menubar-2018-phone .cart-mobile {
    position: relative;
    fill: #000000;
}
#menubar-2018-phone.mobile-cd svg.menubar-cart-icon text,
.menubar-2018-phone .cart-mobile svg.menubar-cart-icon text {
    font-size: 9px;
    font-weight: 600;
    stroke: none;
}

.menubar-2018-phone.fixed .cart-mobile.expanded .cart-up,
.menubar-2018-phone .cart-mobile .cart-up {
    display: none;
}
.menubar-2018-phone .cart-mobile.expanded .cart-up {
    display: block;
    position: absolute;
    bottom: -10px;
    z-index: 2;
}

/* new mobile sidecart styles, menubar 2018 */
#sidecart.menubar-2018-mobile-cart #sidecartReveal {
    border: none;
}
#sidecart.menubar-2018-mobile-cart #sidecart-phone-reveal {
    margin-top: 0;
    border-top: thin solid #EEE;
    border-bottom: thin solid #EEE;
}
#sidecart.menubar-2018-mobile-cart #sidecartContents {
    font-size: 12px;
}
#sidecart.menubar-2018-mobile-cart #sidecartContents .item {
    border: none;
}
#sidecart.menubar-2018-mobile-cart #sidecartContents .itemName {
    font-weight: bold;
    padding-top: 6px;
}
#sidecart.menubar-2018-mobile-cart #sidecartContents .cartItemContents .thumb {
    width: 50px;
    height: 50px;
    margin-right: 7px;
    padding-top: 0;
}
#sidecart.menubar-2018-mobile-cart #sidecartContents .cartItemContents .thumb.package {
    height: 40px;
}
#sidecart.menubar-2018-mobile-cart #sidecartContents .item .delete {
    /* most of these are set to undo the pre-2018 menubar rework sidecart css rules */
    border: none;
    font-weight: 400;
    background:none;
    width: auto;
    text-indent: 0; 
    opacity: 1;
    position: absolute;
    right: 0;
    padding-top: 6px;
    top: 0;
    height: 15px;
    line-height: 15px;
    padding-right: 3px;
    color: #898989;
    font-size: 12px;
}
html:lang(de) #sidecart.menubar-2018-mobile-cart #sidecartContents .item .delete {
    right: -0.5em;
}
#sidecart.menubar-2018-mobile-cart #sidecartContents .item .delete span {
    text-indent: 0;
    background: none;
    opacity: 1;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
}
#sidecart.menubar-2018-mobile-cart #sidecartContents .item-price {
    padding-top: 6px;
    right: 52px;
    height: 15px;
    line-height: 15px;
}
#sidecart.menubar-2018-mobile-cart #sidecartFooter {
    margin: 0 3.125%;
    padding-bottom: 0;
}
#sidecart.menubar-2018-mobile-cart #sidecartFooter table#summary {
    width: auto;
    margin: 0 52px 0 57px;
}
#sidecart.menubar-2018-mobile-cart #sidecartFooter table#summary .currency {
    padding-right: 0;
    font-weight: bold;
}
#sidecart.menubar-2018-mobile-cart #sidecartFooter .total th {
    font-weight: normal;
}
#sidecart.menubar-2018-mobile-cart #sidecartFooter .card-details {
    text-align: right;
    padding-right: 0;
}
#sidecart.menubar-2018-mobile-cart #sidecartFooter .icon-cc {
    text-align: left; /* to hide text for image replacing */
}
#sidecart.menubar-2018-mobile-cart a#sidecartCheckout.buttonLink {
    width: 100%;
    height: 41px;
    line-height: 41px;
    border-radius: 3px;
    background-color: #2d9100;
    font-size: 14px;
}
#sidecart.menubar-2018-mobile-cart .sidecart-gift-card-footnote {
    margin: 0;
    text-align: center;
    padding-bottom: 10px;
    width: 100%;
}

/* icons with dark theme */
.has-menubar.invertIconography #menubar-2018-phone .menubar-search-icon,
.has-menubar.invertIconography #menubar-2018-phone .cart-mobile,
.has-menubar.invertIconography #menubar-2018-phone .menubar-cart-icon,
.has-menubar.invertIconography #menubar-2018-phone .menubar-collection-icon {
    fill: #FFF;
}
.menubar-2018-phone .login-link {
    padding-right: 5px;
}
/* override rules from download_phone_2016 */
.menubar-2018-phone.download-page * {
    box-sizing: content-box;
}
/* custom domain mobile mini menubar */
#menubar-2018-phone .mobile-cd {
    background: #fff;
}
#menubar-2018-phone #sidecartHeader .menubar-cart-icon-wrapper {
    display: inline-block;
    position: absolute;
    top: auto;
    margin-top: -4px;
    right: 1.5rem;
}
#menubar-2018-phone #sidecartHeader .title {
    color: black;
}
.invertIconography #menubar-2018-phone #sidecartHeader {
    background-color: #212121;
    fill: #fff;
}
.invertIconography #menubar-2018-phone #sidecartReveal {
    border-bottom: thin solid #777;
}
.invertIconography #menubar-2018-phone #sidecartHeader .title {
    color: #fff;
}

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

/* trackpipe/public/css/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%;}


/* trackpipe/public/css/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(../gif/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(https://s4.bcbits.com/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(../png/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(../gif/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(../gif/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: 201; /* on top of menubar 2018 */
}

.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(../png/popup_image_v2.png);
    background-size: 30px;
    background-repeat:no-repeat;
    width:30px;
    height:30px;
    z-index: 10;
}

.imageviewer_image {
    clear: both;
    border: 2px solid rgba(0,0,0,0.1);
    max-width: none;
    display: inherit;
}

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

.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(../png/popup_image_v2.png);
    background-size: 30px;
    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(../gif/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(../gif/playerbusy_small.gif) no-repeat;
    background-position: 50% 50%;
}


/* trackpipe/public/css/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('../png/_sprite-bc-ui-20170921.png') 0 0 no-repeat;
}
.bc-ui2 {
    background: url('../png/_sprite-bc-ui2-20180131%402x.png') 0 0 no-repeat;
    background-size: 100px 200px;
}
.discover-ui {
    background: url('../png/_sprite-discover-20120528.2.png') 0 0 no-repeat;
}
.bc-home {
    background: url('../png/_sprite-bc-home-20151207%402x.png') 0 0 no-repeat;
    background-size: 200px 100px;
}
.svg-defs {
    position: absolute;
    width: 0;
    height: 0;
}

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

.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('https://s4.bcbits.com/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*/
#menubar.menubar-2018 {
    max-width: 1360px;
}
.menubar-2018.secondary-menubar {
     max-width: 1392px;
}
.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;*/
    display: table;
    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,
.menubar-2018-phone,
.menubar-2018-phone-wrapper,
.hd-banner-mobile-2018.desktop-responsive {
    display: none;
}
.bd.corp-header-padding {
    padding-top: 105px;
}
.bd.has-rock-the-vote-banner {
    padding-top: 184px;
}
.hd-logo {
    background:transparent url('../png/bc-logo%402x.png') no-repeat;
    background-size: 100%;
    margin-top: 24px;
    height: 25px;
    width: 156px;
}
.hd-logo > span {
    display: none;
}

.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,
.hd-nav a:focus {
    text-decoration: underline;
}

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

.corp-nav {
    margin: 15px 0 0;
    text-align: right;
}
.header-rework-2018 .corp-nav {
    margin: 10px 0 0; /* needs to be changed in concert with .hd.header-rework-2018 .hd-sub-head, plus resizing rules */
    float: right;
    width: 100%;
}
.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;
}
.corp-nav > li.cartitem:last-child {
    padding-right: 20px;
}

/* hides the 'for:' in front of artists/fans/labels when not the Queen's tongue */
.hd-mobile .corp-nav-label {
    display: none;
}
body:lang(en) .hd-mobile .corp-nav-label {
    display: inherit;
}

.user-nav {
    display: none;
    margin: 18px 0 0;
    position: relative;
    white-space: nowrap;
}
.user-nav > li {
    border-right: 1px solid #e5e5e5;
    padding: 0 10px;
    display: inline-block;
    line-height: 21px;
}
.user-nav > li:first-child {
    padding-left: 0;
}
.user-nav > li:last-child {
    border-right: none;
    padding-right: 0;
}
.user-nav .name {
    max-width: 30%;
    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;
}
.user-nav > li.cartitem {
    padding-right: 20px;
}

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

/*search*/
.searchwidget {
    text-align: right;
    margin-top: 24px;
    position: relative;
}

/* header (hiring) banner */
.hd-banner {
    left: 30%;
    margin: 24px 0 0 -36px;
    text-align: center;
    position: absolute;
    width: 40%;
}
/* omit homepage banner until localized text is available */
body:lang(ja) .hd-banner.pre-translation,
body:lang(fr) .hd-banner.pre-translation,
body:lang(ja) .hd-banner-mobile-2018.pre-translation,
body:lang(fr) .hd-banner-mobile-2018.pre-translation {
  display: none;
}

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


/* menubar 2018 header styles */
.hd.header-rework-2018 .corp-bclogo {
    /* changes need to be in concert with .hd.header-rework-2018 .hd-sub-head */
    margin-top: 23px;
    margin-bottom: 5px;

}
.hd.header-rework-2018 .corp-nav > li {
    border-right: none;
    padding: 0 0 0 25px;
}

.banner-lo .hd-banner-2018 {
    right: 125px;
    margin: 65px 0 0;
    text-align: right;
    position: absolute;
    width: 165px;
    font-size: 15px;
}
.hd-banner-2018.mobile-small,
.hd-banner-2018.small {
    display: none;
}
.header-rework-2018 .cart-wrapper-corp-lo {
    margin-top: -3px; /* so we don't bump down the sign up/login links to misalign with other header elements */
}
.banner-lo .hd-banner-2018.has-cart {
    left: 42.5%;
}
.special-banner-present .hd.header-rework-2018 .corp-nav > li {
    padding: 0 0 0 22px;
    vertical-align: middle;
}
.hd.header-rework-2018 .hd-nav a {
    font-weight: 600;
}
.hd.header-rework-2018 .hd-sub-head {
    color: #161113;
    font-size: 16px;
    font-weight: 400;
    /* adjust this margin in concert with .hd.header-rework-2018 .corp-bclogo */
    margin: 10px 0 0;
    opacity: 1;
    transition: opacity .2s ease;
}
.special-banner-present .hd.header-rework-2018 .hd-sub-head,
.special-banner-present .hd.header-rework-2018 .hd-nav {
    font-size: 15px;
}

.hd.header-rework-2018 .hd-sub-head .blue-gradient {
    color: #408ea3;
    background: -webkit-linear-gradient(left, #6046FE, #1DA0C3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
}
.hd.header-rework-2018 .searchwidget {
    height: 37px;
    margin-top: 16px;
}

/* verification banner */
#menubar-verify-banner {
    display: none;
}
.hd .corp-banners {
    margin-top: 16px;
}

.hd .corpbanner.hide {
    display: none;
    height: 0;
}

.hd .corpbanner .text {
    margin-top: 16px;
}

.hd .corpbanner.verify-email a {
    color: #FFF;
    font-weight: bold;
}

.hd .corpbanner a:hover {
    text-decoration: underline;
}

.hd .gift-card-icon-bordered {
    margin-bottom: 2px;
    margin-right: 7px;
}

.hd a.gift-balance-link,
.hd a.gift-balance-link:hover,
.hd a.gift-balance-link:active {
    text-decoration: none;
}

.hd .gift-balance-link:hover .gift-card-balance {
    text-decoration: underline;
}

/*------------------------------------------------------------*/
/*prev/next stepper*/
.stepper {
    border:1px solid #9dc3ce;
    border-radius: 3px;
    display: inline-block;
    font-size: 0;
}
.stepper-prev,
.stepper-next,
.stepper-bcdaily {
    color: #408ea3;
    display:inline-block;
    text-decoration: none;
}
.stepper-prev,
.stepper-next {
    padding:5px 20px;
}
.stepper-bcdaily {
    padding:5px 10px;
}
.stepper-prev > *,
.stepper-next > *,
.stepper-bcdaily > * {
    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,
.stepper-bcdaily: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-bcdaily .icon {
    position: relative;
    top: 1px;
    margin-left: 6px;
    fill:#408ea3;
    height: 10px;
    width: 10px;
}
.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-1-1,
.ratio-4-3,
.ratio-3-2,
.ratio-16-9 {
    display: block;
    height: 0;
    font-size: 0;
    overflow: hidden;
    position: relative;
}
.ratio-1-1 img,
.ratio-4-3 img,
.ratio-3-2 img,
.ratio-16-9 img {
    height: auto;
    left: 0;
    outline:1px solid rgba(0,0,0,0.05);
    outline-offset:-1px;
    position: absolute;
    top: 0;
}
.ratio-1-1 {
    padding:100% 0 0;
}
.ratio-4-3 {
    padding:75% 0 0;
}
.ratio-3-2 {
    padding:66.66666667% 0 0;
}
.ratio-16-9 {
    padding:56.25% 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,
    #menubar-wrapper {
        display: none;
    }
    .hd-mobile,
    .placeholder-mobile-menubar {
        background-color: rgba(255,255,255,0.98);
        display: block;
    }
    .hd-banner-mobile-2018.desktop-responsive {
        display: block;
    }
    .menubar-2018-phone,
    .menubar-2018-phone-wrapper {
        display: flex;
    }
    .hd-logo {
        background:transparent url('../png/bc-logo-compact%402x.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%;
    }
    .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 {
        border:none;
    }
    .corp-nav > li > ul,
    .user-nav > li {
        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 a.gift-balance-link {
        top: -1px;
    }
    .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 6px 0 4px;
    }
    .corp-nav > li > ul > li a:after/*,
    .user-nav > li a:after*/ {
        color: #ababab;
        content: '/';
        display: block;
        position: absolute;
        right: -3px;
        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(https://s4.bcbits.com/img/mobile-sprites-20150520.svg) no-repeat;
        background-size: 500% auto;
        background-position: 0 28.2%;
    }
    .no-svg .home-cartitem .cart{
        background-image: url(../png/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;
    }
    .hd-banner {
        left: inherit;
        margin: 0;
        position: relative;
        width: 100%;
    }
    .banner-lo .hd-banner-2018.wide {
        display: none;
    }
    .hd-banner-2018.mobile-small {
        display: inline;
        position: absolute;
        margin: 22px 0;
        left: 45%;
    }
    .hd-banner-inner {
        background: #ffffc5;
        border-bottom: 1px solid #f3f4b4;
        border-radius: 0;
        display: block;
        margin: 0;
        padding: 15px 5px;
        font-size: 12px;
    }
    .hd-banner-inner a {
        display: block;
        text-decoration: none;
    }
    .hd-banner-inner a:hover {
        text-decoration: none;
    }
    .headroom {
        clear: both;
    }
}
@media (max-width: 890px) 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 > 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;
    }
    .hd-banner {
        left: inherit;
        margin: 64px 0 0 0;
        right:0;
        width: auto;
    }
    .hd-banner-2018.mobile-small,
    .banner-lo .hd-banner-2018.wide {
        display: none;
    }
    .banner-lo .hd-banner-2018.small {
        display: inline;
        position: absolute;
        margin: 65px 0 0 0;
        left: inherit;
        right: 0;
    }
}
@media (max-width: 1024px) and (min-width: 891px) {
    /*corp*/
    .hd .row,
    .bd-section > .row,
    .pg-ft .row {
        max-width: 97%;
    }
    .hd-nav {
        font-size: 14px;
        white-space: nowrap;
    }
    .corp-nav-label {
        display: none;
    }
    .hd-sub-head {
        font-size: 14px;
        margin: 20px 0 0;
        white-space: nowrap;
    }
    .banner-lo .hd-banner-2018.wide {
        display: none;
    }
    .hd-banner-2018.small {
        display: inline;
        right: 190px;
        margin: 65px 0 0 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .banner-lo .hd-banner-2018.has-cart {
        left: 40.5%;
    }
}
@media (max-width: 1280px) and (min-width: 1025px) {
    /*corp*/
    .hd .row,
    .bd-section > .row,
    .pg-ft .row {
        max-width: 994px;
    }
    .banner-lo .hd-banner-2018.wide {
        display: none;
    }
    .hd-banner-2018.small {
        display: inline;
        left: 45%;
        margin: 65px 0 0 0;
        right:0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .banner-lo .hd-banner-2018.has-cart {
        left: 39.5%;
    }
}
@media (min-width: 1281px) {
    /*corp*/
    .hd .row,
    .bd-section > .row,
    .pg-ft .row {
        max-width: 1106px;
    }
}

/* adjustments for localized headers */

/* gift banner fixes */
@media (min-width: 1281px) {
    body:lang(fr).special-banner-present .hd-sub-head,
    body:lang(ja).special-banner-present .hd-sub-head {
        width: 90%;
        white-space: normal;
    }

    body:lang(fr).special-banner-present .banner-lo .hd-banner-2018,
    body:lang(ja).special-banner-present .banner-lo .hd-banner-2018 {
        width: 33%;
    }

    body:lang(fr).special-banner-present .banner-lo .hd-banner-2018 {
        left: 46%;
    }

    body:lang(ja).special-banner-present .banner-lo .hd-banner-2018 {
        left: 48%;
    }
}
@media (min-width: 1025px) and (max-width: 1280px) {
    body:lang(fr).special-banner-present .hd-sub-head,
    body:lang(ja).special-banner-present .hd-sub-head {
        width: 90%;
        white-space: normal;
    }

    body:lang(fr).special-banner-present .banner-lo .hd-banner-2018,
    body:lang(ja).special-banner-present .banner-lo .hd-banner-2018 {
        width: 33%;
    }

    body:lang(fr).special-banner-present .banner-lo .hd-banner-2018 {
        left: 44%;
    }

    body:lang(ja).special-banner-present .banner-lo .hd-banner-2018 {
        left: 46%;
    }
}
@media (min-width: 891px) and (max-width: 1024px) {
    body:lang(fr).special-banner-present .hd-sub-head,
    body:lang(ja).special-banner-present .hd-sub-head {
        width: 90%;
        white-space: normal;
    }

    body:lang(fr).special-banner-present .banner-lo .hd-banner-2018,
    body:lang(ja).special-banner-present .banner-lo .hd-banner-2018 {
        width: 33%;
    }

    body:lang(fr).special-banner-present .banner-lo .hd-banner-2018 {
        left: 43%;
    }

    body:lang(ja).special-banner-present .banner-lo .hd-banner-2018 {
        left: 46%;
    }
}
@media (max-width: 890px) {
    .special-banner-present .hd-sub-head,
    body:lang(fr).special-banner-present .hd-sub-head,
    body:lang(ja).special-banner-present .hd-sub-head {
        width: 90%;
        white-space: normal;
    }

    .special-banner-present .banner-lo .hd-banner-2018,
    body:lang(fr).special-banner-present .banner-lo .hd-banner-2018,
    body:lang(ja).special-banner-present .banner-lo .hd-banner-2018 {
        right: 300px;
        margin: 25px 0 0;
    }
}

/* avoid line wrapping at wider widths in fr and ja */
@media (min-width: 1025px) {
    body:lang(fr) .hd-nav,
    body:lang(ja) .hd-nav {
        font-size: 14px;
        white-space: nowrap;
    }
    body:lang(fr) .hd-sub-head,
    body:lang(ja) .hd-sub-head {
        font-size: 14px;
        margin: 20px 0 0;
        white-space: nowrap;
    }
}

/* trackpipe/public/css/header/minimal_2016.css */
/* used on: login, fan_signup, reset_password, forgot_password */

.minimal-hd.hd {
    background-color: #DDDDDD;
    box-shadow: none;
    position: relative;
}
.minimal-hd .hd-logo {
    background: transparent url(https://s4.bcbits.com/img/bandcamp-logo-color-bcaqua.svg) no-repeat;
    background-size: 100%;
    margin-top: 44px;
    height: 25px;
    width: 135px;
}
.minimal-hd .corp-nav {
    margin: 45px 0 0;
    text-align: right;
    font-size: 14px;
}
.minimal-hd .corp-nav > li {
    border-right: none;
    padding: 0 12px 0 5px;
    line-height: 22px;
}
.minimal-hd .corp-nav > li img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.minimal-hd .hd-nav a {
    color: rgb(0,161,198);
    font-weight: normal;
    text-decoration: none;
    vertical-align: middle;
}
/* trackpipe/public/css/country_flags.css */
.flag-icon {
    background: transparent url('../png/_sprite-country-flags-20170630.png') no-repeat 0 0;
    background-size: 210px 187px;
    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-aq {background-position: -140px 0; display:inline-block;}
.flag-icon.flag-ar {background-position: -154px 0; display:inline-block;}
.flag-icon.flag-as {background-position: -168px 0; display:inline-block;}
.flag-icon.flag-at {background-position: -182px 0; display:inline-block;}
.flag-icon.flag-au {background-position: -196px 0; display:inline-block;}
.flag-icon.flag-aw {background-position: 0px -11px; display:inline-block;}
.flag-icon.flag-ax {background-position: -14px -11px; display:inline-block;}
.flag-icon.flag-az {background-position: -28px -11px; display:inline-block;}
.flag-icon.flag-ba {background-position: -42px -11px; display:inline-block;}
.flag-icon.flag-bb {background-position: -56px -11px; display:inline-block;}
.flag-icon.flag-bd {background-position: -70px -11px; display:inline-block;}
.flag-icon.flag-be {background-position: -84px -11px; display:inline-block;}
.flag-icon.flag-bf {background-position: -98px -11px; display:inline-block;}
.flag-icon.flag-bg {background-position: -112px -11px; display:inline-block;}
.flag-icon.flag-bh {background-position: -126px -11px; display:inline-block;}
.flag-icon.flag-bi {background-position: -140px -11px; display:inline-block;}
.flag-icon.flag-bj {background-position: -154px -11px; display:inline-block;}
.flag-icon.flag-bl {background-position: -168px -11px; display:inline-block;}
.flag-icon.flag-bm {background-position: -182px -11px; display:inline-block;}
.flag-icon.flag-bn {background-position: -196px -11px; display:inline-block;}
.flag-icon.flag-bo {background-position: 0px -22px; display:inline-block;}
.flag-icon.flag-br {background-position: -14px -22px; display:inline-block;}
.flag-icon.flag-bs {background-position: -28px -22px; display:inline-block;}
.flag-icon.flag-bt {background-position: -42px -22px; display:inline-block;}
.flag-icon.flag-bw {background-position: -56px -22px; display:inline-block;}
.flag-icon.flag-by {background-position: -70px -22px; display:inline-block;}
.flag-icon.flag-bz {background-position: -84px -22px; display:inline-block;}
.flag-icon.flag-ca {background-position: -98px -22px; display:inline-block;}
.flag-icon.flag-cc {background-position: -112px -22px; display:inline-block;}
.flag-icon.flag-cd {background-position: -126px -22px; display:inline-block;}
.flag-icon.flag-cf {background-position: -140px -22px; display:inline-block;}
.flag-icon.flag-cg {background-position: -154px -22px; display:inline-block;}
.flag-icon.flag-ch {background-position: -168px -22px; display:inline-block; width:12px;}
.flag-icon.flag-ci {background-position: -182px -22px; display:inline-block;}
.flag-icon.flag-ck {background-position: -196px -22px; display:inline-block;}
.flag-icon.flag-cl {background-position: 0px -33px; display:inline-block;}
.flag-icon.flag-cm {background-position: -14px -33px; display:inline-block;}
.flag-icon.flag-cn {background-position: -28px -33px; display:inline-block;}
.flag-icon.flag-co {background-position: -42px -33px; display:inline-block;}
.flag-icon.flag-cr {background-position: -56px -33px; display:inline-block;}
.flag-icon.flag-cu {background-position: -70px -33px; display:inline-block;}
.flag-icon.flag-cv {background-position: -84px -33px; display:inline-block;}
.flag-icon.flag-cw {background-position: -98px -33px; display:inline-block;}
.flag-icon.flag-cx {background-position: -112px -33px; display:inline-block;}
.flag-icon.flag-cy {background-position: -126px -33px; display:inline-block;}
.flag-icon.flag-cz {background-position: -140px -33px; display:inline-block;}
.flag-icon.flag-de {background-position: -154px -33px; display:inline-block;}
.flag-icon.flag-dj {background-position: -168px -33px; display:inline-block;}
.flag-icon.flag-dk {background-position: -182px -33px; display:inline-block;}
.flag-icon.flag-dm {background-position: -196px -33px; display:inline-block;}
.flag-icon.flag-do {background-position: 0px -44px; display:inline-block;}
.flag-icon.flag-dz {background-position: -14px -44px; display:inline-block;}
.flag-icon.flag-ec {background-position: -28px -44px; display:inline-block;}
.flag-icon.flag-ee {background-position: -42px -44px; display:inline-block;}
.flag-icon.flag-eg {background-position: -56px -44px; display:inline-block;}
.flag-icon.flag-eh {background-position: -70px -44px; display:inline-block;}
.flag-icon.flag-er {background-position: -84px -44px; display:inline-block;}
.flag-icon.flag-es {background-position: -98px -44px; display:inline-block;}
.flag-icon.flag-et {background-position: -112px -44px; display:inline-block;}
.flag-icon.flag-eu {background-position: -126px -44px; display:inline-block;}
.flag-icon.flag-fi {background-position: -140px -44px; display:inline-block;}
.flag-icon.flag-fj {background-position: -154px -44px; display:inline-block;}
.flag-icon.flag-fk {background-position: -168px -44px; display:inline-block;}
.flag-icon.flag-fm {background-position: -182px -44px; display:inline-block;}
.flag-icon.flag-fo {background-position: -196px -44px; display:inline-block;}
.flag-icon.flag-fr {background-position: 0px -55px; display:inline-block;}
.flag-icon.flag-ga {background-position: -14px -55px; display:inline-block;}
.flag-icon.flag-gb {background-position: -28px -55px; display:inline-block;}
.flag-icon.flag-gb-eng {background-position: -42px -55px; display:inline-block;}
.flag-icon.flag-gb-sct {background-position: -56px -55px; display:inline-block;}
.flag-icon.flag-gb-wls {background-position: -70px -55px; display:inline-block;}
.flag-icon.flag-gd {background-position: -84px -55px; display:inline-block;}
.flag-icon.flag-ge {background-position: -98px -55px; display:inline-block;}
.flag-icon.flag-gg {background-position: -112px -55px; display:inline-block;}
.flag-icon.flag-gh {background-position: -126px -55px; display:inline-block;}
.flag-icon.flag-gi {background-position: -140px -55px; display:inline-block;}
.flag-icon.flag-gl {background-position: -154px -55px; display:inline-block;}
.flag-icon.flag-gm {background-position: -168px -55px; display:inline-block;}
.flag-icon.flag-gn {background-position: -182px -55px; display:inline-block;}
.flag-icon.flag-gq {background-position: -196px -55px; display:inline-block;}
.flag-icon.flag-gr {background-position: 0px -66px; display:inline-block;}
.flag-icon.flag-gs {background-position: -14px -66px; display:inline-block;}
.flag-icon.flag-gt {background-position: -28px -66px; display:inline-block;}
.flag-icon.flag-gu {background-position: -42px -66px; display:inline-block;}
.flag-icon.flag-gw {background-position: -56px -66px; display:inline-block;}
.flag-icon.flag-gy {background-position: -70px -66px; display:inline-block;}
.flag-icon.flag-hk {background-position: -84px -66px; display:inline-block;}
.flag-icon.flag-hn {background-position: -98px -66px; display:inline-block;}
.flag-icon.flag-hr {background-position: -112px -66px; display:inline-block;}
.flag-icon.flag-ht {background-position: -126px -66px; display:inline-block;}
.flag-icon.flag-hu {background-position: -140px -66px; display:inline-block;}
.flag-icon.flag-ic {background-position: -154px -66px; display:inline-block;}
.flag-icon.flag-id {background-position: -168px -66px; display:inline-block;}
.flag-icon.flag-ie {background-position: -182px -66px; display:inline-block;}
.flag-icon.flag-il {background-position: -196px -66px; display:inline-block;}
.flag-icon.flag-im {background-position: 0px -77px; display:inline-block;}
.flag-icon.flag-in {background-position: -14px -77px; display:inline-block;}
.flag-icon.flag-iq {background-position: -28px -77px; display:inline-block;}
.flag-icon.flag-ir {background-position: -42px -77px; display:inline-block;}
.flag-icon.flag-is {background-position: -56px -77px; display:inline-block;}
.flag-icon.flag-it {background-position: -70px -77px; display:inline-block;}
.flag-icon.flag-je {background-position: -84px -77px; display:inline-block;}
.flag-icon.flag-jm {background-position: -98px -77px; display:inline-block;}
.flag-icon.flag-jo {background-position: -112px -77px; display:inline-block;}
.flag-icon.flag-jp {background-position: -126px -77px; display:inline-block;}
.flag-icon.flag-ke {background-position: -140px -77px; display:inline-block;}
.flag-icon.flag-kg {background-position: -154px -77px; display:inline-block;}
.flag-icon.flag-kh {background-position: -168px -77px; display:inline-block;}
.flag-icon.flag-ki {background-position: -182px -77px; display:inline-block;}
.flag-icon.flag-km {background-position: -196px -77px; display:inline-block;}
.flag-icon.flag-kn {background-position: 0px -88px; display:inline-block;}
.flag-icon.flag-kp {background-position: -14px -88px; display:inline-block;}
.flag-icon.flag-kr {background-position: -28px -88px; display:inline-block;}
.flag-icon.flag-kw {background-position: -42px -88px; display:inline-block;}
.flag-icon.flag-ky {background-position: -56px -88px; display:inline-block;}
.flag-icon.flag-kz {background-position: -70px -88px; display:inline-block;}
.flag-icon.flag-la {background-position: -84px -88px; display:inline-block;}
.flag-icon.flag-lb {background-position: -98px -88px; display:inline-block;}
.flag-icon.flag-lc {background-position: -112px -88px; display:inline-block;}
.flag-icon.flag-li {background-position: -126px -88px; display:inline-block;}
.flag-icon.flag-lk {background-position: -140px -88px; display:inline-block;}
.flag-icon.flag-lr {background-position: -154px -88px; display:inline-block;}
.flag-icon.flag-ls {background-position: -168px -88px; display:inline-block;}
.flag-icon.flag-lt {background-position: -182px -88px; display:inline-block;}
.flag-icon.flag-lu {background-position: -196px -88px; display:inline-block;}
.flag-icon.flag-lv {background-position: 0px -99px; display:inline-block;}
.flag-icon.flag-ly {background-position: -14px -99px; display:inline-block;}
.flag-icon.flag-ma {background-position: -28px -99px; display:inline-block;}
.flag-icon.flag-mc {background-position: -42px -99px; display:inline-block;}
.flag-icon.flag-md {background-position: -56px -99px; display:inline-block;}
.flag-icon.flag-me {background-position: -70px -99px; display:inline-block;}
.flag-icon.flag-mf {background-position: -84px -99px; display:inline-block;}
.flag-icon.flag-mg {background-position: -98px -99px; display:inline-block;}
.flag-icon.flag-mh {background-position: -112px -99px; display:inline-block;}
.flag-icon.flag-mk {background-position: -126px -99px; display:inline-block;}
.flag-icon.flag-ml {background-position: -140px -99px; display:inline-block;}
.flag-icon.flag-mm {background-position: -154px -99px; display:inline-block;}
.flag-icon.flag-mn {background-position: -168px -99px; display:inline-block;}
.flag-icon.flag-mo {background-position: -182px -99px; display:inline-block;}
.flag-icon.flag-mp {background-position: -196px -99px; display:inline-block;}
.flag-icon.flag-mq {background-position: 0px -110px; display:inline-block;}
.flag-icon.flag-mr {background-position: -14px -110px; display:inline-block;}
.flag-icon.flag-ms {background-position: -28px -110px; display:inline-block;}
.flag-icon.flag-mt {background-position: -42px -110px; display:inline-block;}
.flag-icon.flag-mu {background-position: -56px -110px; display:inline-block;}
.flag-icon.flag-mv {background-position: -70px -110px; display:inline-block;}
.flag-icon.flag-mw {background-position: -84px -110px; display:inline-block;}
.flag-icon.flag-mx {background-position: -98px -110px; display:inline-block;}
.flag-icon.flag-my {background-position: -112px -110px; display:inline-block;}
.flag-icon.flag-mz {background-position: -126px -110px; display:inline-block;}
.flag-icon.flag-na {background-position: -140px -110px; display:inline-block;}
.flag-icon.flag-nc {background-position: -154px -110px; display:inline-block;}
.flag-icon.flag-ne {background-position: -168px -110px; display:inline-block;}
.flag-icon.flag-nf {background-position: -182px -110px; display:inline-block;}
.flag-icon.flag-ng {background-position: -196px -110px; display:inline-block;}
.flag-icon.flag-ni {background-position: 0px -121px; display:inline-block;}
.flag-icon.flag-nl {background-position: -14px -121px; display:inline-block;}
.flag-icon.flag-no {background-position: -28px -121px; display:inline-block;}
.flag-icon.flag-np {background-position: -42px -121px; display:inline-block; width:9px;}
.flag-icon.flag-nr {background-position: -56px -121px; display:inline-block;}
.flag-icon.flag-nu {background-position: -70px -121px; display:inline-block;}
.flag-icon.flag-nz {background-position: -84px -121px; display:inline-block;}
.flag-icon.flag-om {background-position: -98px -121px; display:inline-block;}
.flag-icon.flag-pa {background-position: -112px -121px; display:inline-block;}
.flag-icon.flag-pe {background-position: -126px -121px; display:inline-block;}
.flag-icon.flag-pf {background-position: -140px -121px; display:inline-block;}
.flag-icon.flag-pg {background-position: -154px -121px; display:inline-block;}
.flag-icon.flag-ph {background-position: -168px -121px; display:inline-block;}
.flag-icon.flag-pk {background-position: -182px -121px; display:inline-block;}
.flag-icon.flag-pl {background-position: -196px -121px; display:inline-block;}
.flag-icon.flag-pn {background-position: 0px -132px; display:inline-block;}
.flag-icon.flag-pr {background-position: -14px -132px; display:inline-block;}
.flag-icon.flag-ps {background-position: -28px -132px; display:inline-block;}
.flag-icon.flag-pt {background-position: -42px -132px; display:inline-block;}
.flag-icon.flag-pw {background-position: -56px -132px; display:inline-block;}
.flag-icon.flag-py {background-position: -70px -132px; display:inline-block;}
.flag-icon.flag-qa {background-position: -84px -132px; display:inline-block;}
.flag-icon.flag-ro {background-position: -98px -132px; display:inline-block;}
.flag-icon.flag-rs {background-position: -112px -132px; display:inline-block;}
.flag-icon.flag-ru {background-position: -126px -132px; display:inline-block;}
.flag-icon.flag-rw {background-position: -140px -132px; display:inline-block;}
.flag-icon.flag-sa {background-position: -154px -132px; display:inline-block;}
.flag-icon.flag-sb {background-position: -168px -132px; display:inline-block;}
.flag-icon.flag-sc {background-position: -182px -132px; display:inline-block;}
.flag-icon.flag-sd {background-position: -196px -132px; display:inline-block;}
.flag-icon.flag-se {background-position: 0px -143px; display:inline-block;}
.flag-icon.flag-sg {background-position: -14px -143px; display:inline-block;}
.flag-icon.flag-sh {background-position: -28px -143px; display:inline-block;}
.flag-icon.flag-si {background-position: -42px -143px; display:inline-block;}
.flag-icon.flag-sk {background-position: -56px -143px; display:inline-block;}
.flag-icon.flag-sl {background-position: -70px -143px; display:inline-block;}
.flag-icon.flag-sm {background-position: -84px -143px; display:inline-block;}
.flag-icon.flag-sn {background-position: -98px -143px; display:inline-block;}
.flag-icon.flag-so {background-position: -112px -143px; display:inline-block;}
.flag-icon.flag-sr {background-position: -126px -143px; display:inline-block;}
.flag-icon.flag-ss {background-position: -140px -143px; display:inline-block;}
.flag-icon.flag-st {background-position: -154px -143px; display:inline-block;}
.flag-icon.flag-sv {background-position: -168px -143px; display:inline-block;}
.flag-icon.flag-sy {background-position: -182px -143px; display:inline-block;}
.flag-icon.flag-sz {background-position: -196px -143px; display:inline-block;}
.flag-icon.flag-tc {background-position: 0px -154px; display:inline-block;}
.flag-icon.flag-td {background-position: -14px -154px; display:inline-block;}
.flag-icon.flag-tf {background-position: -28px -154px; display:inline-block;}
.flag-icon.flag-tg {background-position: -42px -154px; display:inline-block;}
.flag-icon.flag-th {background-position: -56px -154px; display:inline-block;}
.flag-icon.flag-tj {background-position: -70px -154px; display:inline-block;}
.flag-icon.flag-tk {background-position: -84px -154px; display:inline-block;}
.flag-icon.flag-tl {background-position: -98px -154px; display:inline-block;}
.flag-icon.flag-tm {background-position: -112px -154px; display:inline-block;}
.flag-icon.flag-tn {background-position: -126px -154px; display:inline-block;}
.flag-icon.flag-to {background-position: -140px -154px; display:inline-block;}
.flag-icon.flag-tr {background-position: -154px -154px; display:inline-block;}
.flag-icon.flag-tt {background-position: -168px -154px; display:inline-block;}
.flag-icon.flag-tv {background-position: -182px -154px; display:inline-block;}
.flag-icon.flag-tw {background-position: -196px -154px; display:inline-block;}
.flag-icon.flag-tz {background-position: 0px -165px; display:inline-block;}
.flag-icon.flag-ua {background-position: -14px -165px; display:inline-block;}
.flag-icon.flag-ug {background-position: -28px -165px; display:inline-block;}
.flag-icon.flag-un {background-position: -42px -165px; display:inline-block;}
.flag-icon.flag-us {background-position: -56px -165px; display:inline-block;}
.flag-icon.flag-uy {background-position: -70px -165px; display:inline-block;}
.flag-icon.flag-uz {background-position: -84px -165px; display:inline-block;}
.flag-icon.flag-va {background-position: -98px -165px; display:inline-block; width:12px;}
.flag-icon.flag-vc {background-position: -112px -165px; display:inline-block;}
.flag-icon.flag-ve {background-position: -126px -165px; display:inline-block;}
.flag-icon.flag-vg {background-position: -140px -165px; display:inline-block;}
.flag-icon.flag-vi {background-position: -154px -165px; display:inline-block;}
.flag-icon.flag-vn {background-position: -168px -165px; display:inline-block;}
.flag-icon.flag-vu {background-position: -182px -165px; display:inline-block;}
.flag-icon.flag-wf {background-position: -196px -165px; display:inline-block;}
.flag-icon.flag-ws {background-position: 0px -176px; display:inline-block;}
.flag-icon.flag-xk {background-position: -14px -176px; display:inline-block;}
.flag-icon.flag-ye {background-position: -28px -176px; display:inline-block;}
.flag-icon.flag-yt {background-position: -42px -176px; display:inline-block;}
.flag-icon.flag-za {background-position: -56px -176px; display:inline-block;}
.flag-icon.flag-zm {background-position: -70px -176px; display:inline-block;}
.flag-icon.flag-zw {background-position: -84px -176px; display:inline-block;}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
    .flag-icon {
        background: transparent url('../png/_sprite-country-flags-20170630%402x.png') no-repeat 0 0;
        background-size: 225px 170px;
        display: none;
        height: 10px;
        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-aq {background-position: -150px 0; display:inline-block;}
    .flag-icon.flag-ar {background-position: -165px 0; display:inline-block;}
    .flag-icon.flag-as {background-position: -180px 0; display:inline-block;}
    .flag-icon.flag-at {background-position: -195px 0; display:inline-block;}
    .flag-icon.flag-au {background-position: -210px 0; display:inline-block;}
    .flag-icon.flag-aw {background-position: 0px -10px; display:inline-block;}
    .flag-icon.flag-ax {background-position: -15px -10px; display:inline-block;}
    .flag-icon.flag-az {background-position: -30px -10px; display:inline-block;}
    .flag-icon.flag-ba {background-position: -45px -10px; display:inline-block;}
    .flag-icon.flag-bb {background-position: -60px -10px; display:inline-block;}
    .flag-icon.flag-bd {background-position: -75px -10px; display:inline-block;}
    .flag-icon.flag-be {background-position: -90px -10px; display:inline-block;}
    .flag-icon.flag-bf {background-position: -105px -10px; display:inline-block;}
    .flag-icon.flag-bg {background-position: -120px -10px; display:inline-block;}
    .flag-icon.flag-bh {background-position: -135px -10px; display:inline-block;}
    .flag-icon.flag-bi {background-position: -150px -10px; display:inline-block;}
    .flag-icon.flag-bj {background-position: -165px -10px; display:inline-block;}
    .flag-icon.flag-bl {background-position: -180px -10px; display:inline-block;}
    .flag-icon.flag-bm {background-position: -195px -10px; display:inline-block;}
    .flag-icon.flag-bn {background-position: -210px -10px; display:inline-block;}
    .flag-icon.flag-bo {background-position: 0px -20px; display:inline-block;}
    .flag-icon.flag-br {background-position: -15px -20px; display:inline-block;}
    .flag-icon.flag-bs {background-position: -30px -20px; display:inline-block;}
    .flag-icon.flag-bt {background-position: -45px -20px; display:inline-block;}
    .flag-icon.flag-bw {background-position: -60px -20px; display:inline-block;}
    .flag-icon.flag-by {background-position: -75px -20px; display:inline-block;}
    .flag-icon.flag-bz {background-position: -90px -20px; display:inline-block;}
    .flag-icon.flag-ca {background-position: -105px -20px; display:inline-block;}
    .flag-icon.flag-cc {background-position: -120px -20px; display:inline-block;}
    .flag-icon.flag-cd {background-position: -135px -20px; display:inline-block;}
    .flag-icon.flag-cf {background-position: -150px -20px; display:inline-block;}
    .flag-icon.flag-cg {background-position: -165px -20px; display:inline-block;}
    .flag-icon.flag-ch {background-position: -180px -20px; display:inline-block; width:10px;}
    .flag-icon.flag-ci {background-position: -195px -20px; display:inline-block;}
    .flag-icon.flag-ck {background-position: -210px -20px; display:inline-block;}
    .flag-icon.flag-cl {background-position: 0px -30px; display:inline-block;}
    .flag-icon.flag-cm {background-position: -15px -30px; display:inline-block;}
    .flag-icon.flag-cn {background-position: -30px -30px; display:inline-block;}
    .flag-icon.flag-co {background-position: -45px -30px; display:inline-block;}
    .flag-icon.flag-cr {background-position: -60px -30px; display:inline-block;}
    .flag-icon.flag-cu {background-position: -75px -30px; display:inline-block;}
    .flag-icon.flag-cv {background-position: -90px -30px; display:inline-block;}
    .flag-icon.flag-cw {background-position: -105px -30px; display:inline-block;}
    .flag-icon.flag-cx {background-position: -120px -30px; display:inline-block;}
    .flag-icon.flag-cy {background-position: -135px -30px; display:inline-block;}
    .flag-icon.flag-cz {background-position: -150px -30px; display:inline-block;}
    .flag-icon.flag-de {background-position: -165px -30px; display:inline-block;}
    .flag-icon.flag-dj {background-position: -180px -30px; display:inline-block;}
    .flag-icon.flag-dk {background-position: -195px -30px; display:inline-block;}
    .flag-icon.flag-dm {background-position: -210px -30px; display:inline-block;}
    .flag-icon.flag-do {background-position: 0px -40px; display:inline-block;}
    .flag-icon.flag-dz {background-position: -15px -40px; display:inline-block;}
    .flag-icon.flag-ec {background-position: -30px -40px; display:inline-block;}
    .flag-icon.flag-ee {background-position: -45px -40px; display:inline-block;}
    .flag-icon.flag-eg {background-position: -60px -40px; display:inline-block;}
    .flag-icon.flag-eh {background-position: -75px -40px; display:inline-block;}
    .flag-icon.flag-er {background-position: -90px -40px; display:inline-block;}
    .flag-icon.flag-es {background-position: -105px -40px; display:inline-block;}
    .flag-icon.flag-et {background-position: -120px -40px; display:inline-block;}
    .flag-icon.flag-eu {background-position: -135px -40px; display:inline-block;}
    .flag-icon.flag-fi {background-position: -150px -40px; display:inline-block;}
    .flag-icon.flag-fj {background-position: -165px -40px; display:inline-block;}
    .flag-icon.flag-fk {background-position: -180px -40px; display:inline-block;}
    .flag-icon.flag-fm {background-position: -195px -40px; display:inline-block;}
    .flag-icon.flag-fo {background-position: -210px -40px; display:inline-block;}
    .flag-icon.flag-fr {background-position: 0px -50px; display:inline-block;}
    .flag-icon.flag-ga {background-position: -15px -50px; display:inline-block;}
    .flag-icon.flag-gb {background-position: -30px -50px; display:inline-block;}
    .flag-icon.flag-gb-eng {background-position: -45px -50px; display:inline-block;}
    .flag-icon.flag-gb-sct {background-position: -60px -50px; display:inline-block;}
    .flag-icon.flag-gb-wls {background-position: -75px -50px; display:inline-block;}
    .flag-icon.flag-gd {background-position: -90px -50px; display:inline-block;}
    .flag-icon.flag-ge {background-position: -105px -50px; display:inline-block;}
    .flag-icon.flag-gg {background-position: -120px -50px; display:inline-block;}
    .flag-icon.flag-gh {background-position: -135px -50px; display:inline-block;}
    .flag-icon.flag-gi {background-position: -150px -50px; display:inline-block;}
    .flag-icon.flag-gl {background-position: -165px -50px; display:inline-block;}
    .flag-icon.flag-gm {background-position: -180px -50px; display:inline-block;}
    .flag-icon.flag-gn {background-position: -195px -50px; display:inline-block;}
    .flag-icon.flag-gq {background-position: -210px -50px; display:inline-block;}
    .flag-icon.flag-gr {background-position: 0px -60px; display:inline-block;}
    .flag-icon.flag-gs {background-position: -15px -60px; display:inline-block;}
    .flag-icon.flag-gt {background-position: -30px -60px; display:inline-block;}
    .flag-icon.flag-gu {background-position: -45px -60px; display:inline-block;}
    .flag-icon.flag-gw {background-position: -60px -60px; display:inline-block;}
    .flag-icon.flag-gy {background-position: -75px -60px; display:inline-block;}
    .flag-icon.flag-hk {background-position: -90px -60px; display:inline-block;}
    .flag-icon.flag-hn {background-position: -105px -60px; display:inline-block;}
    .flag-icon.flag-hr {background-position: -120px -60px; display:inline-block;}
    .flag-icon.flag-ht {background-position: -135px -60px; display:inline-block;}
    .flag-icon.flag-hu {background-position: -150px -60px; display:inline-block;}
    .flag-icon.flag-ic {background-position: -165px -60px; display:inline-block;}
    .flag-icon.flag-id {background-position: -180px -60px; display:inline-block;}
    .flag-icon.flag-ie {background-position: -195px -60px; display:inline-block;}
    .flag-icon.flag-il {background-position: -210px -60px; display:inline-block;}
    .flag-icon.flag-im {background-position: 0px -70px; display:inline-block;}
    .flag-icon.flag-in {background-position: -15px -70px; display:inline-block;}
    .flag-icon.flag-iq {background-position: -30px -70px; display:inline-block;}
    .flag-icon.flag-ir {background-position: -45px -70px; display:inline-block;}
    .flag-icon.flag-is {background-position: -60px -70px; display:inline-block;}
    .flag-icon.flag-it {background-position: -75px -70px; display:inline-block;}
    .flag-icon.flag-je {background-position: -90px -70px; display:inline-block;}
    .flag-icon.flag-jm {background-position: -105px -70px; display:inline-block;}
    .flag-icon.flag-jo {background-position: -120px -70px; display:inline-block;}
    .flag-icon.flag-jp {background-position: -135px -70px; display:inline-block;}
    .flag-icon.flag-ke {background-position: -150px -70px; display:inline-block;}
    .flag-icon.flag-kg {background-position: -165px -70px; display:inline-block;}
    .flag-icon.flag-kh {background-position: -180px -70px; display:inline-block;}
    .flag-icon.flag-ki {background-position: -195px -70px; display:inline-block;}
    .flag-icon.flag-km {background-position: -210px -70px; display:inline-block;}
    .flag-icon.flag-kn {background-position: 0px -80px; display:inline-block;}
    .flag-icon.flag-kp {background-position: -15px -80px; display:inline-block;}
    .flag-icon.flag-kr {background-position: -30px -80px; display:inline-block;}
    .flag-icon.flag-kw {background-position: -45px -80px; display:inline-block;}
    .flag-icon.flag-ky {background-position: -60px -80px; display:inline-block;}
    .flag-icon.flag-kz {background-position: -75px -80px; display:inline-block;}
    .flag-icon.flag-la {background-position: -90px -80px; display:inline-block;}
    .flag-icon.flag-lb {background-position: -105px -80px; display:inline-block;}
    .flag-icon.flag-lc {background-position: -120px -80px; display:inline-block;}
    .flag-icon.flag-li {background-position: -135px -80px; display:inline-block;}
    .flag-icon.flag-lk {background-position: -150px -80px; display:inline-block;}
    .flag-icon.flag-lr {background-position: -165px -80px; display:inline-block;}
    .flag-icon.flag-ls {background-position: -180px -80px; display:inline-block;}
    .flag-icon.flag-lt {background-position: -195px -80px; display:inline-block;}
    .flag-icon.flag-lu {background-position: -210px -80px; display:inline-block;}
    .flag-icon.flag-lv {background-position: 0px -90px; display:inline-block;}
    .flag-icon.flag-ly {background-position: -15px -90px; display:inline-block;}
    .flag-icon.flag-ma {background-position: -30px -90px; display:inline-block;}
    .flag-icon.flag-mc {background-position: -45px -90px; display:inline-block;}
    .flag-icon.flag-md {background-position: -60px -90px; display:inline-block;}
    .flag-icon.flag-me {background-position: -75px -90px; display:inline-block;}
    .flag-icon.flag-mf {background-position: -90px -90px; display:inline-block;}
    .flag-icon.flag-mg {background-position: -105px -90px; display:inline-block;}
    .flag-icon.flag-mh {background-position: -120px -90px; display:inline-block;}
    .flag-icon.flag-mk {background-position: -135px -90px; display:inline-block;}
    .flag-icon.flag-ml {background-position: -150px -90px; display:inline-block;}
    .flag-icon.flag-mm {background-position: -165px -90px; display:inline-block;}
    .flag-icon.flag-mn {background-position: -180px -90px; display:inline-block;}
    .flag-icon.flag-mo {background-position: -195px -90px; display:inline-block;}
    .flag-icon.flag-mp {background-position: -210px -90px; display:inline-block;}
    .flag-icon.flag-mq {background-position: 0px -100px; display:inline-block;}
    .flag-icon.flag-mr {background-position: -15px -100px; display:inline-block;}
    .flag-icon.flag-ms {background-position: -30px -100px; display:inline-block;}
    .flag-icon.flag-mt {background-position: -45px -100px; display:inline-block;}
    .flag-icon.flag-mu {background-position: -60px -100px; display:inline-block;}
    .flag-icon.flag-mv {background-position: -75px -100px; display:inline-block;}
    .flag-icon.flag-mw {background-position: -90px -100px; display:inline-block;}
    .flag-icon.flag-mx {background-position: -105px -100px; display:inline-block;}
    .flag-icon.flag-my {background-position: -120px -100px; display:inline-block;}
    .flag-icon.flag-mz {background-position: -135px -100px; display:inline-block;}
    .flag-icon.flag-na {background-position: -150px -100px; display:inline-block;}
    .flag-icon.flag-nc {background-position: -165px -100px; display:inline-block;}
    .flag-icon.flag-ne {background-position: -180px -100px; display:inline-block;}
    .flag-icon.flag-nf {background-position: -195px -100px; display:inline-block;}
    .flag-icon.flag-ng {background-position: -210px -100px; display:inline-block;}
    .flag-icon.flag-ni {background-position: 0px -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; width:9px;}
    .flag-icon.flag-nr {background-position: -60px -110px; display:inline-block;}
    .flag-icon.flag-nu {background-position: -75px -110px; display:inline-block;}
    .flag-icon.flag-nz {background-position: -90px -110px; display:inline-block;}
    .flag-icon.flag-om {background-position: -105px -110px; display:inline-block;}
    .flag-icon.flag-pa {background-position: -120px -110px; display:inline-block;}
    .flag-icon.flag-pe {background-position: -135px -110px; display:inline-block;}
    .flag-icon.flag-pf {background-position: -150px -110px; display:inline-block;}
    .flag-icon.flag-pg {background-position: -165px -110px; display:inline-block;}
    .flag-icon.flag-ph {background-position: -180px -110px; display:inline-block;}
    .flag-icon.flag-pk {background-position: -195px -110px; display:inline-block;}
    .flag-icon.flag-pl {background-position: -210px -110px; display:inline-block;}
    .flag-icon.flag-pn {background-position: 0px -120px; display:inline-block;}
    .flag-icon.flag-pr {background-position: -15px -120px; display:inline-block;}
    .flag-icon.flag-ps {background-position: -30px -120px; display:inline-block;}
    .flag-icon.flag-pt {background-position: -45px -120px; display:inline-block;}
    .flag-icon.flag-pw {background-position: -60px -120px; display:inline-block;}
    .flag-icon.flag-py {background-position: -75px -120px; display:inline-block;}
    .flag-icon.flag-qa {background-position: -90px -120px; display:inline-block;}
    .flag-icon.flag-ro {background-position: -105px -120px; display:inline-block;}
    .flag-icon.flag-rs {background-position: -120px -120px; display:inline-block;}
    .flag-icon.flag-ru {background-position: -135px -120px; display:inline-block;}
    .flag-icon.flag-rw {background-position: -150px -120px; display:inline-block;}
    .flag-icon.flag-sa {background-position: -165px -120px; display:inline-block;}
    .flag-icon.flag-sb {background-position: -180px -120px; display:inline-block;}
    .flag-icon.flag-sc {background-position: -195px -120px; display:inline-block;}
    .flag-icon.flag-sd {background-position: -210px -120px; display:inline-block;}
    .flag-icon.flag-se {background-position: 0px -130px; display:inline-block;}
    .flag-icon.flag-sg {background-position: -15px -130px; display:inline-block;}
    .flag-icon.flag-sh {background-position: -30px -130px; display:inline-block;}
    .flag-icon.flag-si {background-position: -45px -130px; display:inline-block;}
    .flag-icon.flag-sk {background-position: -60px -130px; display:inline-block;}
    .flag-icon.flag-sl {background-position: -75px -130px; display:inline-block;}
    .flag-icon.flag-sm {background-position: -90px -130px; display:inline-block;}
    .flag-icon.flag-sn {background-position: -105px -130px; display:inline-block;}
    .flag-icon.flag-so {background-position: -120px -130px; display:inline-block;}
    .flag-icon.flag-sr {background-position: -135px -130px; display:inline-block;}
    .flag-icon.flag-ss {background-position: -150px -130px; display:inline-block;}
    .flag-icon.flag-st {background-position: -165px -130px; display:inline-block;}
    .flag-icon.flag-sv {background-position: -180px -130px; display:inline-block;}
    .flag-icon.flag-sy {background-position: -195px -130px; display:inline-block;}
    .flag-icon.flag-sz {background-position: -210px -130px; display:inline-block;}
    .flag-icon.flag-tc {background-position: 0px -140px; display:inline-block;}
    .flag-icon.flag-td {background-position: -15px -140px; display:inline-block;}
    .flag-icon.flag-tf {background-position: -30px -140px; display:inline-block;}
    .flag-icon.flag-tg {background-position: -45px -140px; display:inline-block;}
    .flag-icon.flag-th {background-position: -60px -140px; display:inline-block;}
    .flag-icon.flag-tj {background-position: -75px -140px; display:inline-block;}
    .flag-icon.flag-tk {background-position: -90px -140px; display:inline-block;}
    .flag-icon.flag-tl {background-position: -105px -140px; display:inline-block;}
    .flag-icon.flag-tm {background-position: -120px -140px; display:inline-block;}
    .flag-icon.flag-tn {background-position: -135px -140px; display:inline-block;}
    .flag-icon.flag-to {background-position: -150px -140px; display:inline-block;}
    .flag-icon.flag-tr {background-position: -165px -140px; display:inline-block;}
    .flag-icon.flag-tt {background-position: -180px -140px; display:inline-block;}
    .flag-icon.flag-tv {background-position: -195px -140px; display:inline-block;}
    .flag-icon.flag-tw {background-position: -210px -140px; display:inline-block;}
    .flag-icon.flag-tz {background-position: 0px -150px; display:inline-block;}
    .flag-icon.flag-ua {background-position: -15px -150px; display:inline-block;}
    .flag-icon.flag-ug {background-position: -30px -150px; display:inline-block;}
    .flag-icon.flag-un {background-position: -45px -150px; display:inline-block;}
    .flag-icon.flag-us {background-position: -60px -150px; display:inline-block;}
    .flag-icon.flag-uy {background-position: -75px -150px; display:inline-block;}
    .flag-icon.flag-uz {background-position: -90px -150px; display:inline-block;}
    .flag-icon.flag-va {background-position: -105px -150px; display:inline-block; width:10px;}
    .flag-icon.flag-vc {background-position: -120px -150px; display:inline-block;}
    .flag-icon.flag-ve {background-position: -135px -150px; display:inline-block;}
    .flag-icon.flag-vg {background-position: -150px -150px; display:inline-block;}
    .flag-icon.flag-vi {background-position: -165px -150px; display:inline-block;}
    .flag-icon.flag-vn {background-position: -180px -150px; display:inline-block;}
    .flag-icon.flag-vu {background-position: -195px -150px; display:inline-block;}
    .flag-icon.flag-wf {background-position: -210px -150px; display:inline-block;}
    .flag-icon.flag-ws {background-position: 0px -160px; display:inline-block;}
    .flag-icon.flag-xk {background-position: -15px -160px; display:inline-block;}
    .flag-icon.flag-ye {background-position: -30px -160px; display:inline-block;}
    .flag-icon.flag-yt {background-position: -45px -160px; display:inline-block;}
    .flag-icon.flag-za {background-position: -60px -160px; display:inline-block;}
    .flag-icon.flag-zm {background-position: -75px -160px; display:inline-block;}
    .flag-icon.flag-zw {background-position: -90px -160px; display:inline-block;}
}

/* trackpipe/public/css/giftcard/gift_cards_shared.css */
.gift-card-shared .checkmark {
    display: inline-block;
    vertical-align: middle;
}
.gift-card-shared .checkmark:after {
    content: '';
    display: block;
    width: 3px;
    height: 6px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    margin-bottom: 4px;
    margin-left: 8px;
}

.gift-card-shared a {
    font-weight: 500;
}

.gift-card-shared a,
.gift-card-shared a:active,
.gift-card-shared a:hover {
    color: #1da0c3;
}

.gift-card-shared a.terms-of-use,
.gift-card-shared a.terms-of-use:active,
.gift-card-shared a.terms-of-use:hover,
.gift-card-shared a.credit-card-override-link,
.gift-card-shared a.credit-card-override-link:active,
.gift-card-shared a.credit-card-override-link:hover {
    color: #0687f5;
}

.gift-card-shared a:hover {
    text-decoration: underline;
}

.gift-title,
.balance-title {
    color: #333;
}

.gift-title h1,
.balance-title h1 {
    font-weight: 300;
    font-size: 36px;
}

.gift-title h1 {
    margin: 0.67em 0 0 0;
}

.gift-title h2,
.balance-title h2 {
    font-weight: normal;
    font-size: 24px;
    margin-bottom: 8px;
}

.gift-title h3,
.balance-title h3 {
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
}

.gift-title h5,
.balance-title h5 {
    font-weight: normal;
    font-size: 14px;
    margin: 0;
}

.gift-card-shared .disabled-apology,
.gift-card-shared h3.disabled-apology {
    font-weight: bold;
    color: #c43329;
}

.gift-card-shared .selected-design {
    width: 100%;
    border-radius: 5px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.065);
    position: relative;
}

.gift-card-shared .selected-design:after {
    content: '' ; 
    display: block ; 
    position: absolute ; 
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 4px ; 
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.gift-card-shared .selected-design-art {
    width: 100%;
    height: 226px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.gift-card-shared .selected-design .design-value {
    padding: 16px 20px 15px 20px;
    font-size: 26px;
    font-weight: 300;
    position: relative;
    width: auto;
}

.gift-card-shared .selected-design .bc-logo {
    background: url('https://s4.bcbits.com/img/bandcamp-logo-color-bcaqua.svg') 0 0 no-repeat;
    background-size: 100%;
    height: 18px;
    width: 110px;
    right: 20px;
    top: 25px;
    position: absolute;
}

.gift-card-shared .selected-design .design-value > * {
    display: inline-block;
    vertical-align: middle;
}

.gift-card-shared .gift-form {
    padding-top: 40px;
    padding-bottom: 40px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 60px;
    margin-top: 30px;
}

.gift-card-shared .gift-form.has-sender-note {
    margin-top: 10px;
}

.gift-card-shared .gift-form .alert {
    padding-top: 6px;
    color: red;
    font-weight: 500;
    font-size: 14px;
}

.gift-card-shared .gift-form label {
    font-size: 16px;
    margin-bottom: 8px;
    display: inline-block;
}

.gift-card-shared .gift-form .item {
    margin: 0 25px 25px 25px;
}

.gift-redeem {
    text-align: right;
    color: #333;
    margin-top: 26px;
    font-weight: 400;
    font-size: 14px;
}

.gift-card-shared .message {
    padding: 20px 30px;
    background-color: #eef2f3;
    margin-top: 10px;
    font-size: 15px;
}

.gift-card-shared .message-body {
    font-family: georgia, serif;
    font-style: italic;
    font-size: 15px;
    display: inline-block;
    margin-top: 10px;
}

.gift-card-shared .view-post-redeem .message {
    display: none;
}

.gift-form .buttons button {
    width: 100%;
    line-height: 36px;
    background-color: #0687f5;
    border: 0;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px;
    margin-bottom: 25px;
    min-height: 41px;
}

.gift-form .buttons button:disabled,
.gift-form .buttons button:disabled:hover {
    text-decoration: none;
    opacity: 0.3;
}

.gift-form .buttons button:hover {
    text-decoration: underline;
}

.gift-form input[type="text"],
.gift-form input[type="email"],
.gift-form textarea {
    font-size: 14px;
    padding: 6px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #acacac;
}

.gift-form input[type="text"]:focus,
.gift-form input[type="email"]:focus,
.gift-form textarea:focus {
    outline: none;
    border-color: #50a1e6;
    box-shadow: 0 0 5px #b4d7f9;
}

.gift-form textarea {
    min-height: 134px;
}

.gift-form .characters-remaining {
    min-height: 16px;
    text-align: right;
    color: #999;
    margin-top: 6px;
}


.gift-form input[type="text"].has-validation-error,
.gift-form textarea.has-validation-error {
    border: 1px solid red;
}

/* trackpipe/public/css/giftcard/gift_cards_redeem.css */
.hd {
    background-color: #eef2f3;
    box-shadow: 0 0 1px 0 rgba(0,0,0,0.2);
    position: relative;
}

.bd {
    padding-top: 0;
}

.redeem h3 {
    margin: 0;
    padding: 0;
    font-size: 16px;
}

.redeem div.gift-title { /* div: add specificity to beat big "views" rules below */
    margin-top: 43px;
}

.redeem .checkmark {
    vertical-align: top;
}

.redeem .checkmark:after {
    width: 8px;
    height: 16px;
    border: solid #6bd242;
    border-width: 0 5px 5px 0;
    margin: 3px 14px 0 0;
}

.redeem .view-redeem .gift-card-icon-bordered {
    background: #408ea3;
}

.gift-card-shared .disabled-apology {
    font-size: 14px;
}

/* views */

.redeem .redeemed,
.redeem .spend-it,
.redeem .resume-it,
.redeem .gift-redeem,
.redeem .gift-title,
.redeem .balance-title,
.redeem .balance,
.redeem .welcome,
.redeem .more-info-form,
.redeem .redeem-form,
.redeem .wishlist-daily-promo {
    height: 0;
    opacity: 0;
    padding: 0;
    margin: 0;
    transition: height 0s,
                opacity 1s;
    overflow: hidden;
}

.redeem .view-redeem .gift-redeem,
.redeem .view-redeem .gift-title,
.redeem .view-redeem .redeem-form,
.redeem .view-more-info .gift-redeem,
.redeem .view-more-info .gift-title,
.redeem .view-more-info .more-info-form,
.redeem .view-post-redeem .redeemed,
.redeem .view-post-redeem .spend-it,
.redeem .view-post-redeem .wishlist-daily-promo,
.redeem .view-post-redeem .redeem-form,
.redeem .view-post-redeem .welcome.show,
.redeem .view-post-redeem .resume-it.show,
.redeem .view-balance .balance-title,
.redeem .view-balance .balance,
.redeem .view-balance .redeem-form,
.redeem .view-balance .gift-redeem {
    height: 100%;
    opacity: 1;
    overflow: visible;
}

/* resume */
.redeem .resume-it .resume-title {
    color: #3b3b3b;
    font-size: 20px;
    text-align: center;
    margin-bottom: 35px;
}
.redeem .resume-it .resume-cart-item:only-child {
    display: block;
    margin: 0 auto 30px auto;
    height: 250px;
    float: none;
}

/* forms */

.redeem .view-redeem .gift-redeem,
.redeem .view-more-info .gift-redeem,
.redeem .view-balance .gift-redeem {
    margin-top: 26px;
    /*margin-bottom: 23px;*/
    font-size: 14px;
}

.redeem .gift-form {
    margin-bottom: 150px;
    padding-bottom: 45px;
    padding-top: 35px;
}

.redeem .view-post-redeem .gift-form,
.redeem .view-post-redeem .gift-form {
    padding-bottom: 62px;
}

.redeem .gift-form .item {
    margin: 5px 0 10px 0;
}

.redeem .gift-form label {
    margin-bottom: 22px;
    color: #333;
}

.gift-form input[type="text"],
.gift-form textarea {
    font-size: 16px;
    padding: 10px;
    text-align: center;
}

.gift-form input[type="text"]:focus,
.gift-form textarea:focus {
    outline: none;
    border-color: #50a1e6;
    box-shadow: 0 0 5px #b4d7f9;
}

.redeem .names {
    margin-top: 20px;
}

.redeem .names input[type="text"],
.redeem .edit-location input[type="text"] {
    text-align: left;
}

.redeem .names label,
.redeem .edit-location label {
    margin-bottom: 6px;
}

.redeem .names .item {
    width: 46%;
    display: inline-block;
    padding-right: 0px;
    margin-right: 4%;
    vertical-align: top;
}

.redeem .names .item:last-child {
    margin-right: 0;
    width: 50%;
}

.redeem .edit-location .location-display {
    color: #9c9c9c;
    margin-top: 6px;
    margin-bottom: 11px;
}

.redeem .edit-location .actual-location {
    color: #333;
}

.gift-form .buttons button {
    margin-bottom: 20px;
}

.redeem .gift-form label.redeem-another {
    font-size: 20px;
}

.redeem .view-balance .gift-form label.redeem-another,
.redeem .view-post-redeem .gift-form label.redeem-another {
    margin-top: 16px;
}

.gift-form .design-col {
    margin-left: -1.8450184502%;
}

.redeem .selected-design .design-value {
    padding: 10px 20px 7px 11px;
    font-size: 18px;
    min-height: 22px;
}

.redeem .selected-design .bc-logo {
    height: 18px;
    width: 76px;
    right: 15px;
    top: 15px;
}

.gift-form .selected-design-art {
    height: 145px;
}

.redeem ul.stacked-cards,
.redeem ul.stacked-cards li {
    margin: 0;
    list-style: none;
    padding: 0;
    display: block;
}

.gift-form .single-card,
.redeem ul.stacked-cards {
    margin-top: 10px;
    margin-left: 16.5%;
    width: auto;
}

.redeem ul.stacked-cards {
    position: relative;
    min-height: 208px;
    backface-visibility: hidden;
}

.redeem ul.stacked-cards li {
    position: absolute;
    width: 100%;
    top: 0;
    transform: translate(-15px,3px) rotate(-6deg);
    background: #FFF;
    z-index: 2;
}

.redeem ul.stacked-cards li:first-child {
    transform: translate(3px,4px) rotate(5deg);
    z-index: 1;
}

.redeem ul.stacked-cards li:last-child {
    transform: translate(-10px,8px) rotate(5deg);
    z-index: 3;
}

/* redeemed view */
.redeem .redeemed {
    background: #e4fce0;
    text-align: center;
}
.redeem .view-post-redeem .redeemed {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 34px 146px;
}
.redeem .redeemed .redeemed-value {
    font-size: 26px;
    font-weight: bold;
}
.redeem .redeemed .balance-added {
    font-size: 20px;
}
.redeem .redeemed .how-to-use,
.redeem .balance .how-to-use {
    font-size: 16px;
    margin-top: 34px;
    line-height: 30px;
}

.redeem .balance .how-to-use {
    font-size: 16px;
    margin-top: 15px;
    line-height: 30px;
}

.redeem .view-post-redeem .spend-it {
    background-color: #eef2f3;
    padding: 48px 0;
    text-align: center;
    margin-bottom: 35px;
}

.redeem .spend-it h2 {
    margin: 0;
    font-weight: normal;
}

.redeem .search {
    width: 380px;
    margin: 25px auto 25px auto;
    position: relative;
}

.redeem .search input[type="text"] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #CCC;
    font-size: 16px;
    padding: 10px;
    text-align: center;
}

.redeem .search .hint {
    position: absolute;
    width: 100%;
    height: 40px;
    top: 0;
    left: 0;
    font-size: 16px;
    color: #ccc;
    line-height: 41px;
}

.redeem .search .search-icon {
    fill: #CCC;
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
}
.redeem .search .do-search {
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}

.redeem .wishlist-action {
    margin: 56px 0 28px 0;
    font-size: 16px;
}

.redeem .wishlist,
.redeem .resume-cart {
    margin-bottom: 20px;
}

.redeem .wishlist-item,
.redeem .resume-cart-item {
    display: inline-block;
    text-align: left;
    margin-bottom: 30px;
	height: 250px;
}

.redeem .wishlist-item:nth-child(5n),
.redeem .resume-cart-item:nth-child(5n) {
    margin-left: 0;
}

.redeem .wishlist-item a,
.redeem .wishlist-item a:active,
.redeem .wishlist-item a:hover,
.redeem .resume-cart-item a,
.redeem .resume-cart-item a:active,
.redeem .resume-cart-item a:hover {
    color: #333;
}

.redeem .wishlist-item .title,
.redeem .resume-cart-item .title {
    margin-top: 6px;
    line-height: 20px;
}

.redeem .wishlist-item:hover .title,
.redeem .resume-cart-item:hover .title {
    text-decoration: underline;
}

.redeem .wishlist-item .collection-item-title,
.redeem .resume-cart-item .collection-item-title {
    font-weight: bold;
}

.redeem .wishlist-daily-promo,
.redeem .no-wishlist-daily-promo {
    font-size: 20px;
    text-align: center;
    line-height: 30px;
    width: 80%;
}

.redeem .view-post-redeem .wishlist-daily-promo {
    margin: 25px auto 60px auto;
}

.redeem .view-post-redeem .no-wishlist-daily-promo {
    margin: 50px auto 20px auto;
}

.redeem .wishlist-link {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 15px;
}

.redeem .wishlist-link .more-arr {
    top: 9px;
    fill: rgb(74,158, 192);
    height: 11px;
    width: 25px;
    right: 8px;
    display: inline-block;
    vertical-align: middle;
}

.redeem .view-balance .balance {
    margin-top: 7px;
    margin-bottom: 30px;
    padding: 30px 146px 36px 146px;
    background: rgba(0,0,0,0.05);
    text-align: center;
    font-size: 18px;
}

.redeem .balance .amt {
    font-size: 24px;
    font-weight: bold;
}

.redeem .balance .currency {
    display: inline-block;
}
/* preserve existing behavior for english which is to hide currency */
html:lang(en) .redeem .balance .currency {
    display: none;
}

.redeem .welcome .fan-username {
    font-weight: bold;
}

.redeem .welcome.show {
    text-align: center;
    margin-top: 40px;
    margin-bottom: -10px;
    font-size: 16px;
}

.redeem .more-info-form .alert {
    padding-top: 0;
    margin-bottom: 10px;
}

.redeem label.dev-only {
    margin: 0;
    color: #999;
    font-size: 11px;
}

.gift-balance-exchange form {
    display: block;
    width: 445px;
    margin: 0 auto;
}

.gift-balance-exchange .description {
    font-size: 16px;
    line-height: 20px;
    margin-top: 6px;
}

.gift-balance-exchange ol,
.gift-balance-exchange li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.gift-balance-exchange ol {
    width: 274px;
    margin: 38px auto 35px auto;
}

.gift-balance-exchange li {
    display: block;
    width: 100%;
    position: relative;
    padding: 15px 10px 0 13px;
    border-radius: 5px;
    border: 1px solid #ACACAC;
    margin-bottom: 15px;
    height: 50px;
    position: relative;
    box-sizing: border-box;
}

.gift-balance-exchange li input[type="radio"]{
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px 1px 0;
}

.gift-balance-exchange li.selected {
    background: #efefef;
    border-color: rgb(126,126,126);
}

.gift-balance-exchange label {
    font-size: 16px;
    vertical-align: middle;
    display: inline-block;
}

.gift-balance-exchange .flag-icon {
    position: absolute;
    right: 16px;
    top: 20px;
}

.gift-balance-exchange li.selected .prefix,
.gift-balance-exchange li.selected .symbol {
    font-weight: bold;
}

.ui-dialog.nu-dialog .gift-balance-exchange button {
    width: 445px;
    margin: 0 auto;
    display: block;
    font-size: 16px;
    font-weight: 500;
}

.ui-dialog.nu-dialog .gift-balance-exchange button:hover,
.ui-dialog.nu-dialog .gift-balance-exchange button:active {
    background-color: #0687f5;
    border: 1px solid #0687f5;
    text-decoration: underline;
}

.resume-cart-item .bundle-box {
    height: 0;
    width: 98%;
    padding-bottom: 98%;
    border: 1px solid #999;
    background: #FFF;
    position: absolute;
}
.resume-cart-item .bundle-box.front {
    margin: 2%;
    z-index: 2;
}
.resume-cart-item .bundle-box.back {
    margin: 4%;
    z-index: 1;
}
.redeem .resume-cart-item img {
	outline: 1px solid rgba(0,0,0,0.05);
    outline-offset: -1px;
}
.redeem .resume-cart-item .bundle-img {
    z-index: 3;
    position: relative;
	outline: 1px solid rgba(0,0,0,0.05);
	width: 99%;
    margin-bottom: 10px;
}

.ui-dialog.nu-dialog .complete-redeem button {
    display: block;
    width: 340px;
    margin: 0 auto;
    height: 45px;
    background: rgb(0,161,198);
    border-color: rgb(0,161,198);
    font-weight: bold;
    font-size: 16px;
}

.ui-dialog.nu-dialog .complete-redeem button:hover {
    text-decoration: underline;
}

.ui-dialog.nu-dialog .complete-redeem button.login {
    margin-top: 12px;
    background: #FFF;
    border: 1px solid #CCC;
    color: #666;
}

@media (max-width: 1024px) {
    .redeem .view-balance .balance {
        padding: 30px 10%;
    }

    .redeem .redeem-body {
        width: 740px;
        margin: 0 auto;
        float: none;
    }
}

@media (max-width: 1280px) and (min-width: 1025px) {
    .redeem .view-balance .balance {
        padding: 30px 10%;
    }
}

/* new header */
.header-rework-2018 .hd {
    background-color: #FFF;
}