:root {
    --font-family: 'HK Grotesk', sans-serif;
    --font-family-title: 'Playfair Display' ,sans-serif;
    --border-color: #C6C6C6;
    --light-color: #FFFFFF;
    --dark-color: #000000;
    --title-color: #333333;
    --text-color: #939393;
    --sublime-color: #FFB12F;
    --hires-color: #D17E00;
    --element-color: #0070ef;
    --element-color-hover: #00acff;
    --block-color: #F2F2F2;
    --background-color: #F4EEE8;
    --title-size: 20px;
    --desc-size: 18px;
    --normal-size: 16px;
    --small-text-size: 14px;
    --xs-text-size: 12px;
    --button-text: 18px;
}

/****** FONT ******/
@font-face {
    font-family:'Baskerville';
    src:url('/font/baskvill-webfont.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'HK Grotesk';
    src:url('/font/HKGrotesk-Regular.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'HK Grotesk';
    src:url('/font/HKGrotesk-Italic.ttf') format('truetype');
    font-weight:normal;
    font-style:italic;
}
@font-face {
    font-family:'HK Grotesk';
    src:url('/font/HKGrotesk-Bold.ttf') format('truetype');
    font-weight:bold;
    font-style:normal;
}
@font-face {
    font-family:'HK Grotesk';
    src:url('/font/HKGrotesk-BoldItalic.ttf') format('truetype');
    font-weight:bold;
    font-style:italic;
}
@font-face {
    font-family:'HK Grotesk';
    src:url('/font/HKGrotesk-Medium.ttf') format('truetype');
    font-weight:500;
    font-style:normal;
}
@font-face {
    font-family:'HK Grotesk';
    src:url('/font/HKGrotesk-MediumItalic.ttf') format('truetype');
    font-weight:500;
    font-style:italic;
}
@font-face {
    font-family:'Playfair Display';
    src:url('/font/PlayfairDisplay-Regular.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'Playfair Display';
    src:url('/font/PlayfairDisplay-Bold.ttf') format('truetype');
    font-weight:bold;
    font-style:normal;
}

@font-face {
    font-family:'Playfair Display';
    src:url('/font/PlayfairDisplay-Italic.ttf') format('truetype');
    font-weight:normal;
    font-style:italic;
}
@font-face{
    font-family: 'Noto Serif';
    src:url('/font/NotoSerif-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face{
    font-family: 'Noto Serif';
    src:url('/font/NotoSerif-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 'Noto Serif';
    src:url('/font}/NotoSerif-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face{
    font-family: 'Noto Serif';
    src:url('/font/NotoSerif-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Novecento';
    src: url('/font/Novecentowide-Normal.eot');
    src: url('/font/Novecentowide-Normal.eot?#iefix') format('embedded-opentype'),
    url('/font/Novecentowide-Normal.woff') format('woff'),
    url('/font/Novecentowide-Normal.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NovecentoMed';
    src: url('/font/Novecentowide-Medium.eot');
    src: url('/font/Novecentowide-Medium.eot?#iefix') format('embedded-opentype'),
    url('/font/Novecentowide-Medium.woff') format('woff'),
    url('/font/Novecentowide-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NovecentoBook';
    src: url('/font/Novecentowide-Book.eot');
    src: url('/font/Novecentowide-Book.eot?#iefix') format('embedded-opentype'),
    url('/font/Novecentowide-Book.woff') format('woff'),
    url('/font/Novecentowide-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NovecentoLight';
    src: url('/font/Novecentowide-Light.eot');
    src: url('/font/Novecentowide-Light.eot?#iefix') format('embedded-opentype'),
    url('/font/Novecentowide-Light.woff') format('woff'),
    url('/font/Novecentowide-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'silkablack';
    src: url('/font/silka-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'silkabold';
    src: url('/font/silka-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'silkaextra_light';
    src: url('/font/silka-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'silkalight';
    src: url('/font/silka-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'silkamedium';
    src: url('font/silka-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'silkaregular';
    src: url('/font/silka-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'silkasemibold';
    src: url('/font/silka-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'silkathin';
    src: url('/font/silka-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'silkablack_italic';
    src: url('/font/silka-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'silkabold_italic';
    src: url('/font/silka-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'silkaextra_light_italic';
    src: url('/font/silka-extralightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'silkalight_italic';
    src: url('/font/silka-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'silkamedium_italic';
    src: url('/font/silka-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'silkaregular_italic';
    src: url('/font/silka-regularitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'silkasemibold_italic';
    src: url('/font/silka-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'silkathin_italic';
    src: url('/font/silka-thinitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*** Texte Size ***/
.size-01 {
    font-size: 10px !important;
}

.size-02 {
    font-size: 12px !important;
}

.size-03 {
    font-size: 13px !important;
}

.size-04 {
    font-size: 14px !important;
}

.size-05 {
    font-size: 16px !important;
}

.size-06 {
    font-size: 19px !important;
}


/*** Typo ***/
.txt01 {
    color: #333;
    font-size: 21px;
    font-weight: bold;
    line-height: normal;
}

.txt02 {
    color: #4097b3;
    font-size: 12px;
    line-height: normal;
}

.txt03 {
    color: #333;
    font: normal 11px Arial, Helvetica, sans-serif;
    line-height: normal;
}

.txt04 {
    color: #888;
    font: normal 11px Arial, Helvetica, sans-serif;
    line-height: normal;
}

.txt05 {
    color: #ca3c0f;
    font: bold 11px Arial, Helvetica, sans-serif;
    line-height: normal;
    text-transform: uppercase;
}

.txt06 {
    color: #888;
    font-size: 10px;
    line-height: normal;
}

.txt07 {
    color: #333;
    font: bold 11px Arial, Helvetica, sans-serif;
    line-height: normal;
    text-transform: uppercase;
}

.txt08 {
    color: #333;
    font: bold 12px Arial, Helvetica, sans-serif;
    line-height: normal;
}

.txt09 {
    color: #888;
    font: normal 12px Arial, Helvetica, sans-serif;
    line-height: normal;
}

.txt10 {
    color: #333;
    font: bold 16px "Novecento", Arial, Helvetica, sans-serif;
}

.txt11 {
    color: #333;
    font: bold 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.txt12 {
    color: #4097b3;
    font: normal 10px "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: normal;
}

.txt13 {
    color: #888;
    font: normal 13px Arial, Helvetica, sans-serif;
    line-height: normal;
}


/**** OTHER ***/
.separator {
    color: #888;
}

.separateur {
    border-top: 1px solid #dcdcdc;
    margin: 0;
}

.separateur span {
    background: #f1f1f1;
    display: inline-block;
    color: #888;
    display: inline-block;
    left: 40%;
    padding: 0 15px;
    position: relative;
    text-transform: uppercase;
    top: -10px;
}


/*** Margin ***/
.maB00 {
    margin-bottom: 0 !important;
}

.maT00 {
    margin-top: 0 !important;
}

.maB10 {
    margin-bottom: 10px !important;
}

.maT10 {
    margin-top: 10px !important;
}

.maR10 {
    margin-right: 10px !important;
}

.maL10 {
    margin-left: 10px !important;
}

.maB15 {
    margin-bottom: 15px !important;
}

.maL15 {
    margin-left: 15px !important;
}

.maR15 {
    margin-right: 15px !important;
}

.maT15 {
    margin-top: 15px !important;
}

.maB20 {
    margin-bottom: 20px !important;
}

.maT20 {
    margin-top: 20px !important;
}

.maL20 {
    margin-left: 20px !important;
}

.maR20 {
    margin-right: 20px !important;
}

.maB30 {
    margin-bottom: 30px !important;
}

.maT30 {
    margin-top: 30px !important;
}

.maB40 {
    margin-bottom: 40px !important;
}

.maT40 {
    margin-top: 40px !important;
}

.maB50 {
    margin-bottom: 50px !important;
}

.maT50 {
    margin-top: 50px !important;
}

.maR60 {
    margin-right: 60px !important;
}

.maL60 {
    margin-left: 60px !important;
}

.maT60 {
    margin-top: 60px !important;
}

.maB80 {
    margin-bottom: 80px !important;
}

.maT80 {
    margin-top: 80px !important;
}

.maB100 {
    margin-bottom: 100px !important;
}

.maT100 {
    margin-top: 100px !important;
}

.maB200 {
    margin-bottom: 200px !important;
}

.maT200 {
    margin-top: 200px !important;
}

.paB10 {
    padding-bottom: 10px !important;
}

/* GLOBAL */
body {
    background-color: #eee;
    font-size: 12px;
}

img {
    max-width: none;
}

p {
    font-size: 13px;
    line-height: 18px;
    font-family: var(--font-family);
    margin-block: unset;
}

section {
    border-bottom: 1px dotted #EEE;
    margin-top: 20px;
    padding-bottom: 15px;
}

hr {
    background: none;
    border-width: 1px;
    clear: both;
    height: inherit;
    margin: 20px auto;
    width: 80%;
}

ul,
ol {
    margin: 0;
}

li {
    list-style-type: none;
}

form {
    margin: 0;
}

label {
    float: inherit;
    padding: 0;
    line-height: inherit;
    width: inherit;
}

label,
input,
button,
select,
textarea {
    font-size: 12px;
}

table {
    margin: 0;
}

th,
td {
    padding: 0;
}

/* Twitter bootstrap 2.0 backward compatibility */
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    text-rendering: initial;
}

h1 {
    font-size: 30px;
    line-height: 36px;
}

h2 {
    font-size: 24px;
    line-height: 27px;
}

h3 {
    font-size: 18px;
    line-height: 27px;
}

h4 {
    font-size: 14px;
    line-height: 18px;
}

h5 {
    font-size: 12px;
    line-height: 18px;
}

h6 {
    font-size: 11px;
    line-height: 18px;
}

/* Dropdown Menu */
.dropdown-menu li > a {
    padding-left: 15px;
    padding-right: 15px;
}

/* There is sometimes class named Apple-style-span in the text;bootstrap break the view */
#tinymce [class*="span"] {
    float: none !important;
    min-height: inherit !important;
    margin: auto !important;
}

/** Keyframes **/
 @keyframes notificationSlideIn {
     from {
         transform: translateY(-100%);
     }
     8% {
         transform: translateY(0);
     }
     92% {
         transform: translateY(0);
     }
     to {
         transform: translateY(-100%);
     }
 }

/*** Container ***/
#main-column,
#right-column,
#left-column,
#full-column,
#single-column {
    display: inline;
    float: left;
    padding-bottom: 20px;
}

#main-column {
    margin: 0 7px 0 15px;
    width: 660px;
}

.shadow-column-layout #main-column {
    background: url(/img/redesign/bg-right-col.png) no-repeat right -450px;
    margin-right: 0;
    min-height: 500px;
    padding: 0 14px 20px 0;
}

.left-column-layout #main-column {
    background-position: left top;
    margin: 0 15px 0 10px;
    min-height: 1000px;
    padding: 0 0 0 24px;
    width: 710px;
}

#right-column {
    float: right !important;
    margin: 0 15px 0 0px;
    width: 300px;
}

.shadow-column-layout #right-column {
    margin-left: 0;
}

#left-column {
    margin: 0 0 0 15px;
    width: 250px;
}

#full-column {
    margin: 15px 15px 0;
    padding-bottom: 0;
    width: 994px;
}

#full-column .bloc {
    width: 100%;
}

.modal-body #full-column {
    width: auto;
}

#single-column {
    margin: 0 182px;
    width: 660px;
}

header p {
    padding: 8px 14px;
    margin-bottom: 14px;
    color: #666;
}

/* BACKGROUNDS */
body.store-classique {
    background-image: url(/img/redesign/backgrounds/partition.jpg);
}

#background-link-left,
#background-link-right,
#background-link-top {
    display: block;
    position: absolute;
    top: 30px;
}

#background-link-left {
    height: 1000px;
    left: 50%;
    margin-left: -662px;
    width: 150px;
}

#background-link-right {
    height: 1000px;
    margin-right: -662px;
    right: 50%;
    width: 150px;
}

#background-link-top {
    height: 100px;
    left: 50%;
    margin-left: -512px;
    width: 1024px;
}

/* GRID */
.container {
    background-color: #FFF;
    width: 1080px;
}

.container.main {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

.container.loaded {
    box-shadow: 0 0 10px #666;
}

.row {
    margin: 0;
}

.row [class^="span"] {
    margin: 0 10px 0 10px;
}

.row-fluid [class^="span"] {
    margin: 0;
    margin-left: 1.910828025477707%;
    *margin-left: 1.861027228664958%;
}

.row .offset1 {
    margin-left: 74px;
}

.row .offset2 {
    margin-left: 138px;
}

.row .offset3 {
    margin-left: 202px;
}

.row .offset4 {
    margin-left: 266px;
}

.row .offset5 {
    margin-left: 330px;
}

.row .offset6 {
    margin-left: 394px;
}

.row .offset7 {
    margin-left: 458px;
}

.row .offset8 {
    margin-left: 522px;
}

.row .offset9 {
    margin-left: 586px;
}

.row .offset10 {
    margin-left: 650px;
}

.row .offset11 {
    margin-left: 714px;
}

.row .offset12 {
    margin-left: 778px;
}

.row.top-shadow {
    background-image: url(/img/redesign/marketing/bg-offer-toptab.png);
    background-position: top;
    background-repeat: no-repeat;
    padding: 20px 0 0 0;
    position: relative;
}


.display-for-subscriber,
.no-display-for-ajax {
    display: none !important;
}

.display-for-ajax {
    display: inherit !important;
}

/* ROUNDED CORNERS */
.corner-tl {
    border-top-left-radius: 3px;
}

.corner-tr {
    border-top-right-radius: 3px;
}

.corner-bl {
    border-bottom-left-radius: 3px;
}

.corner-br {
    border-bottom-right-radius: 3px;
}

.corner-top {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.corner-bottom {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.corner-right {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.corner-left {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.corner-all {
    border-radius: 3px;
}

/*
a.link-gray,a.link-golden{font:normal 10px 'NovecentoMed',verdana,sans-serif;text-transform:uppercase;}
a.link-gray{color:#e5e5e5;opacity:0.5;}
a.link-golden{background-color:#bc985f;color:#000;padding:12px;}
a.link-gray:hover,a.link-golden:hover{opacity:1;text-decoration:none;}
*/

a.blue-arrow-right {
    background: url(/img/redesign/sprite-picto-headfoot.png) no-repeat -200px -149px;
    color: var(--light-color);
    padding-right: 19px;
}

a.blue-arrow-left {
    color: var(--light-color);
    background: url(/img/redesign/sprite-picto-headfoot.png) no-repeat -200px -149px;
    padding-left: 19px;
}

a.brown-arrow-right {
    color: var(--element-color);
    background: url(/img/redesign/sprite-picto-headfoot.png) no-repeat 101% -149px;
    padding-right: 19px;
}

a.brown-arrow-right:hover {
    color: var(--element-color);
}

.dark-arrow-left {
    background: url(/img/redesign/sprite-picto-headfoot.png) no-repeat -186px -173px;
    color: #967944;
    display: inline-block;
    height: 20px;
    line-height: 1;
    margin: 4px 0 0 -21px;
    position: absolute;
    width: 20px;
}

a.gray_rss {
    background: #B7B4AD url('/img/redesign/sprite-picto-headfoot.png') no-repeat -32px -102px !important;
    border-radius: 2px;
    display: inline-block !important;
    height: 16px;
    padding: 0px !important;
    text-indent: -3333px;
    width: 16px;
}

i.dark-arrow-bottom {
    background: transparent url('/img/redesign/sprite-picto-headfoot.png') no-repeat -205px -172px;
    display: inline-block;
    height: 14px;
    vertical-align: text-bottom;
    width: 13px;
}

i.dark-arrow-top {
    background: transparent url('/img/redesign/sprite-picto-headfoot.png') no-repeat -204px -195px;
    display: inline-block;
    height: 14px;
    vertical-align: text-bottom;
    width: 13px;
}

/* TYPOGRAPHY */
.section-header {
    margin-bottom: 5px;
    clear: both;
    margin-top: 20px;
}

.section-header h2,
.section-header h3,
.menu-mag li a {
    font-family: var(--font-family-title);
    font-weight: normal;
    color: #000000;
}

.section-header h2 {
    font-size: 30px;
    text-transform: unset;
    font-weight: bold;
    margin-bottom: 15px;
}

.serif {
    font-family: var(--font-family-title);
    font-weight: normal;
    text-transform: none;
}

/* LISTS */
li span.count {
    color: #999;
    font-size: 11px;
}

ul.inline-list {
    margin: 0;
}

ul.inline-list li {
    display: inline;
}

ul.hierarchical-list li.level1 {
    font-size: 16px;
    margin-left: 20px;
}

ul.hierarchical-list li.level2 {
    margin-left: 30px;
}

ul.hierarchical-list li.level3 {
    font-size: 10px;
    margin-left: 40px;
}

ul.hierarchical-list li.level4 {
    margin-left: 50px;
}

ul.hierarchical-list li.level1 a {
    color: #333;
}

ul.two-columns-list {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    column-gap: 20px;
}

ul.two-columns-list,
ul.hierarchical-list {
    margin-bottom: 20px;
}

ul.hierarchical-list li,
ul.two-columns-list li {
    border-bottom: solid 1px #EFEFEF;
    display: block;
}

ul.hierarchical-list li:hover,
ul.two-columns-list li:hover {
    background-color: #F4F4F4;
}

ul.hierarchical-list li a,
ul.hierarchical-list li span,
ul.two-columns-list li a {
    display: block;
    padding: 7px 5px;
}

ul.hierarchical-list li a:hover,
ul.two-columns-list li a:hover {
    text-decoration: none;
}

ul.albums-list {
    float: left;
}

ul.albums-list.three-columns .album-container {
    margin: 0 10px 20px 0;
    width: 209px;
}

ul.albums-list.three-columns .album-container p {
    margin: 0;
}

ul.albums-list.three-columns .album-cover {
    display: block;
    height: 68px;
    margin-right: 8px;
    width: 68px;
}

ul.albums-list.two-columns .album-container {
    margin: 0 10px 20px 0;
    width: 320px;
}

ul.albums-list.two-columns .album-container p {
    margin: 0;
}

ul.albums-list.two-columns .album-cover {
    display: block;
    height: 68px;
    margin-right: 8px;
    width: 68px;
}

ul.albums-list.one-column .album-container {
    margin: 10px 0 0 0;
    width: 300px;
}

ul.albums-list.one-column .album-container p {
    margin: 0;
}

ul.albums-list.one-column .album-cover {
    display: block;
    height: 68px;
    margin-right: 8px;
    width: 68px;
}

/* BUTTON */
.btn:focus {
    outline: none;
}

.btn-green {
    background-color: #b3d226;
    background-image: -moz-linear-gradient(top, #aec500, #8AA300);
    background-image: -ms-linear-gradient(top, #aec500, #8AA300);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#aec500), to(#8AA300));
    background-image: -webkit-linear-gradient(top, #aec500, #8AA300);
    background-image: -o-linear-gradient(top, #aec500, #8AA300);
    background-image: linear-gradient(top, #aec500, #8AA300);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aec500', endColorstr='#8AA300', GradientType=0);
    border-color: #98b516 #98b516 #5f710e;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-green:hover,
.btn-green:active,
.btn-green.active,
.btn-group.open .btn-green.dropdown-toggle,
.btn-green.disabled,
.btn-green[disabled] {
    background-color: #8AA300;
}

.btn-green:active,
.btn-green.active {
    background-color: #899a18 \9;
}

.btn-green,
.btn-green:hover {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: white;
}

.btn-green .caret {
    border-top-color: white;
    border-bottom-color: white;
    opacity: 0.75;
    filter: alpha(opacity=75);
}

.btn-blue {
    background-color: rgba(0, 112, 239, 1);
    background-image: -moz-linear-gradient(top, #0070ef, #0070ef);
    background-image: -ms-linear-gradient(top, #0070ef, #0070ef);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0070ef), to(#0070ef));
    background-image: -webkit-linear-gradient(top, #0070ef, #0070ef);
    background-image: -o-linear-gradient(top, #0070ef, #0070ef);
    background-image: linear-gradient(top, #0070ef, #0070ef);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0070ef', endColorstr='#0070ef', GradientType=0);
    border-color: #0070ef;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-blue:hover,
.btn-blue:active,
.btn-blue.active,
.btn-group.open .btn-blue.dropdown-toggle,
.btn-blue.disabled,
.btn-blue[disabled] {
    background-color: #3d93ff;
}

.btn-blue:active,
.btn-blue.active {
    background-color: #899a18 \9;
}

.btn-blue,
.btn-blue:hover {
    background-position: 0 -200px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: white;
}

.btn-blue .caret {
    border-top-color: white;
    border-bottom-color: white;
    opacity: 0.75;
}

.btn-orange {
    color: white;
    background: #fd8f16;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkOGYxNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2ZhOGIxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U3NzMxZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMzZhM2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fd8f16 0%, #fa8b17 20%, #e7731d 50%, #d36a3a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fd8f16), color-stop(20%, #fa8b17), color-stop(50%, #e7731d), color-stop(100%, #d36a3a));
    background: -webkit-linear-gradient(top, #fd8f16 0%, #fa8b17 20%, #e7731d 50%, #d36a3a 100%);
    background: -o-linear-gradient(top, #fd8f16 0%, #fa8b17 20%, #e7731d 50%, #d36a3a 100%);
    background: -ms-linear-gradient(top, #fd8f16 0%, #fa8b17 20%, #e7731d 50%, #d36a3a 100%);
    background: linear-gradient(to bottom, #fd8f16 0%, #fa8b17 20%, #e7731d 50%, #d36a3a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd8f16', endColorstr='#d36a3a', GradientType=0);
    text-shadow: 1px 2px 1px #b65918;
}

.btn-orange:hover {
    background-position: 0 0;
    color: white;
}

.btn-new-blue {
    background: #0070ef;
    border-radius: 20px;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 27px;
}

.btn-new-blue:hover {
    background: #03b3fc;
    color: #fff;
    text-decoration: none;
}

.btn-cookie-ok,
.btn-cookie-more {
    background-color: #0070ef;
    border: 1px solid #0070ef;
    border-radius: 5px;
    box-shadow: none;
    color: #ffffff;
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    letter-spacing: 0.4px;
    text-shadow: none;
    margin-right: 10px;
    min-width: 120px;
    justify-content: center;
    padding: 5px 10px;
    text-overflow: ellipsis;
    text-transform: unset;
}

/* Mod for button cookie more */
.btn-cookie-more {
    color: #212529;
    background-color: #F8F9FA;
    border: 1px solid #515151;
}

.btn-cookie__text {
    align-self: center;
    font-size: 13px;
    font-weight: bold;
    font-family: 'HK Grotesk';
}

.btn-cookie-ok:hover {
    background-color: #3D93FF;
    border-color: #3D93FF;
}

.btn-cookie-more:hover {
    color: #212529;
    background-color: #EDE6EA;
}

.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
    background-color: #0070EF;
    background-image: none;
}

.btn-small .caret {
    margin-top: 7px;
}

.alphabetical-filter {
    margin-bottom: 10px;
}

.alphabetical-filter .btn-small {
    padding: 3px 7px;
}

.btn-xlarge {
    text-transform: uppercase;
    padding: 9px 14px;
    font-size: 18px;
    line-height: normal;
    border-radius: 5px;
}

.btn-download-container {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    margin: 25px auto;
}

.btn-download-app,
.btn-download-tracks,
.btn-back {
    text-shadow: none;
    background-image: none;
    box-shadow: none;
    font-weight: 600;
    margin: 0;
    border-radius: 5px;
    cursor: pointer;
    color: #333;
    padding: 18px 20px;
    background-color: var(--light-color);
    border: 1px solid #d5e4ea;
    font-family: var(--font-family);
    font-size: 15px;
    min-width: 200px;
    margin-bottom: 17px;
}

.btn-download-app .icon-download-alt,
.btn-download-tracks .icon-download-alt {
    margin-top: 2px !important;
}

.btn-download-app {
    color: #FFFFFF;
    background-color: #000000;
    border: 1px solid #000000;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.btn-download-app:hover {
    background-color: var(--light-color);
    border-color: var(--title-color);
    transition: .2s;
    color: #000000;
}

.btn-download-app:hover .icon-download-arrow {
    filter: invert(90%) sepia(1%) saturate(40%) hue-rotate(314deg) brightness(76%) contrast(100%);
}

.btn-download-tracks {
    background-color: var(--light-color);
    border: 1px solid #000000;
    color: #333;
    width: 100%;
    text-decoration: none;
    font-size: 15px;
}

.btn-download-tracks:hover {
    background-color: #000000;
    border-color: #000000;
    color: var(--light-color);
    text-decoration: none;
    transition: .2s;
}

.btn-back {
    border: 1px solid #d8d8d8;
    color: #333;
    font-size: 13px;
    padding: 13px 20px;
}

.btn-back:hover {
    background-color: #333333;
    border-color: #333333;
    color: #FFFFFF;
    transition: .2s;
}



.btn-xlarge [class^="icon-"] {
    margin-top: 4px;
}

.btn-align-left {
    text-align: left;
}

.btn-large .small-text {
    font-size: 12px;
}

.btn-small .small-text {
    font-size: 10px;
}

.btn-qobuz {
    font-family: "Novecento", "Verdana", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

.btn.dropdown-toggle .caret {
    opacity: 0.3;
}

#downloader {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 30px;
    margin-bottom: 20px;
}

#downloader .left-column {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.download-qobuz-desktop-button {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 400px;
    padding-right: 20px;
}

.custom-message {
    background-color: #EEF8FF;
    border: 1px solid rgba(42, 136, 242, .2);
    border-radius: 6px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-right: 60px;
    position: relative;
}

.custom-message:after {
    position: absolute;
    width: 15px;
    height: 15px;
    border-top: 1px solid rgba(42, 136, 242, .2);
    border-right: 1px solid rgba(42, 136, 242, .2);
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    top: 90px;
    left: 100%;
    margin-left: -8px;
    content: "";
    transform: rotate(45deg);
    background: #EEF8FF;
}

.promo-message {
    background: linear-gradient(272.13deg, #BBD2C5 2.98%, #536976 50.77%, #292E49 98.56%);
    border-radius: 6px;
    padding: 4px 6px;
    color: var(--light-color);
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}

h2.custom-message-title {
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 5px;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    text-align: left;
}

.custom-message p {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    color: #757575;
    text-align: left;
    margin: 0 0 15px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.custom-message p img {
    margin-right: 10px;
}

.custom-message .sparks-img {
    position: relative;
    left: -4px;
}

.custom-message .action-link-container {
    display: block;
    text-align: right;
    position: relative;
    top: 5px;
}

.custom-message .action-link {
    font-weight: 700;
    font-size: 14px;
    color: #2A88F2;
    text-align: left;
}

.warning-message {
    background-color: #f7e8d0;
    padding: 10px;
    border-radius: 5px;
    width: 100%;
}

.warning-message-container {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.warning-message-icon {
    width: 20px;
    height: auto;
    margin-right: 12px;
}

.warning-message-text {
    text-align: left;
}

.icone-go {
    height: 10px;
    margin-left: 25px;
    text-shadow: none;
    width: 10px;
}

.icone-go:after {
    content: "\25B8";
    font-style: normal;
    font-size: 10px;
    position: relative;
    top: -3px;
}

.icone-go-black {
    color: #595959;
}

.icone-go-blue {
    color: #115A74;
}

.icone-go-green {
    color: #3E490E;
}

.icone-go-orange {
    color: #5C2800;
}

/* FORMS */

.form-horizontal .control-group {
    margin-bottom: 10px;
}

.form-horizontal .accordion-inner .controls {
    margin-left: 145px;
}

.form-horizontal .accordion-inner .control-label {
    width: 125px;
}

.form-horizontal aside {
    color: #666;
    font-style: italic;
}

.form-horizontal select {
    margin-left: 0 !important;
}

input[type="search"] {
    -webkit-appearance: none;
}

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

.form-horizontal .form-actions aside {
    padding: 8px 0;
}

.form-horizontal fieldset aside {
    margin-left: 160px;
}

.form-horizontal .control-group textarea {
    margin-left: 0;
}

#verify-order .form-horizontal .controls {
    margin-left: 360px;
}

#verify-order .form-horizontal .control-label {
    width: 340px;
}

#verify-order .form-horizontal .form-actions {
    display: block;
    padding-left: 360px;
}

/* pseudo class to add asterisk on required field */
.required-field:after {
    content: " *";
}

.form-horizontal .info-field {
    color: #666;
    font-style: italic;
    padding-left: 180px;
}

.form-actions .info-field {
    display: block;
    padding: 5px 0 0 0;
}

/* TABLE */
.table th.tcenter,
.table td.tcenter {
    text-align: center;
    vertical-align: middle;
}

.table th.right-aligned,
.table td.right-aligned {
    text-align: right;
    vertical-align: middle;
}

.order-tracklisting tr.media-sep td {
    border-color: #666;
}

/* MAIN */
#main {
    min-height: 500px;
    padding-top: 10px;
    /*margin-top: -25px;*/
}

/* PRODUCT GLOBAL */
.album-cover {
    box-shadow: 0px 0px 4px rgba(85, 85, 85, 0.4);
    cursor: pointer;
    display: block;
    position: relative;
}

#order-download-table .album-cover {
    margin-right: 5px;
}

.album-cover .sticker,
.cover .sticker {
    position: absolute;
    top: -5px;
    right: -5px;
}

.album-title,
.album-title:hover,
.album-title a,
.album-title a:hover {
    display: block;
    font-weight: bold;
    color: #000000;
    font-family: var(--font-family);
    letter-spacing: 0.4px;
}

.album-title,
.album-title:hover {
    font-size: 13px;
}

.artist-name,
.artist-name:hover,
.artist-name a,
.artist-name a:hover {
    display: block;
    color: #333333;
    font-family: var(--font-family);
    letter-spacing: 0.4px;
    font-weight: 500;
}

.album-price {
    font-size: 11px;
}

.album-original-price {
    font-weight: normal;
    font-size: 11px;
    line-height: normal;
    text-decoration: line-through;
}

.album-promotion-price {
    color: #cd3301;
    font-weight: bold;
}

.album-goodie {
}

.album-goodie a {
    font-size: 11px;
    text-decoration: underline;
    padding-top: 5px;
}

.track-name {
    color: #333;
    font-weight: bold;
}

.track-time {
}

.track-price {
}

/* HEADER + MENU */
#header {
    clear: both;
    width: 1024px;
    height: 96px;
    margin: 0 auto;
    box-shadow: 0 2px 5px #999;
}

#header-topbar {
    height: 0;
    position: relative;
}

/*
#header-topbar-data{
    margin:0 auto;
    height:0;
    width:1024px;
    line-height:0;
}
#header-top-right{
    float:right;
    margin-right:10px;
}
#header-top-right li{
    margin:0;
    margin-right:10px;
}
#header-top-right li.separator{
    margin-left:5px;
    margin-right:5px;
}
#header-top-right li + li{
    margin-left:10px;
}
#header-top-right li.header-top-control.cart{
    margin-left:0;
    margin-right:0;
    z-index:30;
}
#header-top-right li.header-top-control.user{
    margin-right:0;
}

#header-top-left{
    color:#fff;
    float:left;
    font:normal 13px/35px "Novecento",verdana,sans-serif;
    margin-left:24px;
    max-width:512px;
    text-align:right;
    text-transform:uppercase;
}
#google_translate_element{
    display:inline-block;
    position:relative;
    margin:0 0 0 10px;
    min-width:154px;
}
#header-top{
    height:36px;
    margin:0;
    position:relative;
    background-color:#313131;
    line-height:3;
    width:1024px;
}
#header-logo{
    width:130px;
    height:60px;
    top:0;
    left:0;
    position:absolute;
    border-right:1px solid #E1E1E1;
}
#header-logo img{
    width:inherit;
    height:inherit;
}
#header-logo a{
    padding:5px 5px;
    display:block;
    height:50px;
}
#header-logo a:hover,
#header-logo a:focus{
    background-color:#fff;
}
#header-logo img{
    float:left;
}
#header-logo-catname-wrapper{
    width:166px;
    height:78px;
    position:absolute;
    left:191px;
    top:10px;
}
*/
#header-searchbox {
    border-right: 1px solid #E1E1E1;
    border-left: 1px solid #fff;
    display: block;
    height: 30px;
    left: 471px;
    padding: 15px 8px 15px;
    position: absolute;
    top: 0;
    width: 235px;
}

#header-menu.search-has-focus #header-searchbox-form {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
}

#header-menu.search-has-focus #header-public {
    width: 125px;
}

/*
#header-searchbox-field{
    -webkit-appearance:none;
    background-color:#fff;
    border:1px solid #DDD;
    border-right:none;
    border-radius:4px 0 0 4px;
    font-size:11px;
    padding:7px 6px 6px 6px;
    width:190px;
}

body.user-authenticated #header-searchbox-field{
    -webkit-appearance:none;
    background-color:#fff;
    border:1px solid #DDD;
    border-right:none;
    border-radius:4px 0 0 4px;
    font-size:11px;
    padding:7px 6px 6px 6px;
    width:377px;
}

#header-searchbox-field:focus{
    border-color:none;
    box-shadow:none;
}
#header-searchbox-field::-webkit-input-placeholder{
    color:#b8b8b8;
    line-height:1.6;
    padding:0;
    height:33px;
}
#header-searchbox-field:-moz-placeholder{
    color:#b8b8b8;
}
#header-searchbox-field::-moz-placeholder{
    color:#b8b8b8;
}
#header-searchbox-field:-ms-input-placeholder{
    color:#b8b8b8;
}
*/

#header-searchbox-form .btn[type="submit"] {
    background: #fff;
    padding: 7px 8px 6px 8px;
    border: 1px solid #DDD;
    border-left: none;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
}

#header-searchbox-field::-webkit-search-cancel-button {
    margin-right: 5px;
}

#header-searchbox-autocomplete {
    left: -33px;
    padding: 0;
    top: 27px;
    width: 469px;
}

#header-searchbox-autocomplete a {
    display: block;
    width: 394px;
    padding: 4px 5px;
    line-height: 16px;
}

#header-searchbox-autocomplete #ac_see_more td {
    text-align: right;
}

#header-searchbox-autocomplete #ac_see_more td a {
    color: #2C8FAE;
}

#header-searchbox-autocomplete #ac_see_more td.hover i {
    background-image: url(/img/glyphicons-halflings-white.png);
}

#header-searchbox-autocomplete #ac_see_more td.hover a {
    color: #FFF;
}

#header-searchbox-autocomplete a.odd {
    background-color: #F4F4F4;
}

#header-searchbox-autocomplete td span {
    display: block;
    width: 331px;
}

#header-searchbox-autocomplete td span.heading {
    color: #333;
    font-weight: bold;
}

#header-searchbox-autocomplete td span.count {
    font-size: 11px;
    color: #999;
}

#header-searchbox-autocomplete td.hover a {
    background-color: #0070ef;
    color: #ffffff;
    text-decoration: none;
}

#header-searchbox-autocomplete td.hover a span {
    color: #ffffff;
    text-decoration: none;
}

#header-searchbox-autocomplete img {
    width: 50px;
    height: 50px;
    margin-right: 5px;
    float: left;
}

#header-searchbox-autocomplete .ac_left_pane {
    padding: 5px 9px 0 0;
    float: left;
    width: 55px;
    text-align: right;
    font-weight: bold;
}

#header-searchbox-autocomplete .ac_right_pane {
    border-left: 1px solid lightGrey;
}

/* HEADER MENU */
#header-menu {
    width: 1024px;
    background: #f1f1f1;
    position: relative;
    height: 60px;
    line-height: 3;
}

#header-menu a span,
#header-menu a img {
    cursor: pointer;
}

#header-menu .menu > ul {
    position: relative;
}

#header-menu .menu > ul > li > a {
    text-decoration: none;
}

#header-menu .root-menu {
    margin-bottom: 15px;
    height: 20px;
}

#header-menu .root-menu ul {
    font-family: 'NovecentoMed', verdana, sans-serif;
    font-size: 1.75em;
    color: #aaa;
    float: left;
}

#header-sections-menu {
    position: absolute;
    left: 131px;
    height: 60px;
}

#header-sections-menu ul {
    display: block;
    line-height: 4.7;
}

#header-sections-menu li {
    float: left;
    line-height: inherit;
    height: 60px;
    border-right: 1px solid #e1e1e1;
    border-left: 1px solid #fff;
}

#header-sections-menu li:hover,
#header-sections-menu li:focus {
    background: none repeat scroll 0 0 #FFFFFF;
}

#header-sections-menu li.selected a {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 57px;
}

#header-sections-menu li a {
    color: #474747;
    display: block;
    font-family: 'NovecentoMed', verdana, sans-serif;
    font-size: 12px;
    height: 60px;
    padding: 0 10px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    line-height: 5;
    text-shadow: 0 1px 2px #fff;
}

#header-public {
    position: absolute;
    right: 0;
    height: 60px;
}

#header-public li {
    float: left;
    border-right: 1px solid #e1e1e1;
    border-left: 1px solid #fff;
    text-align: center;
    text-transform: uppercase;
    height: 60px;
}

#header-public li a:hover,
#header-public li a:focus {
    text-decoration: none;
}

#header-public li.try-qobuz-link {
    width: 184px;
    line-height: 5;
}

#header-public li.try-qobuz-link:hover {
    background-color: #fff;
}

#header-public li.try-qobuz-link a {
    font-family: 'NovecentoMed', verdana, sans-serif;
    font-size: 11px;
    width: 140px;
    height: 2.25em;
    line-height: 2.25;
    padding: 0.15em;
}

#header-public li.apps-link {
    height: 60px;
    line-height: 5;
    width: 50px;
}

#header-public li.apps-link:hover {
    background-color: #fff;
}

#header-public li.apps-link.selected a {
    background-color: #fff;
    border-bottom: solid 3px #333;
    height: 57px;
}

#header-public li.apps-link a {
    text-transform: uppercase;
    color: #474747;
    font-family: 'NovecentoMed', arial, sans-serif;
    font-size: 12px;
    display: block;
    text-shadow: 0 1px 2px #fff;
}

#header-public li.player-link {
    width: 60px;
    line-height: 5;
}

#header-public .player-link a {
    font-family: 'NovecentoMed', verdana, sans-serif;
    font-size: 11px;
    height: 2.25em;
    padding: 0.15em;
    width: 46px;
    line-height: 2.25;
}

#header-public li.player-link:hover {
    background-color: #fff;
}

#header-extra-menu {
    font-family: 'NovecentoMed', verdana, sans-serif;
    float: right;
}

#header-extra-menu a {
    color: #fff;
}

#header-menu .root-menu ul li {
    padding-left: 1em;
}

#header-menu .root-menu ul li:first-child {
    padding-left: 0;
}

#header-menu .root-menu ul li a {
    color: #bbb;
}

#header-submenu {
    height: 20px;
}

#header-submenu .sub-menu {
    position: relative;
    margin: 8px 0px 20px 40px;
    background-color: #F1F1F1;
    z-index: 6;
}

/*!** Here is the magic fluid awesome stuff **!*/
/*#header-submenu .sub-menu > ul{*/
/*display:table;*/
/*width:100%;*/
/*}*/
/*#header-submenu .sub-menu > ul > li{*/
/*display:table-cell;*/
/*vertical-align:middle;*/
/*border:1px solid transparent;*/
/*border-bottom:3px solid #DCDCDC;*/
/*}*/

/*#header-submenu .sub-menu > ul > li.active > a{*/
/*color:#333333;*/
/*font-weight:bold;*/
/*}*/
/*#header-submenu .sub-menu > ul > li.active{*/
/*background-color:white;*/
/*border-bottom:3px solid #0070ef;*/
/*border-left:1px solid #DCDCDC;*/
/*border-right:1px solid #DCDCDC;*/
/*border-top:1px solid #DCDCDC;*/
/*}*/
/*#header-submenu .sub-menu > ul > li:hover{*/
/*background-color:white;*/
/*border-bottom:3px solid #696969;*/
/*border-left:1px solid #DCDCDC;*/
/*border-right:1px solid #DCDCDC;*/
/*border-top:1px solid #DCDCDC;*/
/*}*/
/*#header-submenu .sub-menu > ul > li:hover > a{*/
/*color:black;*/
/*text-decoration:none;*/
/*}*/

/*#header-submenu .sub-menu > ul > li > a,*/
/*#header-submenu .sub-menu > ul > li > span{*/
/*color:#000;*/
/*display:block;*/
/*text-align:center;*/
/*padding:6px 5px;*/
/*}*/

/*
#header-menu .root-menu > ul[rel="section-menu-item-download"] li.active a,
#header-menu .root-menu > ul[rel="section-menu-item-download"] li a:hover{
    color:#488596;
}
#header-menu .root-menu > ul[rel="section-menu-item-streaming"] li.active a,
#header-menu .root-menu > ul[rel="section-menu-item-streaming"] li a:hover{
    color:#b0c61f;
}
#header-menu .root-menu > ul[rel="section-menu-item-magazine"] li.active a,
#header-menu .root-menu > ul[rel="section-menu-item-magazine"] li a:hover{
    color:#b48F48;
}

html[lang="nl"] #section-menu-item-streaming{
    width:130px;
}
html[lang="nl"] #section-menu-item-download{
    width:110px;
}
html[lang="nl"] #section-menu-item-magazine{
    width:94px;
}
html[lang="de"] #section-menu-item-streaming{
    width:130px;
}
html[lang="de"] #section-menu-item-download{
    width:110px;
}
html[lang="de"] #section-menu-item-magazine{
    width:94px;
}
html[lang="en"] #section-menu-item-streaming{
    width:130px;
}
html[lang="en"] #section-menu-item-download{
    width:110px;
}
html[lang="en"] #section-menu-item-magazine{
    width:94px;
}
*/

/*#header-menu .menu ul li .separator{*/
/*content:" ";*/
/*color:#AAA;*/
/*margin:0 0 0 1em;*/
/*border-right:1px solid #BBB;*/
/*font-size:0.8em;*/
/*}*/
/*#header-menu .menu.root-menu ul li .separator{*/
/*margin:0 0 0 1.4em;*/
/*}*/
/*#header-submenu .menu.sub-menu ul li .separator{*/
/*margin:0 0 0 10px;*/
/*}*/
/*#header-menu .menu ul li:last-child .separator{*/
/*border:0;*/
/*}*/

/*#header-submenu .sub-menu-overlay{*/
/*position:absolute;*/
/*left:0;*/
/*top:35px;*/
/*width:974px;*/
/*z-index:200;*/
/*padding:10px;*/
/*display:block;*/
/*}*/
/*#header-submenu .sub-menu-overlay a{*/
/*color: #333333;*/
/*font-weight: bold;*/
/*text-decoration: none;*/
/*}*/
/*#header-submenu .sub-menu-overlay a:hover{*/
/*color: #939393;*/
/*}*/

/*#header-submenu .sub-menu-overlay button.close{*/
/*position:absolute;*/
/*bottom:9px;*/
/*right:9px;*/
/*display: none;*/
/*}*/

/*#header-submenu ul[rel="section-menu-item-download"] .sub-menu-overlay{*/
/*background:#FFFFFF;*/
/*border: 1px solid #E5E5E5;*/
/*border-radius: 3px;*/
/*box-shadow: 0 3px 7px 0 rgba(0,0,0,.15);*/
/*padding-bottom: 20px;*/
/*}*/
/*#header-submenu ul[rel="section-menu-item-magazine"] .sub-menu-overlay{*/
/*background:#BDAE93;*/
/*color:#000;*/
/*}*/

/*#header-submenu ul[rel="section-menu-item-magazine"] > li.active > a{*/
/*color:#b89c5a;*/
/*}*/

/*#header-submenu .sub-menu > ul[rel="section-menu-item-magazine"] > li.active{*/
/*background-color:white;*/
/*border-bottom:3px solid #b89c5a;*/
/*border-left:1px solid #DCDCDC;*/
/*border-right:1px solid #DCDCDC;*/
/*border-top:1px solid #DCDCDC;*/
/*}*/

/*#header-submenu .sub-menu-overlay .top-left-btn{*/
/*width:100%;*/
/*margin:10px 0 20px 0px;*/
/*float:left;*/
/*clear:both;*/
/*}*/

/*#header-submenu .sub-menu-overlay .top-left-btn .btn-sector{*/
/*color:#0070EF;*/
/*border:solid 1px #FFFFFF;*/
/*background:#FFFFFF;*/
/*padding:8px;*/
/*text-decoration: none;*/
/*}*/

/*#header-submenu .sub-menu-overlay .top-left-btn .btn-sector span {*/
/*position: relative;*/
/*left: -9px;*/
/*text-decoration: none;*/
/*}*/

/*#header-submenu .sub-menu-overlay .top-left-btn .btn-rubric{*/
/*color:#ffffff;*/
/*border:solid 1px #BBBBBB;*/
/*background:#B48F48;*/
/*padding:8px;*/
/*}*/

/*!* Genres *!*/
/*#header-submenu .sub-menu-overlay .genres ul{*/
/*float:left;*/
/*margin-top:14px;*/
/*width:150px;*/
/*}*/
/*#header-submenu .sub-menu-overlay .genres ul li{*/
/*display:block;*/
/*padding:0;*/
/*}*/
/*#header-submenu .sub-menu-overlay .genres ul li a{*/
/*display: inline-block;*/
/*overflow: hidden;*/
/*padding-right: 10px;*/
/*text-decoration: none;*/
/*text-overflow: ellipsis;*/
/*white-space: nowrap;*/
/*width: 140px;*/
/*}*/

/*#header-submenu .sub-menu-overlay .genres{*/
/*float:left;*/
/*max-height:350px;*/
/*min-width:158px;*/
/*max-width:300px;*/
/*color:white;*/
/*border-right:1px solid #D8D8D8;*/
/*padding-right:10px;*/
/*min-height:130px;*/
/*}*/
/*#header-submenu .sub-menu-overlay .genres .title{*/
/*border-bottom:1px solid #D8D8D8;*/
/*color: #333333;*/
/*font-size:1.2em;*/
/*line-height:1.2em;*/
/*padding-bottom:5px;*/
/*font-weight: bold;*/
/*}*/

/*#header-submenu .sub-menu-overlay .shortcuts{*/
/*width:660px;*/
/*float:left;*/
/*}*/

/*!* Hifi *!*/
/*#header-submenu .sub-menu-overlay .hifi ul{*/
/*float:left;*/
/*width:130px;*/
/*}*/
/*#header-submenu .sub-menu-overlay .hifi ul li{*/
/*display:block;*/
/*padding:3px 0;*/
/*}*/

/*#header-submenu .sub-menu-overlay .hifi{*/
/*float:left;*/
/*max-height:355px;*/
/*min-width:350px;*/
/*color:white;*/
/*border-right:1px solid #c7baa3;*/
/*box-shadow:1px 0 0 #a39479;*/
/*padding-right:10px;*/
/*min-height:130px;*/
/*}*/

/*#header-submenu .sub-menu-overlay .hifi .title{*/
/*border-bottom:1px solid #d2c7b2;*/
/*font-size:1.2em;*/
/*line-height:1.2em;*/
/*padding-bottom:5px;*/
/*font-family:'NovecentoMed',verdana,sans-serif;*/
/*}*/

/*#header-submenu .sub-menu-overlay .shortlinks img,*/
/*#header-submenu .sub-menu-overlay .shortcuts img{*/
/*display:block;*/
/*}*/

/*#header-submenu .sub-menu-overlay .shortlinks ul,*/
/*#header-submenu .sub-menu-overlay .shortcuts ul{*/
/*line-height:1em;*/
/*margin-bottom:10px;*/
/*}*/

/*#header-submenu .sub-menu-overlay .shortlinks ul li,*/
/*#header-submenu .sub-menu-overlay .shortcuts ul li{*/
/*margin-left:1em;*/
/*display:inline-block;*/
/*margin-bottom:10px;*/
/*}*/
/*#header-submenu .sub-menu-overlay .shortlinks ul:first-child li:after{*/
/*content:"·";*/
/*color:white;*/
/*margin:0 0 0 1em;*/
/*}*/
/*#header-submenu .sub-menu-overlay .shortlinks ul li:last-child:after{*/
/*content:"";*/
/*margin:0;*/
/*}*/

/*#header-submenu .sub-menu-overlay .sub-rubrics ul{*/
/*float:left;*/
/*width:188px;*/
/*}*/
/*#header-submenu .sub-menu-overlay .sub-rubrics ul li{*/
/*display:block;*/
/*padding:3px 0;*/
/*font-family:Arial,"sans serif";*/
/*}*/

/* AUTHENTICATED USER OVERRIDES */
body.user-authenticated #header-searchbox {
    width: 421px;
}

body.user-authenticated #header-public {
    width: 114px;
}

body.user-authenticated #header-public li.try-qobuz-link {
    display: none;
}

/* HEADER BANNER */
#header-banner-wrapper {
    display: none;
    position: relative;
    text-align: center;
    max-width: 1024px;
    border-top: 1px solid #666;
    border-bottom: 1px solid #d6d6d6;
}

#header-banner-wrapper .banner-close {
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
    display: block;
    width: 16px;
    height: 16px;
    background: url(/img/redesign/sprite.v4.png) no-repeat -333px 0;
    z-index: 10;
}

#header-banner-wrapper .banner-close:hover {
    background-position: -316px 0;
}

/* FOOTER */
#footer {
    clear: both;
    background: none repeat scroll 0 0 #f1f1f1;
    position: relative;
    overflow: hidden;
}

#footer-links {
    border: 1px solid #C4C4C4;
    padding: 30px 10px 0 10px;
    position: relative;
}

#footer-links .span5 {
    position: relative;
}

#footer-links .span5 ul {
    background-color: #fff;
    border: solid 1px #d9d9d9;
}

#siteVersion li {
    float: left;
    margin-bottom: 5px;
    text-align: center;
    width: 49%;
}

#siteVersion li:first-child {
    border-right: 1px solid #dcdcdc;
}

.unstyled .mini {
    font-size: 11px;
}

.mini-override {
    font-size: 11px;
    font-weight: normal;
    text-transform: none;
}

.icon-help {
    background: url("/img/redesign/footer-help.png") no-repeat scroll center 0 rgba(0, 0, 0, 0);
    display: block;
    height: 49px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.icon-newsletter {
    background: url("/img/redesign/footer-newsletter.png") no-repeat scroll center 0 rgba(0, 0, 0, 0);
    display: block;
    height: 49px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.icon-qobuz {
    background: url("/img/redesign/footer-qobuz.png") no-repeat scroll center 0 rgba(0, 0, 0, 0);
    display: block;
    height: 49px;
    position: absolute;
    text-align: center;
    width: 100%;
}

#footer-links .box-help {
    width: 309px;
}

#footer-links .box-about {
    width: 318px;
}

#footer-links .box-newsletter {
    width: 319px;
    margin-right: 0;
}

#footer-links ul.help {

    height: 310px;
}

#footer-links ul.qobuz {
    height: 310px;
}

#footer-links ul.newsletter {
    height: 156px;
    padding-bottom: 10px;
}

#footer-links ul.newsletter .desc {
    background: none;
}

#footer-links ul.contact {
    height: 122px;
}

#footer-links ul {
    margin: 20px 0;
}

#footer-links li {
    margin: 6px 0 6px 20px;
}

#footer-links li#footer-links-social {
    margin: 19px 0 0 10px;
    background: none;
}

#footer-links li.footer-links-youtube {
    margin-right: 17px;
    margin-top: 20px;
}

#footer-links li.footer-links-youtube a.social-text {
    text-indent: 0;
    float: right;
    text-align: right;
}

#footer-links li.footer-links-header {
    color: #333;
    width: 100%;
    padding: 54px 0 24px;
    margin: 5px 0 18px 0;
    text-transform: uppercase;
    font-size: 25px;
    text-align: center;
    font-family: 'Novecento', verdana, sans-serif;
    background: none;
    line-height: 0;
}

#footer-links ul.newsletter li.footer-links-header {
    font-size: 20px;
    line-height: 1;
    padding: 0 0 10px;
    margin-top: 38px;
    margin-bottom: 10px;
}

#footer-links ul.contact li.footer-links-header {
    font-size: 20px;
    padding: 0 0;
    margin-top: 15px;
    line-height: 1;
}

#footer-links li {
    background: url(/img/redesign/footer-puce.png) no-repeat left 4px;
}

#footer-links li a {
    font-size: 12px;
    font-family: Helvetica, Arial, sans-serif;
    padding: 0 20px;
    line-height: 2;
}

#footer-links .newsletter li a {
    display: block;
    text-align: center;
    text-decoration: underline;
}

#footer-links .newsletter p {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.3;
    color: #888;
    margin: 5px 5px 0;
    padding: 0 15px;
}

#footer-links a {
    color: #888;
}

#footer-links .newsletter a {
    text-decoration: underline;
    display: block;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #333;
}

#footer-links a.social {
    float: left;
    display: block;
    width: 49px;
    height: 48px;
    text-indent: -10000px;
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 0;
    margin: 0px 0 0 9px;
}

#footer-links a.social:last-child {
    margin-right: 0;
}

a.facebook {
    background-image: url(/img/redesign/footer-facebook.png);
}

a.twitter {
    background-image: url(/img/redesign/footer-twitter.png);
}

a.youtube {
    background-image: url(/img/redesign/footer-youtube.png);
}

a.pinterest {
    background-image: url(/img/redesign/footer-pinterest.png);
}

a.rss {
    background-image: url(/img/redesign/footer-rss.png);
}

#footer-legal {
    background-color: #f1f1f1;
    font-size: 12px;
    font-family: Helvetica, Arial, sans-serif;
    color: #888;
}

#footer-terms {
    line-height: 14px;
    padding: 15px;
    width: 460px;
}

#footer-providers {
    padding: 5px 0 5px 0;
}

#footer-providers .inline-list {
    margin: 5px 0;
}

#footer-providers li {
    margin-right: 5px;
    line-height: 12px;
}

#footer-newsletter {
    color: #FFF;
    background: #777;
    box-shadow: 0 -38px 56px #5A5A5A inset;
}

#footer-newsletter-description {
    padding: 10px 0 10px 0;
}

#footer-newsletter-description .nl-button {
    display: block;
    float: left;
    height: 27px;
    line-height: 27px;
    padding: 0 16px 0 10px;
    margin-bottom: 5px;
    background: url(/img/redesign/bg-brown-arrow.png) no-repeat center right;
    font-family: "Georgia";
    font-size: 16px;
    color: #fcfbff;
    font-style: italic;
    text-shadow: 0 1px 1px rgba(102, 102, 102, 0.75);
    text-decoration: none;
}

#footer-newsletter-button {
    padding: 30px 0 0 0;
    text-align: center;
}

#footer-baseline {
    font-family: 'Novecento', verdana, sans-serif;
    margin-right: 55px;
    padding-left: 15px;
    line-height: 88px;
    height: 88px;
    font-size: 20px;
    color: #fcfbff;
    text-transform: uppercase;
    text-shadow: 0px 0px 2px #444;
}

#footer-build-info,
#footer-host-info,
#footer-i18n-context-info {
    display: none;
}

/* FOOTER STORE SELECTOR */

#footer-store-selector {
    text-align: right;
    margin: 25px 0 0;
    padding: 5px 0 5px 0;
    width: 430px;
}

#footer-store-selector .btn-group {
    text-align: left;
}

#footer-store-selector .btn {
    text-transform: none;
}

#footer-store-selector .btn-primary {
    background-color: #f9f9f9;
    background-image: none
}

#footer-store-selector .btn-group > .btn:first-child,
#footer-store-selector .btn-group > .btn + .dropdown-toggle {
    border: solid 1px #d7d7d7;
    color: #888888;
    text-shadow: none;
}

#footer-store-selector .btn-group > .btn:first-child {
    padding-left: 15px;
}

#footer-store-selector .btn-group > .btn + .dropdown-toggle {
    border-left: none;
}

#footer-store-selector .btn-group.open .dropdown-toggle {
    box-shadow: none;
}

#footer-store-selector .btn-primary .caret {
    opacity: 1;
    transform: rotate(-180deg);
    border-bottom-color: #AAAAAA;
    border-top-color: #AAAAAA;
    margin-left: 10px;
}

#footer-store-selector .btn-group.open .btn-primary.dropdown-toggle,
#footer-store-selector .btn-group.open .btn-primary {
    font-family: Helvetica, Arial, sans-serif;
}

#footer-store-selector .dropdown-menu {
    top: inherit;
    bottom: 110%;
}

#footer-store-selector .dropdown-menu:after {
    content: "\25BC";
    bottom: 5px;
    color: #FFF;
    height: 0;
    position: absolute;
    right: 23px;
    text-shadow: 0 1px 0 #CCC, 0 -1px 0 #FFF;
    width: 0;
    z-index: -1;
}

/* Countries footer modal */

.countries {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0.5rem 0;
}

.icon-country {
    background-position: 0 -1px;
    height: 14px;
    margin-right: 5px;
    width: 100%;
}

.countries li.icon-country {
    background-position: 193px center;
    background-repeat: no-repeat;
    padding: 5px 0 10px;
    display: inline;
    width: 100%;
    margin: 6px 0 !important;
}

.countries li.icon-country:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}

.countries li.icon-country.multi {
    margin: 6px 0 35px !important;
}

.countries li.icon-country:last-child {
    border-bottom: none;
}

.icon-country span {
    display: block;
    color: #888;
    position: relative;
    left: 30px;
}

.icon-country span div {
    line-height: 2;
}

.icon-country span + div {
    text-decoration: none;
    margin-top: 10px;
}

.dropdown-menu .countries li.icon-country div a {
    font-weight: bold;
    font-size: 0.9em;
    margin-left: 15px;
    text-decoration: none;
}

.dropdown-menu .countries li a {
    display: inline;
    padding-right: 5px;
    padding-left: 5px;
    color: var(--element-color);
    font-weight: bold;
    position: relative;
    left: 20px;
}

.dropdown-menu .countries li a:hover {
    background: none;
}

.icon-country  {
    background-size: 22px;
}

.icon-country a {
    display: block;
    position: relative;
    left: 30px;
}

.icon-country a:hover{
    color: var(--element-color);
}

.icon-country.at {
    background-image: url(/img/icons/flags-22x14/at.svg);
}

.icon-country.be {
    background-image: url(/img/icons/flags-22x14/be.svg);
}

.icon-country.ch {
    background-image: url(/img/icons/flags-22x14/ch.svg);
}

.icon-country.de {
    background-image: url(/img/icons/flags-22x14/de.svg);
}

.icon-country.es {
    background-image: url(/img/icons/flags-22x14/es.svg);
}

.icon-country.fr {
    background-image: url(/img/icons/flags-22x14/fr.svg);
}

.icon-country.gb {
    background-image: url(/img/icons/flags-22x14/gb.svg);
}

.icon-country.ie {
    background-image: url(/img/icons/flags-22x14/ie.svg);
}

.icon-country.it {
    background-image: url(/img/icons/flags-22x14/it.svg);
}

.icon-country.lu {
    background-image: url(/img/icons/flags-22x14/lu.svg);
}

.icon-country.nl {
    background-image: url(/img/icons/flags-22x14/nl.svg);
}

.icon-country.pl {
    background-image: url(/img/icons/flags-22x14/pl.svg);
}

.icon-country.us {
    background-image: url(/img/icons/flags-22x14/us.svg);
}

.icon-country.ca {
    background-image: url(/img/icons/flags-22x14/ca.svg);
}

.icon-country.dk {
    background-image: url(/img/icons/flags-22x14/dk.svg);
}

.icon-country.fi {
    background-image: url(/img/icons/flags-22x14/fi.svg);
}

.icon-country.no {
    background-image: url(/img/icons/flags-22x14/no.svg);
}

.icon-country.se {
    background-image: url(/img/icons/flags-22x14/se.svg);
}

.icon-country.au {
    background-image: url(/img/icons/flags-22x14/au.svg);
}

.icon-country.nz {
    background-image: url(/img/icons/flags-22x14/nz.svg);
}

.icon-country.ar {
    background-image: url(/img/icons/flags-22x14/ar.svg);
}

.icon-country.br {
    background-image: url(/img/icons/flags-22x14/br.svg);
}

.icon-country.cl {
    background-image: url(/img/icons/flags-22x14/cl.svg);
}

.icon-country.co {
    background-image: url(/img/icons/flags-22x14/co.svg);
}

.icon-country.jp {
    background-image: url(/img/icons/flags-22x14/jp.svg);
}

.icon-country.mx {
    background-image: url(/img/icons/flags-22x14/mx.svg);
}

.icon-country.pt {
    background-image: url(/img/icons/flags-22x14/pt.svg);
}


.countries__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(6, 60px);
    width: 100%;
    margin: 0 auto;
}

@media (max-width: 856px) {
    .countries__list {
        grid-template-columns: repeat(2, 50%);
        grid-template-rows: repeat(12, 60px);
    }
}

.countries__items {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    color: #888;
    font-size: 16px;
    font-weight: 500;
}

.countries__language {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    text-align: left;
}

.countries__language--wrapper {
    display: flex;
    align-items: center;
    font-size: 12px;
    margin-right: 5px;
}

.countries__language--wrapper a {
    margin-right: 5px;
    font-size: 14px;
    color: #888888;
    font-weight: 500;
}

.countries__language--choice {
    margin-right: 5px;
    font-size: 14px !important;
}

.flag-icon {
    position: relative;
    margin: 0;
    margin-right: 5px;
    top: 0;
    left: 0;
    width: 20px;
}

#modalCountries.modal {
    overflow: hidden;
    position: fixed;
    width: 900px;
    height: fit-content;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -480px;
    padding: 50px 30px 30px;
}

@media (max-width: 856px) {
    #modalCountries.modal {
        width: 350px;
        margin-top: 80px;
        margin-left: -187px;
        padding: 40px 10px 10px;
        height: unset;
        bottom: 0%;
        top: 0%;
    }
}

#modalCountries {
    width: 100%;
    max-width: 1024px;
}

.modal__wrapper {
    position: relative;
}

@media (max-width: 856px) {
    .modal__wrapper {
        overflow-y: scroll;
        overflow-x: hidden;
        height: 100%;
    }
}

.modal__text {
    margin-bottom: 0;
    text-align: left;
    color: #888;
    font-size: 16px;
    font-weight: 500;
}

.modal__close {
    position: absolute;
    right: 35px;
    top: -22px;
    cursor: pointer;
    font-size: 38px;
    color: #D8D8D8;
}

.modal__close:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "\d7";
    line-height: 100px;
    text-align: center;
}

.modal__close:hover {
    color: #000000;
}

/* TABs */
.tabs:before, .tabs:after {
    display: table;
    content: "";
}

.tabs:after {
    clear: both;
}

.tabs > li:not(.genres-slider-element) {
    float: left;
    padding: 7px 11px 1px 0;
    margin-right: 1px;
    height: 22px;
    line-height: 18px;
    color: #eeeeee;
    cursor: pointer;
    text-align: center;
    background-color: #717070;
    background-image: -moz-linear-gradient(top, rgba(113, 112, 112, 1) 85%, rgba(78, 77, 77, 1) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(85%, rgba(113, 112, 112, 1)), color-stop(100%, rgba(78, 77, 77, 1)));
    background-image: linear-gradient(top, rgba(113, 112, 112, 1) 85%, rgba(78, 77, 77, 1) 100%);
}

.tabs.homepage > li:not(.genres-slider-element) {
    padding: 7px 5px 1px 5px;
    text-align: center;
}

.tabs.homepage > li.last {
    margin-right: 0;
}

.tabs > li.smr {
    background: #B18F50;
}

.tabs > li.promotion {
    background: #B94A48;
}

.tabs > li.current:not(.genres-slider-element) {
    color: var(--text-color);
    font-size: 14px;
    font-weight: 500;
    background-color: transparent;
    background-image: none;
}

.tabs > li.current a {
    cursor: default;
}

.tabs > li .arrow {
    display: none;
}

.tabs > li.current .arrow {
    /*border-color: #0070ef transparent transparent;*/
    border-color: transparent;
    border-style: solid;
    border-width: 6px;
    display: inline-block;
    position: relative;
    top: 3px;
}

.tabs > li > a:not(.genres-slider-link) {
    display: block;
    color: var(--text-color) !important;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

.tabs > li.current > a:hover {
    text-decoration: none;
}

#featured-products-tabs {
    font-size: 11px;
}

.genres-slider {
    overflow: hidden;
    padding: calc(.75 * 20px) 25px;
    margin: calc(.25 * 20px) auto;
}

.genres-slider-element {
    /* scroll-snap-align: center;   DEV, don't remove */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: var(--light-color);
    position: relative;
    border-radius: 20px;
    color: var(--title-color);
    outline: none;
    text-align: center;
    cursor: pointer;
    padding: 4px 0px 2px;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.genres-slider-element:last-child {
    margin: 0;
}

.genres-slider-element:hover .genres-slider-link {
    color: var(--element-color);
}

.genres-slider-element:active {
    -webkit-user-select: none;
    user-select: none;
    animation: signalButtonShine2 1s ease-out;
}

.genres-slider-element.smr:hover .genres-slider-link {
    color: var(--sublime-color);
}

.genres-slider-element.promotion:hover .genres-slider-link {
    color: #B94A48;;
}

.genres-slider-element.current {
    background-color: var(--element-color);
    border-color: var(--element-color);
    color: var(--light-color);
    z-index: 3;
}

.genres-slider-element.smr.current {
    background-color: var(--sublime-color);
    border-color: var(--sublime-color);
}

.genres-slider-element.promotion.current {
    background-color: #B94A48;
    border-color: #B94A48;
}

.genres-slider-link {
    font-family: var(--font-family);
    color: var(--title-color);
    position: relative;
    z-index: 4;
    pointer-events: auto;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.4px;
    padding: 0 10px;
    text-shadow: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.genres-slider-link:hover {
    text-decoration: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.slider-active {
    border-color: var(--element-color);
}

.genres-slider .genres-slider-element.current .genres-slider-link {
    color: var(--light-color);
    font-weight: bold;
}

.tab-content .footer {
    line-height: 30px;
    border-top: 2px solid #e6e5e6;
    overflow: hidden;
    width: 100%;
}

.tab-content .footer a {
    display: block;
    float: right;
    background: transparent url('/img/redesign/arrow-blue-big.png') right no-repeat;
    padding-right: 40px;
    font-family: var(--font-family);
    font-size: 13px;
    font-weight: 500;
}

.tab-content {
    background-color: #eee;
    border: 1px solid transparent;
    border-left: none;
    border-top: none;
    margin-bottom: 20px;
}

.vertical-products {
    width: 100%;
    float: left;
    display: block;
    overflow: hidden;
}

.tab-content .related-products {
    margin-top: 15px;
}

.tab-content .vertical-products {
    margin-top: 10px;
}

.tab-content .related-products .btn-change-page {
    margin-top:177px;
}

.vertical-products .album-container,
.tab-content .related-products .album-container {
    width: 150px;
    float: left;
    margin: 0 0 15px 12px;
}

.tab-content .related-products .album-container {
    height: 215px;
}

.vertical-products .album-container a.album-cover,
.tab-content .related-products a.album-cover {
    height: 150px;
    width: 150px;
    display: block;
    margin-bottom: 3px;
}

.vertical-products .album-title {
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 0px;
    height: 40px;
    overflow: hidden;
}

.vertical-products .artist-name {
    margin-bottom: 5px;
}

.vertical-products .album-description {
    font-size: 11px;
    height: 90px;
    width: 100%;
    float: left;
    overflow: hidden;
}

.tab-content .related-products span.label {
    line-height: 14px;
}

.tab-content .related-products .sep {
    clear: both;
}

.tab-content .see-more-link {
    display: block;
    clear: both;
    text-align: right;
    height: 30px;
    line-height: 30px;
    width: auto;
    padding: 0 38px 0 0;
    float: none;
    background: transparent url(/img/redesign/arrow-blue-big.png) no-repeat 100% 0;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
}

.tab-content .ajax-loader-box {
    margin: 95px 0;
}

.tab-content .ajax-loader-box img {
    display: block;
    width: 30px;
    margin: 0 auto 15px auto;
}

.tab-content .ajax-loader-message {
    display: block;
    width: 135px;
    margin: 0 auto;
}

.tab-content .no-result-alert {
    margin: 30px auto;
    width: 400px;
}

.tab-content .slider {
    position: relative;
}

.tab-content .filter-items {
    display: none;
}

.tab-content .slider .slides_container,
.tab-content .slider .slides {
    width: 658px;
    overflow: hidden;
}

#featured-products-tabs .slides {
    background-color: #EEEEEE;
}


.tab-content .slider .prev, .tab-content .slider .next {
    background-image: url(/img/redesign/nav-slide-product-box.png);
    position: absolute;
    z-index: 5;
    width: 32px;
    height: 54px;
    cursor: pointer;
    text-indent: -3000px;
    top: 40%;
}

.brown .prev, .brown .next {
    background-image: url(/img/redesign/nav-slide-product-box.png) !important;
}

.tab-content .slider .prev {
    background-position: -32px 0;
}

.tab-content .slider .next {
    margin-left: 959px;
}

.tab-content .slider .pagination.pagination-mini li a {
    background-color: #CCC;
}

.tab-content .slider .pagination.pagination-mini li.active a {
    background-color: #0070ef;
}

.tab-content .slider.with-6-items-per-line {
    margin-left: 4px;
    width: 984px;
}

.tab-content .slider.with-6-items-per-line .slides_container,
.tab-content .slider.with-6-items-per-line .slides {
    width: 984px;
}

.tab-content .slider.with-6-items-per-line .prev {
    margin-left: -4px;
}

.tab-content .slider.with-6-items-per-line .next {
    margin-left: 956px;
}

.tab-content .tab-pane:first-child {
    display: block;
}

.tab-content > .active, .pill-content > .active {
    display: block !important;
}

h2.col-right-title {
    position: relative;
    background-color: #f2f1ed;
    height: 31px;
    line-height: 31px;
    width: 300px;
    margin-bottom: 10px;
    clear: both;
}

h2.col-right-title a {
    display: block;
    background-color: var(--element-color);
    text-decoration: none;
    float: left;
    padding-left: 30px;
    padding-right: 30px;
    background-repeat: no-repeat;
    background-position: 100% 0;
    font-family: var(--font-family);
    color: var(--light-color);
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
}

h2.col-right-title span.left-shadow {
    position: absolute;
    display: none;
    margin-left: -6px;
    width: 6px;
    height: 37px;
    background: url(/img/redesign/bg-right-col-title.png) no-repeat 0 -32px;
}

.right-column-contents {
    margin: 0 0 10px 10px;
}

.right-column-contents .title {
    font-size: 15px;
    line-height: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
    display: block;
    font-family: var(--font-family);
}

.right-column-contents .subtitle {
    margin-bottom: 5px;
    display: block;
    font-size: 13px;
    font-family: georgia, "times new roman", times, serif;
}

.right-column-contents li {
    margin-bottom: 10px;
    clear: both;
}

.right-column-contents .content {
    font-size: 11px;
    line-height: 15px;
    color: #666;
}

.right-column-contents .content img {
    float: left;
    margin: 0 10px 5px 0;
}

.right-column-contents .entity-description .content img {
    float: right;
    margin: 0 5px 5px 10px;
}

.right-column-linkmore {
    text-align: right;
    clear: both;
    margin: 10px 0;
}

.right-column-contents .right-column-linkmore a.brown-arrow-right {
    background-position: 100% -147px;
    background-repeat: no-repeat;
    display: block;
}

.right-column-contents .entity-description + .title {
    border-top: 1px dotted #989898;
    padding-top: 10px;
}

.ad-banner {
    text-align: center;
    overflow: hidden;
}

/* Mom,please forgive me for this */
.ad-banner img[width="0"],
.ad-banner img[width="1"],
.ad-banner img[src$="1x1_transparent.gif"],
.ad-banner img[src$="1x1_transparent_gif.gif"] {
    display: none;
}

#footer .ad-banner img, #footer .ad-banner object {
    margin: 5px 0 0 0;
}

#right-column .ad-banner {
    clear: both;
    margin-bottom: 20px;
}

#right-column .ad-banner img, #right-column .ad-banner object {
    float: left;
    margin: 0 0 0 0px;
}

#right-column .bloc {
    display: block;
    margin-bottom: 20px;
}

#right-column .cms-superblock-self-promotion {
    text-align: center;
}

#right-column .cms-superblock-self-promotion img {
    display: block;
    float: left;
    margin: 0 0px 10px 15px;
    box-shadow: 0px 0px 5px #000;
}

.thumbnail {
    padding: 2px;
}

#full-width-featuring-banner {
    float: left;
    width: 977px;
    padding: 10px;
    margin: 0 0px 10px 0px;
    border: 1px solid transparent;
    border-radius: 1px;
    background: #eee;
}

#full-width-featuring-banner .left-column,
#full-width-featuring-banner .right-column {
    float: left;
    position: relative;
}

#full-width-featuring-banner .left-column {
    width: 310px;
    height: 310px;
    overflow: hidden;
}

#full-width-featuring-banner .right-column {
    width: 662px;
    height: 300px;
    padding: 5px 0;
    overflow: hidden;
}

#full-width-featuring-banner .left-column .slides_container {
    position: relative;
}

#full-width-featuring-banner .right-column .slides_container {
    position: relative;
    margin-left: 13px;
    width: 644px;
    height: 300px;
    background-color: #333333;
}

#full-width-featuring-banner .right-column .slides_container a {
    position: absolute;
    display: block;
    width: 644px;
    height: 300px;
    z-index: unset !important;
}

#full-width-featuring-banner .right-column .slides_container a:hover {
    text-decoration: none;
}

#full-width-featuring-banner .right-column .slides_container .xfbml {
    display: block;
    position: absolute;
    left: 42px;
    bottom: 26px;
}

#full-width-featuring-banner .slide {
    display: block;
    float: left;
    margin: 5px 0px 15px 5px;
    background-color: #333333;
}

#full-width-featuring-banner .slide > a {
    margin: 0;
    float: left;
    width: 300px;
    height: 140px;
}

#full-width-featuring-banner .right-column .caption {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 155px 0 20px;
    background-color: #333333;
    line-height: 28px;
    color: #FFF;
    text-shadow: none;
}

#full-width-featuring-banner .right-column .pagination {
    position: absolute;
    bottom: 15px;
    right: 45px;
    margin: 0;
    height: 12px;
}

#full-width-featuring-banner .prev, #full-width-featuring-banner .next {
    display: none;
    position: absolute;
    cursor: pointer;
    opacity: 0.6;
    background-color: #FFF;
    border: 1px solid #000;
    border-radius: 30px;
    width: 16px;
    height: 16px;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(/img/redesign/ui-icons_454545_256x240.png);
}

#full-width-featuring-banner .left-column .prev {
    background-position: 0 0;
    top: 10px;
    left: 140px;
}

#full-width-featuring-banner .left-column .next {
    background-position: -64px 0;
    bottom: 10px;
    left: 140px;
}

#full-width-featuring-banner .right-column .prev {
    background-position: -96px 0;
    bottom: 10px;
    right: 200px;
}

#full-width-featuring-banner .right-column .next {
    background-position: -32px 0;
    bottom: 10px;
    right: 18px;
}

#full-width-featuring-banner .left-column:hover .prev, #full-width-featuring-banner .left-column:hover .next,
#full-width-featuring-banner .right-column:hover .prev, #full-width-featuring-banner .right-column:hover .next {
    display: block;
}

#full-width-featuring-banner .prev:hover, #full-width-featuring-banner .next:hover {
    opacity: 1;
}

/* OVERFLOW */
.overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* BREADCRUMB */
.breadcrumb {
    display: inline-block;
    margin-bottom: 10px;
    padding: 3px 10px;
    max-width: 638px; /* 660px minus 2*10px padding minus 2*1px border */
    border: 1px solid #ddd;
}

.breadcrumb li {
    text-shadow: none;
}

.breadcrumb:after {
    clear: both;
}

.shadow-column-layout .breadcrumb {
    max-width: 638px;
}

#full-column .breadcrumb {
    max-width: 972px;
}

/* 994px minus 2*10px padding minus 2*1px border */

.page-header {
    margin-bottom: 8px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.breadcrumb + .page-header {
    margin-top: 8px;
}

.page-header h1,
.page-header h2 {
    font-family: var(--font-family-title);
    margin-bottom: 5px;
}

.page-header h1 small {
    font-size: 15px;
    display: block;
    margin-top: 5px;
}

.release-date-header {
    color: #BBB;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 10px;
    padding-bottom: 8px;
    text-transform: capitalize;
    clear: both;
}

.release-date-header i {
    margin-top: 5px;
}

/* PAGINATION */
.pagination {
    clear: both;
}

.pagination a:hover {
    text-decoration: none;
}

.pagination.pagination-mini {
    height: 12px;
    margin-top: 0;
}

.pagination.pagination-mini ul {
    box-shadow: none;
}

.pagination.pagination-mini li {
    width: 10px;
    height: 10px;
    margin-left: 7px;
    display: inline-block;
    border-radius: 10px;
    overflow: hidden;
}

.pagination.pagination-mini li a {
    background-color: #FFF;
    display: block;
    text-indent: -9999px;
    border: none;
}

.pagination.pagination-mini li.active a {
    background-color: #0070ef;
}

/* SHARE TOOLBAR */
.share-toolbar {
    display: inline-block;
    margin-bottom: 5px;
    max-height: 25px;
    white-space: nowrap;
    width: 370px;
}

.share-toolbar:after {
    clear: both;
}

.share-toolbar > div {
    border-left: 1px solid #EEE;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 0 0 6px;
    position: relative;
    top: 1px;
    width: 95px;
}

.share-toolbar > div:first-child {
    border-left: none;
    padding-left: 0;
}

.share-toolbar > div.share-toolbar-addthis {
    position: relative;
    top: -6px;
    width: 60px;
}

.share-toolbar > div.share-toolbar-google {
    width: 62px;
}

.share-toolbar > div.share-toolbar-twitter {
    width: 88px;
}

.share-toolbar > div.share-toolbar-facebook {
    top: -2px;
}

.share-toolbar .addthis-custom-button .btn {
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    font-size: 12px;
}

.share-toolbar .addthis-hover-menu {
    background: #fff;
    border: 1px solid #CCC;
    display: none;
    padding: 1px;
    position: absolute;
    z-index: 1000;
}

.share-toolbar .addthis-hover-menu a {
    display: block;
    padding: 2px 2px 2px 25px;
    position: relative;
}

.share-toolbar .addthis-hover-menu span {
    left: 5px;
    position: absolute;
    top: 3px;
}

.share-toolbar .addthis-hover-menu .more span {
    display: none;
}

.add-to-favorite a {
    color: #666;
}

.add-to-favorite-button.favorite:hover > span.heart,
.add-to-favorite span.heart {
    display: inline-block;
    width: 15px;
    height: 12px;
    vertical-align: middle;
    margin-right: 1px;
    padding-top: 2px;
    background: url(/img/redesign/picto-fav.png) no-repeat 0 0;
}

.add-to-favorite-button.favorite > span.heart,
.add-to-favorite-button:hover > span.heart {
    background: url(/img/redesign/picto-fav.png) no-repeat -15px 0;
}


/* LABEL */
.label:hover {
    cursor: default;
}

.label-gold {
    background-color: var(--sublime-color);
    text-shadow: none;
}

.ribbons {
    font-family: var(--font-family);
}

.ribbons .label-gold {
    display: none;
}

.label-info {
    background-color: #0070ef;
}

.label-info:hover {
    background-color: #3A87AD;
}

.label-promo {
    background-color: #B94A48;
}

.label-promo:hover {
    background-color: #B94A48;
}

.label-mini {
    display: inline-block;
    width: 10px;
    height: 10px;
    padding: 0;
    text-indent: -300px;
    overflow: hidden;
}

.label-large {
    font-size: 12px;
    padding: 2px 6px 3px;
}

.label.flac {
    background: #8ebf52;
}

.label.mp3 {
    background: #8ebf52;
}

/* BADGE */
.badge-gold {
    background-color: #B18F50;
}

.badge-info {
    background-color: #0070ef;
}

.badge-promo {
    background-color: #B94A48;
}

/* TOOLTIP */
.tooltip {
    z-index: 10000;
}

.translated-ltr .tooltip {
    display: none !important;
}

/* fix display issue when using google translate */

/* NAVIGATION */
.nav-list {
    border: 1px solid #e4e3e0;
    width: 247px;
    background-color: #f4f4f4;
    padding: 0 0 10px 0;
    margin-top: 5px;
}

.nav-list > li > a, .nav-list .nav-header {
    margin: 0;
    padding: 2px 0 2px 15px;
    text-shadow: none;
}

.nav-list .nav-header {
    background: #7e7e7e;
    height: 25px;
    line-height: 25px;
    color: #fff;
    text-shadow: none;
    margin-bottom: 5px;
}

.nav-list .nav-header a {
    color: #fff;
    padding: 0;
}

.nav-list .active > a,
.nav-list .active > a:hover {
    background-color: #0070EF;
}

.nav-list .nav-header > a,
.nav-list li.nav-header > a:hover {
    background-color: inherit;
}

/* MODAL */
.modal .modal-body .ajax-loader-box {
    text-align: center;
    top: 30%;
    position: relative;
}

.modal .modal-body .ajax-loader-box .ajax-loader-message {
    margin-top: 15px;
}

/* Store launch information modal */
#store-launch-info-popin {
    color: #fff;
    margin: 0;
    padding: 0;
    text-align: right;
}

#store-launch-info-popin h3 {
    font-size: 36px;
    margin: 50px 150px 20px 0;
}

#store-launch-info-popin h4 {
    font-size: 24px;
    margin: 0 100px 50px 0;
}

#store-launch-info-popin .modal {
    float: left;
    display: block;
    margin-left: -355px;
}

#store-launch-info-popin .modal-body {
    background: #f1f1f1 url('/img/redesign/backgrounds/background-005.jpg') no-repeat;
    background-size: cover;
    width: 725px;
    height: 483px;
    margin: 0 20px 0 0;
    padding: 0;
    max-height: 483px;
}

#store-launch-info-popin .modal-body .modal-content input {
    width: 240px;
    margin: 10px 20px 10px 0;
}

#store-launch-info-popin .modal-body .modal-content #popin-form-btn {
    margin-right: 60px;
}

#store-launch-info-popin .modal-body .modal-content a {
    display: block;
    width: 250px;
    padding: 10px 0;
    margin: 20px 0 0 345px;
    font-weight: bold;
    text-transform: uppercase;
}

#store-launch-info-popin .modal-body .popin-text {
    font-size: 16px;
    width: 460px;
    margin-left: 200px;
}

#store-launch-info-popin .modal-body .popin-help-link {
    margin: 50px 80px 0 0;
    font-size: 11px;
    color: #fff;
}

#store-launch-info-popin .modal-body .popin-help-link a,
.popin-help-link2 a {
    color: #fff;
    text-decoration: underline;
}

#store-launch-info-popin .modal-body .popin-help-link2 {
    margin: 140px 40px 0 0;
}

#goodie-modal {
    width: 830px;
    margin-left: -415px;
    margin-top: -290px;
}

#goodie-modal .modal-body {
    max-height: none;
}

/* Download Item Modal */
#qbz_download_help .text-info {
    border-top: 1px solid #dcdcdc;
    font-size: 14px;
    margin-top: 20px;
    padding-top: 20px;
}

#qbz_download_help .qbz_downloader_already_installed {
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin: 20px auto 0;
    text-transform: uppercase;
    width: 120px;
}

/* CHART BOX */
.charts-box {
    width: 100%;
    margin-bottom: 20px;
}

.charts-box .title {
    display: inline-block;
    padding: 0 12px 0 9px;
    line-height: 30px;
    height: 30px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 14px;
    position: relative;
    font-family: var(--font-family);
    letter-spacing: 0.4px;
}

.charts-box .title a {
    color: #FFF;
    font-weight: bold;
}

.charts-box .title.blue {
    background-color: #0070ef;
    color: #FFFFFF;
}

.charts-box .title.green {
    background-color: #b0c61f;
    color: #FFFFFF;
}

.charts-box .title.blue.rank,
.charts-box .title.green.rank {
    background-color: #333333;
    color: #ffb12f;
}

.charts-box .title .arrow {
    margin: 0 auto;
    position: relative;
    width: 0;
    height: 0;
    display: block;
    top: 0px;
    border-width: 5px;
    border-style: solid;
    z-index: 0;
}

.charts-box .title.blue .arrow {
    border-color: #0070ef transparent transparent;
    display: none;
}

.charts-box .title.green .arrow {
    border-color: #b0c61f transparent transparent;
    display: none;
}

.charts-box .view-all {
    float: right;
    padding-top: 8px;
}

.charts-box .title i {
    margin: 2px 0 0 5px;
    cursor: pointer;
}

.charts-box .charts-list {
    border: 1px solid #e0e0e0;
    clear: both;
    margin-top: -1px;
}

.charts-box .charts-list .album-container {
    padding: 6px 0;
    border-bottom: 1px dotted #989898;
    background-color: #fff;
    clear: both;
    position: relative;
    height: 32px;
}

.charts-box .charts-list .album-container:nth-child(2n) {
    background-color: #f2f2f2;
}

.charts-box .charts-list .album-container:first-child {
    padding-top: 10px;
}

.charts-box .charts-list .album-container:last-child {
    border-bottom: 0px;
}

.charts-box .charts-list .album-container:before, .charts-box .charts-list .album-container:after {
    display: table;
    content: "";
    zoom: 1;
}

.charts-box .charts-list .album-container:after {
    clear: both;
}

.charts-box .charts-list .album-container .position {
    font-family: Georgia, 'Times New Roman', times, serif;
    font-size: 26px;
    color: #333;
    float: left;
    width: 40px;
    text-align: center;
}

.charts-box .charts-list .album-container .album-cover {
    float: left;
    width: 30px;
    height: 30px;
    margin: 0 10px 0 0;
}

.charts-box .charts-list .album-container .album-cover img {
    width: 30px;
    height: 30px;
}

.charts-box .charts-list .album-container .text {
    position: relative;
    left: 0;
}

.charts-box .charts-list .album-container .album-title,
.charts-box .charts-list .album-container .artist-name {
    width: 370px;
}

.charts-box.right_column .charts-list .album-container .album-title,
.charts-box.right_column .charts-list .album-container .artist-name {
    width: unset;
}

.charts-box .charts-list .album-container .action {
    opacity: 0;
    height: 0;
    width: 0;
    overflow: hidden;
    float: right;
    margin: 1px 5px 0 0;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

.charts-box .charts-list .album-container .action .btn {
    float: left;
    padding: 5px 6px;
}

.charts-box .charts-list .album-container .action .btn + .btn {
    margin-left: 3px;
}

.charts-box .charts-list .album-container:hover .text {
    right: 70px;
}

.charts-box .charts-list .album-container:hover .action {
    opacity: 1;
    height: auto;
    width: auto;
}

.two-columns-wrapper .charts-box {
    margin-bottom: 0;
}

.shadow-column-layout #right-column .charts-box {
    margin-left: 10px;
    width: 310px;
}

.charts-box.right_column .title {
    display: block;
}

.charts-box.right_column .charts-list {
    margin-top: 0px;
    border: none;
}

/* CMS */
.two-columns-wrapper {
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.two-columns-wrapper .left, .two-columns-wrapper .right {
    width: 100%;
}

.two-columns-wrapper .right {
    margin-left: 20px;
}

.dark {
    background-color: #333333;
    color: white;
}

.grey {
    background-color: #F2F2F2;
    color: #333;
}

.dark h2 a {
    color: white;
}

.qbz_category,
.qbz_category a,
.qbz_label,
.qbz_label a {
    color: var(--sublime-color);
}

.qbz_category:hover,
.qbz_category a:hover,
.qbz_label:hover,
.qbz_label a:hover {
    text-decoration: none;
}

.typo-padding {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.typo-padding h1, .typo-padding h2 {
    margin-top: 0;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
}

.typo-padding h2 {
    font-size: 20px;
    line-height: 20px;
}

.typo-padding h1.serif, .typo-padding h2.serif {
    margin-top: 0;
    font-family: var(--font-family-title);
    font-weight: normal;
}

.typo-padding h2.serif {
    font-size: 24px;
    line-height: unset;
    text-align: center;
}

.typo-padding img.pull-left {
    margin: 0 20px 10px 0;
}

li .album-cover {
    margin: 2px 10px 0 0;
}

ul.small-product-list li {
    float: left;
    width: 33.3%;
    margin-bottom: 10px;
    max-height: 70px;
    overflow: visible;
}

ul.small-product-list li .album-title {
    max-height: 54px;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

ul.small-product-list {
    margin: 30px 20px;
}

ul.small-product-vertical li {
    margin-bottom: 20px;
}

.shadow-inset-top {
    padding: 0 10px;
    -webkit-box-shadow: inset 0 20px 20px -20px #666;
    -moz-box-shadow: inset 0 20px 20px -20px #666;
    box-shadow: inset 0 20px 20px -20px #666;
}

.shadow-inset-left {
    padding: 0 10px;
    -webkit-box-shadow: inset 20px 0 20px -20px #666;
    -moz-box-shadow: inset 20px 0 20px -20px #666;
    box-shadow: inset 20px 0 20px -20px #666;
}

.magazine-title {
    font-size: 26px;
}

.magazine-big-title {
    font-size: 24px;
    color: black;
    font-weight: normal;
}

.cms-cheap-dealsv2 .tab-content {
    background-color: #EEE4E2;
}

.cms-cheap-dealsv2 .tab-content .pagination li.active a {
    background-color: #AB1427 !important;
}

.cms-cheap-dealsv2 .tabs > li.current {
    background-color: #CF4B32;
}

.cms-cheap-dealsv2 .tabs > li.current .arrow {
    border-color: #CF4B32 transparent transparent;
}

.qbz_block_html_with_products_v2 h5 {
    margin: 10px 0;
    font-size: 15px;
}

.cms-smr .tabs > li.current {
    background-color: #B18F50;
}

.cms-smr .tabs > li.current .arrow {
    border-color: #B18F50 transparent transparent;
}

.cms-block-featured-product .album-container {
    float: left; /* when the block is display alone,in preview for example */
}

.icon-special-price {
    display: block;
    background: transparent url(/img/redesign/prix_special.png) no-repeat;
    width: 73px;
    height: 22px;
}

.cms-cheap-dealsv2 .icon-special-price {
    position: absolute;
    bottom: 0;
    right: 10px;
}

.distinguished-publishers {
    margin-top: 5px;
}

.distinguished-publishers span {
    color: #2c8fae;
    display: block;
    height: 18px;
    overflow: hidden;
}

.cms-videos {
    clear: both;
    margin-top: 20px;
}

.qbz_block_html_with_products_v2 {
    margin-bottom: 20px;
    margin-top: 20px;
}

.tab-content .qbz_block_html_with_products_v2 {
    margin-bottom: 0;
    margin-top: 0;
}

.see-more-link {
    float: right;
    font-family: var(--font-family);
    font-size: 13px;
    font-weight: 500;
}

.see-more-link .blue-arrow-right,
.see-more-link .blue-arrow-left {
    color: var(--element-color);
    font-size: 13px;
    font-weight: 500;
}

.white-link{
    color: var(--light-color);
    font-size: 13px;
    font-weight: 500;
    margin-top: 15px;
}

.graybackground .see-more-link,
.darkbackground .see-more-link {
    padding-right: 16px;
}

.graybackground {
    background-color: #EFEEEA;
    padding-bottom: 16px;
    overflow: hidden;
}

.darkbackground {
    background: #79766d url('/img/redesign/backgrounds/dark-pattern.png');
    padding-bottom: 16px;
    overflow: hidden;
    color: white;
}

.article-carousel {
    float: clear;
    clear: both;
}

.darkbackground a {
    color: white;
}

.darkbackground.article-carousel .slides_container li a {
    color: white;
    height: 230px;
}

.article-carousel .slides_container {
    width: auto !important;
    margin: 0 40px;
}

.article-carousel div {
    width: 100%;
    clear: both;
}

.article-carousel .prev {
    top: 50px !important;
}

.article-carousel .next {
    top: 50px !important;
}

.article-carousel .slides_container li a img {
    display: block;
    margin: 0 auto 5px auto;
}

.article-carousel .slides_container li {
    width: 580px;
}

.article-carousel .slides_container li a {
    float: left;
    width: 170px;
    margin: 0 10px;
    color: black;
    font-size: 14px;
    font-family: var(--font-family);
}

.article-carousel .blue-arrow-left, .article-carousel h2, .article-carousel h2 {
    float: left;
}

.article-carousel h2 {
    margin: 5px 10px 10px 16px;
}

.article-carousel h2.serif {
    font-variant: small-caps;
}

.article-carousel .blue-arrow-left {
    margin-top: 15px;
}

.article-carousel .play {
    position: absolute;
    margin-top: 30px !important;
    margin-left: 60px !important;
}

.article-list {
    width: 300px;
    padding: 0 10px;
}

.article-list ul {
    margin-bottom: 10px;
}

.article-list h2 a, .article-list h3 a, .article-list li a, .article-single h3 a {
    color: black;
}

.article-list h2.serif {
    font-variant: small-caps;
}

.article-list h3, .article-single h3 {
    padding-top: 5px;
    font-weight: normal;
    font-size: 23px;
    font-variant: normal;
}

.article-list li {
    padding: 10px 0;
    clear: both;
    overflow: hidden;
    border-bottom: 1px dotted #98989a;
    max-height: 75px;
}

.article-list li span.fixed-cover {
    overflow: hidden;
    display: block;
    height: 60px;
    width: 100px;
    margin: 0;
    padding: 0;
    float: left;
    margin-right: 10px;
    margin-top: 4px;
}

.article-list li img {
    float: left;
    margin-right: 10px;
}

.article-list li.big {
    max-height: none;
}

.article-list li.big img {
    float: none;
    margin-top: 0;
    height: 224px; /** max height **/
    width: auto;
    margin: 0 auto;
    display: block;
}

.article-list a h4 img {
    margin: 3px 0 0 0;
}

.article-list li.big a .serif img {
    height: auto;
    display: inline;
}

.article-list a:hover {
    text-decoration: none;
}

.article-list a:hover h4 {
    text-decoration: underline;
}

.blog-title {
    color: #9a9a9a;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}

.article-single {
    padding: 0 20px 0 20px;
    border-bottom: 1px dotted #98989a;
}

.article-single .date {
    display: block;
    color: #9a9a9a;
    padding: 10px 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11px;
}

.article-single .see-more-link {
    margin-top: 4px;
}

.article-single div {
    overflow: hidden;
    margin: 10px 0;
}

.article-single img {
    float: left;
    margin-right: 10px;
    display: block;
}

.article-single h2.serif {
    font-variant: small-caps;
}

/** Keep the same class name for compatibility reasons **/
.qbz_press_selection .qbz_press_selection_title, #right-column .qbz_press_selection h2,
.qbz_press_selection .qbz_press_selection_title a, #right-column .qbz_press_selection h2 a {
    text-transform: uppercase;
    font-size: 20px !important;
    font-family: 'Novecento', verdana, sans-serif;
    font-weight: normal !important;
    color: #333;
    text-decoration: none;
}

.qbz_press_selection .qbz_press_selection_title, #right-column .qbz_press_selection h2 {
    margin-bottom: 0;
    border-bottom: 1px solid #A2A2A2;
}

.qbz_press_selection h3 {
    font-size: 12px;
    line-height: 14px;
    clear: both;
}

.qbz_press_selection .album-cover {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.qbz_press_selection .qbz_subtitle, .qbz_press_selection .qbz_subtitle a {
    color: #666 !important;
}

.qbz_press_selection .qbz_abstract_list {
    border-bottom: 1px dotted #A2A2A2;
    padding-bottom: 10px;
}

.qbz_press_selection .qbz_press_notation a, .qbz_press_selection .qbz_press_notation a:hover {
    color: #3F96B2;
    font-weight: bold;
    font-style: normal;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* EXPANDABLE */
.expandable .expandable-link {
    display: none;
    margin-top: 5px;
}

.expandable .expandable-overflow {
    max-height: 215px;
    overflow-y: scroll;
}

.expandable-content {
    font-family: var(--font-family);
    font-size: 13px;
}

/* ZOOM OVERLAY */
#image-zoom-overlay {
    width: auto;
    position: absolute;
    margin: 0;
    left: 0;
    top: 0;
}

#image-zoom-overlay .modal-body {
    padding: 0;
    max-height: none;
}

/* TRAIL BAR */
.trail-bar {
    margin: 16px 0;
    text-align: center;
    height: 32px;
}

.trail-bar li {
    color: #bfbfbf;
    font-size: 13px;
    text-transform: uppercase;
    border: 1px solid #e9e7e7;
    border-left: none;
    display: inline-block;
    *display: inline;
    height: 30px;
    line-height: 30px;
    padding-right: 30px;
    background: #F4F4F4 url(/img/common/trailbar_grey_arrow.png) no-repeat right top;
    margin-left: -4px;
}

.trail-bar li .circle {
    background-color: #FFF;
    display: block;
    width: 22px;
    height: 22px;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
    float: left;
    margin: 4px 10px 0px;
    line-height: 22px;
}

.trail-bar li.selected {
    color: #FFFFFF;
    background: #0070ef url(/img/common/trailbar_blue_arrow.png) no-repeat right top;
}

.trail-bar li.selected .circle {
    background-color: #222;
}

.trail-bar li.first {
    border-left: 1px solid #e9e7e7;
}

.trail-bar li.last {
    background-image: none;
    padding-right: 15px;
}


.footer-bar {
    margin: 15px 0 5px 0;
    text-align: right;
    padding-right: 1.5em;
}

.footer-bar span {
    color: #bfbfbf;
    font-size: 13px;
    text-transform: uppercase;
    border: 1px solid #e9e7e7;
    border-left: none;
    display: inline-block;
    *display: inline;
    height: 30px;
    line-height: 30px;
    padding-right: 30px;
    background: #F4F4F4 url(/img/common/trailbar_grey_arrow.png) no-repeat right top;
    margin-left: -4px;
}

.footer-bar span.next {
    display: inline-block !important;
    cursor: pointer;
    padding-left: 1em;
    color: #FFFFFF;
    background: #59b359 url(/img/common/trailbar_green_arrow.png) no-repeat right top;
}

.footer-bar span.next:hover {
    border-right: 1px solid #59B359;
}

.btn-grey {
    color: #000000;
    text-shadow: none;
    background-image: none;
    box-shadow: none;
}


/* ACCORDION */
.accordion-group {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.accordion-heading .accordion-toggle {
    padding: 8px 15px 8px 8px;
    color: #333333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(top, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.accordion-heading .accordion-toggle:hover {
    text-decoration: none;
    color: #333333;
    background-color: #e6e6e6;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -ms-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.accordion-heading .accordion-toggle i {
    margin-right: 3px;
}

/* COMMENTS */
#qobuz_user_comments form {
    padding: 19px 0;
}

#qobuz_user_comments .form-horizontal .control-label {
    width: 100px;
}

#qobuz_user_comments .form-horizontal .controls {
    margin-left: 120px;
}

#qobuz_user_comments .form-horizontal .controls textarea {
    resize: none;
}

#qobuz_user_comments .form-horizontal .form-button {
    padding-left: 120px;
}

#qobuz_user_comments .comments {
    margin-bottom: 15px;
}

/*#user-comments-container_form_create .comments .rating-stars{display:block;margin-bottom:5px;}*/
#qobuz_user_comments .comment {
    margin-bottom: 0;
}

#qobuz_user_comments .comment .meta {
    background-color: #F9F9F9;
}

#qobuz_user_comments .comment .meta, #qobuz_user_comments .comment .quote {
    padding: 8px;
    line-height: 18px;
    text-align: left;
    border: 1px solid #ddd 0 none;
    border-left: 0 none;
    border-bottom: 0 none;
}

#qobuz_user_comments .comment .meta i {
    font-style: italic;
    font-size: 11px;
}

#qobuz_user_comments .comment .quote blockquote {
    max-width: 620px;
    overflow: hidden;
}

#qobuz_user_comments .author-info i {
    display: none;
}


/* ALERTS */

.alert.alert-info a {
    text-decoration: underline;
}

.alert.alert-error a {
    text-decoration: underline;
    color: #B94A48;
}

.download-tar {
    clear: both;
    text-align: center;
    margin-bottom: 20px;
}

.download-tar a {
    text-decoration: underline;
}

/* TABLES */
.table.table-dark th {
    border: none;
    color: #FFF;
    text-transform: uppercase;
    background: #7e7e7e;
    background: -moz-linear-gradient(top, #7e7e7e 0%, #585757 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7e7e7e), color-stop(100%, #585757));
    background: -webkit-linear-gradient(top, #7e7e7e 0%, #585757 100%);
    background: -o-linear-gradient(top, #7e7e7e 0%, #585757 100%);
    background: -ms-linear-gradient(top, #7e7e7e 0%, #585757 100%);
    background: linear-gradient(top, #7e7e7e 0%, #585757 100%);
}

.table.table-dark.table-striped tbody tr td, .table.table-dark.table-striped tbody tr th {
    background-color: #EEE;
}

.table.table-dark.table-striped tbody tr:nth-child(odd) td, .table.table-dark.table-striped tbody tr:nth-child(odd) th {
    background-color: #F9F9F9;
}

.table.table-dark.table-striped tbody tr td, .table.table-dark.table-striped tbody tr th {
    background-color: #EEE;
}

/* HEADER USER ACCOUNT */
#header-user-account-overlay {
    text-align: left;
}

#header-user-account-overlay .account-summary {
    padding: 3px 15px;
    white-space: nowrap;
    background: linear-gradient(top, rgba(250, 250, 250, 1) 0%, rgba(210, 210, 210, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(250, 250, 250, 1) 0%, rgba(210, 210, 210, 1) 100%);
    background: linear-gradient(top, rgba(250, 250, 250, 1) 0%, rgba(210, 210, 210, 1) 100%);
    background: -moz-linear-gradient(top, rgba(250, 250, 250, 1) 0%, rgba(210, 210, 210, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(250, 250, 250, 1)), color-stop(100%, rgba(210, 210, 210, 1)));
    border-bottom: 1px solid #bbb;
    margin-bottom: 4px;
}

#header-user-account-overlay ul li {
    display: block;
    margin: 0;
}

#header-user-account-overlay li.divider {
    margin: 4px 0 3px 0;
}

#header-user-account-overlay .account-summary .user {
    max-width: 225px;
}

#header-user-account-overlay .account-summary .user .name {
    font-weight: bold;
}

#header-user-account-overlay .account-summary .user .login {
    color: #666;
}

#header-user-account-overlay .account-summary .user .flag {
    position: absolute;
    top: 11px;
    right: 15px;
}

#header-user-account-overlay .account-summary .user .name {
    font-weight: bold;
}

#header-user-account-overlay .account-summary .user .login {
    color: #666;
}

#header-user-account-overlay .account-summary .user .flag {
    position: absolute;
    top: 11px;
    right: 15px;
}

#header-user-account-overlay .account-summary .streaming-plan {
    color: #2c8fae;
    font-size: 10px;
}

/* HEADER USER SIGNUP / SIGNIN */
#header-user-signin-overlay {
    border-radius: 4px 0 4px 4px;
    margin-top: 8px;
    padding: 20px;
    width: 340px;
}

#header-user-signin-overlay:after {
    border: 8px solid transparent;
    border-bottom-color: #fff;
    content: ' ';
    left: 302px;
    position: absolute;
    top: -16px;
    width: 0;
}

#header-user-signin-overlay-title {
    color: #595959;
    font: normal 18px 'NovecentoMed', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    margin-bottom: 20px;
    padding: 0;
    text-transform: uppercase;
}

#header-user-signin-overlay input {
    background: #f6f6f6;
    display: block;
    height: 22px;
    margin-bottom: 20px;
    width: 326px;
}

#signin_remember {
    margin: 8px 5px 5px 0;
    padding: 0;
    width: 15px;
}

#signin_remember label {
    height: 30px;
    margin: 0;
    padding: 0;
    width: 30px;
}

#header-user-signin-overlay label.checkbox div {
    float: left;
    margin: 5px 0 0;
    width: 80px;
}

#btn-connexion {
    background-image: linear-gradient(to bottom, #4EAFCD, #3E95B0);
    float: right;
    padding: 4px 12px 6px;
}

#btn-connexion .icone-go {
    margin-left: 5px;
}

#btn-connexion .icone-go:after {
    color: #006282;
    font-size: 18px;
    margin-left: 5px;
    top: 2px;
}

#signin_remember_block {
    line-height: 30px;
    position: absolute;
}

#header-user-signin-overlay #signin_remember,
#header-user-signin-overlay #signin_remember_block label {
    display: inline;
    margin: 0;
    width: auto;
}

#signin_remember .btn-info {
    text-transform: uppercase;
}

#signup_form button {
    color: #888;
    font: normal 14px 'NovecentoMed', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    margin-left: 54px;
    padding: 6px 12px 7px;
    position: relative;
    text-align: center;
    width: 230px;
}

#signup_form button .icone-go {
    margin: 0;
}

#signup_form button .icone-go:after {
    font-size: 18px;
    position: absolute;
    right: 15px;
    top: 2px;
}

#header-user-signin-overlay span.separator {
    background: #fff;
    color: #595959;
    font-family: "NovecentoMed", Arial, "Helvetica Neue", Helvetica, sans-serif;
    height: 15px;
    left: 50%;
    margin: -27px 0 0 -43px;
    padding: 0 32px;
    position: absolute;
    text-transform: uppercase;
}

#header-user-signin-fb-login-button-wrapper {
    margin: 15px auto;
    text-align: center;
    width: 300px;
}

.header-user-signin-form-wrapper {
    margin-bottom: 30px;
    overflow: hidden;
}

#header-user-signin-overlay hr {
    border-color: #e2e2e2;
}

.header-user-signin-form-wrapper form input {
    display: block;
    width: 300px;
}

.header-user-signin-form-wrapper button {
    text-transform: uppercase;
}

.header-user-signin-form-wrapper hr {
    background: none;
    border-width: 1px;
    clear: both;
    height: inherit;
    margin: 45px 0 15px 0;
    width: 100%;
}

.header-top-control.user .icon-user {
    background-image: url("/img/redesign/icon-user.png");
    background-position: 0 0;
    height: 15px;
    margin: 0 10px 0 0;
    width: 17px;
}

.header-top-control.user .img-user-signed-in {
    height: 15px;
    margin: 0 10px 0 0;
    width: 15px;
}

.header-top-control.user .btn-group > .btn + .dropdown-toggle {
    box-shadow: none;
    webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.header-top-control.user .btn-group > .btn + .dropdown-toggle {
    border: solid 1px #222;
    border-left: none;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
}

.header-top-control.user .btn-group > .btn:first-child {
    border: solid 1px #222;
    border-right: none;
}

.header-top-control.user .btn-group .caret {
    margin-left: 10px;
}

.header-top-control.user .btn-group.open .dropdown-toggle {
    box-shadow: none;
    webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.header-top-control.user .btn-primary {
    background-color: #373737;
    background-image: none;
    color: #fff;
    font: bold 10px 'Novecento', verdana, sans-serif;
    padding: 4px 12px 4px 9px;
    max-width: 200px;
}

.header-top-control.user .btn-group.open .btn-primary.dropdown-toggle,
.header-top-control.user .btn-group.open .btn-primary {
    background: #313131;
    font-family: 'Novecento', verdana, sans-serif;
}

/* USER SIGNUP / SIGNIN */
.signup-form-wrapper {
    margin: 0 auto;
    width: 400px;
}

.select-genre {
    margin: 20px 0;
    overflow: hidden;
}

.select-genre label {
    display: block;
    float: left;
    margin-right: 20px;
    position: relative;
}

.select-genre input {
    margin: -3px 30px 0 0;
}

.user-homme span,
.user-femme span,
.user-transgenre span {
    left: 21px;
    position: absolute;
    top: 0;
}

.signup-form-wrapper .picto-lock-small {
    margin-right: 5px;
    position: relative;
    top: 2px;
}

#user-signin-page #full-column div.column-separator {
    background: #CCC;
    background: -moz-linear-gradient(top, #ffffff 0%, #6b6b6b 50%, #ffffff 99%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #6b6b6b), color-stop(99%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #6b6b6b 50%, #ffffff 99%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #6b6b6b 50%, #ffffff 99%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #6b6b6b 50%, #ffffff 99%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #6b6b6b 50%, #ffffff 99%);
    /* W3C */;
    box-shadow: 0 0 20px gray;
    height: 350px;
    margin: 40px;
    -moz-box-shadow: 0 0 20px gray;
    -webkit-box-shadow: 0 0 20px gray;
    width: 1px;
}

#user-signin-page #user-signup div.section-content {
    background: url(/img/redesign/signin2014.png) no-repeat scroll bottom center transparent;
    padding-bottom: 250px;
}

#user-signin-page #user-signup div.section-content form {
    text-align: center;
}

#user-signin-page #user-signin div.auth-form-separator {
    position: relative;
}

.auth-form-separator {
    position: relative;
}

.content-01 {
    background: #fff;
    border: 1px solid #d5e4ea;
    font-family: AvenirMedium;
    font-size: 14px;
    padding: 30px;
    margin: 0 0 30px;
}

.content-01-tlt {
    color: #2291bb;
    font-size: 14px;
    margin: 0 0 30px;
    text-align: center;
    text-transform: uppercase;
}

.signin-qbz-form {
    margin: 0 auto;
    /*overflow: hidden;*/
    width: 300px;
}

.content-01-tlt {
    color: #2291bb;
    font-size: 14px;
    margin: 0 0 30px;
    text-align: center;
    text-transform: uppercase;
}

.signin-qbz-form {
    margin: 0 auto;
    width: 300px;
}

.content-invite-signout .btn-success {
    width: initial !important;
    margin: 25px 25px;
}


.user-signin-content {
    margin: 0 auto 100px;
    width: 1024px;
}

.user-signup-content {
    margin: 0 auto 100px;
    width: 1024px;
}

.user-signup-content .btn-success {
    font-weight: bold;
    width: 100%;
}

.user-signup-content .gender-input {
    margin-bottom: 15px;
    overflow: hidden;
}

.user-signup-content .gender-input li {
    float: left;
    margin-right: 10px;
}

.user-signup-content .gender-input input,
.user-signup-content .gender-input label {
    cursor: pointer;
    float: left;
    margin-right: 5px;
}

.user-signup-content .gender-input input {
    position: relative;
    top: -2px;
}

.user-signup-content .gender-input label[for="user_gender_male"]:before,
.user-signup-content .gender-input label[for="user_gender_female"]:before,
.user-signup-content .gender-input label[for="user_gender_other"]:before {
    background: url(/img/sprite/sprite-global-2019.png) no-repeat -239px -168px;
    content: " ";
    display: block;
    float: left;
    margin-right: 5px;
    position: relative;
    z-index: 1000;
}

.user-signup-content .gender-input label[for="user_gender_female"]:before {
    height: 19px;
    top: -1px;
    width: 13px;
}

.user-signup-content .gender-input label[for="user_gender_male"]:before {
    background-position: -239px -187px;
    height: 16px;
    top: 0;
    width: 16px;
}

.user-signup-content .gender-input label[for="user_gender_other"]:before {
    background-position: -239px -203px;
    height: 22px;
    top: -1px;
    width: 20px;
}

.user-signup-content .birthday-input {
    font-size: 0;
    margin-bottom: 15px;
    overflow: hidden;
}

.signup-form-wrapper .help-block {
    clear: both;
    font-size: 12px;
}

.user-signup-content .birthday-input select {
    float: left;
    margin-right: 10px;
    text-transform: capitalize;
    width: 120px;
}

.user-signup-content .birthday-input select:last-child {
    margin-right: 0;
}


.auth-form-separator {
    margin: 30px auto;
    position: relative;
    width: 90%;
}

.auth-form-separator hr {
    background: #d5e4ea;
    border: none;
    height: 1px;
}

.auth-form-separator span {
    background: #f1f1f1;
    font-family: AvenirMedium;
    font-size: 13px;
    font-weight: bold;
    left: 45%;
    padding: 0 20px;
    position: absolute;
    top: -8px;
}

.alternate-method-link,
.alternate-method-link .btn-link {
    font-family: AvenirMedium;
    font-size: 16px;
}

.alternate-method-link a,
.alternate-method-link .btn-link {
    color: #333;
}

.alternate-method-link a span {
    color: #2c8fae;
}

.user-signin-content {
    margin: 0 auto 100px;
    width: 1024px;
}

.user-signin-content .auth-form-separator {
    margin: 30px auto;
    position: relative;
    width: 90%;
}

.user-signin-content .auth-form-separator hr {
    background: #d5e4ea;
    border: none;
    height: 1px;
}

.user-signin-content .auth-form-separator span {
    background: #f6f9fa;
    font-family: AvenirMedium;
    font-size: 13px;
    font-weight: bold;
    left: 45%;
    padding: 0 20px;
    position: absolute;
    top: -8px;
}

#user-signin-page #user-signin span.separator {
    background: #fff;
    font-family: AvenirMedium;
    font-size: 13px;
    font-weight: bold;
    height: 15px;
    left: 50%;
    margin-left: -18px;
    padding: 0 10px;
    position: absolute;
    top: -7px;
}

#user-signin {
    margin: 30px auto;
    width: 50%;
}

#user-signup {
    margin: 30px auto;
    width: 50%;
}

#user-signin {
    margin: 30px auto;
    width: 50%;
}

#user-signup-page #user-signup {
    background: #fff;
    padding: 16px;
    border: 1px solid #ccc;
}

#user-signup-page #user-signup div.section-header {
    margin-top: 0;
}

#user-signup-page #user-signup div.alternate-method-link {
    margin: 0;
}

#user-signin-page #user-signin form.form-horizontal div.controls {
    margin-right: 48px;
}

#user-signin-page #user-signin form.form-horizontal div.controls label {
    float: left;
}

#user-signin-page #user-signin form.form-horizontal div.controls button {
    float: right;
}

#user-signin-page #user-signin form.form-horizontal div.controls a.password-reset {
    float: right;
    font-size: 11px;
}

#user-signup-page .vertical-separator {
    text-align: center;
    margin-top: 120px;
}

#user-signup-page .highlight {
    font-family: "NovecentoBook", "Verdana", sans-serif;
    color: #333;
    line-height: 1.25;
    font-size: 16px;
    text-transform: uppercase;
}

#user-signup-page .blue {
    color: #54a0ba;
}

#user-signup-page .light-grey {
    color: #999;
}

#user-signup-page .highlight.large {
    font-size: 20px;
}

#user-signup-page .highlight.small {
    font-size: 12px;
}

#user-signup-page .highlight.extra-small {
    font-size: 9px;
}

#user-signup-page .highlight.bold {
    font-weight: bold;
}

#user-signup-page .large-spacing {
    margin: 20px;
}

#user-signup-page #user-signup h3 {
    font-weight: normal;
}

#user-signup-page #user-signup .why-facebook[rel=popover] {
    cursor: pointer;
}

#user-signup-page #user-signup .why-facebook[rel=popover]:hover {
    text-decoration: underline;
}

/* FACEBOOK */
.xfbml.unparsed {
    display: none;
}

#fb-like-box-wrapper,
#header-user-signin-fb-login-button-wrapper,
#my-account-externals-fb-login-button-wrapper,
#my-account-fb-like-box-wrapper,
#user-signin-fb-login-button-wrapper,
#user-signup-fb-login-button-wrapper {
    text-align: center;
    background: url(/img/common/ajax-loader-small.gif) no-repeat scroll center center transparent;
}

#header-user-signin-fb-login-button-wrapper,
#my-account-externals-fb-login-button-wrapper {
    height: 24px;
    overflow: hidden;
}

.pluginFaviconButton {
    height: 37px;
    width: 279px;
}

#user-signin-fb-login-button-wrapper,
#user-signup-fb-login-button-wrapper {
    height: 29px;
    overflow: hidden;
}

#my-account-fb-like-box-wrapper {
    height: 292px;
    overflow: hidden;
}

/*
    Looks like some versions of the Facebook iframe widgets can't be properly positioned.
    This rule is intended to fix this.
    The .fb_iframe_widget iframe is owned by Facebook,not us.
*/
.fb_iframe_widget iframe {
    top: 0;
    left: 0;
}

#right-column #fb-like-box-wrapper {
    display: none;
}

/* MY ACCOUNT */
#main-my-account .subscription-history tr td:first-child {
    min-width: 312px;
}

#main-my-account .subscription-history .action-links {
    display: block;
}

.update-subscription-payment-source-overlay.modal {
    width: 760px;
    margin-left: -380px;
}

/* NEWSLETTER */
#subscription-management-table h1 {
    font-size: 14px;
    line-height: 24px;
}

#subscription-management-table div {
    line-height: 16px;
}

/* PAYMENT */

.payment-method-chooser h2 {
    font-family: 'NovecentoMed', verdana, sans-serif;
    font-size: 20px;
    font-weight: normal;
    margin: 2px 0;
}

.payment-method-chooser .alert {
    display: block;
    padding-right: 8px;
}

.payment-method-chooser label {
    display: none;
}

/* sfForm Hack */
.payment-method-chooser .payment-source-chooser-back {
    text-align: right;
}

.payment-method-chooser .payment-provider-chooser ul {
    margin-right: 0;
}

.payment-method-chooser .payment-source-chooser .choose-payment-provider {
    margin-top: 15px;
}

.payment-method-chooser .payment-source-info {
    display: inline-block;
    padding: 10px 0 0 10px;
}

.payment-method-chooser .payment-source-name {
    font-size: 14px;
    color: black;
}

.payment-method-chooser .pay-button-info,
.payment-method-chooser .provider-description {
    padding: 1px;
    display: inline-block;
    width: 300px;
    height: 36px;
}

.payment-method-chooser .tab-content {
    border-left: none;
    border-top: 1px solid #E6E5E6;
    background: #fbfbfb;
}

.payment-method-chooser .tab-content .tab-pane {
    padding: 10px;
}

.payment-method-chooser .payment-provider-chooser ul li {
    opacity: 0.5;
    width: 270px;
}

.payment-method-chooser .payment-provider-chooser ul li a strong {
    padding-right: 16px;
}

.payment-method-chooser .payment-provider-chooser ul li.active {
    opacity: 1;
}

.payment-method-chooser .payment-provider-chooser ul li.active a {
    border-left: 5px solid green;
    padding-left: 8px;
    background: #fbfbfb;
}

.payment-method-chooser .payment-provider-chooser ul li.active a:hover {
    border-left: 5px solid green;
}

.payment-fullwidth-process {
    margin: 50px;
    padding: 30px;
    text-align: center;
}

/* HEADER CART CONTROL */
#header-top-right .header-top-control.cart .btn-group > .btn:first-child {
    background: none;
    border: none;
    border-radius: 0;
    text-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: left;
    color: #333;
    padding: 0 0 0 10px;
}

#header-top-right .basket-count {
    background: #fff;
    float: right;
    min-width: 20px;
    height: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#header-top-right .basket-count span {
    display: block;
    color: #333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px;
    text-align: center;
    line-height: 1;
}

#header-top-right .basket-count:before {
    background-color: #FFFFFF;
    content: " ";
    display: block;
    height: 5px;
    left: -2px;
    position: relative;
    top: 8px;
    width: 5px;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}

#header-top-right .basket-count.full {
    background-color: #49a7c5;
}

#header-top-right .basket-count.full span {
    color: #fff;
}

#header-top-right .basket-count.full:before {
    background-color: #49a7c5;
}

#header-top-right .icon-basket {
    background-image: url(/img/redesign/cart-empty.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 15px;
    height: 12px;
    float: left;
    margin: 5px 10px 0 0;
}

#header-top-right a.btn-basket:hover .icon-basket {
    background-image: url(/img/redesign/cart-hover.png);
}

#header-top-right .btn-group.open .icon-basket {
    background-image: url(/img/redesign/cart-clic.png);
}

/* HEADER CART OVERLAY */
#header-basket-overlay {
    border: none;
    box-shadow: 0 0 4px rgba(85, 85, 85, 0.6);
    font-size: 12px;
    left: auto;
    margin-top: 10px;
    padding: 0;
    right: 0;
    width: 350px;
}

#header-basket-overlay:after {
    border: 8px solid transparent;
    border-bottom-color: #fff;
    content: ' ';
    left: 305px;
    position: absolute;
    top: -16px;
    width: 0;
}

#header-basket-overlay #header-basket-overlay-title {
    color: #595959;
    font: normal 18px 'NovecentoMed', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    margin: 20px 20px 5px;
    text-transform: uppercase;
}

#header-basket-overlay .action-delete {
    margin-left: 10px;
}

#header-basket-overlay .album-container {
    border-bottom: 1px solid #e1e1e1;
    padding: 15px 20px;
}

#header-basket-overlay .album-container:nth-child(odd) {
    background: #f1f1f1;
}

#header-basket-overlay .album-container:last-child {
    border-bottom: none;
    padding-top: 0;
}

#header-basket-overlay .album-container .label-quality {
    font-weight: bold;
}

#header-basket-overlay .album-cover {
    height: 50px;
    margin-right: 20px;
    width: 50px;
}

#header-basket-overlay .album-price {
    color: #333;
    font-size: 17px;
    position: absolute;
    right: 0;
    top: 15px;
}

#header-basket-overlay .album-price .sup_cents {
    font-size: 11px;
}

#header-basket-overlay .btn {
    color: white;
    margin: 0 5px 5px 5px;
    text-align: center;
    text-transform: uppercase;
}

#header-basket-overlay .order-price {
    clear: both;
    font-size: 14px;
    margin-left: -15px;
    padding: 10px 0 20px 0;
}

#header-basket-overlay .order-price span {
    color: #0070ef;
}

#header-basket-overlay .order-price .final-price {
    font-size: 21px;
}

#header-basket-overlay .order-price .final-price .sup_cents {
    font-size: 11px;
}

#header-basket-overlay .special-offer-reminder {
    border-bottom: 1px dotted #EEE;
    color: #666;
    float: left;
    margin-bottom: 10px;
    padding: 10px 20px;
    text-align: center;
}

#header-basket-overlay .special-offer-reminder .gift-icon {
    background: url(/img/redesign/gift.png) no-repeat;
    display: inline-block;
    height: 39px;
    padding: 0 2px 4px 0;
    vertical-align: middle;
    width: 32px;
}

#header-basket-overlay .special-offer-reminder .special-offer-message {
    padding-left: 20px;
}

#header-basket-overlay .special-offer-reminder b {
    color: #333;
}

#header-basket-overlay #basket-validate {
    margin: 10px auto;
    text-align: center;
}

#header-basket-overlay #basket-validate .crossed-price {
    color: #666;
    font-size: 15px;
    text-decoration: line-through;
}

#header-basket-overlay .header-basket-article {
    overflow: hidden;
    padding-right: 90px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* BASKET */
#main-basket h1 {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 600;
}

#main-basket .alert {
    display: block;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
}

#main-basket .back_link {
    text-shadow: none;
    background-image: none;
    box-shadow: none;
    font-weight: 600;
    margin: 0;
    border-radius: 5px;
    cursor: pointer;
    color: #333333;
    padding: 18px 20px;
    background-color: var(--light-color);
    border: 1px solid #d8d8d8;
    letter-spacing: 1px;
    font-family: var(--font-family);
    font-size: 15px;
    min-width: 200px;
}

#main-basket .back_link:hover {
    background-color: #333333;
    border: 1px solid #333333;
    color: var(--light-color);
    transition: .2s;
}

/* BASKET:SUBSCRIPTION ORDER SPECIFIC */

#main-basket.subscription-basket h2 {
    font-family: 'NovecentoMed', verdana, sans-serif;
    font-size: 20px;
    font-weight: normal;
    margin: 20px 0 2px 0;
}

#main-basket.subscription-basket .subscription-details {
    margin-bottom: 6px;
}

#main-basket.subscription-basket .subscription-details th {
    color: white;
    font-family: 'NovecentoMed', verdana, sans-serif;
    font-size: 20px;
    font-weight: normal;
    height: 20px;
    padding: 10px;
    text-align: left;
    text-transform: uppercase;
    border-radius: 4px 4px 0 0;
    background: #3d3c3c;
    background: -moz-linear-gradient(top, #585858 0%, #3d3c3c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #3d3c3c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #585858 0%, #3d3c3c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #585858 0%, #3d3c3c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #585858 0%, #3d3c3c 100%); /* IE10+ */
    background: linear-gradient(to bottom, #585858 0%, #3d3c3c 100%); /* W3C */
    line-height: 1.2em;
}

#main-basket.subscription-basket .subscription-details td.price {
    font-family: 'NovecentoMed', verdana, sans-serif;
    height: 40px;
    width: 150px;
    padding: 10px;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 17px;
    border-radius: 0 0 4px 0;
}

#main-basket.subscription-basket .subscription-details .gray {
    border-left: 1px solid #a0a0a0;
    background: #a5a5a5;
    background: -moz-linear-gradient(top, #bbbbbb 0%, #a5a5a5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bbbbbb), color-stop(100%, #a5a5a5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #bbbbbb 0%, #a5a5a5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #bbbbbb 0%, #a5a5a5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #bbbbbb 0%, #a5a5a5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #bbbbbb 0%, #a5a5a5 100%); /* W3C */
}

#main-basket.subscription-basket .subscription-details .blue {
    border-left: 1px solid #3789a3;
    background: #0070ef;
    background: -moz-linear-gradient(top, #0070ef 0%, #0070ef 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0070ef), color-stop(100%, #0070ef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0070ef 0%, #0070ef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #0070ef 0%, #0070ef 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #0070ef 0%, #0070ef 100%); /* IE10+ */
    background: linear-gradient(to bottom, #0070ef 0%, #0070ef 100%); /* W3C */
}

#main-basket.subscription-basket .subscription-details .green {
    border-left: 1px solid #87a137;
    background: #b0c61f;
    background: -moz-linear-gradient(top, #b8ca3e 0%, #b0c61f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8ca3e), color-stop(100%, #b0c61f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b8ca3e 0%, #b0c61f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b8ca3e 0%, #b0c61f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b8ca3e 0%, #b0c61f 100%); /* IE10+ */
    background: linear-gradient(to bottom, #b8ca3e 0%, #b0c61f 100%); /* W3C */
}

#main-basket.subscription-basket .subscription-details .orange {
    border-left: 1px solid #c47600;
    background: #f89500;
    background: -moz-linear-gradient(top, #f89500 0%, #ef8200 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f89500), color-stop(100%, #ef8200)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f89500 0%, #ef8200 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f89500 0%, #ef8200 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f89500 0%, #ef8200 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f89500 0%, #ef8200 100%); /* W3C */
}

#main-basket.subscription-basket .subscription-details td.details {
    padding: 10px;
    box-shadow: 1px -1px 2px #c7c7c7 inset;
    -moz-box-shadow: 1px -1px 2px #c7c7c7 inset;
    -webkit-box-shadow: 1px -1px 2px #c7c7c7 inset;
    border-radius: 0 0 0 4px;
    background: #f6f6f6;
}

#main-basket.subscription-basket .subscription-details td.price span {
    font-size: 27px;
}

#main-basket.subscription-basket .subscription-details td.price span.help {
    font-size: 11px;
    line-height: 11px;
    text-transform: none;
    font-weight: normal;
    display: block;
    margin-top: 12px;
}

#main-basket.subscription-basket .order_lines .price {
    font-family: 'NovecentoMed', verdana, sans-serif;
    background: #eee;
    font-size: 14px;
    text-align: right;
}

#main-basket.subscription-basket .order_lines .subtotal {
    font-family: 'NovecentoMed', verdana, sans-serif;
    color: #2E95B6;
    font-size: 16px;
}

#main-basket.subscription-basket .subscription-type-small-print-details {
    display: block;
    font-size: 10px;
    line-height: 10px;
    padding: 14px 0 0 0;
}

/* FAQ */

#faq-inner-page .faq-title {
    font-family: 'NovecentoMed', verdana, sans-serif;
    text-align: center;
    color: #0070ef;
    font-size: 35px;
    font-weight: normal;
    text-transform: uppercase;
    background-image: url(/img/redesign/marketing/bg-offer-title.png);
    background-position: 50% 17px;
    background-repeat: no-repeat;
    margin: 20px 0 2px 0;
}

#faq-inner-page .faq-title img {
    vertical-align: bottom;
    margin-right: 10px;
}

#faq-inner-page .linkback {
    font-weight: bold;
    margin: 20px 0;
}

#faq-inner-page #questionsWrapper {
    margin: 0 -15px;
}

#faq-inner-page ul#questions li {
    padding: 10px 20px;
    list-style: disc inside;
}

#faq-inner-page ul#questions li span.title {
    cursor: pointer;
}

#faq-inner-page ul#questions li.open span.title {
    color: #0070ef;
    font-weight: bold;
}

#faq-inner-page ul#questions li.open {
    box-shadow: 0 0px 10px gray inset;
    -moz-box-shadow: 0 0px 10px gray inset;
    -webkit-box-shadow: 0 0px 10px gray inset;
    border-top: 1px dotted #666;
    border-bottom: 1px dotted #666;
    background: rgba(235, 235, 235, 0.5);
}

#faq-inner-page ul#questions li div.content {
    padding: 15px 0 0 0;
    font-weight: normal;
    color: black;
    display: inline-block;
    padding-left: 12px;
}

#faq-inner-page .ask-question {
    font-family: 'NovecentoMed', verdana, sans-serif;
    height: 74px;
    width: 676px;
    margin-top: 30px;
    font-size: 22px;
    text-transform: uppercase;
    background-image: url(/img/redesign/faq/bg_ask_question.png)
}

#faq-inner-page .ask-question span.reponse {
    float: left;
    color: #0070ef;
    width: 440px;
    padding: 28px 10px;
}

#faq-inner-page .ask-question a.question {
    float: right;
    padding: 18px 0;
    color: white;
    width: 210px;
    text-align: center;
}

h1.blogs {
    text-transform: uppercase;
    margin: 0px 10px;
    font-family: 'NovecentoMed', verdana, sans-serif;
    font-size: 39px;
}

ul.blogs {
    margin-top: 40px;
}

ul.blogs li {
    float: left;
    width: 306px;
    height: 300px;
    margin: 0 10px;
}

ul.blogs h2 {
    font-size: 22px;
    font-family: 'Novecento', verdana, sans-serif;
    line-height: 1em;
    margin-bottom: 9px;
}

ul.blogs h3.author {
    color: #777;
    font-size: 1.3em;
    line-height: 1em;
    margin-bottom: 10px;
}

ul.blogs li img.thumb {
    width: 310px;
    height: 125px;
}

/* MAGAZINE LIST */
.bottomsb {
    padding-top: 20px;
}

.result-list {
    width: 660px;
    margin-top: -15px;
}

.result-list .actu h2 a {
    color: #000000;
    text-decoration: none;
}

.result-list .actu h2 a:hover {
    color: var(--element-color);
    transition: .2s;
}

.result-list .actu h2 a img {
    margin-top: -3px;
}

.result-list .actu h2 {
    font-size: 20px;
    line-height: 19px;
}

.result-list .actu.first h2 {
    font-size: 28px;
    line-height: 32px;
    font-weight: normal;
    font-variant: normal;
}

.result-list .actu {
    clear: left;
    padding: 20px 0;
    border-bottom: 1px dotted #A2A2A2;
    overflow: hidden;
}

.result-list .actu .date {
    display: block;
    color: #A2A2A2;
    font-size: 13px;
    font-weight: 500;
    font-family: var(--font-family);
}

.result-list .actu .visuel {
    float: left;
    margin-right: 10px;
}

@media screen and (max-width:1023px) {
    .result-list .actu .visuel {
        width: 100%;
    }
}

.result-list .side_container {
    width: 200px;
    float: right;
    padding-left: 10px;
    border-left: 1px solid #A2A2A2;
    margin-left: 14px;
    margin-top: 10px;
}

.result-list .header {
    font-size: 15px;
}

.result-list .header p {
    margin-top: 10px;
}

.search-results .alert {
    margin: 20px auto;
    max-width: 660px;
}

/* global splash modal (popin) */
#global-modal-promotion {
    width: 1100px;
    margin-left: -550px;
    margin-top: -340px;
    max-height: 650px;
}

#global-modal-promotion .close {
    margin-right: 20px;
}

#global-modal-promotion .modal-body {
    max-height: 650px;
}

/* social reading */
#social-reading .qbz_date {
    width: 80px;
    padding-top: 2px;
}

#social-reading h2 {
    background: #5FABC3;

}

#social-reading h2 span.title {
    margin-right: 8px;
    background: url(/img/icons/iconic/facebook16.gif) right center no-repeat;
}

#social-reading ul li a {
    float: left;
}

#social-reading ul li a:hover {
    text-decoration: underline;
}

#social-reading ul li .delete_reading {
    float: right;
    border: solid 1px white;
}

#social-reading ul li .delete_reading:hover {
    cursor: pointer;
    border: solid 1px #cdcdcd;
}

/* special offer history */
/* should be in account.css */
.account-offer-history th.small-cell,
.account-offer-history td.small-cell {
    width: 60px;
}

/* wip - override before validation */
/* todo change in all the css classe */
/* right col test 300 px float right */
/* page home magazine */
/**/
#right-column #social-reading,
#right-column .charts-box,
#right-column .qbz_abstract_list,
#right-column .qbz_podcast_block {
    width: 300px;
    float: right;
}

#right-column.award-right-col .qbz_block_ad_banner {
    width: 315px;
}

#right-column .qbz_block_ad_banner {
    float: right;
}

#right-column .qbz_pager_carrousel.qbz_rubric_info .qbz_column_1 {
    width: 130px;
}

#right-column .qbz_pager_carrousel.qbz_rubric_info .qbz_column_2 {
    width: 140px;
    float: right;
}

#right-column .qbz_pager_carrousel.qbz_rubric_info {
    width: 284px;
}

#right-column .qbz_block_html p a {
    float: right;
    text-align: left;
    width: 300px;
    margin-bottom: 10px;
}

#right-column .qbz_block_html > a,
#right-column .qbz_block_html > div {
    width: 300px;
    float: right;
}

#right-column .qbz_press_selection_title {
    margin-left: 20px;
}

#right-column .section-header h2 {
    margin: 0;
}

#right-column .qbz_product_abstract .qbz_product_abstract_column_02 {
    width: 220px;
}

#right-column .qbz_block_html a > img,
#right-column .qbz_block_static_image {
    display: block;
    float: right;
    margin: 5px 0px 15px 5px;
    -moz-box-shadow: 0px 0px 5px #000;
    -webkit-box-shadow: 0px 0px 5px #000;
    box-shadow: 0px 0px 5px #000;
    margin: 0 0 10px 0;
}

#right-column .qbz_block_magazine ul .qbz_details {
    width: 180px;
}

#right-column .qbz_block_static_image .qbz_block_static_image_left {
    border: 0;
    float: right;
    width: 300px;
    height: 130px;
    margin: 0;
    padding: 2px;
}

#right-column .qbz_block_unique_blog {
    float: right;
}

#right-column .qbz_block_multiple_blogs {
    float: right;
}

#right-column .charts-box {
    margin-bottom: 15px;
}

#right-column .qbz_press_selection {
    float: right;
}

#right-column h2.col-right-title {
    width: 300px;
    margin-bottom: 0;
}

#right-column #qobuz_player_widget {
    float: right;
    margin: 0;
}

#right-column .qbz_block_static_image .qbz_block_static_image_left {
    margin: 0 0 10px 0;
}

#right-column .charts-box {
    width: 300px;
    float: right;
    margin-bottom: 20px;
}

#right-column .weekly-playlist {
    width: 300px;
    float: right;
    margin: 10px 0;
    text-align: center;
}

.first > .qbz_visual {
    max-width: 300px;
}

#search-results-page #main-column {
    width: 650px;
    margin: 0 7px 0 15px;
}

#search-results-page #left-column {
    width: 300px;
    margin: 0 0 0 15px;
}

div#offers-details.row .wrapper {
    text-align: center;
    display: inline-block;
    width: 100%;
}

div#offers-details.row .subscriptions-details {
    padding-top: 0;
}

div#offers-details.row #offrez-qobuz {
    margin-bottom: 40px;
}

div#offers-details.row .wrapper div.title {
    float: none;
    display: inline-block;
}

/* end of right col resizement */
/**/


/****** Account Credit Achat Page ******/
#lstCreditBuy table:nth-child(odd) {
    background: #f0f0f0;
}

#lstCreditBuy .creditBuy .dropdown-menu {
    background: none;
    border: none;
    box-shadow: none;
    float: none;
    left: auto;
    margin: 0;
    min-width: auto;
    padding: 0;
    position: inherit;
    top: auto;
}

#lstCreditBuy .creditBuy .open > .dropdown-menu {
    display: table-row;
}

#lstCreditBuy .creditBuy .open .dropdown-toggle {
    border-bottom: 1px dashed #e0e0e0;
    border-top: 1px solid #aaa;
}

#lstCreditBuy .creditBuy .open .dropdown-menu {
    background: #fff;
    border-bottom: 1px solid #aaa;
}

#lstCreditBuy .tblCreditBuy {
    width: 100%
}

#lstCreditBuy .tblCreditBuy th {
    background: #D9EDF7;
    padding: 5px;
    text-align: left;
}

#lstCreditBuy .tblCreditBuy td {
    padding: 5px;
}

#lstCreditBuy .tblCreditBuy .dropdown-toggle td {
    cursor: pointer;
}

#lstCreditBuy .dropdown-toggle .tblCreditBuy .code {
    width: 30%;
}

#lstCreditBuy .tblCreditBuy .initValue {
    width: 20%;
}

#lstCreditBuy .tblCreditBuy .leftValue {
    width: 20%;
}

#lstCreditBuy .tblCreditBuy .addDate {
    width: 15%;
}

#lstCreditBuy .tblCreditBuy .deadDate {
    width: 15%;
}

#lstCreditBuy table.lstOrderCredit {
    background: #fff;
    margin: 0 0 0 4%;
    width: 96%;
}

#lstCreditBuy .lstOrderCredit tr:nth-child(even) {
    background: #f0f0f0;
}

#lstCreditBuy .lstOrderCredit .orderNb {
    width: 70%;
}

#lstCreditBuy .lstOrderCredit .orderDate {
    width: 15%;
}

#lstCreditBuy .lstOrderCredit .orderValue {
    width: 15%;
}

/** user credit basket **/
#user-credit-chooser {
    margin-left: 10px;
}

#user-credit-chooser li {
    line-height: 20px;
    vertical-align: middle;
}

#user-credit-chooser li label {
    padding: 0 5px;
    margin: 0;
    vertical-align: middle;
}

#user-credit-choose span {
    vertical-align: middle;
    line-height: 20px;
    padding-left: 4px;
}

/*** Webview Mode ***/
body.webview #header,
body.webview #subscription-banner,
body.webview #footer,
body.webview #header-submenu {
    display: none;
}

body.webview .container {
    width: auto;
}

body.webview #main {
    margin: 0 20px;
    min-height: auto;
}

body.webview #full-column {
    display: block;
    float: none;
    margin: 0;
    width: auto;
}

body.webview .row .offset3 {
    margin-left: 0;
}

body.webview #full-column .span10 {
    width: auto;
}

.playlist-container {
    cursor: pointer;
    float: left;
    position: relative;
    width: 150px;
}

.playlists .picture {
    cursor: pointer;
    height: 150px;
    position: relative;
    width: 150px;
}

.playlists .picture img {
    bottom: 0;
    left: 0;
    position: absolute;
}

.playlists .picture img:nth-child(2) {
    bottom: 0;
    height: 130px;
    left: 0;
    width: 130px;
}

.playlists .picture img:nth-child(3) {
    bottom: 0;
    height: 110px;
    left: 40px;
    width: 110px;
}

.playlists .picture img:nth-child(4) {
    bottom: 0;
    height: 90px;
    right: 0;
    width: 90px;
}

.overflow2 {
    overflow: hidden;
    height: 36px;
    display: block;
}

.overflow2:before {
    content: "";
    display: block;
    float: left;
    height: 36px;
    width: 5px;
}

.overflow2 > *:first-child {
    display: block;
    float: right;
    margin-left: -6px;
    width: 100%;
}

.overflow2:after {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    content: "\02026";
    display: block;
    float: right;
    left: 100%;
    margin-left: -3em;
    padding-right: 5px;
    position: relative;
    text-align: right;
    top: -18px;
    width: 3em;
}

.superblock-self-promo-container {
    display: block;
    margin-bottom: 5px;
}

.superblock-self-promo-container:last-child {
    margin-bottom: 0px;
}

/*** Landing Page ***/
#landing-page {
    width: 996px;
}

#landing-page .logo {
    background-repeat: no-repeat;
    padding: 0;
    position: absolute;
}

#landing-page .illustration {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    display: none;
}

#landing-page .landing-col-1 {
    background-repeat: no-repeat;
    background-position: center top;
    height: 470px;
    position: relative;
}

#landing-page .title {
    position: absolute;
}


#landing-page .code {
    background: none repeat scroll 0 0 #dcdcdc;
    border-top: 1px dashed #000;
    padding: 10px;
}

#landing-page .title2 {
    font-size: 18px;
    font-weight: bold;
}

#landing-page .code form {
    clear: both;
}

#landing-page .code form input {
    display: block;
    float: left;
}

#landing-page .code form input.code-input {
    height: 34px;
    margin-right: 2%;
    width: 53%;
}

#landing-page .code form input.code-submit {

}

#landing-page .information {
    clear: both;
    font-size: 12px;
    padding-top: 10px;
}


#right-column #qobuz_player_widget {
    float: right;
    margin: 0;
    display: none;
}

/*** MODAL BOOTSTRAP ***/
body .modal-backdrop {
    z-index: 6;
}

.popover-title {
    display: none;
}

/*** Add to bootstrap old version ***/
.btn-sm {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 10px;
}

.btn-xs {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 1px 5px;
}


/*** CULTURA ***/
/* page inscription */
.logo-cultura img {
    width: 134px;
    height: 58px;
}


/*** LECLERC ***/
/* header */
.leclerc-layout header .container {
    max-width: 1024px;
    width: 100%;
    height: 100%;
}

.leclerc-layout .qbz-logo {
    background: url(/img/common/logo/partners/qbzxleclerc.png) no-repeat;
    display: block;
    float: left;
    height: 46px;
    margin-right: 10px;
    padding-top: 9px;
    margin-right: 5px;
    margin-bottom: 10px;
    width: 282px
}

/*.leclerc-layout .main-nav a{
    padding: 10px 15px;
}
.leclerc-layout .user-nav a#dropdown-button-login{

    display: inline-block;
    line-height: 50px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 140px;

}*/

/* page inscription */
.user-signup-content .card_num-input {
    position: relative;
    margin-bottom: 0;
}

.user-signup-content .card_num-input .picto-card_num {
    position: absolute;
    top: 9px;
    left: 5px;
    width: 35px;
    height: 23px;
    margin-right: 10px;
    z-index: 10;
    background: url(/img/common/logo/partners/leclerc_picto_carte.png) no-repeat;
}

.user-signup-content .card_num-input .picto-card_num:after {
    border-right: 1px solid #ccc;
    content: " ";
    display: block;
    height: 100%;
    width: 40px;
}

.user-signup-content .card_num-input #user_card_num {
    border-color: #dbe3e5;
    box-sizing: border-box;
    height: 40px;
    line-height: 30px;
    padding-left: 60px;
    position: relative;
    margin-bottom: 6px;
    width: 100%;
}

.user-signup-content .card_num-input .help-block {
    margin-bottom: 0;
}

.user-signup-content .card_link-input {
    margin-bottom: 20px;
}

.user-signup-content .card_link-input a {
    display: block;
    float: right;
    width: 162px;
    height: 47px;
    background: url(/img/common/logo/partners/leclerc_btn_creation_carte.png) no-repeat;
}

.user-signup-content .card_link-input .help-block {
    margin: 0;
}

.leclerc_entites_popin .modal-body {
    padding: 30px 40px;
}

.leclerc_entites_popin .modal-body .close {
    right: -16px;
}

.leclerc_entites_popin .modal-body .modal-content h4 {
    margin-bottom: 20px;
}

.leclerc_entites_popin .modal-body .modal-content ul {
    display: inline-block;
}

.leclerc_entites_popin .modal-body .modal-content ul.leclerc_entites_liste1 {
    width: 250px;
}

.leclerc_entites_popin .modal-body .modal-content ul.leclerc_entites_liste2 {
    position: relative;
    top: -25px;
}

.leclerc_entites_popin .modal-body .modal-content ul li {
    line-height: 25px;
}

/* page téléchargement */
.leclerc-layout #planAds {
    display: none;
}

/* page recherche */
.leclerc-layout .search-results .product .price-box .action .partner_offer {
    visibility: visible !important;
    margin: 15px 60px 0;
    padding: 0px 0 0 30px;
    display: block;
    height: 19px;
    color: #000000;
    font-size: 11px;
    background: url(/img/common/logo/partners/leclerc_picto_carte.png) no-repeat;
    width: 30px;
    font-weight: bold;
    background-size: 25px;
}

/* page album */
.leclerc-layout .album_partner_offer {
    visibility: visible !important;
    margin-top: 10px;
    padding: 4px 0 0 45px;
    display: block;
    height: 19px;
    font-size: 17px;
    color: #000000;
    background: url(/img/common/logo/partners/leclerc_picto_carte.png) no-repeat;
}

/* Download apps in my account */

.downloader-wrapper {
    width: 100%;
    display: flex;
    text-align: center;
    justify-content: center;
    margin: 20px auto 0;
    font-weight: bold;
    text-decoration: underline;
    text-decoration-color: var(--element-color);
}

.downloader-wrapper-qbz {
    width: 100%;
    display: flex;
    text-align: center;
    justify-content: center;
    font-weight: unset;
    font-size: 11px;
    margin: 20px auto;
}

.track_by_track_link {
    color: #121212;
    text-decoration: none;
    text-shadow: none;
    font-weight: 600;
    font-family: var(--font-family);
    font-size: 15px;
}

.track_by_track_link.tar {
    text-decoration: underline;
}

.track_by_track_link.tar:hover {
    color: #2A88F2;
}

.download-separator {
    margin: 17px auto;
    font-size: 15px;
    font-weight: 500;
    color: var(--text-color);
}


.btn-white {
    background-color: #F5F5F5;
    border: 1px solid #E6E6E6;
    border-radius: 2px;
    padding: 5px 8px;
    color: #939393;
    font-weight: 500;
    font-size: 14px;
}

.text-frame {
    text-align: center;
    margin: 0 auto;
    background-color: #f8f8f8;
    border-radius: 5px;
    padding: 10px;
}

.text-frame a {
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
}

.popup-download-order-container {
    /*width: 100%;
    height: 100%;
    position: relative;*/
}

.popup-download-order {
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .15);
    margin: 0;
    background-color: var(--light-color);
    border: 1px solid var(--border-color);
    border-radius: 5px;
    height: 375px;
    padding: 10px;
    width: 70%;
    max-width: 700px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -80%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 6;
    display: none;
}

.popup-download-order:hover {
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .3);
}

.popup-download-order .separator {
    background-color: var(--border-color);
    width: 1px;
    height: 50%;
}

.popup-download-order-left,
.popup-download-order-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 45%;
}

.popup-download-order-left span,
.popup-download-order-right span {
    display: block;
    font-family: var(--font-family);
    font-size: var(--small-text-size);
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
    width: 220px;
}

.popup-download-order-right span {
    margin-top: 32px;
}

.popup-download-order-right .close {
    background: url('/img/redesign/ic_close_window.png') no-repeat;
    background-size: 100%;
    position: absolute;
    top: -15px;
    right: 20px;
    width: 18px;
    height: 18px;
    opacity: unset;
}

.popup-download-order-bottom {
    align-self: flex-end;
    margin: 0 auto;
    justify-items: center;
    justify-self: center;
    text-align: center;
    position: absolute;
}

.popup-download-order .app-launcher {
    width: 80px;
}

.popup-download-order .app-download {
    position: relative;
    top: 9px;
    width: 45px;
}

.popup-download-order button {
    background: var(--element-color);
    border: none;
    border-radius: 5px;
    box-shadow: none;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--font-family);
    font-size: 13px;
    font-weight: bold;
    justify-content: center;
    letter-spacing: 1px;
    margin-top: 20px;
    align-items: center;
    padding: .5rem 1.7rem;
    text-transform: uppercase;
    white-space: nowrap;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.popup-download-order button:hover {
    background-color: #3d93ff;
    border-color: #3d93ff;
    color: #fff;
    transition: .2s;
    text-decoration: none;
}

.popup-download-order .btn-app-launcher {
    color: #333;
    border: 1px solid #333;
    background-color: #fff;
}

.popup-download-order .btn-app-launcher:hover {
    color: #fff;
    background-color: #333;
    border: 1px solid #333;
    transition: .2s;
}