html {
	font-family: 'robotoR';
}

*,
:after,
:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

body {
	font-family: inherit
}

[tabindex="-1"]:focus {
	outline: 0!important
}

hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin-top: 0
}

abbr[title] {
	border-bottom: 0;
	cursor: help;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

address {
	font-style: normal;
	line-height: inherit
}

dl,
ol,
ul {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0
}

dt {
	font-weight: 700
}

dd {
	margin-left: 0
}

blockquote {
	margin: 0
}

b,
strong {
	font-weight: bolder
}

small {
	font-size: 80%
}

sup {
	top: -.5em
}

a {
	background-color: rgba(0, 0, 0, 0);
	-webkit-text-decoration-skip: objects
}

a:active,
a:hover {
	outline-width: 0
}

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

pre {
	margin-top: 0;
	margin-bottom: 0;
	overflow: auto
}

img {
	border-style: none
}

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

table {
	border-collapse: collapse
}

caption {
	caption-side: bottom
}

caption,
th {
	text-align: inherit
}

button {
	background-color: rgba(0, 0, 0, 0);
	border-radius: 0;
	color: inherit;
	cursor: pointer;
	line-height: normal;
	margin: 0;
	outline: none;
	text-decoration: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-appearance: button;
	-webkit-tap-highlight-color: transparent
}

button,
input,
optgroup,
select,
textarea {
	font: inherit;
	margin: 0
}

optgroup {
	font-weight: 700
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0
}
.set-file input[type="file"] {
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 100%;
    opacity: 0;
}
input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
	-webkit-appearance: listbox
}

textarea {
	resize: vertical
}

fieldset {
	min-width: 0;
	padding: 0;
	margin: 0;
	border: 0
}

legend {
	color: inherit;
	display: block;
	line-height: inherit;
	max-width: 100%;
	padding: 0;
	white-space: normal;
	width: 100%
}

progress {
	vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	outline-offset: -2px;
	-webkit-appearance: none
}

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

::-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: button
}

summary {
	display: list-item
}

template {
	display: none
}

.icon,
.icon-stack {
	display: inline-block;
	font-family: Deezer Icons;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1;
	position: relative;
	speak: none;
	text-rendering: geometricPrecision;
	text-transform: none;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased
}

.btn-share:after,
.icon-add:before {
	content: "\e800"
}

.icon-add-bold:before {
	content: "\e801"
}

.icon-album:before {
	content: "\e802"
}

.icon-android:before {
	content: "\e803"
}

.icon-app:before {
	content: "\e804"
}

.btn-apple:after,
.icon-apple:before {
	content: "\e805"
}

.icon-arrow-down:before {
	content: "\e806"
}

.icon-arrow-down-big:before {
	content: "\e807"
}

.icon-arrow-down-bold:before {
	content: "\e808"
}

.icon-arrow-down-long:before {
	content: "\e809"
}

.icon-arrow-down-right:before {
	content: "\e80a"
}

.icon-arrow-left:before {
	content: "\e80b"
}

.icon-arrow-left-bold:before {
	content: "\e80c"
}

.icon-arrow-left-light:before {
	content: "\e80d"
}

.icon-arrow-left-long:before {
	content: "\e80e"
}

.icon-arrow-right:before {
	content: "\e80f"
}

.icon-arrow-right-bold:before {
	content: "\e810"
}

.icon-arrow-right-light:before {
	content: "\e811"
}

.icon-arrow-right-long:before {
	content: "\e812"
}

.icon-arrow-top-left:before {
	content: "\e813"
}

.icon-arrow-top-right:before {
	content: "\e814"
}

.icon-arrow-up:before {
	content: "\e815"
}

.icon-arrow-up-bold:before {
	content: "\e816"
}

.icon-arrow-up-long:before {
	content: "\e817"
}

.icon-barcode:before {
	content: "\e818"
}

.icon-blackberry:before {
	content: "\e819"
}

.icon-blogr:before {
	content: "\e81a"
}

.icon-calendar:before {
	content: "\e81b"
}

.icon-camera:before {
	content: "\e81c"
}

.btn-share.active:hover:after,
.has-error .form-control-feedback>.icon:before,
.icon-cancel:before {
	content: "\e81d"
}

.icon-caret-down:before {
	content: "\e81e"
}

.icon-caret-right:before {
	content: "\e81f"
}

.icon-caret-up:before {
	content: "\e820"
}

.btn-share.active:after,
.has-success .form-control-feedback>.icon:before,
.icon-check:before {
	content: "\e821"
}

.icon-check-light:before {
	content: "\e822"
}

.icon-chevron-down:before {
	content: "\e823"
}

.icon-chevron-down-light:before {
	content: "\e824"
}

.dir-rtl .icon-chevron-right:before,
.dir-rtl .link-animated:after,
.icon-chevron-left:before,
.link-animated.inverse:before {
	content: "\e825"
}

.dir-rtl .icon-chevron-left:before,
.dir-rtl .link-animated.inverse:before,
.icon-chevron-right:before,
.link-animated:after {
	content: "\e826"
}

.icon-chevron-up:before {
	content: "\e827"
}

.icon-chevron-up-light:before {
	content: "\e828"
}

.icon-circle:before {
	content: "\e829"
}

.icon-circle-bold:before {
	content: "\e82a"
}

.icon-circle-full:before {
	content: "\e82b"
}

.icon-circle-striked:before {
	content: "\e82c"
}

.icon-comment:before {
	content: "\e82d"
}

.icon-context:before {
	content: "\e82e"
}

.icon-dailymotion:before {
	content: "\e82f"
}

.icon-deezer:before {
	content: "\e830"
}

.icon-deezer-short:before {
	content: "\e831"
}

.icon-desktop:before {
	content: "\e832"
}

.icon-download:before {
	content: "\e833"
}

.icon-earth:before {
	content: "\e834"
}

.icon-edit:before {
	content: "\e835"
}

.icon-embed:before {
	content: "\e836"
}

.icon-equal:before {
	content: "\e837"
}

.icon-equalizer:before {
	content: "\e838"
}

.btn-facebook:after,
.btn-share.facebook:before,
.icon-facebook:before {
	content: "\e839"
}

.icon-family:before {
	content: "\e83a"
}

.icon-favorite:before {
	content: "\e83b"
}

.icon-feed:before {
	content: "\e83c"
}

.icon-flag:before {
	content: "\e83d"
}

.icon-folder:before {
	content: "\e83e"
}

.icon-folder-open:before {
	content: "\e83f"
}

.icon-follow:before {
	content: "\e840"
}

.icon-following:before {
	content: "\e841"
}

.icon-foursquare:before {
	content: "\e842"
}

.icon-gift:before {
	content: "\e843"
}

.btn-share.googleplus:before,
.icon-googleplus:before {
	content: "\e844"
}

.icon-hear-this:before {
	content: "\e845"
}

.icon-help:before {
	content: "\e846"
}

.icon-html5:before {
	content: "\e847"
}

.icon-info:before {
	content: "\e848"
}

.icon-instagram:before {
	content: "\e849"
}

.icon-jobteaser:before {
	content: "\e84a"
}

.icon-laptop:before {
	content: "\e84b"
}

.icon-lastfm:before {
	content: "\e84c"
}

.icon-link:before {
	content: "\e84d"
}

.icon-linkedin:before {
	content: "\e84e"
}

.icon-link-external:before {
	content: "\e84f"
}

.icon-list:before {
	content: "\e850"
}

.icon-loader:before {
	content: "\e851"
}

.icon-lock:before {
	content: "\e852"
}

.icon-love:before {
	content: "\e853"
}

.icon-lyrics:before {
	content: "\e854"
}

.icon-mail:before {
	content: "\e855"
}

.icon-mix:before {
	content: "\e856"
}

.icon-mosaic:before {
	content: "\e857"
}

.icon-mp3:before {
	content: "\e858"
}

.icon-new-releases:before {
	content: "\e859"
}

.icon-next:before {
	content: "\e85a"
}

.icon-next-30:before {
	content: "\e85b"
}

.icon-options:before {
	content: "\e85c"
}

.icon-pause:before {
	content: "\e85d"
}

.icon-pause-circle:before {
	content: "\e85e"
}

.icon-phone:before {
	content: "\e85f"
}

.icon-pin:before {
	content: "\e860"
}

.icon-pinterest:before {
	content: "\e861"
}

.icon-play:before {
	content: "\e862"
}

.icon-play-circle:before {
	content: "\e863"
}

.icon-playlist:before {
	content: "\e864"
}

.icon-playlist-add:before {
	content: "\e865"
}

.icon-play-next:before {
	content: "\e866"
}

.icon-play-video:before {
	content: "\e867"
}

.icon-podcast:before {
	content: "\e868"
}

.icon-prev:before {
	content: "\e869"
}

.icon-prev-30:before {
	content: "\e86a"
}

.icon-purchase:before {
	content: "\e86b"
}

.icon-qlist:before {
	content: "\e86c"
}

.icon-qlist-add:before {
	content: "\e86d"
}

.icon-repeat:before {
	content: "\e86e"
}

.icon-repeat-one:before {
	content: "\e86f"
}

.icon-replace:before {
	content: "\e870"
}

.icon-resize-down:before {
	content: "\e871"
}

.icon-resize-up:before {
	content: "\e872"
}

.icon-search:before {
	content: "\e873"
}

.icon-settings:before {
	content: "\e874"
}

.icon-share:before {
	content: "\e875"
}

.icon-shuffle:before {
	content: "\e876"
}

.icon-sort:before {
	content: "\e877"
}

.icon-sort-asc:before {
	content: "\e878"
}

.icon-sort-desc:before {
	content: "\e879"
}

.icon-square-fill:before {
	content: "\e87a"
}

.icon-sync:before {
	content: "\e87b"
}

.icon-tablet:before {
	content: "\e87c"
}

.icon-thumb-down:before {
	content: "\e87d"
}

.icon-thumb-up:before {
	content: "\e87e"
}

.icon-time:before {
	content: "\e87f"
}

.icon-top-playlist:before {
	content: "\e880"
}

.icon-trash:before {
	content: "\e881"
}

.icon-tumblr:before {
	content: "\e882"
}

.btn-share.twitter:before,
.btn-twitter:after,
.icon-twitter:before {
	content: "\e883"
}

.icon-unavailable:before {
	content: "\e884"
}

.icon-unfollow:before {
	content: "\e885"
}

.icon-unlove:before {
	content: "\e886"
}

.icon-upload:before {
	content: "\e887"
}

.icon-user:before {
	content: "\e888"
}

.icon-volume:before {
	content: "\e889"
}

.icon-volume-low:before {
	content: "\e88a"
}

.icon-volume-max:before {
	content: "\e88b"
}

.icon-volume-min:before,
.icon-volume-off:before {
	content: "\e88c"
}

.icon-volume-off:after {
	content: "\e88d"
}

.icon-warning:before {
	content: "\e88e"
}

.icon-windows:before {
	content: "\e88f"
}

.icon-youtube:before {
	content: "\e890"
}

@-webkit-keyframes thumbnail-preview-1 {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0, 0, 1);
		transform: scale3d(0, 0, 1)
	}
	to {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes thumbnail-preview-1 {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0, 0, 1);
		transform: scale3d(0, 0, 1)
	}
	to {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@-webkit-keyframes thumbnail-preview-2 {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@keyframes thumbnail-preview-2 {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@-webkit-keyframes thumbnail-preview-3 {
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes thumbnail-preview-3 {
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@-webkit-keyframes wobble-horizontal {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	50% {
		-webkit-transform: translateX(6px);
		transform: translateX(6px)
	}
	to {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes wobble-horizontal {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	50% {
		-webkit-transform: translateX(6px);
		transform: translateX(6px)
	}
	to {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@-webkit-keyframes wobble-horizontal-inverse {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	50% {
		-webkit-transform: translateX(-6px);
		transform: translateX(-6px)
	}
	to {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes wobble-horizontal-inverse {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	50% {
		-webkit-transform: translateX(-6px);
		transform: translateX(-6px)
	}
	to {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@font-face {
	font-display: swap;
	font-family: Deezer Icons;
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/deezer-icons.woff2) format("woff2"), url(../fonts/deezer-icons.woff) format("woff")
}

@font-face {
	font-display: swap;
	font-family: Open Sans;
	font-style: normal;
	font-weight: 300;
	src: url(../fonts/open-sans-light.woff2) format("woff2"), url(../fonts/open-sans-light.woff) format("woff")
}

@font-face {
	font-display: swap;
	font-family: Open Sans;
	font-style: italic;
	font-weight: 300;
	src: url(../fonts/open-sans-light-italic.woff2) format("woff2"), url(../fonts/open-sans-light-italic.woff) format("woff")
}

@font-face {
	font-display: swap;
	font-family: Open Sans;
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/open-sans-regular.woff2) format("woff2"), url(../fonts/open-sans-regular.woff) format("woff")
}

@font-face {
	font-display: swap;
	font-family: Open Sans;
	font-style: normal;
	font-weight: 600;
	src: url(../fonts/open-sans-semibold.woff2) format("woff2"), url(../fonts/open-sans-semibold.woff) format("woff")
}

@font-face {
	font-display: swap;
	font-family: Open Sans;
	font-style: italic;
	font-weight: 600;
	src: url(../fonts/open-sans-semibold-italic.woff2) format("woff2"), url(../fonts/open-sans-semibold-italic.woff) format("woff")
}

@font-face {
	font-display: swap;
	font-family: Open Sans;
	font-style: normal;
	font-weight: 700;
	src: url(../fonts/open-sans-bold.woff2) format("woff2"), url(../fonts/open-sans-bold.woff) format("woff")
}

@font-face {
	font-display: swap;
	font-family: Open Sans;
	font-style: italic;
	font-weight: 700;
	src: url(../fonts/open-sans-bold-italic.woff2) format("woff2"), url(../fonts/open-sans-bold-italic.woff) format("woff")
}
.player-full{
	transform: translateY(100%); 
	will-change: transform; 
	transition: transform 500ms ease-in-out 0ms;
}
.player-full.show-full{
	transform: translateY(0px); 
	will-change: transform; 
	transition: transform 500ms ease-in-out 0ms;
}
.visible-desktop,
.visible-desktop-inline,
.visible-desktop-inline-block,
.visible-phone,
.visible-phone-inline,
.visible-phone-inline-block,
.visible-tablet,
.visible-tablet-inline,
.visible-tablet-inline-block,
.visible-ultrawide,
.visible-ultrawide-inline,
.visible-ultrawide-inline-block,
.visible-wide,
.visible-wide-inline,
.visible-wide-inline-block {
	display: none!important
}

@media only screen and (max-width:767px) {
	.visible-phone {
		display: block!important
	}
	.visible-phone-inline {
		display: inline!important
	}
	.visible-phone-inline-block {
		display: inline-block!important
	}
	.hidden-phone {
		display: none!important
	}
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.visible-tablet {
		display: block!important
	}
	.visible-tablet-inline {
		display: inline!important
	}
	.visible-tablet-inline-block {
		display: inline-block!important
	}
	.hidden-tablet {
		display: none!important
	}
}

@media only screen and (min-width:1024px) and (max-width:1223px) {
	.visible-desktop {
		display: block!important
	}
	.visible-desktop-inline {
		display: inline!important
	}
	.visible-desktop-inline-block {
		display: inline-block!important
	}
	.hidden-desktop {
		display: none!important
	}
}

@media only screen and (min-width:1224px) {
	.visible-wide {
		display: block!important
	}
	.visible-wide-inline {
		display: inline!important
	}
	.visible-wide-inline-block {
		display: inline-block!important
	}
	.hidden-wide {
		display: none!important
	}
}

.visible-retina {
	display: none!important
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
	.visible-retina {
		display: block!important
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
	.hidden-retina {
		display: none!important
	}
}

.clearfix:after,
.clearfix:before {
	content: " ";
	display: table
}

.clearfix:after {
	clear: both
}

.hide,
.none {
	display: none
}

.hidden {
	display: none!important
}

.hidden,
.invisible {
	visibility: hidden!important
}

.sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.affix {
	position: fixed
}

.pull-left {
	float: left!important
}

.pull-right {
	float: right!important
}

.dir-ltr {
	direction: ltr
}

.dir-rtl {
	direction: rtl
}

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

.center {
	text-align: center
}

hr.line {
	border-color: #d1d1d7 rgba(0, 0, 0, 0) #fff;
	border-style: solid;
	border-width: 1px 0;
	height: 0;
	margin: 0 0 20px
}

.wrapper {
	margin: auto;
	padding: 20px;
	position: relative
}

.wrapper.wrapper-scroll {
	padding-right: 0
}

.wrapper.wrapper-scroll .tinyscroll_scrollbar {
	width: 24px
}

.wrapper.wrapper-scroll .tinyscroll_track {
	width: 100%
}

.wrapper.wrapper-scroll .tinyscroll_thumb {
	margin-left: -2px;
	left: 50%
}

.wrapper-table {
	border-collapse: collapse;
	display: table;
	width: 100%
}

.wrapper-table>.cell {
	display: table-cell;
	vertical-align: middle
}

.wrapper-table>.row {
	display: table-row
}

.wrapper-table.table-fixed {
	table-layout: fixed
}

.well {
	background-color: #f4f4f4;
	background-color: var(--background-intermediate);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 20px;
	padding: 20px
}

.well.well-small {
	padding: 10px
}

hr.line-separator {
	border-color: #d1d1d7 rgba(10, 10, 22, 0) #efeff2;
	border-style: solid;
	border-width: 1px 0;
	height: 0;
	margin: 30px 0 20px
}

.placeholders-img {
	background-position: 50%;
	background-repeat: no-repeat;
	height: 56px;
	margin: 20px auto;
	width: 56px
}

.placeholders-img.nocontent {
	background-image: url(/cache/slash/images/common/placeholders/nocontent.693f3b692da41f2c56768794975ce12c.png)
}

.placeholders-img.private {
	background-image: url(/cache/slash/images/common/placeholders/private.4f701ef7c442fd3a2a812cf85036c770.png)
}

.placeholders-img.recommendation {
	background-image: url(../img/recommendation.png)
}

.placeholders-title {
	color: #92919d;
	font-size: 14px
}

.placeholders-link,
.placeholders-title {
	padding-bottom: 20px;
	text-align: center
}

.no-transitions,
.no-transitions *,
.no-transitions :after,
.no-transitions :before {
	-webkit-transition: none!important;
	transition: none!important
}

:root {
	--color-coral-900: #b12424;
	--color-coral-800: #be2730;
	--color-coral-700: #ca2a36;
	--color-coral-600: #db343d;
	--color-coral-500: #000;
	--color-coral-400: #e45156;
	--color-coral-300: #db7176;
	--color-coral-200: #e7999c;
	--color-coral-100: #f7ccd3;
	--color-dark-grey-900: #121216;
	--color-dark-grey-800: #191919;
	--color-dark-grey-700: #191922;
	--color-dark-grey-600: #23232d;
	--color-dark-grey-500: #32323d;
	--color-dark-grey-400: #42424c;
	--color-dark-grey-300: #52525d;
	--color-dark-grey-200: #60606c;
	--color-green-900: #008a1a;
	--color-green-800: #009927;
	--color-green-700: #00a22f;
	--color-green-600: #00ab37;
	--color-green-500: #00b23d;
	--color-green-400: #26be5a;
	--color-green-300: #4dc977;
	--color-green-200: #80d99e;
	--color-green-100: #b3e8c5;
	--color-green-50: #e0f6e8;
	--color-light-grey-900: #72727d;
	--color-light-grey-800: #92929d;
	--color-light-grey-700: #a2a2ad;
	--color-light-grey-600: #bebec7;
	--color-light-grey-500: #d1d1d6;
	--color-light-grey-400: #dfdfe0;
	--color-light-grey-300: #eaeaea;
	--color-light-grey-200: #f2f2f2;
	--color-light-grey-100: #f4f4f4;
	--color-light-grey-50: #f8f8f9;
	--color-red-900: #ca1a1a;
	--color-red-800: #d22727;
	--color-red-700: #d72e2e;
	--color-red-600: #db3636;
	--color-red-500: #df3c3c;
	--color-red-400: #e45959;
	--color-red-300: #e97777;
	--color-red-200: #ef9e9e;
	--color-red-100: #f5c5c5;
	--color-red-50: #fbe8e8;
	--color-white: #fff;
	--color-black: #191919;
	--color-success: #00b23d;
	--color-error: #df3c3c;
	--background-primary: var(--color-white);
	--background-intermediate: var(--color-light-grey-100);
	--background-secondary: var(--color-white);
	--background-contrast: var(--color-light-grey-300);
	--background-elevation: var(--color-light-grey-700);
	--text-primary: var(--color-dark-grey-800);
	--text-intermediate: var(--color-dark-grey-300);
	--text-secondary: var(--color-light-grey-900);
	--divider-primary: var(--color-light-grey-300);
	--divider-secondary: var(--color-light-grey-500);
	--sidebar-background-color: var(--background-primary);
	--label-album-color: var(--text-secondary);
	--label-album-background-color: #efeff2;
	--label-new-color: #ff8000;
	--label-new-background-color: rgba(255, 128, 0, 0.1);
	--label-explicit-background-color: #191922;
	--label-explicit-color: #c2c2ca;
	--shadow-border-color: var(--background-primary);
	--lyrics-gradient-color: 255, 255, 255;
	--popper-shadow: 0 4px 20px 0 rgba(25, 25, 34, 0.24);
	--marquee-gradient-transparent-color: hsla(0, 0%, 100%, 0);
	--scroller-shadow-color: rgba(25, 25, 34, 0.12);
	--modal-shadow-color: rgba(10, 10, 22, 0.3);
	--modal-special-offers-primary-color: rgba(0, 127, 235, 0.9);
	--modal-special-offers-primary-hover-color: rgba(11, 102, 205, 0.9);
	--modal-sharebox-friend-hover-color: rgba(0, 127, 235, 0.5);
	--onboarding-header-shadow-color: rgba(0, 0, 0, 0.2);
	--onboarding-footer-shadow-color: rgba(0, 0, 0, 0.2)
}

:root,
[data-theme=dark] {
	--background-accent: var(--color-coral-500);
	--text-inverse: var(--background-primary);
	--text-accent: var(--color-coral-500);
	--divider-accent: var(--color-coral-500);
	--color-accent: var(--color-coral-500);
	--color-accent-hover: var(--color-coral-700);
	--premium-color: #1daaa2;
	--orange-color: #f60;
	--download-color: #00d000;
	--family-color: #fe447d
}

[data-theme=dark] {
	--background-primary: var(--color-dark-grey-900);
	--background-intermediate: var(--color-dark-grey-700);
	--background-secondary: var(--color-dark-grey-600);
	--background-contrast: var(--color-dark-grey-400);
	--background-elevation: var(--color-dark-grey-300);
	--text-primary: var(--color-white);
	--text-intermediate: var(--color-light-grey-900);
	--text-secondary: var(--color-light-grey-800);
	--divider-primary: var(--color-dark-grey-500);
	--divider-secondary: var(--color-dark-grey-300);
	--sidebar-background-color: var(--background-intermediate);
	--primary-color: #000;
	--primary-hover-color: #cb4757;
	--label-album-color: var(--text-secondary);
	--label-album-background-color: #efeff2;
	--label-new-color: #ff8000;
	--label-new-background-color: rgba(255, 128, 0, 0.1);
	--label-explicit-color: #92929d;
	--shadow-border-color: #23232d;
	--lyrics-gradient-color: 0, 0, 0;
	--popper-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.24);
	--popper-marquee-gradient-color: rgb(50 50, 61);
	--marquee-gradient-transparent-color: rgba(35, 35, 45, 0);
	--modal-special-offers-primary-color: rgba(239, 84, 102, 0.9);
	--modal-special-offers-primary-hover-color: rgba(203, 71, 87, 0.9);
	--modal-sharebox-friend-hover-color: rgba(239, 84, 102, 0.5);
	--onboarding-header-shadow-color: rgba(0, 0, 0, 0.08);
	--onboarding-footer-shadow-color: rgba(0, 0, 0, 0.08);
	--scroller-shadow-color: rgba(0, 0, 0, 0.3)
}

[data-theme=dark] .logo-deezer-black {
	background-image: url(/cache/slash/images/common/logos/deezer_light.a087061697d2a623bb90b30241da46d0.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
	[data-theme=dark] .logo-deezer-black {
		background-image: url(/cache/slash/images/common/logos/deezer_light@2x.42c19aa510b2b0115b9b873ff5c73dd1.png)
	}
}

[data-theme=dark] .logo-deezer-light {
	background-image: url(/cache/slash/images/common/logos/deezer_black.f81ede323baaf2e257b7ffaa71d657af.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
	[data-theme=dark] .logo-deezer-light {
		background-image: url(/cache/slash/images/common/logos/deezer_black@2x.e1add0a630b56bf0e185711dacfc359e.png)
	}
}

[data-theme=dark] .cell-play .equalizer-12.equalizer-inverse {
	background-image: url(/cache/slash/images/common/animated/equalizer/12x12/dark.ee54bef1c488b8caebde2b4915d0fc5d.gif)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
	[data-theme=dark] .cell-play .equalizer-12.equalizer-inverse {
		background-image: url(/cache/slash/images/common/animated/equalizer/12x12/dark@2x.24232c99ff406af88aa6e4c7083dbd08.gif)
	}
}

[data-theme=dark] .cell-play .equalizer-12.equalizer-dark {
	background-image: url(/cache/slash/images/common/animated/equalizer/12x12/inverse.1ed354e01b9e97207f6ac710e6c23eaa.gif)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
	[data-theme=dark] .cell-play .equalizer-12.equalizer-dark {
		background-image: url(../img/inverse.gif)
	}
}

[data-theme=dark] .cell-play .equalizer-16.equalizer-inverse {
	background-image: url(/cache/slash/images/common/animated/equalizer/16x16/dark.383b77c5e75ce2bf51239aba8a749876.gif)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
	[data-theme=dark] .cell-play .equalizer-16.equalizer-inverse {
		background-image: url(/cache/slash/images/common/animated/equalizer/16x16/dark@2x.286113c5c8283fd100c927d6a6105408.gif)
	}
}

[data-theme=dark] .cell-play .equalizer-16.equalizer-dark {
	background-image: url(/cache/slash/images/common/animated/equalizer/16x16/inverse.ba5c0fc49dee731f15fa6bfcf2908d48.gif)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
	[data-theme=dark] .cell-play .equalizer-16.equalizer-dark {
		background-image: url(/cache/slash/images/common/animated/equalizer/16x16/inverse@2x.f8c004edc175bcf875cfe6c0ea76347e.gif)
	}
}

@-webkit-keyframes chromecast {
	0% {
		opacity: .3
	}
	32% {
		opacity: 1
	}
}

@keyframes chromecast {
	0% {
		opacity: .3
	}
	32% {
		opacity: 1
	}
}

@-webkit-keyframes shake {
	0%,
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
}

@keyframes shake {
	0%,
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
}

.animate-shake {
	-webkit-animation: shake .7s;
	animation: shake .7s
}

@-webkit-keyframes spin {
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes spin {
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

.animate-spin {
	-webkit-animation: spin .6s linear infinite;
	animation: spin .6s linear infinite
}

@-webkit-keyframes wobble {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	50% {
		-webkit-transform: translateX(6px);
		transform: translateX(6px)
	}
	to {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes wobble {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	50% {
		-webkit-transform: translateX(6px);
		transform: translateX(6px)
	}
	to {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@-webkit-keyframes wobble-inverse {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	50% {
		-webkit-transform: translateX(-6px);
		transform: translateX(-6px)
	}
	to {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes wobble-inverse {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	50% {
		-webkit-transform: translateX(-6px);
		transform: translateX(-6px)
	}
	to {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.animate-wobble {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.animate-wobble:hover .animate-wobble-target {
	-webkit-animation: wobble .3s;
	animation: wobble .3s
}

.btn {
	border: 1px solid rgba(0, 0, 0, 0);
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	font-size: 12px;
	line-height: 16px;
	margin: 0;
	padding: 7px 12px;
	position: relative;
	text-align: center;
	vertical-align: middle;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: background-color, border-color, color, opacity;
	transition-property: background-color, border-color, color, opacity
}

.btn,
.btn .label {
	display: inline-block
}

.btn .label {
	font-weight: 600;
	vertical-align: top
}

.btn .icon {
	line-height: 16px;
	vertical-align: top
}

.btn .equalizer+.label,
.btn .icon+.label,
.btn .label+.equalizer,
.btn .label+.icon {
	margin-left: 7px
}

.btn .active {
	height: auto;
	visibility: visible
}

.btn .hover {
	height: 0;
	visibility: hidden
}

.btn .svg-icon {
	height: 12px;
	margin-top: 2px;
	width: 12px
}

.btn .label+.svg-icon,
.btn .svg-icon+.label {
	margin-left: 7px
}

.btn:focus {
	outline: 0
}

.btn.disabled,
.btn[disabled] {
	-webkit-box-shadow: none;
	box-shadow: none;
	cursor: default;
	opacity: .5
}

.btn.disabled:active,
.btn.disabled:hover,
.btn[disabled]:active,
.btn[disabled]:hover {
	background-image: none
}

.btn.link-animated:after {
	font-weight: 700;
	vertical-align: top
}

.btn::-moz-focus-inner {
	padding: 0;
	border: 0
}

.btn::-webkit-file-upload-button {
	cursor: pointer
}

.btn-block {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 100%
}

.btn-block+.btn-block {
	margin-top: 20px
}

.btn-mini {
	padding: 1px 5px
}

.btn-mini,
.btn-mini .icon {
	font-size: 10px
}

.btn-mini .label {
	font-weight: 400
}

.btn-mini .icon+.label,
.btn-mini .label+.icon {
	margin-left: 5px
}

.btn-mini .svg-icon {
	height: 10px;
	margin-top: 3px;
	width: 10px
}

.btn-mini .label+.svg-icon,
.btn-mini .svg-icon+.label {
	margin-left: 5px
}

.btn-group-small>.btn,
.btn-small,
.form-small .btn {
	padding: 4px 10px
}

.btn-group-large>.btn,
.btn-large,
.form-large .btn {
	font-size: 14px;
	line-height: 20px;
	padding: 10px 16px
}

.btn-group-large>.btn .icon,
.btn-large .icon,
.form-large .btn .icon {
	line-height: 20px
}

.btn-group-large>.btn .svg-icon,
.btn-large .svg-icon,
.form-large .btn .svg-icon {
	height: 14px;
	margin-top: 3px;
	width: 14px
}

.btn-xlarge {
	font-size: 16px;
	padding: 15px 32px
}

.btn-xlarge,
.btn-xlarge .icon {
	line-height: 20px
}

.btn-xlarge .svg-icon {
	height: 16px;
	margin-top: 2px;
	width: 16px
}

.btn-app,
.btn-default,
.btn-group>.btn-label,
.btn-slide,
.btn-telco {
	background-color: #f4f4f4;
	background-color: var(--background-intermediate);
	border: 1px solid #d1d1d6;
	border: 1px solid var(--divider-secondary);
	color: #191919;
	color: var(--text-primary)
}

.btn-app .icon,
.btn-app .svg-icon,
.btn-default .icon,
.btn-default .svg-icon,
.btn-group>.btn-label .icon,
.btn-group>.btn-label .svg-icon,
.btn-slide .icon,
.btn-slide .svg-icon,
.btn-telco .icon,
.btn-telco .svg-icon {
	color: #72727d;
	color: var(--text-secondary)
}

.btn-app:hover,
.btn-default:hover,
.btn-group>.btn-label:hover,
.btn-slide:hover,
.btn-telco:hover,
.btn-upload:hover .btn,
.selectbox.opened .btn-group>.dropdown-toggle.btn-label,
.selectbox.opened .dropdown-toggle.btn-app,
.selectbox.opened .dropdown-toggle.btn-default,
.selectbox.opened .dropdown-toggle.btn-slide,
.selectbox.opened .dropdown-toggle.btn-telco {
	background-color: #fff;
	background-color: var(--background-primary);
	color: #191919;
	color: var(--text-primary)
}

.btn-app:active,
.btn-default:active,
.btn-group>.btn-label:active,
.btn-slide:active,
.btn-telco:active,
.btn-upload:active .btn,
.selectbox.opened .btn-group>.dropdown-toggle.btn-label:active,
.selectbox.opened .dropdown-toggle.btn-app:active,
.selectbox.opened .dropdown-toggle.btn-default:active,
.selectbox.opened .dropdown-toggle.btn-slide:active,
.selectbox.opened .dropdown-toggle.btn-telco:active {
	background-color: #eaeaea;
	background-color: var(--background-contrast)
}

.btn-premiumplus,
.btn-primary {
	background-color: #000;
	background-color: var(--color-accent)
}

.btn-premiumplus:hover,
.btn-primary:hover {
	background-color: #ca2a36;
	background-color: var(--color-accent-hover)
}

.btn-premiumplus:active,
.btn-primary:active {
	background-color: #000;
	background-color: var(--color-accent)
}

.btn-info {
	background-color: #92929d
}

.btn-info:hover {
	background-color: #72727a
}

.btn-info:active {
	background-color: #92929a
}

.btn-info-light {
	background-color: #c2c2ca
}

.btn-info-light .label {
	font-weight: 600
}

.btn-info-light:hover {
	background-color: #92929d
}

.btn-info-light:active {
	background-color: #c2c2ca
}

.btn-success {
	background-color: #73bb02
}

.btn-success:hover {
	background-color: #5c9602
}

.btn-success:active {
	background-color: #73bb02
}

.btn-danger {
	background-color: #dc3434
}

.btn-danger:hover {
	background-color: #bd2d2d
}

.btn-danger:active {
	background-color: #dc3434
}

.btn-free {
	background-color: #e2e2ea;
	color: #72727a
}

.btn-free:hover {
	background-color: #d2d2da
}

.btn-free:active {
	background-color: #e2e2ea
}

.btn-premium {
	background-color: #1daaa2
}

.btn-premium:hover {
	background-color: #178882
}

.btn-premium:active {
	background-color: #1daaa2
}

.btn-inverse {
	background-color: #52525d
}

.btn-inverse:hover {
	background-color: #42424d
}

.btn-inverse:active {
	background-color: #52525d
}

.btn-orange {
	background-color: #f60
}

.btn-orange:hover {
	background-color: #f06000
}

.btn-orange:active {
	background-color: #f60
}

.btn-gift {
	background-color: #cd1b50
}

.btn-gift:hover {
	background-color: #a41640
}

.btn-gift:active {
	background-color: #cd1b50
}

.btn-link {
	background-color: rgba(0, 0, 0, 0);
	border: 0;
	border-radius: 0;
	color: #72727a;
	padding: 0
}

.btn-link:hover {
	color: #32323a
}

.btn-shadow {
	border-color: hsla(0, 0%, 100%, .5);
	background-color: rgba(0, 0, 0, .3)
}

.btn-shadow:hover {
	background-color: rgba(0, 0, 0, .6)
}

.btn-shadow:active {
	background-color: rgba(0, 0, 0, .9)
}

.btn-sponsored {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: rgba(0, 0, 0, .8);
	border-color: rgba(0, 0, 0, .8);
	color: #fff;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.btn-sponsored:hover {
	background-color: #000;
	border-color: #000
}

.btn-view-more {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #eaeaea;
	background-color: var(--background-contrast);
	-webkit-box-shadow: 0 1px 2px rgba(25, 25, 34, .12);
	box-shadow: 0 1px 2px rgba(25, 25, 34, .12);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #52525d;
	color: var(--text-intermediate);
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 20px;
	padding: 0;
	text-align: center;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: background-color, border-color, -webkit-box-shadow;
	transition-property: background-color, border-color, -webkit-box-shadow;
	transition-property: background-color, border-color, box-shadow;
	transition-property: background-color, border-color, box-shadow, -webkit-box-shadow
}

.btn-view-more .label {
	font-weight: 400
}

.btn-view-more .svg-icon {
	height: 8px;
	margin-top: 0;
	width: 8px
}

.btn-view-more:hover {
	background-color: #a2a2ad;
	background-color: var(--background-elevation);
	-webkit-box-shadow: 0 1px 2px rgba(25, 25, 34, .24);
	box-shadow: 0 1px 2px rgba(25, 25, 34, .24)
}

.btn-outline {
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid rgba(0, 0, 0, 0)
}

.btn-group>.btn-outline.btn-label,
.btn-outline.btn-app,
.btn-outline.btn-default,
.btn-outline.btn-slide,
.btn-outline.btn-telco {
	border-color: #dedee3
}

.btn-group>.btn-outline.btn-label:hover,
.btn-outline.btn-app:hover,
.btn-outline.btn-default:hover,
.btn-outline.btn-slide:hover,
.btn-outline.btn-telco:hover,
.btn-upload:hover .btn-outline.btn,
.selectbox.opened .btn-group>.btn-outline.dropdown-toggle.btn-label,
.selectbox.opened .btn-outline.dropdown-toggle.btn-app,
.selectbox.opened .btn-outline.dropdown-toggle.btn-default,
.selectbox.opened .btn-outline.dropdown-toggle.btn-slide,
.selectbox.opened .btn-outline.dropdown-toggle.btn-telco {
	border-color: #d1d1d7;
	color: #23232d
}

.btn-group>.btn-outline.btn-label:active,
.btn-outline.btn-app:active,
.btn-outline.btn-default:active,
.btn-outline.btn-slide:active,
.btn-outline.btn-telco:active,
.btn-upload:active .btn-outline.btn,
.selectbox.opened .btn-group>.btn-outline.dropdown-toggle.btn-label:active,
.selectbox.opened .btn-outline.dropdown-toggle.btn-app:active,
.selectbox.opened .btn-outline.dropdown-toggle.btn-default:active,
.selectbox.opened .btn-outline.dropdown-toggle.btn-slide:active,
.selectbox.opened .btn-outline.dropdown-toggle.btn-telco:active {
	border-color: #dedee3;
	color: #23232d
}

.btn-outline.btn-premiumplus,
.btn-outline.btn-primary {
	border-color: #000;
	border-color: var(--divider-accent);
	color: #000;
	color: var(--text-accent)
}

.btn-outline.btn-premiumplus:active,
.btn-outline.btn-premiumplus:hover,
.btn-outline.btn-primary:active,
.btn-outline.btn-primary:hover {
	background-color: #000;
	background-color: var(--background-accent);
	border-color: #000;
	border-color: var(--divider-accent);
	color: #fff;
	color: var(--color-white)
}

.btn-outline.btn-info {
	border-color: #92929d;
	color: #72727a
}

.btn-outline.btn-info:hover {
	background-color: #92929d;
	border-color: #92929d;
	color: #fff
}

.btn-outline.btn-info:active {
	background-color: #72727a;
	border-color: #72727a;
	color: #fff
}

.btn-outline.btn-success {
	border-color: #73bb02;
	color: #73bb02
}

.btn-outline.btn-success:hover {
	background-color: #73bb02;
	border-color: #73bb02;
	color: #fff
}

.btn-outline.btn-success:active {
	background-color: #5c9602;
	border-color: #5c9602;
	color: #fff
}

.btn-outline.btn-danger {
	border-color: #dc3434;
	color: #dc3434
}

.btn-outline.btn-danger:hover {
	background-color: #dc3434;
	border-color: #dc3434;
	color: #fff
}

.btn-outline.btn-danger:active {
	background-color: #bd2d2d;
	border-color: #bd2d2d;
	color: #fff
}

.btn-outline.btn-premium {
	border-color: #1daaa2;
	color: #1daaa2
}

.btn-outline.btn-premium:hover {
	background-color: #1daaa2;
	border-color: #1daaa2;
	color: #fff
}

.btn-outline.btn-premium:active {
	background-color: #178882;
	border-color: #178882;
	color: #fff
}

.btn-outline.btn-inverse {
	border-color: #5c5c5c;
	color: #5c5c5c
}

.btn-outline.btn-inverse:hover {
	background-color: #5c5c5c;
	border-color: #5c5c5c;
	color: #fff
}

.btn-outline.btn-inverse:active {
	background-color: #4a4a4a;
	border-color: #4a4a4a;
	color: #fff
}

.btn-action-default:hover .active {
	visibility: hidden;
	height: 0
}

.btn-action-default:hover .hover {
	visibility: visible;
	height: auto
}

.btn-action {
	display: inline-block
}

.btn-action .action,
.btn-action.active .action,
.btn-action.active:hover .action,
.btn-action.paused .action,
.btn-action.paused:hover .action {
	height: 0;
	visibility: hidden
}

.btn-action .action-default,
.btn-action.active .action-active,
.btn-action.active:hover .action-hover,
.btn-action.paused .action-resume,
.btn-action.paused:hover .action-resume {
	height: auto;
	visibility: visible
}

.btn-play .equalizer,
.btn-play .icon {
	padding: 0 1px
}

.btn-play .icon {
	font-size: 16px
}

.btn-apple,
.btn-facebook,
.btn-googleplus,
.btn-twitter {
	padding-left: 34px
}

.btn-apple:after,
.btn-facebook:after,
.btn-googleplus:after,
.btn-twitter:after {
	font-family: Deezer Icons, sans-serif;
	font-size: 20px;
	left: 0;
	line-height: 30px;
	position: absolute;
	top: 0;
	width: 32px
}

.btn-apple {
	background-color: #191922;
	border-color: #191922
}

.btn-apple:hover {
	background-color: #fff;
	border-color: #191922
}

.btn-apple:hover .label,
.btn-apple:hover .link-social,
.btn-apple:hover:after {
	color: #191922
}

.btn-apple:active {
	background-color: #191922
}

.btn-facebook {
	background-color: #3b5998;
	border-color: #3b5998
}

.btn-facebook:before {
	border-color: #344f87
}

.btn-facebook:hover {
	background-color: #2c4372;
	border-color: #2c4372
}

.btn-facebook:hover:before {
	border-color: #273b65
}

.btn-facebook:active {
	background-color: #3b5998
}

.btn-googleplus {
	background-color: #efeff2;
	border-color: #efeff2;
	color: #757575
}

.btn-googleplus:before {
	border-color: #c2c2ca
}

.btn-googleplus:after {
	content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDEyIDEyIj48cGF0aCBmaWxsPSIjNDI4NUY0IiBkPSJNMTEuNzYgNi4xMzZjMC0uNDI1LS4wMzgtLjgzNC0uMTEtMS4yMjdINlY3LjIzaDMuMjNhMi43NiAyLjc2IDAgMDEtMS4xOTggMS44MXYxLjUwNkg5Ljk3YzEuMTM0LTEuMDQ0IDEuNzg5LTIuNTgyIDEuNzg5LTQuNDF6Ii8+PHBhdGggZmlsbD0iIzM0QTg1MyIgZD0iTTYgMTJjMS42MiAwIDIuOTc4LS41MzcgMy45Ny0xLjQ1NEw4LjAzMyA5LjA0MWMtLjUzNy4zNi0xLjIyNS41NzMtMi4wMzIuNTczLTEuNTYzIDAtMi44ODUtMS4wNTYtMy4zNTctMi40NzRILjYzOHYxLjU1NUE1Ljk5OCA1Ljk5OCAwIDAwNiAxMnoiLz48cGF0aCBmaWxsPSIjRkJCQzA1IiBkPSJNMi42NDMgNy4xNEEzLjYwNyAzLjYwNyAwIDAxMi40NTUgNmMwLS4zOTUuMDY4LS43OC4xODgtMS4xNFYzLjMwNUguNjM4YTUuOTk4IDUuOTk4IDAgMDAwIDUuMzlMMi42NDMgNy4xNHoiLz48cGF0aCBmaWxsPSIjRUE0MzM1IiBkPSJNNiAyLjM4NmMuODggMCAxLjY3Mi4zMDMgMi4yOTQuODk4bDEuNzItMS43MjFDOC45NzYuNTk1IDcuNjE4IDAgNiAwQTUuOTk4IDUuOTk4IDAgMDAuNjM4IDMuMzA1TDIuNjQzIDQuODZDMy4xMTUgMy40NDIgNC40MzcgMi4zODYgNiAyLjM4NnoiLz48L3N2Zz4=");
	height: 18px;
	left: 7px;
	line-height: normal;
	margin-top: -9px;
	top: 50%;
	width: 18px
}

.btn-googleplus:hover {
	background-color: #dedee3;
	border-color: #dedee3
}

.btn-googleplus:hover:before {
	border-color: #c2c2ca
}

.btn-googleplus:active {
	background-color: #dedee3
}

.btn-twitter {
	background-color: #37abde;
	border-color: #37abde
}

.btn-twitter:before {
	border-color: #2287b4
}

.btn-twitter:hover {
	background-color: #43b7ea;
	border-color: #43b7ea
}

.btn-twitter:active {
	background-color: #37abde
}

.btn-share {
	border: 0;
	height: 24px;
	padding: 0;
	position: relative;
	width: 52px
}

.btn-share:before {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
	left: 0;
	width: 24px
}

.btn-share:after,
.btn-share:before {
	font-family: Deezer Icons, sans-serif;
	font-size: 16px;
	height: 24px;
	line-height: 24px;
	position: absolute;
	top: 0
}

.btn-share:after {
	background-color: #f8f8f8;
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	color: #32323d;
	right: 0;
	width: 28px;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: background-color;
	transition-property: background-color
}

.btn-share:hover:after {
	background-color: #fff
}

.btn-share.active:after {
	color: #fff;
	font-size: 12px
}

.btn-share.active:hover:after {
	background-color: #e1e1e1!important;
	color: #72727d;
	font-size: 16px
}

.btn-share.facebook:before {
	background-color: #3b5998
}

.btn-share.facebook.active:after {
	background-color: #8395ba
}

.btn-share.googleplus:before {
	background-color: #dd4b39
}

.btn-share.googleplus.active:after {
	background-color: #e48c81
}

.btn-share.twitter:before {
	background-color: #2ba9e1
}

.btn-share.twitter.active:after {
	background-color: #79c5e6
}

.btn-more {
	background-color: rgba(0, 0, 0, 0);
	line-height: 0;
	padding-left: 0;
	padding-right: 0
}

.btn-more>.col {
	display: table-cell;
	vertical-align: middle
}

.btn-more>.col-divider>.divider {
	background-color: #d2d2da;
	display: block;
	height: 1px;
	margin-top: 1px
}

.btn-more>.col-label {
	color: #92929d;
	padding: 0 10px;
	white-space: nowrap;
	width: 1%
}

.btn-more>.col-label>.label {
	color: #92929d;
	display: inline-block;
	font-size: 11px;
	font-weight: 400;
	line-height: 16px;
	padding-right: 15px;
	position: relative;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: color;
	transition-property: color
}

.btn-more>.col-label>.label>.icon-chevron-down {
	font-size: 8px;
	line-height: normal;
	margin-top: -4px;
	position: absolute;
	right: 0;
	top: 50%
}

.btn-more:hover>.col-label>.label {
	color: #72727d
}

.btn-more:active>.col-label>.label {
	color: #333
}

.btn-loadmore {
	background-color: #92929d;
	border-radius: 3px;
	color: #fff;
	padding: 10px
}

.btn-loadmore:hover {
	background-color: #72727a
}

.btn-loadmore:active {
	background-color: #52525a
}

.btn-telco {
	padding: 7px
}

.btn-telco .telco-wrapper {
	display: table;
	table-layout: fixed
}

.btn-telco .telco-logo {
	display: table-cell;
	height: 44px;
	vertical-align: middle;
	width: 44px
}

.btn-telco .telco-label {
	display: table-cell;
	font-size: 14px;
	font-weight: 400;
	padding-left: 7px;
	text-align: left;
	vertical-align: middle
}

.btn-telco .telco-logo-text {
	display: table-cell;
	font-size: 11px
}

.btn-telco .telco-chevron {
	display: table-cell
}

.btn-upload {
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	position: relative;
	vertical-align: middle
}

.btn-upload input[type=file] {
	cursor: pointer;
	font-size: 100px;
	height: 100%;
	opacity: .01;
	position: absolute;
	right: 0;
	top: 0
}

.btn-slide {
	padding-right: 71px;
	position: relative
}

.btn-slide:after {
	background: url(/cache/slash/images/bootstrap/base/buttons/slide.5d249e609918a7546fcbf14333a98e4b.png) no-repeat -28px 0;
	border-radius: 3px;
	content: "";
	height: 20px;
	margin-top: -10px;
	position: absolute;
	right: 5px;
	top: 50%;
	width: 54px;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: background-position;
	transition-property: background-position
}

.btn-slide.checked:after {
	background-position: 0 0
}

.btn-group-small>.btn-slide.btn,
.btn-slide.btn-small,
.form-small .btn-slide.btn {
	padding-right: 66px
}

.btn-group-small>.btn-slide.btn:after,
.btn-slide.btn-small:after,
.form-small .btn-slide.btn:after {
	right: 2px
}

.btn-group-large>.btn-slide.btn,
.btn-slide.btn-large,
.form-large .btn-slide.btn {
	padding-right: 82px
}

.btn-group-large>.btn-slide.btn:after,
.btn-slide.btn-large:after,
.form-large .btn-slide.btn:after {
	right: 9px
}

.btn-app {
	padding: 1px
}

.btn-brand {
	border-radius: 16px;
	padding: 6px 12px
}

.btn-brand .label {
	color: #fff;
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase
}

.btn-brand-pink {
	background-color: #fe447d
}

.btn-brand-pink:hover {
	background-color: #c53a64
}

.btn-group {
	display: inline-block;
	font-size: 0;
	position: relative;
	vertical-align: middle;
	white-space: nowrap
}

.btn-group>.btn {
	border-radius: 0;
	position: relative
}

.btn-group>.btn.active.btn-app,
.btn-group>.btn.active.btn-label,
.btn-group>.btn.active.btn-slide,
.btn-group>.btn.active.btn-telco,
.btn-group>.btn.btn-default.active {
	background-color: #fff;
	background-color: var(--color-white);
	color: #000;
	color: var(--color-accent)
}

.btn-group>.btn:first-child {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px
}

.btn-group>.btn:last-child {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px
}

.btn-group>.btn+.btn {
	margin-left: -1px
}

.btn-group>.btn-label {
	background-color: #fff;
	background-color: var(--color-white);
	-webkit-box-shadow: none;
	box-shadow: none;
	cursor: default;
	line-height: 16px
}

.btn-group>.btn-label>.label {
	font-weight: 400
}

.btn-group>.btn-label:active,
.btn-group>.btn-label:hover {
	background-image: none
}

.btn-group+.btn-group {
	margin-left: 10px
}

.btn-toolbar:after,
.btn-toolbar:before {
	content: " ";
	display: table
}

.btn-toolbar:after {
	clear: both
}

.container {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	position: relative
}

@media only screen and (min-width:1224px) {
	.container {
		width: 1190px
	}
}

@media only screen and (min-width:1024px) and (max-width:1223px) {
	.container {
		width: 990px
	}
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.container {
		width: 750px
	}
}

@media only screen and (max-width:767px) {
	.container {
		width: 100%
	}
}

.form-control {
	background-color: #fff;
	background-color: var(--background-primary);
	border: 1px solid #d1d1d6;
	border: 1px solid var(--divider-secondary);
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #191919;
	color: var(--text-primary);
	display: block;
	font-size: 12px;
	line-height: 20px;
	margin: 0;
	min-height: 32px;
	padding: 5px 12px;
	vertical-align: middle;
	width: 270px;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: background-color, border, color;
	transition-property: background-color, border, color
}

.form-control::-webkit-input-placeholder {
	color: #52525d;
	color: var(--text-intermediate);
	opacity: 1;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: color;
	transition-property: color
}

.form-control::-moz-placeholder {
	color: #52525d;
	color: var(--text-intermediate);
	opacity: 1;
	transition-duration: .15s;
	-moz-transition-property: color;
	transition-property: color
}

.form-control:-ms-input-placeholder {
	color: #52525d;
	color: var(--text-intermediate);
	opacity: 1;
	transition-duration: .15s;
	-ms-transition-property: color;
	transition-property: color
}

.form-control::-ms-input-placeholder {
	color: #52525d;
	color: var(--text-intermediate);
	opacity: 1;
	transition-duration: .15s;
	-ms-transition-property: color;
	transition-property: color
}

.form-control::placeholder {
	color: #52525d;
	color: var(--text-intermediate);
	opacity: 1;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: color;
	transition-property: color
}

.form-control:focus {
	border-color: #000;
	border-color: var(--color-accent);
	outline: 0
}

.form-control:focus::-webkit-input-placeholder {
	color: #72727d;
	color: var(--text-secondary)
}

.form-control:focus::-moz-placeholder {
	color: #72727d;
	color: var(--text-secondary)
}

.form-control:focus:-ms-input-placeholder {
	color: #72727d;
	color: var(--text-secondary)
}

.form-control:focus::-ms-input-placeholder {
	color: #72727d;
	color: var(--text-secondary)
}

.form-control:focus::placeholder {
	color: #72727d;
	color: var(--text-secondary)
}

.form-control[disabled],
.form-control[disabled]:focus,
.form-control[disabled]:hover {
	background-color: #f4f4f4;
	background-color: var(--background-intermediate)
}

.reset-pwd-form-control {
	border: 1px solid #d1d1d6;
	border: 1px solid var(--color-light-grey-500);
	border-radius: 4px;
	font-size: 14px;
	line-height: 17px;
	height: 52px;
	width: 343px
}

.reset-pwd-form-control::-webkit-credentials-auto-fill-button {
	position: absolute;
	right: -23px
}

.icon-eye {
	color: #191919;
	color: var(--text-primary);
	cursor: pointer;
	overflow: visible;
	position: absolute;
	right: 18px;
	top: 45px;
	width: 24px
}

.icon-eye-slash {
	right: 20px;
	top: 39px
}

textarea.form-control {
	height: auto;
	resize: none
}

select.form-control {
	height: 32px
}

select.form-control[multiple] {
	height: auto
}

.form-control-tipster {
	cursor: pointer
}

.form-control-error,
.form-control-tipster {
	background-color: rgba(10, 10, 22, .45);
	border-radius: 3px;
	color: #fff;
	font-size: 11px;
	left: 100%;
	margin-left: 10px;
	padding: 8px 15px;
	position: absolute;
	top: 0;
	width: 190px;
	z-index: 100
}

.form-control-error:after,
.form-control-tipster:after {
	content: "";
	height: 0;
	pointer-events: none;
	position: absolute;
	width: 0;
	top: 8px;
	border: 7px solid rgba(0, 0, 0, 0);
	border-right-color: rgba(10, 10, 22, .45);
	right: 100%
}

.form-control-error.is-inverse,
.form-control-tipster.is-inverse {
	left: auto;
	margin-left: 0;
	margin-right: 10px;
	right: 100%
}

.form-control-error.is-inverse:after,
.form-control-tipster.is-inverse:after {
	content: "";
	height: 0;
	pointer-events: none;
	position: absolute;
	width: 0;
	top: 8px;
	border: 7px solid rgba(0, 0, 0, 0);
	border-left-color: rgba(10, 10, 22, .45);
	left: 100%
}

.control-label {
	display: inline-block;
	font-weight: 700;
	line-height: 1.33333333;
	margin-bottom: 5px
}

.control-wrapper {
	display: inline-block;
	position: relative
}

.control-placeholder {
	color: #52525d;
	color: var(--text-intermediate);
	cursor: text;
	font-size: 11px;
	margin: 0;
	position: absolute;
	right: 10px;
	top: 9px;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: color;
	transition-property: color
}

.form-control:focus+.control-placeholder,
.form-group.has-error .control-placeholder {
	display: none
}

.checkbox {
	cursor: pointer;
	display: inline-block;
	height: 18px;
	line-height: 18px;
	min-width: 18px;
	position: relative
}

@supports (display:flex) {
	.checkbox {
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex
	}
}

.checkbox .checkbox-tick {
	fill: #fff;
	left: 3px;
	opacity: 0;
	position: absolute;
	top: 3px;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform
}

.checkbox:before {
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #d1d1d6;
	border: 1px solid var(--divider-secondary);
	border-radius: 2px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	content: "";
	height: 18px;
	left: 0;
	position: absolute;
	top: 0;
	width: 18px
}

.checkbox.checked .checkbox-tick {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.checkbox.checked:before {
	background-color: #000;
	background-color: var(--color-accent);
	border-color: #000;
	border-color: var(--color-accent)
}

.checkbox.disabled {
	cursor: default
}

.checkbox.disabled:before {
	background-color: #000;
	background-color: var(--color-accent);
	border-color: #000;
	border-color: var(--color-accent);
	opacity: .3
}

.checkbox.disabled .checkbox-label {
	color: #60606c;
	color: var(--color-dark-grey-200)
}

.checkbox-label {
	display: block;
	padding-left: 25px;
	position: relative;
	z-index: 1
}

.checkbox-input {
	display: none
}

.form-checkbox label,
.form-radio label {
	cursor: pointer;
	margin-left: 0
}

.form-checkbox input[type=checkbox],
.form-checkbox input[type=radio],
.form-radio input[type=checkbox],
.form-radio input[type=radio] {
	bottom: 1px;
	cursor: pointer;
	display: inline-block;
	height: 13px;
	margin: 0 2px 0 0;
	padding: 0;
	position: relative;
	vertical-align: middle;
	width: 13px
}

.form-checkbox-inline:after,
.form-checkbox-inline:before,
.form-radio-inline:after,
.form-radio-inline:before {
	content: " ";
	display: table
}

.form-checkbox-inline:after,
.form-radio-inline:after {
	clear: both
}

.form-checkbox-inline label+label,
.form-radio-inline label+label {
	margin-left: 10px
}

.form-group {
	position: relative
}

.form-group:after,
.form-group:before {
	content: " ";
	display: table
}

.form-group:after {
	clear: both
}

.form-group+.form-group {
	margin-top: 15px
}

.form-group.pull-left+.form-group.pull-left {
	margin-left: 15px;
	margin-top: 0
}

.form-group .form-text-code {
	color: #72727d;
	color: var(--color-light-grey-900);
	font-family: Roboto, sans-serif;
	font-size: 12px;
	line-height: 14px;
	padding-bottom: 10px;
	text-align: left
}

.form-group .btn-secure {
	border-radius: 28px;
	font-size: 14px;
	height: 54px;
	line-height: 14px;
	margin: 15px auto 0;
	max-width: 343px;
	padding: 20px
}

.unlogged-pwd-indications {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 5px 0;
	padding: 0 10px;
	position: relative
}

.unlogged-pwd-indications .pwd-level-sign {
	font-family: Deezer, Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	margin-right: 5px;
	text-align: right
}

.unlogged-pwd-indications .pwd-info-icon {
	color: #92929d;
	color: var(--color-light-grey-800);
	cursor: pointer;
	height: 12px;
	width: 12px
}

.unlogged-pwd-indications .pwd-hint {
	color: #92929d;
	color: var(--color-light-grey-800);
	font-family: Deezer, Arial, sans-serif;
	font-size: 12px;
	line-height: 14px
}

.unlogged-pwd-indications .weak-pwd {
	color: #f6a401
}

.unlogged-pwd-indications .medium-pwd {
	color: #ec7f11
}

.unlogged-pwd-indications .strong-pwd {
	color: #00b23d
}

.unlogged-pwd-indications .pwd-info-popper {
	color: #191919;
	color: var(--color-dark-grey-800);
	font-family: Deezer, Arial, sans-serif;
	font-size: 12px;
	line-height: 14px
}

.unlogged-pwd-indications .pwd-popper {
	-webkit-align-items: start;
	-ms-flex-align: start;
	align-items: start;
	background: #fff;
	background: var(--color-white);
	border-radius: 8px;
	-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, .1), 0 2px 8px rgba(0, 0, 0, .1);
	box-shadow: 0 8px 16px rgba(0, 0, 0, .1), 0 2px 8px rgba(0, 0, 0, .1);
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100px;
	left: 0;
	padding: 16px;
	position: absolute;
	text-align: left;
	top: 20px;
	width: 345px;
	z-index: 2
}

.unlogged-pwd-indications .hidden-popper {
	display: none
}

.form-control-static {
	background-color: #f4f4f4;
	background-color: var(--background-intermediate);
	color: #000;
	color: var(--color-accent);
	overflow: hidden
}

.form-control-static:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #000;
	color: var(--color-accent)
}

.form-control-transparent {
	background-color: rgba(0, 0, 0, 0);
	border: 0
}

.form-control-transparent:focus,
.form-control-transparent:hover {
	-webkit-box-shadow: none;
	box-shadow: none
}

.form-control-block {
	display: block;
	width: 100%
}

.help-block {
	color: #92919d;
	display: block;
	margin-bottom: 0;
	margin-top: 5px
}

.form-error {
	color: #f44336;
	display: none;
	text-align: left
}

.control-table {
	display: table;
	width: 100%
}

.control-table .control-input,
.control-table .control-submit {
	display: table-cell;
	vertical-align: middle;
	white-space: nowrap
}

.control-table .control-submit {
	padding-left: 10px;
	width: 1px
}

.control-table.collapse .control-input>.form-control {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0
}

.control-table.collapse .control-submit {
	padding-left: 0
}

.control-table.collapse .control-submit>.btn {
	border-bottom-left-radius: 0;
	border-left: 0;
	border-top-left-radius: 0
}

.form-horizontal .form-group-offset {
	margin-left: 180px
}

.form-horizontal .form-group-offset>.btn+.btn {
	margin-left: 12px
}

.form-horizontal .control-label {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin-bottom: 0;
	margin-top: 8px;
	padding: 0 12px;
	text-align: right;
	width: 180px
}

.form-horizontal .control-label-checkbox,
.form-horizontal .control-label-radio {
	padding-top: 0
}

.form-horizontal .form-control {
	display: inline-block;
	vertical-align: middle
}

.form-horizontal .form-controls {
	margin-left: 180px
}

.form-inline {
	font-size: 0
}

.form-inline .form-group {
	display: inline-block;
	font-size: 12px;
	margin-top: 0;
	vertical-align: middle
}

.form-inline .form-group+.form-group {
	margin-left: 12px
}

.form-inline .form-group-divider {
	background-color: #d1d1d6;
	background-color: var(--divider-secondary);
	height: 20px;
	width: 1px
}

.form-inline .control-label {
	display: inline-block;
	line-height: 32px;
	margin-bottom: 0;
	padding-right: 5px
}

.form-inline .form-control {
	display: inline-block
}

.form-inline .form-checkbox,
.form-inline .form-radio {
	margin: 0 5px
}

.form-small .form-control,
.input-small {
	min-height: 26px;
	padding: 2px 10px
}

.form-large .form-control,
.input-large {
	font-size: 14px;
	min-height: 42px;
	padding: 10px 16px
}

.form-small .control-label {
	padding: 4px 10px 0
}

.form-large .control-label {
	font-size: 14px;
	padding: 10px 16px 0
}

.form-large .form-checkbox label,
.form-large .form-radio label,
.form-large .help-block {
	font-size: 14px
}

.has-success {
	position: relative
}

.has-success .control-label,
.has-success .form-checkbox,
.has-success .form-radio {
	color: #468847
}

.has-success .form-control {
	border-color: #468847
}

.has-warning {
	position: relative
}

.has-warning .control-label,
.has-warning .form-checkbox,
.has-warning .form-radio {
	color: #c09853
}

.has-warning .form-control {
	border-color: #c09853
}

.has-error {
	position: relative
}

.has-error .control-label,
.has-error .form-checkbox,
.has-error .form-radio {
	color: #b94a48
}

.has-error .form-control {
	border-color: #f44336
}

.form-control-feedback {
	display: none;
	height: 32px;
	line-height: 32px;
	pointer-events: none;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 32px;
	z-index: 2
}

.has-error .form-control-feedback,
.has-success .form-control-feedback {
	display: block
}

.has-error .form-control-feedback>.icon {
	color: #b94a48
}

.has-success .form-control-feedback>.icon {
	color: #468847
}

.has-feedback input.form-control {
	padding-right: 32px
}

body {
	background-color: #fff;
	background-color: var(--background-primary);
	color: #52525d;
	color: var(--text-intermediate);
	font-family: 'robotoR';
	font-size: 12px;
	line-height: 1.33333333;
	margin: 0;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0
}

::-webkit-scrollbar {
	background-color: #f4f4f4;
	background-color: var(--background-intermediate);
	width: 12px
}

::-webkit-scrollbar-track {
	border-left: 1px solid #eaeaea;
	border-left: 1px solid var(--divider-primary)
}

::-webkit-scrollbar-thumb {
	background: #d1d1d6;
	background: var(--divider-secondary);
	border: 2px solid #eaeaea;
	border: 2px solid var(--divider-primary);
	border-radius: 10px
}

::-webkit-scrollbar-thumb:hover {
	background: #a2a2ad;
	background: var(--background-elevation)
}

dd,
dl,
dt,
li,
ol,
ul {
	list-style: none;
	margin: 0;
	padding: 0
}

p {
	margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: 400;
	line-height: normal;
	margin: 0;
	text-rendering: optimizeLegibility
}

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

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

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

html {
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

a {
	-webkit-user-drag: none
}

a:active,
a:focus {
	outline: 0
}

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

sup {
	top: -.35em
}

sub {
	bottom: -.25em
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	-webkit-user-drag: none;
	vertical-align: middle
}

figure {
	margin: 0
}

button {
	background: rgba(0, 0, 0, 0);
	border: 0;
	color: currentColor;
	overflow: visible;
	padding: 0
}

button,
input,
select,
textarea {
	font: inherit;
	margin: 0;
	outline: 0;
	vertical-align: middle
}

button,
input {
	line-height: normal
}

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

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button,
input[type=button],
input[type=checkbox],
input[type=radio],
input[type=reset],
input[type=submit],
label {
	cursor: pointer
}

input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

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

textarea {
	overflow: auto;
	vertical-align: top
}

input::-moz-placeholder {
	opacity: 1
}

input::-ms-clear,
input::-ms-reveal {
	display: none
}

.table {
	background-color: rgba(0, 0, 0, 0);
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 20px;
	max-width: 100%;
	width: 100%
}

.table>thead>tr>th {
	border-bottom: 2px solid #d1d1d6;
	border-bottom: 2px solid var(--divider-secondary);
	color: #32323a;
	text-align: left
}

.table>tbody>tr>td,
.table>thead>tr>th {
	font-size: 14px;
	line-height: 20px;
	padding: 8px
}

.table>tbody>tr>td {
	border-top: 1px solid #eaeaea;
	border-top: 1px solid var(--divider-primary)
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #f4f4f4;
	background-color: var(--background-intermediate)
}

.table-bordered {
	border: 1px solid #d1d1d6;
	border: 1px solid var(--divider-secondary)
}

.table-bordered>thead>tr>th {
	border: 1px solid #d1d1d6;
	border: solid var(--divider-secondary);
	border-width: 1px 1px 2px
}

.table-bordered>tbody>tr>td {
	border: 1px solid #d1d1d6;
	border: 1px solid var(--divider-secondary)
}

.table-hovered>tbody>tr:hover {
	background-color: #f4f4f4;
	background-color: var(--background-intermediate)
}

.heading-1,
.heading-2,
.heading-3,
.heading-4,
.heading-5 {
	color: #191919;
	color: var(--text-primary);
	font-weight: 400
}

.heading-1 a,
.heading-1 a:hover,
.heading-2 a,
.heading-2 a:hover,
.heading-3 a,
.heading-3 a:hover,
.heading-4 a,
.heading-4 a:hover,
.heading-5 a,
.heading-5 a:hover {
	color: #191919;
	color: var(--text-primary)
}

.heading-1 a:focus,
.heading-1 a:hover,
.heading-2 a:focus,
.heading-2 a:hover,
.heading-3 a:focus,
.heading-3 a:hover,
.heading-4 a:focus,
.heading-4 a:hover,
.heading-5 a:focus,
.heading-5 a:hover {
	text-decoration: underline
}

.heading-inverse.heading-1,
.heading-inverse.heading-1 a,
.heading-inverse.heading-1 a:hover,
.heading-inverse.heading-2,
.heading-inverse.heading-2 a,
.heading-inverse.heading-2 a:hover,
.heading-inverse.heading-3,
.heading-inverse.heading-3 a,
.heading-inverse.heading-3 a:hover,
.heading-inverse.heading-4,
.heading-inverse.heading-4 a,
.heading-inverse.heading-4 a:hover,
.heading-inverse.heading-5,
.heading-inverse.heading-5 a,
.heading-inverse.heading-5 a:hover {
	color: #fff;
	color: var(--text-inverse)
}

.heading-1-sub,
.heading-2-sub,
.heading-3-sub,
.heading-4-sub,
.heading-5-sub {
	color: #52525d;
	color: var(--text-intermediate);
	font-weight: 400
}

.heading-1-sub a,
.heading-1-sub a:hover,
.heading-2-sub a,
.heading-2-sub a:hover,
.heading-3-sub a,
.heading-3-sub a:hover,
.heading-4-sub a,
.heading-4-sub a:hover,
.heading-5-sub a,
.heading-5-sub a:hover {
	color: #52525d;
	color: var(--text-intermediate)
}

.heading-1-sub a:focus,
.heading-1-sub a:hover,
.heading-2-sub a:focus,
.heading-2-sub a:hover,
.heading-3-sub a:focus,
.heading-3-sub a:hover,
.heading-4-sub a:focus,
.heading-4-sub a:hover,
.heading-5-sub a:focus,
.heading-5-sub a:hover {
	text-decoration: underline
}

.heading-inverse.heading-1-sub,
.heading-inverse.heading-1-sub a,
.heading-inverse.heading-1-sub a:hover,
.heading-inverse.heading-2-sub,
.heading-inverse.heading-2-sub a,
.heading-inverse.heading-2-sub a:hover,
.heading-inverse.heading-3-sub,
.heading-inverse.heading-3-sub a,
.heading-inverse.heading-3-sub a:hover,
.heading-inverse.heading-4-sub,
.heading-inverse.heading-4-sub a,
.heading-inverse.heading-4-sub a:hover,
.heading-inverse.heading-5-sub,
.heading-inverse.heading-5-sub a,
.heading-inverse.heading-5-sub a:hover {
	color: #fff;
	color: var(--text-inverse)
}

.heading-1-sub .badge,
.heading-2-sub .badge,
.heading-3-sub .badge,
.heading-4-sub .badge,
.heading-5-sub .badge {
	margin-right: 8px
}

.heading-1 {
	font-size: 28px;
	letter-spacing: .25px;
	margin-bottom: 6px
}

.heading-1-sub {
	font-size: 16px;
	margin-bottom: 12px
}

.heading-2 {
	font-size: 18px;
	letter-spacing: .25px;
	margin-bottom: 5px
}

.heading-2 .link-animated:after,
.heading-2.link-animated:after {
	font-size: 16px
}

.heading-2-sub {
	font-size: 14px;
	margin-bottom: 10px
}

.heading-3 {
	font-size: 16px;
	letter-spacing: .25px;
	margin-bottom: 4px
}

.heading-3 .link-animated:after,
.heading-3.link-animated:after {
	font-size: 14px
}

.heading-3-sub {
	font-size: 14px;
	margin-bottom: 8px
}

.heading-4 {
	font-size: 14px;
	margin-bottom: 3px
}

.heading-4 .icon {
	font-size: 12px
}

.heading-4-sub {
	font-size: 12px;
	margin-bottom: 6px
}

.heading-5,
.heading-5-sub {
	font-size: 12px
}

.heading-bordered {
	border-bottom: 1px solid #eaeaea;
	border-bottom: 1px solid var(--divider-primary);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 6px;
	padding-bottom: 6px
}

a {
	color: #0a0a16;
	cursor: pointer;
	outline: 0 none;
	text-decoration: none
}

a.link-primary {
	color: #000;
	color: var(--color-accent)
}

a.link-primary:focus,
a.link-primary:hover {
	color: #000;
	color: var(--color-accent);
	text-decoration: underline
}

a.link-gray {
	color: #52525d;
	color: var(--text-intermediate)
}

a.link-gray:focus,
a.link-gray:hover {
	color: #52525d;
	color: var(--text-intermediate);
	text-decoration: underline
}

a.link-gray-light {
	color: #72727d;
	color: var(--text-secondary)
}

a.link-gray-light:focus,
a.link-gray-light:hover {
	color: #72727d;
	color: var(--text-secondary);
	text-decoration: underline
}

a.link-gray-dark {
	color: #191919;
	color: var(--text-primary)
}

a.link-gray-dark:focus,
a.link-gray-dark:hover {
	color: #191919;
	color: var(--text-primary);
	text-decoration: underline
}

.thumbnail-container .caption dd a,
a.link-white {
	color: #fff;
	color: var(--text-inverse)
}

.thumbnail-container .caption dd a:focus,
.thumbnail-container .caption dd a:hover,
a.link-white:focus,
a.link-white:hover {
	color: #fff;
	color: var(--text-inverse);
	text-decoration: underline
}

a.link-discovery,
a.link-more,
a.link-premium,
a.link-premiumplus {
	display: inline;
	font-size: 16px;
	position: relative
}

a.link-discovery:focus,
a.link-discovery:hover,
a.link-more:focus,
a.link-more:hover,
a.link-premium:focus,
a.link-premium:hover,
a.link-premiumplus:focus,
a.link-premiumplus:hover {
	text-decoration: underline
}

a.link-discovery:after,
a.link-more:after,
a.link-premium:after,
a.link-premiumplus:after {
	border-style: solid;
	border-width: 5px 0 5px 7px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	content: "";
	display: inline-block;
	font-size: 0;
	height: 0;
	margin-left: 9px;
	position: relative;
	width: 0
}

a.link-discovery {
	color: #52525d;
	color: var(--text-intermediate)
}

a.link-discovery:after {
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #52525d;
	border-left-color: var(--text-intermediate);
	border-bottom-color: rgba(0, 0, 0, 0);
	border-right-color: rgba(0, 0, 0, 0);
	border-top-color: rgba(0, 0, 0, 0)
}

a.link-premium {
	color: #1daaa2;
	color: var(--premium-color)
}

a.link-premium:after {
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #1daaa2;
	border-left-color: var(--premium-color);
	border-bottom-color: rgba(0, 0, 0, 0);
	border-right-color: rgba(0, 0, 0, 0);
	border-top-color: rgba(0, 0, 0, 0)
}

a.link-more,
a.link-premiumplus {
	color: #000;
	color: var(--color-accent)
}

a.link-more:after,
a.link-premiumplus:after {
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #000;
	border-left-color: var(--color-accent);
	border-bottom-color: rgba(0, 0, 0, 0);
	border-right-color: rgba(0, 0, 0, 0);
	border-top-color: rgba(0, 0, 0, 0)
}

a.link-more-grey {
	color: #989898
}

a.link-more-grey:after {
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #989898
}

.header-link {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: color;
	transition-property: color
}

.header-link:focus,
.header-link:hover {
	color: #000!important;
	color: var(--color-accent)!important;
	text-decoration: none!important
}

.header-link-target {
	margin-left: 5px
}

.link-animated {
	cursor: pointer;
	position: relative
}

.link-animated:after {
	margin-left: 2px
}

.link-animated.inverse:before,
.link-animated:after {
	display: inline-block;
	font-family: Deezer Icons;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.link-animated.inverse:before {
	margin-right: 5px
}

.link-animated.inverse:after {
	display: none
}

.link-animated:hover:after {
	-webkit-animation: wobble-horizontal .3s;
	animation: wobble-horizontal .3s
}

.link-animated:hover:before {
	-webkit-animation: wobble-horizontal-inverse .3s ease;
	animation: wobble-horizontal-inverse .3s ease
}

.link-animated.icon-right:after {
	position: absolute;
	right: 0;
	top: 0
}

.link-animated.icon-left {
	padding-left: 20px
}

.link-animated.icon-left:after {
	left: 0;
	margin-left: 0;
	position: absolute;
	top: 0
}

.color-primary {
	color: #000!important;
	color: var(--color-accent)!important
}

.color-gray {
	color: #52525d;
	color: var(--text-intermediate)
}

.color-gray-dark {
	color: #191919;
	color: var(--text-primary)
}

.color-gray-light {
	color: #72727d;
	color: var(--text-secondary)
}

.color-gray-lighter {
	color: #fff;
	color: var(--text-inverse)
}

.color-premiumplus {
	color: #000;
	color: var(--color-accent)
}

.color-family {
	color: #fe447d;
	color: var(--family-color)
}

.color-premium {
	color: #1daaa2;
	color: var(--premium-color)
}

.color-orange {
	color: #f60;
	color: var(--orange-color)
}

.color-download {
	color: #00d000;
	color: var(--download-color)
}

.color-brand-pink {
	color: #fe447d;
	color: var(--family-color)
}

ol,
ul {
	list-style: none;
	margin: 0;
	padding: 0
}

ol.list,
ul.list {
	margin-left: 20px;
	padding: 10px 0 20px
}

ul.list-bulleted li {
	list-style: disc outside
}

ul.list-bulleted li ul {
	margin-left: 20px
}

ul.list-bulleted li ul li {
	list-style: circle outside
}

ol li {
	list-style: decimal;
	margin-left: 20px
}

ol.list-title li {
	font-size: 16px
}

ol.list-title li,
ol.list-title li p {
	color: #52525d;
	color: var(--text-intermediate)
}

.alert,
ol.list-title li p {
	font-size: 12px
}

.alert {
	border: 1px solid rgba(0, 0, 0, 0);
	border-radius: 3px;
	line-height: 1.33333333;
	margin-bottom: 20px;
	padding: 8px 14px;
	word-wrap: break-word
}

.alert .alert-link {
	font-weight: 700
}

.alert .alert-link:hover {
	text-decoration: underline
}

.alert-nomargins {
	margin: 0
}

.alert-bottom {
	margin-bottom: 0;
	margin-top: 20px
}

.alert-success {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #468847
}

.alert-success .alert-link {
	color: #356635
}

.alert-info {
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #3a87ad
}

.alert-info .alert-link {
	color: #2d6987
}

.alert-warning {
	background-color: #fcf8e3;
	border-color: #fbeed5;
	color: #c09853
}

.alert-warning .alert-link {
	color: #a47e3c
}

.alert-danger {
	background-color: #f2dede;
	border-color: #eed3d7;
	color: #b94a48
}

.alert-danger .alert-link {
	color: #953b39
}

.badge {
	border-radius: 8px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	display: inline-block;
	font-size: 10px;
	font-weight: 400;
	line-height: 16px;
	min-width: 16px;
	padding: 0 5px;
	vertical-align: middle;
	white-space: nowrap
}

.badge:empty {
	display: none
}

.badge-default {
	background-color: #eaeaea;
	background-color: var(--background-contrast)
}

.badge-success {
	background-color: #468847
}

.badge-info {
	background-color: #000;
	background-color: var(--color-accent)
}

.badge-danger {
	background-color: #ee1d22
}

.badge-inverse {
	background-color: #a2a2ad;
	background-color: var(--background-elevation)
}

.carousel-wrapper {
	margin: -2px;
	overflow: hidden;
	padding: 2px
}

.carousel-inner {
	-webkit-transition-duration: .6s;
	transition-duration: .6s;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out
}

.carousel-inner .thumbnail-grid {
	overflow: visible
}

.carousel-controls {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.carousel-control {
	background-color: #fff;
	background-color: var(--background-primary);
	color: #191919;
	color: var(--text-primary);
	cursor: pointer;
	padding: 7px;
	text-align: center;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: background-color, color, opacity;
	transition-property: background-color, color, opacity
}

.carousel-control.disabled {
	cursor: default;
	opacity: .3
}

.carousel-control:hover:not(.disabled) {
	color: #000;
	color: var(--color-accent)
}

.datagrid-header .datagrid-row:after,
.datagrid-header .datagrid-row:before,
.datagrid-row:after,
.datagrid-row:before {
	background-color: #eaeaea;
	background-color: var(--divider-primary);
	height: 1px;
	left: 6px;
	position: absolute;
	right: 6px
}

.datagrid {
	display: table;
	font-size: 14px;
	font-weight: 400;
	table-layout: fixed;
	width: 100%
}

.datagrid,
.datagrid-label {
	color: #72727d;
	color: var(--text-secondary)
}

.datagrid-label {
	line-height: 20px;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: color;
	transition-property: color
}

.datagrid-label:hover {
	color: #000;
	color: var(--color-accent);
	cursor: pointer
}

.datagrid-label-idle:hover {
	color: #72727d;
	color: var(--text-secondary);
	cursor: default
}

.datagrid-label-main {
	color: #191919;
	color: var(--text-primary)
}

.datagrid-label-artist {
	padding-left: 5px
}

.datagrid-label-sub {
	color: #72727d;
	color: var(--text-secondary)
}

.datagrid-label-sub:hover {
	color: #000;
	color: var(--color-accent);
	cursor: pointer
}

.datagrid-row {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	height: 52px;
	margin: -1px 0;
	padding: 0 16px;
	position: relative;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: background-color;
	transition-property: background-color
}

.datagrid-row:before {
	content: "";
	top: 0
}

.datagrid-row:after {
	bottom: 0;
	content: ""
}

.datagrid-row.is-first {
	margin-top: 0
}

.datagrid-row.is-first:before {
	display: none
}

.datagrid-row.is-last {
	margin-bottom: 0
}

.datagrid-row.is-last:after {
	display: none
}

.datagrid-row.has-contextmenu,
.datagrid-row:hover {
	background-color: #f4f4f4;
	background-color: var(--background-intermediate)
}

.datagrid-row.has-contextmenu .datagrid-cell-hover,
.datagrid-row:hover .datagrid-cell-hover {
	display: table-cell;
	opacity: 1
}

.datagrid-row.has-contextmenu .datagrid-btn-replace,
.datagrid-row:hover .datagrid-btn-replace {
	background-color: #fff;
	background-color: var(--background-primary);
	color: #191919;
	color: var(--text-primary)
}

.datagrid-row.has-contextmenu .datagrid-cover-hover,
.datagrid-row:hover .datagrid-cover-hover {
	visibility: hidden
}

.datagrid-row.has-contextmenu .datagrid-calendar .day,
.datagrid-row:hover .datagrid-calendar .day {
	background-color: #fff;
	background-color: var(--background-primary)
}

.datagrid-row.has-contextmenu .cell-remove,
.datagrid-row:hover .cell-remove {
	visibility: visible
}

.datagrid-row.has-contextmenu .cell-explicit-small .outline,
.datagrid-row.has-contextmenu .cell-explicit .outline,
.datagrid-row:hover .cell-explicit-small .outline,
.datagrid-row:hover .cell-explicit .outline {
	border: 1px solid #72727d;
	border: 1px solid var(--text-secondary);
	color: #72727d;
	color: var(--text-secondary)
}

.datagrid-row.active .datagrid-label {
	color: #000;
	color: var(--color-accent)
}

.datagrid-row.active .datagrid-label:hover {
	color: #ca2a36;
	color: var(--color-accent-hover)
}

.datagrid-row.active .datagrid-label-idle:hover {
	color: #000;
	color: var(--color-accent)
}

.datagrid-row.active .datagrid-cover {
	visibility: hidden
}

.datagrid-row.active .play-active {
	visibility: visible
}

.datagrid-row.active .play-default,
.datagrid-row.active .play-hover {
	visibility: hidden
}

.datagrid-row.active .cell-play {
	opacity: 1
}

.datagrid-row.active .cell-play:hover .play-active {
	visibility: hidden
}

.datagrid-row.active .cell-play:hover .play-hover,
.datagrid-row.paused .play-hover {
	visibility: visible
}

.datagrid-row.paused .play-active,
.datagrid-row.paused .play-default,
.datagrid-row.paused:hover .play-hover {
	visibility: hidden
}

.datagrid-row.paused:hover .play-default {
	visibility: visible
}

.datagrid-row.paused .cell-play:hover .play-hover {
	visibility: hidden
}

.datagrid-row.unavailable,
.datagrid-row.unavailable .datagrid-label,
.datagrid-row.unavailable .datagrid-label:hover {
	color: #72727d;
	color: var(--text-secondary);
	cursor: default
}

.datagrid-row.unavailable .datagrid-cover,
.datagrid-row.unavailable .datagrid-cover-hover {
	visibility: visible
}

.datagrid-row.unseen {
	font-weight: 700
}

.datagrid-progress {
	background-color: #eaeaea;
	background-color: var(--divider-primary);
	border: 0;
	bottom: 0;
	height: 3px;
	left: 0;
	overflow: hidden;
	position: absolute;
	width: 100%;
	z-index: 1
}

.datagrid-progress .datagrid-progress-bar {
	background-color: #00d000;
	height: 3px;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear
}

.datagrid-cell {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	position: relative
}

.datagrid-cell.cell-title {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-left: 12px
}

.datagrid-cell.cell-album,
.datagrid-cell.cell-artist {
	width: 20%
}

.datagrid-cell.cell-show {
	width: 40%
}

@media (max-width:1199px) {
	.datagrid-cell.cell-album {
		display: none
	}
}

.datagrid-cell.cell-duration {
	width: 60px
}

.datagrid-cell.cell-explicit {
	margin-right: 4px;
	width: 60px
}

.datagrid-cell.cell-explicit-small {
	margin: 0 -4px;
	width: 30px
}

.datagrid-cell.cell-date {
	font-size: 10px;
	width: 84px
}

.datagrid-cell.cell-popularity {
	width: 48px
}

.datagrid-cell.cell-checkbox {
	width: 14px
}

.datagrid-cell.cell-checkbox .checkbox {
	height: 14px;
	line-height: 14px;
	min-width: 14px;
	width: 14px
}

.datagrid-cell.cell-checkbox .checkbox:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 14px;
	width: 14px
}

.datagrid-cell.cell-checkbox .checkbox .checkbox-tick {
	left: 2px;
	top: 2px
}

.datagrid-cell.cell-replace {
	overflow: visible
}

.datagrid-cell.cell-remove {
	padding-right: 16px;
	visibility: hidden
}

.datagrid-cell+.datagrid-cell {
	padding-left: 16px
}

.datagrid-cell-action {
	height: 28px;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-left: auto;
	width: 32px
}

.datagrid-cell-action+.datagrid-cell-action {
	padding-left: 0
}

.datagrid-cell-action.cell-love,
.datagrid-cell-action.cell-variation {
	padding-left: 8px
}

.datagrid-cell-action.cell-heard {
	padding-left: 16px
}

.datagrid-cell-hover {
	display: none;
	opacity: 0
}

.datagrid-cell-hover:hover {
	opacity: 1
}

.datagrid-action {
	border-radius: 50%;
	color: #72727d;
	color: var(--text-secondary);
	cursor: pointer;
	display: block;
	font-size: 14px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	width: 28px;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: background-color, color;
	transition-property: background-color, color
}

.datagrid-action .icon,
.datagrid-action .svg-icon {
	margin: 7px
}

.datagrid-action.is-active,
.datagrid-action:hover {
	background-color: #fff;
	background-color: var(--background-primary);
	color: #52525d;
	color: var(--text-intermediate)
}

.datagrid-action[disabled] {
	cursor: default;
	opacity: .12
}

.datagrid-action[disabled]:hover {
	background-color: rgba(0, 0, 0, 0)
}

.cell-play {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.cell-play .play-default {
	visibility: visible
}

.cell-play .play-active,
.cell-play .play-hover {
	visibility: hidden
}

.cell-play-icons {
	display: block;
	height: 28px;
	position: relative;
	width: 28px
}

.cell-play-icons .equalizer,
.cell-play-icons .svg-icon {
	color: #fff;
	color: var(--text-inverse);
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 1
}

.cell-play-icons:after {
	background-color: #191919;
	background-color: var(--text-primary);
	border-radius: 50%;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.datagrid-badge-unseen {
	background-color: #000;
	background-color: var(--color-accent);
	border-radius: 50%;
	height: 8px;
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 8px
}

.datagrid-track-number {
	bottom: 0;
	left: 0;
	line-height: 28px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0
}

.datagrid-note {
	background-color: #72727d;
	background-color: var(--text-secondary);
	display: inline-block;
	height: 12px;
	width: 1px
}

.datagrid-note+.datagrid-note {
	margin-left: 2px
}

.datagrid-note.active {
	background-color: #191919;
	background-color: var(--text-primary)
}

.heard-icon {
	border-radius: 50%;
	height: 10px;
	overflow: hidden;
	position: relative;
	width: 10px
}

.heard-circle {
	border: 1px solid #000;
	border: 1px solid var(--color-accent);
	border-radius: 50%;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.heard-status {
	background-color: #000;
	background-color: var(--color-accent);
	display: block;
	height: 100%;
	width: 100%
}

.heard-status.empty {
	width: 0
}

.heard-status.half {
	width: 50%
}

.datagrid-variation-up {
	color: #26be5a;
	color: var(--color-green-400)
}

.datagrid-variation-eq {
	color: #d1d1d6;
	color: var(--color-light-grey-500)
}

.datagrid-variation-down {
	color: #e97777;
	color: var(--color-red-300)
}

.datagrid-header .datagrid-row {
	background-color: #fff;
	background-color: var(--background-primary)
}

.datagrid-header .datagrid-row:before {
	content: "";
	top: 0
}

.datagrid-header .datagrid-row:after {
	bottom: 0;
	content: ""
}

.datagrid-header .datagrid-row:hover {
	background-color: #fff;
	background-color: var(--background-primary);
	cursor: default
}

.datagrid-header .datagrid-label {
	cursor: default;
	font-size: 12px;
	letter-spacing: 1px;
	margin-bottom: 0;
	text-transform: uppercase;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: color;
	transition-property: color
}

.datagrid-header .datagrid-label:hover {
	color: #72727d;
	color: var(--text-secondary)
}

.datagrid-header .is-sortable .datagrid-label {
	cursor: pointer
}

.datagrid-header .is-sortable .datagrid-label:hover {
	color: #000;
	color: var(--color-accent)
}

.datagrid-header .is-sortable .icon,
.datagrid-header .is-sortable .svg-icon {
	color: #000;
	color: var(--color-accent);
	line-height: 52px;
	margin-left: 5px;
	opacity: 0;
	position: relative;
	top: 3px;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: opacity;
	transition-property: opacity
}

.datagrid-header .is-sortable.sort-active .icon,
.datagrid-header .is-sortable.sort-active .svg-icon,
.datagrid-header .is-sortable:hover .icon,
.datagrid-header .is-sortable:hover .svg-icon {
	cursor: pointer;
	opacity: 1
}

.datagrid-header.is-selected .datagrid-label {
	color: #000;
	color: var(--color-accent);
	font-size: 14px;
	letter-spacing: normal;
	text-transform: none
}

.datagrid-header .header-actions {
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin-left: -12px;
	text-align: right;
	width: 400px\9
}

.datagrid-header .header-action-item {
	margin-left: 12px
}

.datagrid-divider .datagrid-row {
	background-color: #fff;
	background-color: var(--background-primary);
	cursor: default
}

.datagrid-divider .icon-album {
	margin: 8px
}

.datagrid-drag-divider {
	background-color: #d1d1d6;
	background-color: var(--divider-secondary);
	height: 1px;
	margin-top: -1px;
	position: absolute;
	width: 100%
}

.datagrid-calendar {
	height: 28px;
	margin-right: 4px;
	text-align: center;
	width: 28px
}

.datagrid-calendar .month {
	background-color: #d22727;
	background-color: var(--color-red-800);
	border-radius: 2px 2px 0 0;
	color: #fff;
	color: var(--color-white);
	font-size: 8px;
	padding: 1px
}

.datagrid-calendar .day {
	background-color: #f2f2f2;
	background-color: var(--color-light-grey-200);
	border-radius: 0 0 2px 2px;
	color: #72727d;
	color: var(--color-light-grey-900);
	font-size: 11px;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: background-color;
	transition-property: background-color
}

.datagrid-cover {
	bottom: 0;
	left: 0;
	line-height: 28px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0
}

.datagrid-toolbar {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.datagrid-toolbar,
.datagrid-toolbar .toolbar-wrapper {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 12px
}

.datagrid-toolbar .toolbar-wrapper {
	padding-right: 12px
}

.datagrid-toolbar .toolbar-wrapper-full {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.datagrid-toolbar .toolbar-item+.toolbar-item {
	margin-left: 12px
}

.datagrid-toolbar .heading-1 {
	line-height: 28px
}

.no-flexbox .datagrid-row {
	display: table-row
}

.no-flexbox .datagrid-cell {
	display: table-cell;
	line-height: 52px;
	vertical-align: middle
}

.datagrid-ghost {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background-color: #fff;
	background-color: var(--background-primary);
	border: 1px solid #eaeaea;
	border: 1px solid var(--divider-primary);
	-webkit-box-shadow: 0 1px 4px rgba(10, 10, 22, .17);
	box-shadow: 0 1px 4px rgba(10, 10, 22, .17);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #72727d;
	color: var(--text-secondary);
	font-size: 11px;
	left: 0;
	padding: 10px;
	position: fixed;
	top: 0;
	-webkit-transform: translateX(-500px);
	-ms-transform: translateX(-500px);
	transform: translateX(-500px);
	width: 500px
}

.dropdown {
	display: inline-block;
	position: relative
}

.dropdown-toggle .svg-icon {
	display: block
}

.dropdown-menu {
	background-color: #fff;
	background-color: var(--background-secondary);
	border: 1px solid #eaeaea;
	border: 1px solid var(--divider-primary);
	-webkit-box-shadow: 0 4px 20px 0 rgba(25, 25, 34, .24);
	-webkit-box-shadow: var(--popper-shadow);
	box-shadow: 0 4px 20px 0 rgba(25, 25, 34, .24);
	box-shadow: var(--popper-shadow);
	float: left;
	font-size: 12px;
	left: 0;
	list-style: none;
	margin-top: -1px;
	min-width: 100%;
	opacity: 0;
	position: absolute;
	top: 100%;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	transform-origin: 50% 0;
	z-index: 1001;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform
}

.dropdown-menu.is-overflow {
	max-height: 220px;
	overflow-y: auto
}

.dropdown-menu.is-right {
	left: auto;
	right: 0
}

.dropdown-item a,
.dropdown-item button {
	background-color: #fff;
	background-color: var(--background-secondary);
	color: #52525d;
	color: var(--text-intermediate);
	display: block;
	line-height: 32px;
	padding: 0 15px;
	text-align: left;
	white-space: nowrap;
	width: 100%;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: background-color, color;
	transition-property: background-color, color
}

.dropdown-item a:hover,
.dropdown-item button:hover {
	background-color: #eaeaea;
	background-color: var(--background-contrast);
	color: #191919;
	color: var(--text-primary)
}

.dropdown-active .dropdown-toggle {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.dropdown-active .dropdown-menu {
	opacity: 1;
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1)
}

.equalizer {
	display: inline-block;
	position: relative
}

.equalizer-12 {
	height: 12px;
	width: 12px
}

.equalizer-12.equalizer-default {
	background-image: url(/cache/slash/images/common/animated/equalizer/12x12/default.3e6e18465c971416b82a6b1e0b556787.gif);
	background-position: 50%;
	background-repeat: no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
	.equalizer-12.equalizer-default {
		background-image: url(/cache/slash/images/common/animated/equalizer/12x12/default@2x.dd5f18431e512e3258876db70804e8d3.gif);
		-webkit-background-size: 12px 12px;
		background-size: 12px 12px
	}
}

.equalizer-12.equalizer-primary {
	background-image: url(/cache/slash/images/common/animated/equalizer/12x12/primary.af80e9ba08dedaf220803e0da3d7f153.gif);
	background-position: 50%;
	background-repeat: no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
	.equalizer-12.equalizer-primary {
		background-image: url(/cache/slash/images/common/animated/equalizer/12x12/primary@2x.44880c68f9f81c023255dedaea2b4293.gif);
		-webkit-background-size: 12px 12px;
		background-size: 12px 12px
	}
}

.equalizer-12.equalizer-dark {
	background-image: url(/cache/slash/images/common/animated/equalizer/12x12/dark.ee54bef1c488b8caebde2b4915d0fc5d.gif);
	background-position: 50%;
	background-repeat: no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
	.equalizer-12.equalizer-dark {
		background-image: url(/cache/slash/images/common/animated/equalizer/12x12/dark@2x.24232c99ff406af88aa6e4c7083dbd08.gif);
		-webkit-background-size: 12px 12px;
		background-size: 12px 12px
	}
}

.equalizer-12.equalizer-inverse {
	background-image: url(../img/inverse.gif);
	background-position: 50%;
	background-repeat: no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
	.equalizer-12.equalizer-inverse {
		background-image: url(../img/inverse.gif);
		-webkit-background-size: 12px 12px;
		background-size: 12px 12px
	}
}

.equalizer-16 {
	height: 16px;
	width: 16px
}

.equalizer-16.equalizer-default {
	background-image: url(/cache/slash/images/common/animated/equalizer/16x16/default.52d1a8d5e856d0302491e5e87469eb6f.gif);
	background-position: 50%;
	background-repeat: no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
	.equalizer-16.equalizer-default {
		background-image: url(/cache/slash/images/common/animated/equalizer/16x16/default@2x.2f4a17db66aa3f8a90eeefc42591d9b5.gif);
		-webkit-background-size: 16px 16px;
		background-size: 16px 16px
	}
}

.equalizer-16.equalizer-primary {
	background-image: url(/cache/slash/images/common/animated/equalizer/16x16/primary.7b5bfd4d456b81bec3bfe226c861ef03.gif);
	background-position: 50%;
	background-repeat: no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
	.equalizer-16.equalizer-primary {
		background-image: url(../img/inverse.gif);
		-webkit-background-size: 16px 16px;
		background-size: 16px 16px
	}
}

.equalizer-16.equalizer-dark {
	background-image: url(/cache/slash/images/common/animated/equalizer/16x16/dark.383b77c5e75ce2bf51239aba8a749876.gif);
	background-position: 50%;
	background-repeat: no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
	.equalizer-16.equalizer-dark {
		background-image: url(/cache/slash/images/common/animated/equalizer/16x16/dark@2x.286113c5c8283fd100c927d6a6105408.gif);
		-webkit-background-size: 16px 16px;
		background-size: 16px 16px
	}
}

.equalizer-16.equalizer-inverse {
	background-image: url(/cache/slash/images/common/animated/equalizer/16x16/inverse.ba5c0fc49dee731f15fa6bfcf2908d48.gif);
	background-position: 50%;
	background-repeat: no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
	.equalizer-16.equalizer-inverse {
		background-image: url(/cache/slash/images/common/animated/equalizer/16x16/inverse@2x.f8c004edc175bcf875cfe6c0ea76347e.gif);
		-webkit-background-size: 16px 16px;
		background-size: 16px 16px
	}
}

.thumbnail-grid {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -24px;
	margin-top: -24px;
	position: relative
}

.thumbnail-grid-title {
	margin-bottom: 32px
}

.thumbnail-col {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 24px;
	margin-top: 24px;
	position: relative;
	width: 162px
}

.thumbnail-col .picture-img {
	height: 162px;
	width: 162px
}

.thumbnail-col .thumbnail-rectangle .picture-img,
.thumbnail-col .thumbnail-rectangle.thumbnail-viewmore {
	height: 82px
}

.thumbnail-col .icon-stack.icon-36 .equalizer-16 {
	height: 12px;
	margin: -6px 0 0 -6px;
	width: 12px
}

.thumbnail-col .icon-selection {
	border: 1px solid hsla(0, 0%, 100%, .6);
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	height: 32px;
	line-height: 32px;
	opacity: 0;
	position: absolute;
	right: 16px;
	text-align: center;
	top: 115px;
	width: 32px;
	z-index: 10;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: border-color, opacity;
	transition-property: border-color, opacity
}

.thumbnail-col .icon-selection .svg-icon {
	margin: 7px
}

.thumbnail-col .icon-selection:hover {
	border-color: #fff
}

.thumbnail-col.highlight {
	width: auto
}

.thumbnail-col.selected {
	position: relative
}

.thumbnail-col.selected .icon-selection {
	background-color: #000;
	background-color: var(--color-accent);
	opacity: 1
}

.thumbnail-col.selected .icon-selection,
.thumbnail-col.selected .icon-selection:hover {
	border-color: #000;
	border-color: var(--color-accent)
}

.thumbnail-col.selectable {
	cursor: pointer
}

.thumbnail-col.selectable:hover .icon-selection {
	opacity: 1
}

.thumbnail-col-slide {
	height: 175px;
	width: 348px
}

.thumbnail-col-slide .slide-foreground {
	font-size: 14px
}

.thumbnail-blur .picture-img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-radius: 50%;
	height: 80%!important;
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto!important
}

.thumbnail-blur .picture-blur {
	border-radius: 4px;
	height: 162px;
	vertical-align: top;
	width: 162px;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: opacity;
	transition-property: opacity
}

.thumbnail-user .thumbnail {
	background-color: #f4f4f4;
	background-color: var(--background-intermediate)
}

.thumbnail-user .picture-blur {
	opacity: 0
}

.thumbnail-viewmore {
	background-color: #fff;
	background-color: var(--background-secondary);
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 6px 0 rgba(25, 25, 34, .16);
	box-shadow: 0 1px 6px 0 rgba(25, 25, 34, .16);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #191919;
	color: var(--text-primary);
	display: block;
	height: 162px;
	max-height: 100%;
	position: relative;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: color, -webkit-box-shadow;
	transition-property: color, -webkit-box-shadow;
	transition-property: box-shadow, color;
	transition-property: box-shadow, color, -webkit-box-shadow
}

.thumbnail-viewmore:hover {
	-webkit-box-shadow: 0 1px 6px 0 rgba(25, 25, 34, .24);
	box-shadow: 0 1px 6px 0 rgba(25, 25, 34, .24);
	color: #000;
	color: var(--color-accent)
}

.thumbnail-viewmore-arrow,
.thumbnail-viewmore-label {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.thumbnail-viewmore-label {
	font-size: 18px;
	font-weight: 600;
	left: 16px;
	right: 50px;
	text-align: left;
	white-space: normal
}

.thumbnail-viewmore-arrow {
	right: 16px
}

.thumbnail-grid-one-line {
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.thumbnail-grid-one-line .thumbnail-col {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.thumbnail-caption {
	padding-top: 8px
}

.thumbnail-caption .label {
	border-radius: 2px;
	display: inline-block;
	font-size: 10px;
	height: 16px;
	letter-spacing: 1px;
	line-height: 16px;
	margin: 2px 4px 4px 0;
	padding: 0 8px;
	text-align: center
}

.thumbnail-caption .label-big {
	font-size: 12px;
	height: 20px;
	line-height: 20px
}

.thumbnail-caption .label-new {
	background-color: rgba(255, 128, 0, .1);
	background-color: var(--label-new-background-color);
	color: #ff8000;
	color: var(--label-new-color)
}

.thumbnail-caption .label-album {
	background-color: #efeff2;
	background-color: var(--label-album-background-color);
	color: #72727d;
	color: var(--label-album-color)
}

.thumbnail-caption .heading-4 {
	line-height: 18px;
	max-height: 36px;
	overflow: hidden;
	white-space: normal;
	font-family: 'robotoM';
}

.thumbnail-caption .heading-4-sub,
.thumbnail-caption .heading-5-sub {
	line-height: 18px;
	margin-bottom: 2px;
	max-height: 35px;
	overflow: hidden
}

.thumbnail-caption .caption-released {
	color: #72727d;
	color: var(--text-secondary);
	font-size: 10px;
	line-height: 18px;
	margin-bottom: 2px
}

.thumbnail-caption .badge {
	margin-right: 5px
}

.thumbnail-caption .explicit {
	margin-top: 6px
}

.thumbnail-caption.is-centered {
	text-align: center
}

.thumbnail-col.flow .heading-4,
.thumbnail-col.smarttracklist .heading-4 {
	max-height: 54px
}

.create-assistant-container {
	background-color: rgba(0, 0, 0, 0);
	border: 1px dashed #000;
	border: 1px dashed var(--color-accent);
	border-radius: 4px;
	cursor: pointer;
	height: 100%;
	position: relative;
	width: 100%;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: background-color;
	transition-property: background-color
}

.create-assistant-container .thumbnail-wrapper {
	background-color: rgba(0, 0, 0, 0);
	height: 162px
}

.create-assistant-container .thumbnail-caption {
	opacity: 0
}

.create-assistant-container:hover {
	background-color: #eaeaea;
	background-color: var(--background-contrast)
}

.create-assistant-container:active {
	background-color: rgba(0, 0, 0, 0)
}

.create-assistant {
	left: 50%;
	position: absolute;
	text-align: center;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.create-assistant-icon {
	background-color: #000;
	background-color: var(--color-accent);
	border-radius: 4px;
	display: inline-block;
	height: 44px;
	line-height: 46px;
	margin-bottom: 20px;
	width: 44px
}

.create-assistant-icon .icon {
	color: #fff;
	color: var(--color-white);
	font-size: 16px;
	line-height: 44px
}

.has-ads-full .thumbnail-grid-responsive {
	margin-left: -24px
}

.has-ads-full .thumbnail-grid-responsive .thumbnail-col {
	margin-left: 24px;
	width: 162px
}

.has-ads-full .thumbnail-grid-responsive .thumbnail-col .picture-img {
	height: 162px;
	width: 162px
}

.has-ads-full .thumbnail-grid-responsive .thumbnail-col .thumbnail-rectangle .picture-img {
	height: 82px;
	width: 162px
}

.has-ads-full .thumbnail-grid-responsive .thumbnail-col .thumbnail-rectangle.thumbnail-viewmore {
	height: 82px
}

.has-ads-full .thumbnail-grid-responsive .thumbnail-col .thumbnail-viewmore {
	height: 162px
}

.has-ads-full .thumbnail-grid-responsive .thumbnail-col-slide {
	height: 175px;
	width: 348px
}

.has-ads-full .thumbnail-grid-responsive .thumbnail-col-slide .slide-foreground {
	font-size: 14px
}

.has-ads-full .thumbnail-grid-responsive .create-assistant-container .thumbnail-wrapper {
	height: 162px
}

.before_animation{
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 999999999999999;
    top: 0px;
    left: 0px;			
	text-align:center;
}
.before_animation .animation {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    text-align: center;
    width: 100%;
}
#page_profile .container {
	width: 100%;
    padding: 24px 0 0 58px !important;
	margin:0px;
} 
@media (min-width:1100px) {
	.thumbnail-grid-responsive {			
		margin-left: -34px
	}
	.thumbnail-grid-responsive .thumbnail .title {
		bottom: 80px
	}
	.thumbnail-grid-responsive .thumbnail .title-label {
		font-size: 14px
	}
	.thumbnail-grid-responsive .thumbnail .title-text {
		font-size: 18px;
		line-height: 22px;
		max-height: 44px
	}
	.thumbnail-grid-responsive .thumbnail-col {
		margin-left: 34px;
		width: 182px
	}
	.thumbnail-grid-responsive .thumbnail-col .picture-img {
		height: 182px;
		width: 182px
	}
	.thumbnail-grid-responsive .thumbnail-col .thumbnail-rectangle .picture-img,
	.thumbnail-grid-responsive .thumbnail-col .thumbnail-rectangle.thumbnail-viewmore {
		height: 92px
	}
	.thumbnail-grid-responsive .thumbnail-col .thumbnail-viewmore {
		height: 182px
	}
	.thumbnail-grid-responsive .thumbnail-col-slide {
		height: 200px;
		width: 398px
	}
	.thumbnail-grid-responsive .thumbnail-col-slide .slide-foreground {
		font-size: 16px
	}
	.thumbnail-grid-responsive .create-assistant-container .thumbnail-wrapper {
		height: 182px
	}
}

@media (min-width:1200px) {
	.thumbnail-grid-responsive {
		margin-left: -34px
	}
	.thumbnail-grid-responsive .thumbnail .title {
		bottom: 84px
	}
	.thumbnail-grid-responsive .thumbnail .title-label {
		font-size: 14px
	}
	.thumbnail-grid-responsive .thumbnail .title-text {
		font-size: 20px;
		line-height: 24px;
		max-height: 48px
	}
	.thumbnail-grid-responsive .thumbnail-col {
		margin-left: 34px;
		width: 201px
	}
	.thumbnail-grid-responsive .thumbnail-col .picture-img {
		height: 201px;
		width: 201px
	}
	.thumbnail-grid-responsive .thumbnail-col .thumbnail-rectangle .picture-img,
	.thumbnail-grid-responsive .thumbnail-col .thumbnail-rectangle.thumbnail-viewmore {
		height: 102px
	}
	.thumbnail-grid-responsive .thumbnail-col .thumbnail-viewmore {
		height: 201px
	}
	.thumbnail-grid-responsive .thumbnail-col-slide {
		height: 220px;
		width: 436px
	}
	.thumbnail-grid-responsive .thumbnail-col-slide .slide-foreground {
		font-size: 16px
	}
	.thumbnail-grid-responsive .create-assistant-container .thumbnail-wrapper {
		height: 201px
	}
}

@media (min-width:1310px) {
	.thumbnail-grid-responsive {
		margin-left: -34px
	}
	.thumbnail-grid-responsive .thumbnail .title {
		bottom: 92px
	}
	.thumbnail-grid-responsive .thumbnail .title-label {
		font-size: 14px
	}
	.thumbnail-grid-responsive .thumbnail .title-text {
		font-size: 22px;
		line-height: 26px;
		max-height: 52px
	}
	.thumbnail-grid-responsive .thumbnail-col {
		margin-left: 34px;
		width: 234px
	}
	.thumbnail-grid-responsive .thumbnail-col .picture-img {
		height: 234px;
		width: 234px
	}
	.thumbnail-grid-responsive .thumbnail-col .thumbnail-rectangle .picture-img,
	.thumbnail-grid-responsive .thumbnail-col .thumbnail-rectangle.thumbnail-viewmore {
		height: 119px
	}
	.thumbnail-grid-responsive .thumbnail-col .thumbnail-viewmore {
		height: 234px
	}
	.thumbnail-grid-responsive .thumbnail-col-slide {
		height: 253px;
		width: 502px
	}
	.thumbnail-grid-responsive .thumbnail-col-slide .slide-foreground {
		font-size: 18px
	}
	.thumbnail-grid-responsive .create-assistant-container .thumbnail-wrapper {
		height: 234px
	}
}

@media (min-width:1430px) {
	.thumbnail-grid-responsive {
		margin-left: -34px
	}
	.thumbnail-grid-responsive .thumbnail .title {
		bottom: 102px
	}
	.thumbnail-grid-responsive .thumbnail .title-label {
		font-size: 16px
	}
	.thumbnail-grid-responsive .thumbnail .title-text {
		font-size: 24px;
		line-height: 30px;
		max-height: 60px
	}
	.thumbnail-grid-responsive .thumbnail-col {
		margin-left: 34px;
		width: 264px
	}
	.thumbnail-grid-responsive .thumbnail-col .picture-img {
		height: 264px;
		width: 264px;
		border-radius:4px;
	}
	.thumbnail-grid-responsive .thumbnail-col .thumbnail-rectangle .picture-img,
	.thumbnail-grid-responsive .thumbnail-col .thumbnail-rectangle.thumbnail-viewmore {
		height: 134px
	}
	.thumbnail-grid-responsive .thumbnail-col .thumbnail-viewmore {
		height: 264px
	}
	.thumbnail-grid-responsive .thumbnail-col-slide {
		height: 283px;
		width: 562px
	}
	.thumbnail-grid-responsive .thumbnail-col-slide .slide-foreground {
		font-size: 18px
	}
	.thumbnail-grid-responsive .create-assistant-container .thumbnail-wrapper {
		height: 264px
	}
}

@media (min-width:1480px) and (max-width: 1727px) {
#page_profile .container {
	width: calc(100vw - 260px);
}
}


@media (min-width:1728px) {
	.thumbnail-grid-responsive {
		margin-left: -34px
	}
	.thumbnail-grid-responsive .thumbnail-col {
		margin-left: 34px;
		width: 264px
	}
	.thumbnail-grid-responsive .thumbnail-col .picture-img {
		height: 264px;
		width: 264px
	}
	.thumbnail-grid-responsive .thumbnail-col .thumbnail-rectangle .picture-img,
	.thumbnail-grid-responsive .thumbnail-col .thumbnail-rectangle.thumbnail-viewmore {
		height: 134px
	}
	.thumbnail-grid-responsive .thumbnail-col .thumbnail-viewmore {
		height: 264px
	}
	.thumbnail-grid-responsive .thumbnail-col-slide {
		height: 358px;
		width: 711px
	}
	.thumbnail-grid-responsive .thumbnail-col-slide .slide-foreground {
		font-size: 24px
	}
	.thumbnail-grid-responsive .create-assistant-container .thumbnail-wrapper {
		height: 264px
	}
	/*#page_profile .container {
	width: 1650px;
}*/
}

.no-flexbox.no-flexboxtweener .thumbnail-grid-one-line {
	white-space: nowrap
}

.no-flexbox.no-flexboxtweener .thumbnail-col {
	display: inline-block;
	vertical-align: top;
	white-space: normal
}

.svg-icon {
	fill: currentColor;
	stroke: currentColor;
	stroke-width: 0;
	vertical-align: top
}

.svg-icon.active,
.svg-icon.is-active {
	color: #000;
	color: var(--color-accent)
}

.svg-fill {
	fill: currentColor
}

.svg-icon-group {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.svg-icon-group-item {
	margin-left: 4px
}

.svg-icon-group-item:first-child {
	margin-left: 0
}

.svg-icon-group-btn {
	background-color: rgba(0, 0, 0, 0);
	border-radius: 50%;
	color: #191919;
	color: var(--text-primary);
	font-size: 16px;
	overflow: hidden;
	padding: .5em;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: background-color;
	transition-property: background-color
}

.svg-icon-group-btn .svg-icon {
	display: block;
	height: 1em;
	width: 1em
}

.svg-icon-group-btn.is-highlight {
	font-size: 24px
}

.svg-icon-group-btn.is-active,
.svg-icon-group-btn:active,
.svg-icon-group-btn:hover {
	background-color: #eaeaea;
	background-color: var(--background-contrast)
}

.svg-icon-group-btn[disabled] {
	cursor: default;
	opacity: .12
}

.svg-icon-group-btn[disabled]:hover {
	background-color: rgba(0, 0, 0, 0)
}

.svg-icon-group-hide {
	display: none
}

.svg-icon-love-outline.is-active .svg-path {
	fill: currentColor;
	fill-rule: nonzero
}

.svg-icon-chromecast {
	will-change: color
}

.svg-icon-chromecast .cast {
	visibility: hidden
}

.svg-icon-chromecast.is-connecting .wave {
	-webkit-animation: chromecast 1.5s steps(1) infinite;
	animation: chromecast 1.5s steps(1) infinite
}

.svg-icon-chromecast.is-connecting .wave-2 {
	-webkit-animation-delay: .5s;
	animation-delay: .5s
}

.svg-icon-chromecast.is-connecting .wave-3 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}

.svg-icon-chromecast.active .cast {
	visibility: visible
}

.icon:after {
	left: 0;
	position: absolute
}

.icon.active {
	color: #000!important;
	color: var(--color-accent)!important
}

.icon.active.icon-favorite {
	color: #ffc300!important
}

.icon-16 {
	font-size: 16px
}

.icon-24 {
	font-size: 24px
}

.icon-32 {
	font-size: 32px
}

.icon-44 {
	font-size: 44px
}

.icon-52 {
	font-size: 52px
}

.icon-64 {
	font-size: 64px
}

.icon-before {
	margin-right: 5px
}

.icon-after {
	margin-left: 5px
}

.icon-stack {
	vertical-align: top
}

.icon-stack:after,
.icon-stack:before {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.icon-stack:before {
	z-index: 2
}

.icon-stack:after {
	display: none;
	z-index: 1
}

.icon-stack.icon-28 {
	height: 28px;
	line-height: 28px;
	width: 28px
}

.icon-stack.icon-28:after,
.icon-stack.icon-28:before {
	font-size: 28px
}

.icon-stack.icon-28 .equalizer,
.icon-stack.icon-28 .icon,
.icon-stack.icon-28 .svg-icon {
	left: 50%;
	position: absolute;
	top: 50%;
	z-index: 3
}

.icon-stack.icon-28 .icon,
.icon-stack.icon-28 .svg-icon {
	font-size: 10px;
	margin: -5px 0 0 -5px
}

.icon-stack.icon-28 .equalizer-12 {
	margin: -6px 0 0 -6px
}

.icon-stack.icon-28 .equalizer-10 {
	margin: -5px 0 0 -5px
}

.icon-stack.icon-28 .equalizer-16 {
	margin: -8px 0 0 -8px
}

.icon-stack.icon-32 {
	height: 32px;
	line-height: 32px;
	width: 32px
}

.icon-stack.icon-32:after,
.icon-stack.icon-32:before {
	font-size: 32px
}

.icon-stack.icon-32 .equalizer,
.icon-stack.icon-32 .icon,
.icon-stack.icon-32 .svg-icon {
	left: 50%;
	position: absolute;
	top: 50%;
	z-index: 3
}

.icon-stack.icon-32 .icon,
.icon-stack.icon-32 .svg-icon {
	font-size: 12px;
	margin: -6px 0 0 -6px
}

.icon-stack.icon-32 .equalizer-12 {
	margin: -6px 0 0 -6px
}

.icon-stack.icon-32 .equalizer-10 {
	margin: -5px 0 0 -5px
}

.icon-stack.icon-32 .equalizer-16 {
	margin: -8px 0 0 -8px
}

.icon-stack.icon-36 {
	height: 36px;
	line-height: 36px;
	width: 36px
}

.icon-stack.icon-36:after,
.icon-stack.icon-36:before {
	font-size: 36px
}

.icon-stack.icon-36 .equalizer,
.icon-stack.icon-36 .icon,
.icon-stack.icon-36 .svg-icon {
	left: 50%;
	position: absolute;
	top: 50%;
	z-index: 3
}

.icon-stack.icon-36 .icon,
.icon-stack.icon-36 .svg-icon {
	font-size: 12px;
	margin: -6px 0 0 -6px
}

.icon-stack.icon-36 .equalizer-12 {
	margin: -6px 0 0 -6px
}

.icon-stack.icon-36 .equalizer-10 {
	margin: -5px 0 0 -5px
}

.icon-stack.icon-36 .equalizer-16 {
	margin: -8px 0 0 -8px
}

.icon-stack.icon-44 {
	height: 44px;
	line-height: 44px;
	width: 44px
}

.icon-stack.icon-44:after,
.icon-stack.icon-44:before {
	font-size: 44px
}

.icon-stack.icon-44 .equalizer,
.icon-stack.icon-44 .icon,
.icon-stack.icon-44 .svg-icon {
	left: 50%;
	position: absolute;
	top: 50%;
	z-index: 3
}

.icon-stack.icon-44 .icon,
.icon-stack.icon-44 .svg-icon {
	font-size: 16px;
	margin: -8px 0 0 -8px
}

.icon-stack.icon-44 .equalizer-12 {
	margin: -6px 0 0 -6px
}

.icon-stack.icon-44 .equalizer-10 {
	margin: -5px 0 0 -5px
}

.icon-stack.icon-44 .equalizer-16 {
	margin: -8px 0 0 -8px
}

.icon-stack.icon-52 {
	height: 52px;
	line-height: 52px;
	width: 52px
}

.icon-stack.icon-52:after,
.icon-stack.icon-52:before {
	font-size: 52px
}

.icon-stack.icon-52 .equalizer,
.icon-stack.icon-52 .icon,
.icon-stack.icon-52 .svg-icon {
	left: 50%;
	position: absolute;
	top: 50%;
	z-index: 3
}

.icon-stack.icon-52 .icon,
.icon-stack.icon-52 .svg-icon {
	font-size: 18px;
	margin: -9px 0 0 -9px
}

.icon-stack.icon-52 .equalizer-12 {
	margin: -6px 0 0 -6px
}

.icon-stack.icon-52 .equalizer-10 {
	margin: -5px 0 0 -5px
}

.icon-stack.icon-52 .equalizer-16 {
	margin: -8px 0 0 -8px
}

.icon-stack.icon-64 {
	height: 64px;
	line-height: 64px;
	width: 64px
}

.icon-stack.icon-64:after,
.icon-stack.icon-64:before {
	font-size: 64px
}

.icon-stack.icon-64 .equalizer,
.icon-stack.icon-64 .icon,
.icon-stack.icon-64 .svg-icon {
	left: 50%;
	position: absolute;
	top: 50%;
	z-index: 3
}

.icon-stack.icon-64 .icon,
.icon-stack.icon-64 .svg-icon {
	font-size: 20px;
	margin: -10px 0 0 -10px
}

.icon-stack.icon-64 .equalizer-12 {
	margin: -6px 0 0 -6px
}

.icon-stack.icon-64 .equalizer-10 {
	margin: -5px 0 0 -5px
}

.icon-stack.icon-64 .equalizer-16 {
	margin: -8px 0 0 -8px
}

.icon-stack-hover .icon,
.icon-stack-hover .svg-icon {
	color: #fff;
	color: var(--color-white);
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: opacity;
	transition-property: opacity
}

.icon-stack-hover:after {
	background-color: #191919;
	background-color: var(--color-dark-grey-800);
	border-radius: 50%;
	content: "";
	display: block
}

.icon-stack-hover:active .icon,
.icon-stack-hover:active .svg-icon,
.icon-stack-hover:hover .icon,
.icon-stack-hover:hover .svg-icon {
	opacity: 1
}

.icon-stack-circle {
	border: 1px solid hsla(0, 0%, 100%, .4);
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	color: var(--color-white);
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: border-color;
	transition-property: border-color
}

.icon-stack-circle.icon-52,
.icon-stack-circle.icon-64 {
	border-width: 2px
}

.icon-stack-circle:before {
	display: none
}

.icon-stack-circle:hover {
	border-color: hsla(0, 0%, 100%, .6)
}

.icon-stack-circle:active {
	border-color: hsla(0, 0%, 100%, .8)
}

.icon-love.active {
	color: #000;
	color: var(--color-accent)
}

.icon-volume-off:after {
	color: #d22727;
	color: var(--color-red-800)
}
.modal-wrapper {
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    z-index: 8020;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
}
.modal-open .modal{
	z-index:9999
}
.modal.in .modal-dialog{
	opacity:1;
}
.modal.opened .modal-backdrop {
	opacity: .8
}

.modal.opened .modal-dialog {
	opacity: 1
}

.modal-backdrop {
	background-color: #191922;
	background-color: var(--color-dark-grey-700);
	height: 100%;
	left: 0;
	opacity: 0;
	position: fixed;
	table-layout: fixed;
	top: 0;
	width: 100%;
	z-index: 8010;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: opacity;
	transition-property: opacity
}

.modal-wrapper {
	position: relative;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	z-index: 8020
}

.iconAfter-0-3-4 {
    margin-left: 8px;
}
.icon-0-3-3.iconBefore-0-3-5.iconOnly-0-3-6 {
    margin: 0px;
}
.notifications-row .checkbox input[type="checkbox"]{
	width:18px;
}
.notifications-row .checkbox.checkbox-custom{
	margin:0px;
	text-align:center;
	display: inline-block;
}
.notifications-row .playlist-option{
	display:inline-block;
}
.checkbox input[type="checkbox"]{
	opacity:0;
}
.checkbox.checkbox-custom {
    font-size: 12px;
	margin-bottom:16px;
}
.checkbox-custom.checkbox input[type="checkbox"] + label::after{
    content: "";
    background-color: var(--color-accent);
    border-color: var(--color-accent);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 17.5px;
    height:  17.5px;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    background-image: url("../img/check-box.png");
    background-size: 12px 8px;
    background-repeat: no-repeat;
    background-position:2.5px 5px;
	transition: ease 0.1s;
	transform: scale(0);
}
.checkbox-custom.checkbox input[type="checkbox"]:checked + label::after {
	transition: ease 0.1s;
	transform: scale(1);
}
.checkbox-custom .checkbox-label{
	display:inline-block;
	padding:1px 0px 0px 12px;
	position:static;
}
.checkbox input[type="checkbox"]:checked + label::after svg{
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.custom-radio {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 18px;
  cursor: pointer;
  font-size:12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.custom-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: none;
  border:1px solid var(--divider-secondary);
  border-radius: 2px;
}

/* When the radio button is checked, add a blue background */
.custom-radio input:checked ~ .checkmark {
  background-color:var(--color-accent);
  border-radius: 2px;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.custom-radio input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.custom-radio .checkmark::after {
    top: -1px;
    left: -1px;
    font-family: 'FontAwesome';
    content: "\f00c";
    text-align: center;
    color: #fff;
    height: 18px;
    width: 18px;
    background: var(--color-accent);
    border-radius: 2px;
    border: 1px solid var(--color-accent);
}
.modal-wrapper .content {
	border-top: 1px solid #eaeaea;
	border-top: 1px solid var(--divider-primary);
	margin-top: 24px;
	padding-bottom: 12px;
	padding-top: 12px
}

.modal-dialog {
	background-color: #fff;
	background-color: var(--background-secondary);
	border-radius: 3px;
	-webkit-box-shadow: 0 2px 8px 2px rgba(10, 10, 22, .3);
	-webkit-box-shadow: 0 2px 8px 2px var(--modal-shadow-color);
	box-shadow: 0 2px 8px 2px rgba(10, 10, 22, .3);
	box-shadow: 0 2px 8px 2px var(--modal-shadow-color);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #191919;
	color: var(--text-primary);
	display: inline-block;
	max-width: 800px;
	min-width: 600px;
	opacity: 0;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 8030;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: opacity;
	transition-property: opacity
}

.modal-dialog.modal-small {
	max-width: 600px;
	width: 100%
}

.modal-dialog.modal-large {
	max-width: 800px;
	width: 100%
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.modal-dialog.modal-large {
		max-width: 100%;
		min-width: 100%;
		width: 100%
	}
}

@media only screen and (max-width:767px) {
	.modal-dialog.modal-large {
		max-width: 100%;
		min-width: 100%;
		width: 100%
	}
}

.modal-dialog.modal-xl {
	max-width: 950px;
	width: 100%
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.modal-dialog.modal-xl {
		max-width: 100%;
		min-width: 100%;
		width: 100%
	}
}

@media only screen and (max-width:767px) {
	.modal-dialog.modal-xl {
		max-width: 100%;
		min-width: 100%;
		width: 100%
	}
}

@media (max-height:700px) {
	.modal-dialog.modal-xl {
		max-width: 800px
	}
}

.modal-dialog.modal-full {
	border-radius: 0;
	height: 100vh;
	max-width: none;
	width: 100vw
}

.modal-dialog.modal-full,
.modal-dialog.modal-mobile {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-height: none;
	min-height: 0;
	min-width: 0
}

.modal-dialog.modal-mobile {
	max-width: 90vw
}

.modal-dialog.modal-responsive {
	bottom: 10%;
	left: 15%;
	max-width: none;
	min-height: 400px;
	min-width: 700px;
	overflow: hidden;
	position: absolute;
	right: 15%;
	top: 10%;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	width: auto
}

.modal-dialog.modal-responsive .modal-body {
	bottom: 0;
	left: 0;
	max-height: none;
	overflow: auto;
	position: absolute;
	right: 0;
	top: 0
}

.modal-dialog.modal-responsive .modal-header+.modal-body {
	top: 57px
}

.modal-without-background {
	-webkit-box-shadow: none;
	box-shadow: none;
	min-width: 100%
}

.modal-close {
	color: #52525d;
	color: var(--text-intermediate);
	font-size: 16px;
	font-weight: 600;
	position: absolute;
	right: 18px;
	top: 18px;
	z-index: 1
}

.modal-close-light {
	color: #fff;
	color: var(--color-white)
}

.modal-close-mobile {
	background-image: url(/cache/slash/images/bootstrap/components/modals/close_mobile.b05bf34a12cb2f8bfa117f33252e5235.png);
	height: 23px;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 23px
}

.modal-close-mobile:hover {
	background-position: -23px 0
}

.modal-header {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #191919;
	color: var(--text-primary);
	font-family: Deezer, Arial, sans-serif;
	font-size: 28px;
	font-weight: 600;
	letter-spacing: normal;
	margin: 0 20px;
	padding: 40px 30px 10px;
	text-align: center
}

.modal-header-partner {
	background-color: #32323d;
	background-color: var(--color-dark-grey-500);
	border-radius: 3px 3px 0 0;
	display: table;
	table-layout: fixed;
	text-align: left;
	width: 100%
}

.modal-header-partner .cell {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	display: table-cell;
	padding-bottom: 15px;
	padding-top: 15px;
	vertical-align: middle
}

.modal-header-partner .cell:first-child {
	padding-left: 10px;
	padding-right: 10px;
	width: 117px
}

.modal-header-partner .cell:first-child .logo-deezer {
	vertical-align: bottom
}

.modal-header-partner .modal-close {
	display: block;
	padding-right: 20px;
	position: static;
	text-align: right
}

.modal-header-partner .modal-close>.icon {
	color: #fff;
	color: var(--color-white)
}

.modal-body {
	font-size: 14px;
	line-height: normal;
	max-height: 600px;
	overflow: auto;
	position: relative;
	text-align: left
}

@media screen and (max-height:700px) {
	.modal-body {
		max-height: 450px
	}
}

@media only screen and (min-width:768px) and (max-width:1023px) and (max-height:700px) {
	.modal-body {
		max-height: 400px
	}
}

@media only screen and (min-width:768px) and (max-width:1023px) and (orientation:landscape) {
	.modal-body {
		max-height: calc(100vh - 144px)
	}
}

@media only screen and (max-width:767px) and (max-height:700px) {
	.modal-body {
		max-height: 400px
	}
}

@media only screen and (max-width:767px) and (orientation:landscape) {
	.modal-body {
		max-height: calc(100vh - 144px)
	}
}

.modal-body.video {
	font-size: 0
}

.modal-body .form-wrapper {
	margin: 0 auto;
	width: 270px
}

.modal-body .form-wrapper .recapatcha-wrapper {
	margin: 10px 0;
	text-align: center
}

.modal-body .form-wrapper .recapatcha-wrapper .g-recaptcha {
	display: inline-block;
	margin-left: -15px;
	position: relative
}

.modal-body .form-horizontal .form-group+.form-group {
	margin-top: 10px
}

.modal-body .form-control-error {
	background-color: rgba(0, 0, 0, 0);
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #df3c3c;
	color: var(--color-error);
	display: block;
	font-size: 14px;
	left: 0;
	margin-left: 0;
	margin-top: 5px;
	padding: 0;
	position: static;
	top: 0;
	width: auto
}

.modal-body .form-control-error:after,
.modal-body .form-control-error:before {
	display: none
}

.modal-body .alert {
	font-size: 14px;
	padding: 10px 15px
}

.modal-body .alert:last-child {
	margin-bottom: 0
}

.modal-body .columns {
	display: table;
	width: 100%
}

.modal-body .columns .column {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	display: table-cell;
	vertical-align: top;
	width: 50%
}

.modal-body .columns .column-left {
	padding-right: 10px
}

.modal-body .columns .column-right {
	padding-left: 10px
}

.modal-body .columns.columns-divider .column-left {
	border-right: 1px solid #eaeaea;
	border-right: 1px solid var(--divider-primary)
}

.modal-body .columns.columns-collapse .column-left {
	padding-right: 0
}

.modal-body .columns.columns-collapse .column-right {
	padding-left: 0
}

.modal-body p+p {
	margin-top: 10px
}

.modal-body .legal {
	color: #92929d;
	color: var(--color-light-grey-800);
	font-size: 11px;
	margin-top: 20px;
	text-align: center
}

.modal-footer {
	border-radius: 0 0 3px 3px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: table;
	font-size: 11px;
	padding: 20px 20px 40px;
	text-align: left;
	width: 100%
}

.modal-footer .action {
	display: table-cell;
	font-size: 0;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap
}

.modal-footer .action>.btn {
	word-spacing: normal
}

.modal-footer .action>.btn+.btn {
	margin-left: 10px
}

.modal-footer .action-btn {
	display: inline-block;
	margin-left: 10px
}

.modal-footer .notice {
	display: table-cell;
	text-align: right;
	vertical-align: middle;
	width: 100%
}

.modal-footer .notice iframe {
	border: none;
	overflow: hidden;
	vertical-align: middle
}

.modal-footer .notice iframe+iframe {
	margin-left: 5px
}

.modal-footer .notice+.action {
	padding-left: 10px
}

.nano-card-item {
	background-color: #fff;
	background-color: var(--background-primary);
	height: 56px;
	margin-top: 6px;
	position: relative;
	text-align: left;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 100%;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: background-color, color;
	transition-property: background-color, color
}

.nano-card-item.played .info-title,
.nano-card-item.played .info-title>a {
	color: #52525d;
	color: var(--text-intermediate)
}

.nano-card-item.played .info-misc,
.nano-card-item.played .info-misc>a {
	color: #fff;
	color: var(--text-inverse)
}

.nano-card-item.checked {
	border: 1px solid #000;
	border: 1px solid var(--color-accent);
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	margin: -1px;
	margin-top: 5px!important
}

.nano-card-item.disabled .thumbnail .unavailable {
	background: #a2a2ad;
	background: var(--background-elevation);
	opacity: .8
}

.nano-card-item.disabled .info-title,
.nano-card-item.disabled .info-title>a {
	color: #52525d;
	color: var(--text-intermediate)
}

.nano-card-item.disabled .info-misc,
.nano-card-item.disabled .info-misc>a {
	color: #fff;
	color: var(--text-inverse)
}

.nano-card-item.has-shadow {
	-webkit-box-shadow: 0 1px 2px rgba(25, 25, 34, .15);
	box-shadow: 0 1px 2px rgba(25, 25, 34, .15);
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: background-color, color, -webkit-box-shadow;
	transition-property: background-color, color, -webkit-box-shadow;
	transition-property: background-color, box-shadow, color;
	transition-property: background-color, box-shadow, color, -webkit-box-shadow
}

.nano-card-item.has-shadow:hover {
	-webkit-box-shadow: 0 2px 4px rgba(25, 25, 34, .25);
	box-shadow: 0 2px 4px rgba(25, 25, 34, .25)
}

.nano-card-item.has-thumbnail-rounded .nano-card-picture {
	border-right: 0
}

.nano-card-item.has-thumbnail-margin .picture-img {
	background-color: #fff;
	background-color: var(--background-primary);
	padding: 10%
}

.nano-card-item.is-sponsored-track .nano-card-infos {
	padding-top: 0
}

.nano-card-item.is-sponsored-track .nano-card-infos .sponsored {
	background-color: #f4f4f4;
	background-color: var(--background-intermediate);
	border-radius: 2px;
	color: #72727d;
	color: var(--text-secondary);
	display: inline-block;
	font-size: 10px;
	height: 16px;
	letter-spacing: .3px;
	line-height: 16px;
	margin-bottom: 3px;
	padding: 0 4px;
	text-align: center
}

.nano-card-item.is-sponsored-track .nano-card-infos .heading-4 {
	margin-bottom: 0
}

.nano-card-item.is-draggable .draggable-content {
	cursor: move;
	height: 100%
}

.nano-card-item:hover .thumbnail .play {
	opacity: 1
}

.nano-card-item:hover .option-hide {
	display: inline-block
}

.nano-card-item:hover .outline {
	border: undefined;
	border: 1px solid var(--secondary-text-color);
	color: #72727d;
	color: var(--text-secondary)
}

.nano-card-item.heading-3:hover {
	background-color: rgba(0, 0, 0, 0)
}

.nano-card-item.force-hover .thumbnail .play {
	opacity: 1
}

.nano-card-item.force-hover .option-hide {
	display: inline-block
}

.nano-card-item.force-hover .outline {
	border: undefined;
	border: 1px solid var(--secondary-text-color);
	color: #72727d;
	color: var(--text-secondary)
}

.nano-card-item.force-hover .heading-3:hover {
	background-color: rgba(0, 0, 0, 0)
}

.nano-card-link {
	background-color: #f4f4f4;
	background-color: var(--background-intermediate);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	height: 42px;
	line-height: 38px;
	margin-top: 6px;
	padding: 2px 8px;
	text-align: left;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 100%;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: background-color;
	transition-property: background-color
}

.nano-card-link .icon {
	color: #fff;
	color: var(--text-inverse);
	line-height: inherit
}

.nano-card-link .icon.pull-left {
	margin-right: 16px
}

.nano-card-link.animate-wobble .animate-wobble-target {
	margin-left: 2px;
	vertical-align: middle
}

.nano-card-link:focus,
.nano-card-link:hover {
	outline: 0
}

.nano-card-picture {
	float: left;
	height: 56px;
	text-align: center;
	width: 56px
}

.nano-card-picture .thumbnail .action {
	bottom: 10px;
	left: 10px
}

.nano-card-picture .nano-card-icon {
	display: inline-block;
	vertical-align: middle
}

.nano-card-infos {
	line-height: normal;
	margin-left: 56px;
	padding: 8px 16px 0
}

.nano-card-infos .badge-info {
	margin-right: 5px
}

.nano-card-infos .heading-4-sub {
	margin-bottom: 0
}

.nano-card-infos.has-sticker {
	padding: 0 16px
}

.nano-card-infos .explicit-container {
	margin-top: 3px
}

.nano-card-options {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	float: right;
	height: 100%;
	padding: 0 16px
}

.nano-card-options .option {
	border-radius: 50%;
	color: #72727d;
	color: var(--text-secondary);
	display: inline-block;
	height: 24px;
	line-height: 24px;
	text-align: center;
	width: 24px;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color
}

.nano-card-options .option .option-btn {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.nano-card-options .option .svg-icon {
	vertical-align: baseline
}

.nano-card-options .option+.option {
	margin-left: 12px
}

.nano-card-options .option:hover {
	background-color: #eaeaea;
	background-color: var(--background-contrast);
	color: #191919;
	color: var(--text-primary)
}

.nano-card-options .option-hide {
	display: none
}

.nano-card-options .option-draggable {
	background-image: url(/cache/slash/images/bootstrap/components/nanocards/draggable.093bcc2dea8f9cbdc8043224ab34a179.png);
	height: 30px;
	width: 6px
}

.nano-card-plus {
	border-radius: 3px 0 0 3px;
	cursor: pointer
}

.nano-card-plus .nano-card-picture {
	background-color: #000;
	background-color: var(--color-accent);
	border-radius: 3px;
	border-right: 0;
	color: #fff;
	color: var(--color-white);
	line-height: 56px
}

.nano-card-plus .nano-card-infos {
	line-height: 40px
}

.no-flexbox.no-flexboxtweener .nano-card-options .option {
	margin-top: 20px;
	vertical-align: top
}

.no-flexbox.no-flexboxtweener .nano-card-options .option-draggable {
	margin-top: 13px
}

.nav {
	list-style: none;
	margin-bottom: 0;
	padding-left: 0
}

.nav>li {
	position: relative
}

.nav-tabs {
	border-bottom: 1px solid #eaeaea;
	border-bottom: 1px solid var(--divider-primary);
	padding-left: 20px
}

.nav-tabs:after,
.nav-tabs:before {
	content: " ";
	display: table
}

.nav-tabs:after {
	clear: both
}

.nav-tabs>li {
	float: left;
	line-height: 1.33333333;
	list-style: none!important;
	margin-bottom: -1px
}

.nav-tabs>li>a {
	background-color: #f4f4f4;
	background-color: var(--background-intermediate);
	border: 1px solid #eaeaea;
	border: 1px solid var(--divider-primary);
	border-radius: 3px 3px 0 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #72727d;
	color: var(--text-secondary);
	display: block;
	font-size: 13px;
	font-weight: 700;
	height: 30px;
	line-height: 28px;
	padding: 0 20px;
	position: relative
}

.nav-tabs>li>a .badge {
	position: relative;
	text-shadow: none;
	top: -1px
}

.nav-tabs>li>a:hover {
	background-color: #fff;
	background-color: var(--background-primary);
	color: #72727d;
	text-decoration: none
}

.nav-tabs>li.active a,
.nav-tabs>li.selected a {
	background-color: #fff;
	background-color: var(--background-primary);
	border-bottom-color: rgba(0, 0, 0, 0);
	color: #000;
	color: var(--background-accent)
}

.nav-tabs>li+li {
	margin-left: 5px
}

.nav-tabs-panel {
	display: none
}

.nav-tabs-panel.active {
	display: block
}

.navbar {
	background-color: #fff;
	background-color: var(--background-primary);
	border-bottom: 1px solid #121216;
	border-bottom: 1px solid var(--shadow-border-color);
	-webkit-box-shadow: 0 2px 6px -4px rgba(25, 25, 34, .16);
	box-shadow: 0 2px 6px -4px rgba(25, 25, 34, .16);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative
}

.navbar .container {
	padding-bottom: 0;
	padding-top: 0;
	white-space: nowrap
}

.navbar-center {
	text-align: center
}

.navbar-link {
	background-color: rgba(0, 0, 0, 0);
	border-bottom: 2px solid rgba(0, 0, 0, 0);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #52525d;
	color: var(--text-intermediate);
	display: block;
	font-weight: 400;
	padding-bottom: 16px;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: border-color, color;
	transition-property: border-color, color
}

.page-content .navbar-nav > li > a.navbar-link {
	padding-top: 0;
	padding-bottom: 16px;
}

.navbar-link:hover {
	border-color: #52525d;
	border-color: var(--text-intermediate);
	color: #191919;
	color: var(--text-primary);
	text-decoration: none
}

.navbar-item {
	color: #52525d;
	color: var(--text-intermediate);
	display: inline-block;
	font-size: 16px;
	position: relative
}

.navbar-item+.navbar-item {
	padding-left: 44px
}

.navbar-item.active .navbar-link {
	border-color: #000;
	border-color: var(--color-accent);
	color: #191919;
	color: var(--text-primary)
}

.navbar-item.disabled .navbar-link,
.navbar-item.disabled .navbar-link:hover {
	color: #72727d;
	color: var(--text-secondary)
}

.navbar-item.disabled .navbar-link:hover {
	border-color: rgba(0, 0, 0, 0)
}

.navbar-button {
	background-color: #000;
	border-radius: 3px;
	color: #fff;
	color: var(--color-white);
	padding: 8px 10px
}

.navbar-button:hover {
	background-color: #ca2a36;
	background-color: var(--color-coral-700);
	color: #fff;
	color: var(--color-white)
}

.navbar-button:hover,
.sut-drop .navbar-link {
	border-color: rgba(0, 0, 0, 0)
}

.sut-drop .svg-icon {
	margin-left: 5px;
	margin-top: 3px
}
.sut-drop.dropdown.open .svg-icon {
    transform: rotate(180deg);
}
.sut-drop.dropdown  .dropdown-menu{
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	display:block;
}
.sut-drop.dropdown.open  .dropdown-menu{
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
}
.sut-drop .dropdown-menu {
	margin-top: 0;
	text-align: left
}

.sut-drop:hover .navbar-link {
	border-color: rgba(0, 0, 0, 0)
}
.list-drop .dropdown-menu {
    width: 300px;
    left: 116%;
    top: 50%;
    transform: translateY(-50%);
}
.list-drop .dropdown-menu ._1FfV3{
	width:auto;
}
.popover {
	background-color: #fff;
	background-color: var(--background-secondary);
	border-radius: 3px;
	-webkit-box-shadow: 0 4px 20px 0 rgba(25, 25, 34, .24);
	-webkit-box-shadow: var(--popper-shadow);
	box-shadow: 0 4px 20px 0 rgba(25, 25, 34, .24);
	box-shadow: var(--popper-shadow);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #52525d;
	color: var(--text-intermediate);
	max-width: 400px;
	min-width: 250px;
	padding: 10px;
	position: relative;
	z-index: 100
}

.popover .popover-header {
	border-bottom: 1px solid #d1d1d6;
	border-bottom: 1px solid var(--divider-secondary);
	color: #b2b2ba;
	margin-bottom: 10px;
	padding-bottom: 10px
}

.popover .popover-body {
	overflow: hidden;
	position: relative
}

.popover .popover-close {
	color: #52525d;
	color: var(--text-intermediate);
	position: absolute;
	right: 15px;
	top: 15px
}

.popover .popover-close:hover {
	text-decoration: none
}

.popover-top:before {
	margin-left: -8px;
	border: 8px solid rgba(0, 0, 0, 0);
	border-top: 8px solid var(--divider-primary)
}

.popover-top:after,
.popover-top:before {
	content: "";
	height: 0;
	pointer-events: none;
	position: absolute;
	width: 0;
	left: 50%;
	top: 100%
}

.popover-top:after {
	margin-left: -7px;
	border: 7px solid rgba(0, 0, 0, 0);
	border-top: 7px solid var(--background-secondary)
}

.popover-top-left:before {
	right: 20px;
	border: 8px solid rgba(0, 0, 0, 0);
	border-top: 8px solid var(--divider-primary)
}

.popover-top-left:after,
.popover-top-left:before {
	content: "";
	height: 0;
	pointer-events: none;
	position: absolute;
	width: 0;
	top: 100%
}

.popover-top-left:after {
	right: 21px;
	border: 7px solid rgba(0, 0, 0, 0);
	border-top: 7px solid var(--background-secondary)
}

.popover-top-right:before {
	left: 20px;
	border: 8px solid rgba(0, 0, 0, 0);
	border-top: 8px solid var(--divider-primary)
}

.popover-top-right:after,
.popover-top-right:before {
	content: "";
	height: 0;
	pointer-events: none;
	position: absolute;
	width: 0;
	top: 100%
}

.popover-top-right:after {
	left: 21px;
	border: 7px solid rgba(0, 0, 0, 0);
	border-top: 7px solid var(--background-secondary)
}

.popover-right:before {
	margin-top: -8px;
	border: 8px solid rgba(0, 0, 0, 0);
	border-right: 8px solid var(--divider-primary)
}

.popover-right:after,
.popover-right:before {
	content: "";
	height: 0;
	pointer-events: none;
	position: absolute;
	width: 0;
	right: 100%;
	top: 50%
}

.popover-right:after {
	margin-top: -7px;
	border: 7px solid rgba(0, 0, 0, 0);
	border-right: 7px solid var(--background-secondary)
}

.popover-right-top:before {
	bottom: 20px;
	border: 8px solid rgba(0, 0, 0, 0);
	border-right: 8px solid var(--divider-primary)
}

.popover-right-top:after,
.popover-right-top:before {
	content: "";
	height: 0;
	pointer-events: none;
	position: absolute;
	width: 0;
	right: 100%
}

.popover-right-top:after {
	bottom: 21px;
	border: 7px solid rgba(0, 0, 0, 0);
	border-right: 7px solid var(--background-secondary)
}

.popover-right-bottom:before {
	top: 20px;
	border: 8px solid rgba(0, 0, 0, 0);
	border-right: 8px solid var(--divider-primary)
}

.popover-right-bottom:after,
.popover-right-bottom:before {
	content: "";
	height: 0;
	pointer-events: none;
	position: absolute;
	width: 0;
	right: 100%
}

.popover-right-bottom:after {
	top: 21px;
	border: 7px solid rgba(0, 0, 0, 0);
	border-right: 7px solid var(--background-secondary)
}

.popover-bottom:before {
	margin-left: -8px;
	border: 8px solid rgba(0, 0, 0, 0);
	border-bottom: 8px solid var(--divider-primary)
}

.popover-bottom:after,
.popover-bottom:before {
	content: "";
	height: 0;
	pointer-events: none;
	position: absolute;
	width: 0;
	bottom: 100%;
	left: 50%
}

.popover-bottom:after {
	margin-left: -7px;
	border: 7px solid rgba(0, 0, 0, 0);
	border-bottom: 7px solid var(--background-secondary)
}

.popover-bottom-left:before {
	right: 20px;
	border: 8px solid rgba(0, 0, 0, 0);
	border-bottom: 8px solid var(--divider-primary)
}

.popover-bottom-left:after,
.popover-bottom-left:before {
	content: "";
	height: 0;
	pointer-events: none;
	position: absolute;
	width: 0;
	bottom: 100%
}

.popover-bottom-left:after {
	right: 21px;
	border: 7px solid rgba(0, 0, 0, 0);
	border-bottom: 7px solid var(--background-secondary)
}

.popover-bottom-right:before {
	left: 20px;
	border: 8px solid rgba(0, 0, 0, 0);
	border-bottom: 8px solid var(--divider-primary)
}

.popover-bottom-right:after,
.popover-bottom-right:before {
	content: "";
	height: 0;
	pointer-events: none;
	position: absolute;
	width: 0;
	bottom: 100%
}

.popover-bottom-right:after {
	left: 21px;
	border: 7px solid rgba(0, 0, 0, 0);
	border-bottom: 7px solid var(--background-secondary)
}

.popover-left:before {
	margin-top: -8px;
	border: 8px solid rgba(0, 0, 0, 0);
	border-left: 8px solid var(--divider-primary)
}

.popover-left:after,
.popover-left:before {
	content: "";
	height: 0;
	pointer-events: none;
	position: absolute;
	width: 0;
	left: 100%;
	top: 50%
}

.popover-left:after {
	margin-top: -7px;
	border: 7px solid rgba(0, 0, 0, 0);
	border-left: 7px solid var(--background-secondary)
}

.popover-left-top:before {
	bottom: 20px;
	border: 8px solid rgba(0, 0, 0, 0);
	border-left: 8px solid var(--divider-primary)
}

.popover-left-top:after,
.popover-left-top:before {
	content: "";
	height: 0;
	pointer-events: none;
	position: absolute;
	width: 0;
	left: 100%
}

.popover-left-top:after {
	bottom: 21px;
	border: 7px solid rgba(0, 0, 0, 0);
	border-left: 7px solid var(--background-secondary)
}

.popover-left-bottom:before {
	top: 20px;
	border: 8px solid rgba(0, 0, 0, 0);
	border-left: 8px solid var(--divider-primary)
}

.popover-left-bottom:after,
.popover-left-bottom:before {
	content: "";
	height: 0;
	pointer-events: none;
	position: absolute;
	width: 0;
	left: 100%
}

.popover-left-bottom:after {
	top: 21px;
	border: 7px solid rgba(0, 0, 0, 0);
	border-left: 7px solid var(--background-secondary)
}

.selectbox {
	display: inline-block;
	position: relative;
	vertical-align: top
}

.slide {
	border: 1px solid #eaeaea;
	border: 1px solid var(--divider-primary);
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(25, 25, 34, .12);
	box-shadow: 0 1px 2px rgba(25, 25, 34, .12);
	color: #191919;
	color: var(--text-primary);
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
	opacity: 1;
	overflow: hidden;
	vertical-align: top;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: opacity, -webkit-box-shadow;
	transition-property: opacity, -webkit-box-shadow;
	transition-property: opacity, box-shadow;
	transition-property: opacity, box-shadow, -webkit-box-shadow;
	-webkit-transition-property: border-color;
	transition-property: border-color;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear
}

.slide,
.slide .slide-background {
	position: relative;
	-webkit-transition-duration: .8s;
	transition-duration: .8s
}

.slide .slide-background {
	background-color: #fff;
	background-color: var(--background-secondary);
	border-radius: 4px;
	height: 100%;
	width: 100%;
	-webkit-transition-property: background-color;
	transition-property: background-color;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear
}

.slide .slide-background-img {
	width: 100%
}

.slide .slide-foreground {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2
}

.slide .slide-foreground:after {
	background-color: #fff;
	background-color: var(--background-primary);
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: opacity;
	transition-property: opacity
}

.slide .slide-foreground-wrapper {
	display: inline-block;
	height: 100%;
	position: relative
}

.slide .slide-foreground-blend-color {
	border-radius: 4px;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.slide .slide-img {
	height: 100%
}

.slide .slide-img.has-thumbnail-margin {
	padding: 5%
}

.slide .slide-img.is-explicit {
	position: relative;
	z-index: 1
}

.slide .slide-play-icon {
	bottom: 16px;
	left: 16px;
	position: absolute;
	z-index: 1
}

.slide .slide-play-icon .action-item-btn {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #fff;
	background-color: var(--color-white);
	border-radius: 50%;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .25), 0 8px 6px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 4px rgba(0, 0, 0, .25), 0 8px 6px rgba(0, 0, 0, .1);
	color: #191919;
	color: var(--color-dark-grey-800);
	cursor: pointer;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: 12px;
	height: 36px;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	line-height: 36px;
	position: relative;
	text-align: center;
	vertical-align: top;
	width: 36px;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform
}

.slide .slide-play-icon .action-item-btn .play-default {
	display: block
}

.slide .slide-play-icon .action-item-btn .play-active,
.slide .slide-play-icon .action-item-btn .play-hover {
	display: none
}

.slide .slide-play-icon .action-item-btn .equalizer {
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.slide .slide-play-icon .action-item-btn.active {
	opacity: 1
}

.slide .slide-play-icon .action-item-btn.active .play-default {
	display: none
}

.slide .slide-play-icon .action-item-btn.active .play-active {
	display: block
}

.slide .slide-play-icon .action-item-btn.active .play-white {
	display: none
}

.slide .slide-play-icon .action-item-btn:hover {
	-webkit-transform: scale3d(1.2, 1.2, 1.2);
	transform: scale3d(1.2, 1.2, 1.2)
}

.slide .slide-play-icon .action-item-btn:hover.active .play-active {
	display: none
}

.slide .slide-play-icon .action-item-btn:hover.active .play-hover {
	display: block
}

.slide .slide-video-icon .action-item-btn {
	font-size: 16px
}

.slide .slide-text {
	bottom: 0;
	margin: 16px 16px 0;
	max-width: 44%;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-align: right;
	top: 0
}

.slide .slide-text .title {
	font-family: Deezer, Arial, sans-serif;
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1.2em;
	max-height: 2.3em;
	overflow: hidden
}

.slide .slide-text .title .link {
	color: #191919;
	color: var(--text-primary)
}

.slide .slide-text .subtitle {
	margin-top: .3em;
	max-height: 5.6em;
	overflow: hidden
}

.slide .slide-text .subtitle,
.slide .slide-text .subtitle .link {
	color: #52525d;
	color: var(--text-intermediate);
	font-weight: 400;
	line-height: 1.4em
}

.slide .slide-text .txt-tag {
	color: #52525d;
	color: var(--text-intermediate);
	font-size: inherit
}

.slide .slide-text .txt-tag:hover {
	color: #52525d;
	color: var(--text-intermediate);
	text-decoration: underline
}

.slide .slide-text .link:hover {
	text-decoration: underline
}

.slide .slide-text .explicit {
	margin-bottom: .3em
}

.slide:hover {
	-webkit-box-shadow: 0 1px 2px rgba(25, 25, 34, .24);
	box-shadow: 0 1px 2px rgba(25, 25, 34, .24)
}

.slide:hover .slide-foreground:after {
	opacity: .24
}

.slide.is-link {
	cursor: pointer
}

.slide.is-bg-full-img {
	color: #191919;
	color: var(--color-dark-grey-800)
}

.slide.is-bg-full-img .slide-background {
	background-color: #eaeaea;
	background-color: var(--background-contrast)
}

.slide.is-bg-full-img .subtitle,
.slide.is-bg-full-img .subtitle .link,
.slide.is-bg-full-img .title .link {
	color: #191919;
	color: var(--color-dark-grey-800)
}

.slide.is-bg-full-img .subtitle,
.slide.is-bg-full-img .subtitle .link {
	opacity: .8
}

.slide.layout-dark {
	color: #fff;
	color: var(--color-white)
}

.slide.layout-dark .slide-background {
	background-color: #32323d;
	background-color: var(--color-dark-grey-500)
}

.slide.layout-dark .subtitle,
.slide.layout-dark .subtitle .link,
.slide.layout-dark .title .link {
	color: #fff;
	color: var(--color-white)
}

.slide.slide-cut:after {
	background-color: #fff;
	background-color: var(--background-primary);
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: opacity;
	transition-property: opacity
}

.slide.slide-cut .slide-foreground {
	margin: 16px 16px 16px 50.35162%
}

.slide.slide-cut .slide-foreground:after {
	display: none
}

.slide.slide-cut .slide-text {
	bottom: auto;
	margin: 0;
	max-width: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.slide.slide-cut .slide-text .label {
	color: #000;
	color: var(--color-accent);
	font-size: .7em
}

.slide.slide-cut .slide-text .title {
	font-size: 1.2em;
	max-height: none;
	padding-left: 16px
}

.slide.slide-cut .slide-text .flow-logo {
	margin-bottom: .5em
}

.slide.slide-cut .slide-text .subtitle {
	color: #52525d;
	color: var(--text-intermediate);
	font-size: .9em;
	padding-left: 16px
}

.slide.slide-cut .slide-btn {
	border: 1px solid #191919;
	border: 1px solid var(--text-primary);
	bottom: 0;
	color: #191919;
	color: var(--text-primary);
	font-size: .7em;
	font-weight: 700;
	margin-top: 1em;
	opacity: 1;
	padding: .4em .9em;
	position: absolute;
	right: 0;
	z-index: 1;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: opacity, background-color, color;
	transition-property: opacity, background-color, color
}

.slide.slide-cut .slide-btn:hover {
	background-color: #191919;
	background-color: var(--text-primary);
	border-color: rgba(0, 0, 0, 0);
	color: #fff;
	color: var(--text-inverse)
}

.slide.slide-cut .slide-play-icon {
	bottom: auto;
	left: -10%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 1
}

.slide.slide-cut .slide-play-icon .action-item-btn {
	font-size: 1em;
	height: 3em;
	line-height: 3em;
	width: 3em
}

.slide.slide-cut .slide-covers {
	height: 100%;
	position: relative;
	width: 50.35162%
}

.slide.slide-cut .slide-covers:after {
	background-color: #fff;
	background-color: var(--background-primary);
	border-left: 1px solid #eaeaea;
	border-left: 1px solid var(--divider-primary);
	content: "";
	height: 105%;
	left: 100%;
	position: absolute;
	top: 0;
	-webkit-transform: skew(10deg);
	-ms-transform: skew(10deg);
	transform: skew(10deg);
	-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom;
	width: 100%;
	-webkit-transition-duration: .8s;
	transition-duration: .8s;
	-webkit-transition-property: background-color, border-color;
	transition-property: background-color, border-color;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear
}

.slide.slide-cut .slide-img {
	border-radius: 0;
	opacity: 0;
	position: absolute;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear
}

.slide.slide-cut .slide-img.active {
	opacity: 1
}

.slide.slide-cut:hover:after {
	opacity: .24
}

.social {
	background-color: #a2a2ad;
	background-color: var(--background-elevation);
	border: 0;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	color: var(--text-inverse);
	display: inline-block;
	font-size: 24px;
	height: 40px;
	padding: 8px;
	position: relative;
	text-align: center;
	vertical-align: middle;
	width: 40px;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: background-color;
	transition-property: background-color
}

.social .icon {
	top: 0;
	vertical-align: top
}

.social.social-small {
	font-size: 12px;
	height: 20px;
	padding: 4px;
	width: 20px
}

.social+.social {
	margin-left: 7px
}

.social-blog.active,
.social-blog:hover {
	background-color: #000;
	background-color: var(--background-accent)
}

.social-dailymotion.active,
.social-dailymotion:hover {
	background-color: #1e88a8
}

.social-facebook.active,
.social-facebook:hover {
	background-color: #3b5998
}

.social-foursquare.active,
.social-foursquare:hover {
	background-color: #0cbadf
}

.social-googleplus.active,
.social-googleplus:hover {
	background-color: #df4a32
}

.social-instagram.active,
.social-instagram:hover {
	background-color: #4a799f
}

.social-lastfm.active,
.social-lastfm:hover {
	background-color: #da001d
}

.social-pinterest.active,
.social-pinterest:hover {
	background-color: #cc2127
}

.social-share.active,
.social-share:hover {
	background-color: #32323d
}

.social-tumblr.active,
.social-tumblr:hover {
	background-color: #44546b
}

.social-twitter.active,
.social-twitter:hover {
	background-color: #37abde
}

.social-youtube.active,
.social-youtube:hover {
	background-color: #c73e3e
}

.sticker {
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: .2px;
	padding: 1px 6px;
	vertical-align: top;
	white-space: nowrap
}

.sticker:empty {
	display: none
}

.sticker-small {
	font-size: 10px;
	letter-spacing: 1px;
	padding: 2px 10px
}

.sticker-default {
	background-color: #32323d
}

.sticker-blue {
	background-color: #000
}

.sticker-blue-light {
	background-color: #ccebff;
	color: #000
}

.sticker-green {
	background-color: #73be00
}

.sticker-red {
	background-color: #ee1e23
}

.sticker-pink {
	background-color: #eb2378
}

.sticker-orange {
	background-color: #ff7300
}

.sticker-purple {
	background-color: #790c90
}

.sticker-gray {
	background-color: #efeff2;
	color: #92919d
}

.sticker-flow {
	background-color: hsla(0, 0%, 100%, .3);
	color: #fff
}

.sticker-brand-pink {
	background-color: #ffe0ea;
	color: #fe447d
}

.thumbnail {
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 6px rgba(25, 25, 34, .16);
	box-shadow: 0 1px 6px rgba(25, 25, 34, .16);
	display: inline-block;
	margin: 0;
	max-height: 100%;
	max-width: 100%;
	overflow: hidden;
	position: relative;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	vertical-align: top
}

.thumbnail .picture {
	background-color: #f4f4f4;
	background-color: var(--background-intermediate);
	display: block;
	position: relative
}

.thumbnail .picture:after {
	background-color: #fff;
	background-color: var(--background-primary);
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: opacity, background-color;
	transition-property: opacity, background-color
}

.thumbnail .picture.no-background,
.thumbnail .picture.overlay-hidden:after {
	background-color: rgba(0, 0, 0, 0)
}

.thumbnail .picture-img {
	display: inline-block;
	vertical-align: top
}

.thumbnail .picture-shadow:before {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(25, 25, 34, 0)), to(rgba(25, 25, 34, .6)));
	background-image: linear-gradient(180deg, rgba(25, 25, 34, 0), rgba(25, 25, 34, .6));
	border-radius: 4px;
	bottom: 0;
	content: "";
	height: 80px;
	left: 0;
	position: absolute;
	right: 0
}

.thumbnail .picture-link {
	cursor: pointer
}

.thumbnail .picture-highlight {
	background: rgba(0, 0, 0, 0) no-repeat 50%/cover;
	bottom: 0;
	height: 280px;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0
}

.thumbnail .action {
	bottom: 16px;
	left: 15px;
	line-height: 1;
	position: absolute;
	white-space: nowrap;
	z-index: +9999;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: opacity;
	transition-property: opacity
}

.thumbnail .action.active {
	opacity: 1
}

.thumbnail .action.action-center {
	bottom: auto;
	left: 50%;
	margin: -18px 0 0 -18px;
	top: 50%
}

.thumbnail .action.action-center .action-force {
	font-size: 18px;
	height: 52px;
	line-height: 52px;
	margin: -8px 0 0 -8px;
	width: 52px
}

.thumbnail .action.action-center .action-force.action-preview:before {
	top: 24px;
	-webkit-transform-origin: 30px 50%;
	-ms-transform-origin: 30px 50%;
	transform-origin: 30px 50%
}

.thumbnail .action.action-center .action-force.action-preview:after {
	height: 60px;
	margin: -30px 0 0 -30px;
	width: 60px
}

.thumbnail .action-item {
	display: inline-block;
	vertical-align: top
}

.thumbnail .action-item+.action-item {
	margin-left: 12px
}

.thumbnail .action-item .svg-icon {
	vertical-align: baseline
}

.thumbnail .action-item-btn {
	background-color: #fff;
	background-color: var(--color-white);
	border-radius: 50%;
	-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .25);
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .25);
	color: #121216;
	color: var(--color-dark-grey-900);
	cursor: pointer;
	font-size: 12px;
	height: 36px;
	line-height: 36px;
	opacity: 0;
	position: relative;
	text-align: center;
	width: 36px;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform
}

.thumbnail .action-item-btn,
.thumbnail .action-item-btn .play-default {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.thumbnail .action-item-btn .play-active,
.thumbnail .action-item-btn .play-hover {
	display: none
}

.thumbnail .action-item-btn .equalizer {
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.thumbnail .action-item-btn.context-menu .icon {
	margin: -18px;
	padding: 12px
}

.thumbnail .action-item-btn.active {
	opacity: 1
}

.thumbnail .action-item-btn.active .play-default {
	display: none
}

.thumbnail .action-item-btn.active .play-active {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.thumbnail .action-item-btn.active .play-white {
	display: none
}

.thumbnail .action-item-btn.active .icon-favorite {
	color: #ffc300
}

.thumbnail .action-item-btn.active .icon-love {
	color: #000;
	color: var(--color-accent)
}

.thumbnail .action-item-btn.action-active .icon-favorite {
	color: #ffc300
}

.thumbnail .action-item-btn.action-active .icon-follow,
.thumbnail .action-item-btn.action-active .icon-love {
	color: #000;
	color: var(--color-accent)
}

/*.thumbnail .action-item-btn.action-force {
	opacity: 1
}*/

.thumbnail .action-item-btn:hover {
	-webkit-transform: scale3d(1.2, 1.2, 1.2);
	transform: scale3d(1.2, 1.2, 1.2)
}

.thumbnail .action-item-btn:hover.active .play-active {
	display: none
}

.thumbnail .action-item-btn:hover.active .play-hover {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.thumbnail .action-item-btn:active {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.thumbnail .action-preview:before {
	-webkit-animation: thumbnail-preview-2 .5s ease forwards, thumbnail-preview-3 .75s linear infinite;
	animation: thumbnail-preview-2 .5s ease forwards, thumbnail-preview-3 .75s linear infinite;
	background-color: hsla(0, 0%, 100%, .4);
	border-radius: 50%;
	content: "";
	height: 4px;
	left: -4px;
	opacity: 0;
	position: absolute;
	top: 16px;
	-webkit-transform-origin: 22px 50%;
	-ms-transform-origin: 22px 50%;
	transform-origin: 22px 50%;
	width: 4px
}

.thumbnail .action-preview:after {
	-webkit-animation: thumbnail-preview-1 .5s forwards;
	animation: thumbnail-preview-1 .5s forwards;
	border: 3px solid hsla(0, 0%, 100%, .3);
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	content: "";
	height: 42px;
	left: 50%;
	margin: -21px 0 0 -21px;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 50%;
	width: 42px
}

.thumbnail .action-upload {
	cursor: pointer;
	height: 52px;
	left: 50%;
	margin: -26px 0 0 -26px;
	opacity: 0;
	position: absolute;
	top: 50%;
	width: 52px;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform
}
input[type="file"].hide-upload {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
}
.thumbnail .action-upload .icon-camera {
	color: #fff;
	color: var(--color-white);
	font-size: 21px;
	margin: -11px 0 0 -10px
}

.thumbnail .action-upload.action-force {
	opacity: 1
}

.thumbnail .title {
	bottom: 72px;
	color: #fff;
	color: var(--color-white);
	font-family: Deezer, Arial, sans-serif;
	font-weight: 700;
	left: 16px;
	pointer-events: none;
	position: absolute;
	right: 16px;
	z-index: 4
}

.thumbnail .title-label {
	font-size: 12px
}

.thumbnail .title-text {
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 20px;
	max-height: 40px;
	max-width: 100%;
	overflow: hidden;
	white-space: normal
}

.thumbnail .flow-logo {
	height: 26px;
	left: 16px;
	position: absolute;
	top: 16px;
	width: 64px
}

@media (max-width:1429px) {
	.thumbnail .flow-logo {
		height: 23px;
		width: 58px
	}
}

@media (max-width:1309px) {
	.thumbnail .flow-logo {
		height: 18px;
		width: 46px
	}
}

@media (max-width:1199px) {
	.thumbnail .flow-logo {
		height: 15px;
		left: 8px;
		top: 8px;
		width: 38px
	}
}

.thumbnail .flow-logo-svg.is-dark,
.thumbnail .flow-logo-svg.is-light {
	fill: #fff;
	fill: var(--color-white)
}

.thumbnail .gradient-overlay {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .7)));
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .7));
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2
}

.thumbnail .gradient-overlay .daily-logo {
	bottom: 9px;
	height: 31px;
	left: 16px;
	position: absolute;
	width: 96px
}

@media (max-width:1429px) {
	.thumbnail .gradient-overlay .daily-logo {
		bottom: 10px;
		height: 25px;
		width: 80px
	}
}

@media (max-width:1309px) {
	.thumbnail .gradient-overlay .daily-logo {
		bottom: 11px;
		height: 23px;
		width: 74px
	}
}

@media (max-width:1199px) {
	.thumbnail .gradient-overlay .daily-logo {
		bottom: 4px;
		height: 18px;
		left: 8px;
		width: 58px
	}
}

.thumbnail .stack-covers {
	display: table;
	overflow: hidden;
	table-layout: fixed;
	width: 100%
}

.thumbnail .stack-covers .playlist-cover {
	display: table-cell;
	width: 37px
}

.thumbnail .stack-covers .playlist-cover-solo {
	height: 250px;
	width: 360px
}

.thumbnail .stack-covers .playlist-shadow+.playlist-shadow img {
	-webkit-box-shadow: -2px 0 2px rgba(10, 10, 22, .6);
	box-shadow: -2px 0 2px rgba(10, 10, 22, .6);
	position: relative
}

.thumbnail .closed {
	opacity: 0;
	position: absolute;
	right: 7px;
	top: 7px;
	z-index: 3;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: opacity;
	transition-property: opacity
}

.thumbnail .closed .closed-toggle {
	background-color: #f4f4f4;
	background-color: var(--background-intermediate);
	border: 1px solid #d1d1d6;
	border: 1px solid var(--divider-secondary);
	border-radius: 2px;
	display: inline-block;
	font-size: 12px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 30px
}

.thumbnail .sent-to-mobile {
	background-color: rgba(239, 84, 102, .6);
	bottom: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #191919;
	color: var(--color-dark-grey-800);
	cursor: pointer;
	font-size: 0;
	height: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-align: center;
	white-space: nowrap;
	width: 100%;
	z-index: 6;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: all;
	transition-property: all
}

.thumbnail .sent-to-mobile .wrapper-icon,
.thumbnail .sent-to-mobile .wrapper-label {
	display: inline-block;
	padding: 10px 8px 8px;
	vertical-align: middle
}

.thumbnail .sent-to-mobile .wrapper-label {
	font-size: 12px;
	font-weight: 700;
	line-height: 1.33333333;
	padding-left: 0;
	text-align: left;
	white-space: normal
}

.thumbnail .sent-to-mobile:before {
	background-color: #fff;
	background-color: var(--color-white);
	content: " ";
	height: 2px;
	left: 0;
	opacity: .4;
	position: absolute;
	top: 0;
	width: 100%
}

.thumbnail .sent-to-mobile:hover {
	background-color: #000;
	background-color: var(--background-accent)
}

.thumbnail .sent-to-mobile.active {
	height: 34px
}

.thumbnail.force-hover,
.thumbnail:hover {
	-webkit-box-shadow: 0 1px 6px rgba(25, 25, 34, .24);
	box-shadow: 0 1px 6px rgba(25, 25, 34, .24)
}

.thumbnail.force-hover .picture:after,
.thumbnail:hover .picture:after {
	opacity: .24
}

.thumbnail.force-hover .action-item-btn,
.thumbnail.force-hover .closed,
.thumbnail.force-hover .dropdown,
.thumbnail.force-hover .selected,
.thumbnail.force-hover .unavailable,
.thumbnail.force-hover .upload,
.thumbnail:hover .action-item-btn,
.thumbnail:hover .closed,
.thumbnail:hover .dropdown,
.thumbnail:hover .selected,
.thumbnail:hover .unavailable,
.thumbnail:hover .upload {
	opacity: 1
}

.thumbnail.force-hover .action-play,
.thumbnail:hover .action-play {
	display: none
}

.thumbnail.has-contextmenu .action-item-btn,
.thumbnail.has-contextmenu .play {
	opacity: 1
}

.thumbnail.has-contextmenu .picture:after {
	opacity: .24
}

.thumbnail-unavailable .picture:after {
	background-color: rgba(10, 10, 22, .6);
	opacity: 1
}

.thumbnail-unavailable .unavailable {
	color: #fff;
	color: var(--color-white);
	font-size: 12px;
	left: 0;
	line-height: 18px;
	opacity: 0;
	padding: 0 20px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 11;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: opacity;
	transition-property: opacity
}

.thumbnail-hidden {
	height: 0;
	margin: 0;
	overflow: hidden;
	width: 0
}

.thumbnail-bordered-blur {
	border: 2px solid hsla(0, 0%, 100%, .3)
}

.thumbnail-rounded {
	border-radius: 50%;
	overflow: hidden !important;
}

.thumbnail-rounded .action {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.thumbnail-half-rounded {
	border-radius: 12%
}

.thumbnail-half-rounded .picture-img {
	background-color: #fff;
	background-color: var(--background-secondary);
	padding: 10%
}

.thumbnail-rectangle {
	cursor: pointer;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: opacity;
	transition-property: opacity
}

.thumbnail-rectangle:hover {
	opacity: .8
}

.thumbnail-rectangle .title {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	bottom: auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	left: 12px;
	right: 12px;
	text-align: center;
	top: 0
}

.thumbnail-rectangle .title-text {
	word-wrap: break-word
}

.thumbnail-rectangle .logo {
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0)
}

.thumbnail-channel .picture {
	background-color: rgba(0, 0, 0, 0)
}

.has-ads-full .thumbnail .title {
	bottom: 72px
}

.has-ads-full .thumbnail .title-label {
	font-size: 12px
}

.has-ads-full .thumbnail .title-text {
	font-size: 16px;
	line-height: 20px;
	max-height: 40px
}

.has-ads-full .thumbnail-rectangle .title-text {
	font-size: 14px
}

.no-flexbox.no-flexboxtweener .thumbnail-rectangle .title {
	height: auto;
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%
}

.thumbnail-container {
	position: relative
}

.thumbnail-container .caption {
	bottom: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	color: var(--color-white);
	font-size: 13px;
	left: 0;
	line-height: 1.33333333;
	margin: 0;
	padding: 0 10px 10px;
	position: absolute;
	text-align: left;
	z-index: 2;
	width: 100%
}

.thumbnail-container .caption dd {
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.thumbnail-container .caption dd.title {
	font-weight: 700
}

.thumbnail-container .caption dd.rank {
	float: left;
	font-size: 30px;
	line-height: 30px;
	margin: 2px 5px 0 0
}

.thumbnails {
	margin: 20px 0 0 20px
}

.thumbnails:after,
.thumbnails:before {
	content: " ";
	display: table
}

.thumbnails:after {
	clear: both
}

.thumbnails .thumbnail-row {
	float: left;
	margin: 20px 0 0 20px
}

.tooltip {
	background-color: #32323d;
	background-color: var(--color-dark-grey-500);
	-webkit-box-shadow: 0 4px 20px 0 rgba(25, 25, 34, .24);
	-webkit-box-shadow: var(--popper-shadow);
	box-shadow: 0 4px 20px 0 rgba(25, 25, 34, .24);
	box-shadow: var(--popper-shadow);
	color: #fff;
	font-size: 10px;
	max-width: 230px;
	opacity: 0;
	padding: 5px 8px;
	pointer-events: none;
	position: absolute;
	text-align: center;
	z-index: 200000
}

.tooltip.show {
	opacity: 1;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform
}

.tooltip-wrapper {
	display: inline-block
}

.tooltip-top.show {
	-webkit-transform: translateY(-7px);
	-ms-transform: translateY(-7px);
	transform: translateY(-7px)
}

.tooltip-top:after {
	content: "";
	height: 0;
	pointer-events: none;
	position: absolute;
	width: 0;
	margin-left: -5px;
	border: 5px solid rgba(0, 0, 0, 0);
	border-top: 5px solid var(--color-dark-grey-500);
	left: 50%;
	top: 100%
}

.tooltip-top-left.show {
	-webkit-transform: translateY(-7px);
	-ms-transform: translateY(-7px);
	transform: translateY(-7px)
}

.tooltip-top-left:after {
	content: "";
	height: 0;
	pointer-events: none;
	position: absolute;
	width: 0;
	right: 20px;
	border: 5px solid rgba(0, 0, 0, 0);
	border-top: 5px solid var(--color-dark-grey-500);
	top: 100%
}

.tooltip-top-right.show {
	-webkit-transform: translateY(-7px);
	-ms-transform: translateY(-7px);
	transform: translateY(-7px)
}

.tooltip-top-right:after {
	content: "";
	height: 0;
	pointer-events: none;
	position: absolute;
	width: 0;
	left: 20px;
	border: 5px solid rgba(0, 0, 0, 0);
	border-top: 5px solid var(--color-dark-grey-500);
	top: 100%
}

.tooltip-bottom.show {
	-webkit-transform: translateY(7px);
	-ms-transform: translateY(7px);
	transform: translateY(7px)
}

.tooltip-bottom:after {
	content: "";
	height: 0;
	pointer-events: none;
	position: absolute;
	width: 0;
	margin-left: -5px;
	border: 5px solid rgba(0, 0, 0, 0);
	border-bottom: 5px solid var(--color-dark-grey-500);
	bottom: 100%;
	left: 50%
}

.tooltip-bottom-left.show {
	-webkit-transform: translateY(7px);
	-ms-transform: translateY(7px);
	transform: translateY(7px)
}

.tooltip-bottom-left:after {
	content: "";
	height: 0;
	pointer-events: none;
	position: absolute;
	width: 0;
	right: 20px;
	border: 5px solid rgba(0, 0, 0, 0);
	border-bottom: 5px solid var(--color-dark-grey-500);
	bottom: 100%
}

.tooltip-bottom-right.show {
	-webkit-transform: translateY(7px);
	-ms-transform: translateY(7px);
	transform: translateY(7px)
}

.tooltip-bottom-right:after {
	content: "";
	height: 0;
	pointer-events: none;
	position: absolute;
	width: 0;
	left: 20px;
	border: 5px solid rgba(0, 0, 0, 0);
	border-bottom: 5px solid var(--color-dark-grey-500);
	bottom: 100%
}

.tooltip-left.show {
	-webkit-transform: translateX(-7px);
	-ms-transform: translateX(-7px);
	transform: translateX(-7px)
}

.tooltip-left:after {
	content: "";
	height: 0;
	pointer-events: none;
	position: absolute;
	width: 0;
	margin-top: -5px;
	border: 5px solid rgba(0, 0, 0, 0);
	border-left: 5px solid var(--color-dark-grey-500);
	left: 100%;
	top: 50%
}

.tooltip-right.show {
	-webkit-transform: translateX(7px);
	-ms-transform: translateX(7px);
	transform: translateX(7px)
}

.tooltip-right:after {
	content: "";
	height: 0;
	pointer-events: none;
	position: absolute;
	width: 0;
	margin-top: -5px;
	border: 5px solid rgba(0, 0, 0, 0);
	border-right: 5px solid var(--color-dark-grey-500);
	right: 100%;
	top: 50%
}

#ads_expand {
	display: none;
	position: absolute;
	z-index: 5000
}

#ads_300x250 {
	display: none;
	height: 250px;
	width: 300px
}

.dz_ads #ads_300x250 {
	display: block
}

#page_app_warning {
	background-color: undefined;
	background-color: var(--background-primary)
}

#page_app_warning .list-actions {
	margin: 20px
}

#page_app_warning .list-actions li {
	font-size: 12px;
	min-height: 27px;
	padding-left: 40px;
	position: relative
}

#page_app_warning .list-actions li .title {
	color: undefined;
	color: var(--text-primary);
	font-weight: 700
}

#page_app_warning .list-actions li .description {
	color: #92919d
}

#page_app_warning .list-actions li+li {
	margin-top: 20px
}

#page_app_warning .app-header {
	border-bottom: undefined;
	border-bottom: 1px solid var(--divider-primary);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: undefined;
	color: var(--text-primary);
	font-size: 20px;
	font-weight: 300;
	margin: 0 20px;
	padding: 15px 30px;
	text-align: center
}

#page_app_warning .app-info {
	text-align: center;
	width: 172px
}

#page_app_warning .app-info:before {
	background-image: url(/cache/slash/images/components/modals/oauth_permission/app_separator.b14524984d1844efffcd764d88e742c9.png);
	content: "";
	height: 172px;
	float: left;
	width: 25px
}

#page_app_warning .app-info p {
	margin-top: 20px
}

#page_app_warning .app-picture {
	background-image: url(/cache/slash/images/components/modals/oauth_permission/app_picture.cbbcb91346b63148b3ef50adc4b9c004.png);
	height: 120px;
	margin-left: 50px;
	width: 120px
}

.app-body {
	font-size: 14px;
	line-height: normal;
	max-height: 600px;
	overflow: auto;
	position: relative;
	text-align: left
}

.app-body .form-wrapper {
	margin: 0 auto;
	width: 270px
}

.app-body .form-group+.form-group {
	margin-top: 10px
}

.app-body .form-control-error {
	background-color: rgba(0, 0, 0, 0);
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #b94a48;
	display: block;
	font-size: 14px;
	left: 0;
	margin-left: 0;
	margin-top: 5px;
	padding: 0;
	position: static;
	top: 0;
	width: auto
}

.app-body .form-control-error:after,
.app-body .form-control-error:before {
	display: none
}

.app-body .alert {
	font-size: 14px;
	padding: 10px 15px
}

.app-body .columns {
	display: table;
	width: 100%
}

.app-body .columns .column {
	display: table-cell;
	width: 50%;
	vertical-align: center
}

.app-body .columns .column-left {
	padding-right: 10px
}

.app-body .columns .column-right {
	padding-left: 10px
}

.app-body .columns.columns-divider .column-left {
	border-right: undefined;
	border-right: 1px solid var(--divider-primary)
}

.app-body .columns.columns-collapse .column-left {
	padding-right: 0
}

.app-body .columns.columns-collapse .column-right {
	padding-left: 0
}

.app-body p+p {
	margin-top: 10px
}

.app-body .legal {
	color: #92919d;
	font-size: 11px;
	margin-top: 20px;
	text-align: center
}

.app-footer {
	border-radius: 0 0 3px 3px;
	border-top: undefined;
	border-top: 1px solid var(--divider-primary);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: table;
	font-size: 11px;
	text-align: left;
	padding: 10px;
	width: 100%
}

.app-footer .action {
	display: table-cell;
	font-size: 0;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap
}

.app-footer .action>.btn {
	word-spacing: normal
}

.app-footer .action>.btn+.btn {
	margin-left: 10px
}

.app-footer .notice {
	display: table-cell;
	text-align: right;
	vertical-align: middle;
	width: 100%
}

.app-footer .notice iframe {
	border: none;
	overflow: hidden;
	vertical-align: middle
}

.app-footer .notice iframe+iframe {
	margin-left: 5px
}

.app-footer .notice+.action {
	padding-left: 10px
}

@media screen and (max-width:770px) {
	#page_app_warning .column-right {
		display: none
	}
}

.block_cover {
	text-shadow: 0 1px #fff
}

.block_cover .big_play {
	-webkit-box-shadow: 0 0;
	box-shadow: 0 0;
	left: 50%;
	margin-top: -40px;
	margin-left: -40px;
	position: absolute;
	top: 50%;
	z-index: 10
}

.block_cover .cover {
	font-size: 0;
	margin-bottom: 5px;
	position: relative
}

.block_cover .cover a {
	display: block;
	position: relative
}

.block_cover .cover a .big_play {
	display: none
}

.block_cover .cover a:hover .big_play {
	display: block
}

.block_cover .cover .img_main {
	border: 1px solid #d0d0d0;
	display: block;
	position: relative;
	z-index: 2
}

.block_cover .cover .shadow {
	bottom: -8px;
	height: 10px;
	position: absolute;
	z-index: 1
}

.block_cover .label dt {
	overflow: hidden;
	font-size: 12px;
	line-height: 14px;
	font-weight: 400
}

.block_cover .label dd {
	font-size: 11px
}

.block_cover .label a {
	color: #72727d
}

.block_cover .label a:hover {
	text-decoration: underline
}

.block_cover .label.inside {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(10, 10, 22, 0)), to(#0a0a16));
	background-image: linear-gradient(180deg, rgba(10, 10, 22, 0) 0, #0a0a16);
	bottom: 0;
	height: 30%;
	position: absolute;
	width: 100%;
	z-index: 10
}

.block_cover .label.inside dl {
	bottom: 0;
	padding: 10px;
	position: absolute
}

.block_cover .label.inside dt {
	color: #fff;
	font-size: 18px;
	line-height: 20px;
	text-shadow: 0 0
}

#facebox,
.facebox {
	z-index: 9999
}

.facebox {
	background: #fff;
	border: 1px solid #d0d0d0;
	display: block;
	font-size: 12px;
	left: 50%;
	position: absolute;
	margin: 0 auto
}

.facebox .notch,
.facebox .notch-grey {
	background-position: -222px -64px;
	height: 8px;
	position: absolute;
	width: 15px
}

.facebox .notch-grey {
	left: 50px;
	top: -8px
}

.facebox .header {
	background: #e8e8e8;
	border-bottom: 1px solid #dadada;
	height: 39px;
	position: relative
}

.facebox .header h4 {
	color: #72727d;
	font-size: 18px;
	line-height: 39px;
	margin-left: 10px
}

.facebox .header .notch {
	bottom: -1px;
	left: 50px
}

.facebox .header .current {
	display: none
}

.facebox .facebox_100 {
	background: #f0f0f0
}

.facebox .facebox_100,
.facebox .facebox_content {
	padding: 10px;
	position: relative
}

.facebox .footer {
	background: #e8e8e8;
	border-top: 1px solid #dadada;
	min-height: 19px;
	overflow: hidden;
	padding: 10px;
	width: auto
}

.facebox .footer .button {
	float: right
}

.facebox .footer .text-footer {
	padding-top: 3px
}

.facebox .h_icn_close {
	background-position: -312px -61px;
	cursor: pointer;
	height: 15px;
	position: absolute;
	right: 12px;
	top: 12px;
	width: 15px
}

.facebox .h_icn_close:hover {
	background-position: -312px -93px
}

.facebox .h_icn_close:active,
.facebox .h_icn_close:focus {
	background-position: -312px -109px
}

.facebox.small {
	margin-left: -250px;
	width: 500px
}

.facebox.facebook {
	background: #eff1f7;
	border: 0;
	color: #40528b
}

.facebox.medium {
	margin-left: -275px;
	width: 550px
}

.facebox.large {
	margin-left: -307.5px;
	width: 615px
}

.facebox.xlarge {
	margin-left: -452px;
	width: 905px
}

.index-form-error-phone {
	color: #32323d;
	display: none;
	font-size: 14px;
	margin: 15px 0;
	padding: 8px 14px;
	text-align: left
}

@media (min-width:375px) and (max-width:767px) {
	.index-form-error-phone {
		display: block;
		margin-top: 0
	}
}

#hotkeys {
	background-color: rgba(10, 10, 22, .85);
	bottom: -200px;
	color: #fff;
	cursor: default;
	font-size: 12px;
	height: 200px;
	position: fixed;
	width: 100%;
	z-index: 99999;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: bottom;
	transition-property: bottom
}

#hotkeys .topbar {
	background-color: #32323d;
	border-top: 1px solid #555;
	height: 5px
}

#hotkeys .mapping {
	margin: 0 auto;
	padding-top: 20px;
	width: 900px
}

#hotkeys .hotkey {
	float: left;
	height: 30px;
	width: 300px
}

#hotkeys .hotkey-icon {
	background-color: #32323d;
	border-radius: 3px;
	float: left;
	height: 18px;
	margin: 0 3px;
	padding-top: 2px;
	text-align: center;
	text-shadow: #0a0a16 .1em .1em .2em;
	width: 20px
}

#hotkeys .hotkey-icon.single {
	margin-left: 29px
}

#hotkeys .hotkey-icon.wide {
	width: 46px
}

#hotkeys .hotkey-label {
	float: left;
	margin: 2px 0 0 5px
}

#hotkeys.opened {
	bottom: 0
}

@-webkit-keyframes wobble_1 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	20% {
		-webkit-transform: rotate(2deg);
		transform: rotate(2deg)
	}
	50% {
		-webkit-transform: rotate(-2deg);
		transform: rotate(-2deg)
	}
	to {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}

@-webkit-keyframes wobble_2 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	20% {
		-webkit-transform: rotate(4deg);
		transform: rotate(4deg)
	}
	50% {
		-webkit-transform: rotate(-4deg);
		transform: rotate(-4deg)
	}
	to {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	30% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	40% {
		-webkit-transform: scale(1.08);
		transform: scale(1.08)
	}
	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	60% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	70% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}
	80% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

body.konami {
	-webkit-filter: blur(5px);
	filter: blur(5px)
}

body.konami #player,
body.konami .thumbnail-grid li:nth-child(2n) {
	-webkit-animation: wobble_1 5s infinite;
	animation: wobble_1 5s infinite
}

body.konami .search,
body.konami .thumbnail-grid li:nth-child(5n+3) {
	-webkit-animation: wobble_2 7s infinite;
	animation: wobble_2 7s infinite
}

body.konami .nav-link {
	-webkit-animation: pulse 2s infinite;
	animation: pulse 2s infinite
}

#interstitial {
	display: table;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9000
}

#interstitial .overlay {
	background-color: #fff;
	height: 100%;
	left: 0;
	opacity: .7;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9010
}

.interstitial-container {
	display: table-cell;
	position: relative;
	text-align: center;
	vertical-align: middle;
	z-index: 9020
}

.interstitial-container .interstitial-wrapper {
	display: inline-block;
	position: relative
}

.interstitial-container .interstitial-wrapper .close {
	background-color: rgba(10, 10, 22, .8);
	border-radius: 3px 3px 0 0;
	bottom: 100%;
	color: #fff;
	line-height: 20px;
	padding: 5px 10px 5px 20px;
	position: absolute;
	right: 0;
	white-space: nowrap
}

.interstitial-container .interstitial-wrapper .close .icon-close {
	background-image: url(/cache/slash/images/components/interstitial/close.6135f3377bb350e51ab3481850f2a8f1.png);
	display: inline-block;
	height: 16px;
	margin-left: 7px;
	width: 16px
}

.interstitial-container .interstitial-wrapper .close:hover {
	background-color: #0a0a16
}

.interstitial-container .interstitial-wrapper .close:hover .icon-close {
	background-position: -16px 0
}

.ui-resizable {
	position: relative
}

.ui-resizable-handle {
	display: block;
	font-size: .1px;
	position: absolute;
	z-index: 1000
}

.ui-resizable-autohide .ui-resizable-handle,
.ui-resizable-disabled .ui-resizable-handle {
	display: none
}

.ui-resizable-autohide .ui-resizable-n,
.ui-resizable-disabled .ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	left: 0;
	top: -5px;
	width: 100%
}

.ui-resizable-autohide .ui-resizable-s,
.ui-resizable-disabled .ui-resizable-s {
	bottom: -5px;
	cursor: s-resize;
	height: 7px;
	left: 0;
	width: 100%
}

.ui-resizable-autohide .ui-resizable-e,
.ui-resizable-disabled .ui-resizable-e {
	cursor: e-resize;
	height: 100%;
	right: -5px;
	top: 0;
	width: 7px
}

.ui-resizable-autohide .ui-resizable-w,
.ui-resizable-disabled .ui-resizable-w {
	cursor: w-resize;
	height: 100%;
	left: -5px;
	top: 0;
	width: 7px
}

.ui-resizable-autohide .ui-resizable-se,
.ui-resizable-disabled .ui-resizable-se {
	bottom: 1px;
	cursor: se-resize;
	height: 12px;
	right: 1px;
	width: 12px
}

.ui-resizable-autohide .ui-resizable-sw,
.ui-resizable-disabled .ui-resizable-sw {
	bottom: -5px;
	cursor: sw-resize;
	height: 9px;
	left: -5px;
	width: 9px
}

.ui-resizable-autohide .ui-resizable-nw,
.ui-resizable-disabled .ui-resizable-nw {
	cursor: nw-resize;
	height: 9px;
	left: -5px;
	top: -5px;
	width: 9px
}

.ui-resizable-autohide .ui-resizable-ne,
.ui-resizable-disabled .ui-resizable-ne {
	cursor: ne-resize;
	height: 9px;
	right: -5px;
	top: -5px;
	width: 9px
}

.konami {
	-webkit-filter: blur(5px);
	filter: blur(5px)
}

.konami #player,
.konami .thumbnail-grid .thumbnail-col:nth-child(2n) {
	-webkit-animation: wobble_1 5s infinite;
	animation: wobble_1 5s infinite
}

.konami .search,
.konami .thumbnail-grid .thumbnail-col:nth-child(5n+3) {
	-webkit-animation: wobble_2 7s infinite;
	animation: wobble_2 7s infinite
}

.konami .nav-link {
	-webkit-animation: pulse 2s infinite;
	animation: pulse 2s infinite
}

@keyframes wobble_1 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	20% {
		-webkit-transform: rotate(2deg);
		transform: rotate(2deg)
	}
	50% {
		-webkit-transform: rotate(-2deg);
		transform: rotate(-2deg)
	}
	to {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}

@keyframes wobble_2 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	20% {
		-webkit-transform: rotate(4deg);
		transform: rotate(4deg)
	}
	50% {
		-webkit-transform: rotate(-4deg);
		transform: rotate(-4deg)
	}
	to {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	30% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	40% {
		-webkit-transform: scale(1.08);
		transform: scale(1.08)
	}
	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	60% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	70% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}
	80% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.unlogged-btn {
	background-color: currentColor;
	border: 2px solid;
	border-radius: 35px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #2d96c8;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	padding: 14px 30px;
	position: relative;
	text-align: center;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: background-color, color, opacity;
	transition-property: background-color, color, opacity
}

.unlogged-btn:disabled {
	-webkit-box-shadow: none;
	box-shadow: none;
	cursor: default;
	opacity: .5
}

.unlogged-btn:focus:not(.is-disabled):not([class*=unlogged-btn-hover-]),
.unlogged-btn:hover:not(.is-disabled):not([class*=unlogged-btn-hover-]) {
	color: #03608a
}

.unlogged-btn:active:not(.is-disabled):not([class*=unlogged-btn-hover-]) {
	color: #03415d
}

.unlogged-premium-btn {
	margin-top: 80px
}

.unlogged-btn-label:not(.unlogged-btn-outline) {
	color: #fff;
	font-weight: 700
}

.unlogged-btn-outline {
	background-color: rgba(0, 0, 0, 0)
}

.unlogged-btn-outline .unlogged-btn-label {
	color: currentColor
}

.unlogged-btn-pink {
	color: #000
}

.unlogged-btn-pink:focus:not(.is-disabled):not([class*=unlogged-btn-hover-]),
.unlogged-btn-pink:hover:not(.is-disabled):not([class*=unlogged-btn-hover-]) {
	color: #c12655
}

.unlogged-btn-pink:active:not(.is-disabled):not([class*=unlogged-btn-hover-]) {
	color: #b00045
}

.unlogged-btn-green {
	color: #00796b
}

.unlogged-btn-green:focus:not(.is-disabled):not([class*=unlogged-btn-hover-]),
.unlogged-btn-green:hover:not(.is-disabled):not([class*=unlogged-btn-hover-]) {
	color: #006257
}

.unlogged-btn-green:active:not(.is-disabled):not([class*=unlogged-btn-hover-]) {
	color: #004d44
}

.unlogged-btn-yellow {
	color: #feaa2d
}

.unlogged-btn-yellow:focus:not(.is-disabled):not([class*=unlogged-btn-hover-]),
.unlogged-btn-yellow:hover:not(.is-disabled):not([class*=unlogged-btn-hover-]) {
	color: #ffcf58
}

.unlogged-btn-yellow:active:not(.is-disabled):not([class*=unlogged-btn-hover-]) {
	color: #feb50d
}

.unlogged-btn-dark {
	color: #32323d
}

.unlogged-btn-dark:focus:not(.is-disabled):not([class*=unlogged-btn-hover-]),
.unlogged-btn-dark:hover:not(.is-disabled):not([class*=unlogged-btn-hover-]) {
	color: #202029
}

.unlogged-btn-dark:active:not(.is-disabled):not([class*=unlogged-btn-hover-]) {
	color: #000
}

.unlogged-btn-white {
	color: #fff
}

.unlogged-btn-white .unlogged-btn-label {
	color: #32323d
}

.unlogged-btn-white:focus:not(.is-disabled):not([class*=unlogged-btn-hover-]),
.unlogged-btn-white:hover:not(.is-disabled):not([class*=unlogged-btn-hover-]) {
	color: #cad1d3
}

.unlogged-btn-grey,
.unlogged-btn-grey:active:not(.is-disabled):not([class*=unlogged-btn-hover-]),
.unlogged-btn-grey:focus:not(.is-disabled):not([class*=unlogged-btn-hover-]),
.unlogged-btn-grey:hover:not(.is-disabled):not([class*=unlogged-btn-hover-]),
.unlogged-btn-white:active:not(.is-disabled):not([class*=unlogged-btn-hover-]) {
	color: #8e8e94
}

.unlogged-btn-red {
	color: #b12525
}

.unlogged-btn-deep-orange {
	color: #d33d23
}

.unlogged-btn-orange {
	color: #dc6211
}

.unlogged-btn-teal {
	color: #00796b
}

.unlogged-btn-indigo {
	color: #5544b7
}

.unlogged-btn-deep-purple {
	color: #6b42b4
}

.unlogged-btn-purple {
	color: #963caa
}

@media (min-width:768px) {
	.unlogged-btn-wide {
		min-width: 310px
	}
}

@media (max-width:767px) {
	.unlogged-btn-wide {
		width: 100%
	}
	#member-detail .modal-wrapper {
	position: fixed;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	z-index: 8020;
	top: 20px;
	transform: translateY(0%);
}

}

.unlogged-btn-large {
	font-size: 16px;
	font-weight: 900;
	min-width: 220px
}

.unlogged-btn-small {
	font-size: 15px;
	padding: 8px 24px
}

.unlogged-btn-on-dark-bg .unlogged-btn-label {
	color: #fff
}

.unlogged-btn-hover-scale:before {
	background-color: currentColor;
	border-radius: 35px;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform
}

.unlogged-btn-hover-scale:focus:not(.is-disabled):before,
.unlogged-btn-hover-scale:hover:not(.is-disabled):before {
	-webkit-transform: scale(1.12);
	-ms-transform: scale(1.12);
	transform: scale(1.12)
}

.unlogged-btn-hover-scale .unlogged-btn-label {
	position: relative;
	z-index: 1
}

.unlogged-btn-hover-reverse:not(.unlogged-btn-outline):not(.is-disabled):hover {
	background-color: rgba(0, 0, 0, 0)
}

.unlogged-btn-hover-reverse:not(.unlogged-btn-outline):not(.is-disabled):hover .unlogged-btn-label {
	color: currentColor
}

.unlogged-btn-hover-reverse.unlogged-btn-outline:not(.is-disabled):hover {
	background-color: currentColor
}

.unlogged-btn-hover-reverse.unlogged-btn-outline:not(.is-disabled):hover .unlogged-btn-label {
	color: #fff
}

.unlogged-btn:not(.unlogged-btn-outline).is-disabled {
	opacity: .3;
	pointer-events: none
}

@media (max-width:767px) {
	.unlogged-socials-btn-container {
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.unlogged-socials-btn-container .unlogged-btn-social+.unlogged-btn-social {
		margin-top: 10px
	}
}

.unlogged-btn-social {
	border-radius: 5px;
	padding: 9px 0 9px 51px;
	text-align: left;
	width: 151px
}

.unlogged-btn-social:not(.unlogged-btn-outline):not(.is-disabled):focus,
.unlogged-btn-social:not(.unlogged-btn-outline):not(.is-disabled):hover {
	background-color: #fff
}

.unlogged-btn-social .unlogged-btn-label {
	color: currentColor;
	font-weight: 600
}

@media (min-width:768px) {
	.unlogged-btn-social+.unlogged-btn-social {
		margin-left: 16px
	}
}

.unlogged-btn-apple {
	color: #191922
}

.unlogged-btn-apple:after {
	color: #fff;
	content: "\E805";
	font-family: Deezer Icons, sans-serif;
	font-size: 20px;
	height: 22px;
	left: 10px;
	line-height: normal;
	margin-top: -11px;
	position: absolute;
	top: 50%;
	width: 18px
}

.unlogged-btn-apple .link-social {
	color: #fff
}

.unlogged-btn-apple:focus .link-social,
.unlogged-btn-apple:focus:after,
.unlogged-btn-apple:hover .link-social,
.unlogged-btn-apple:hover:after {
	color: #191922
}

.unlogged-btn-facebook {
	color: #2553b4
}

.unlogged-btn-facebook:after {
	color: #fff;
	content: "\E839";
	font-family: Deezer Icons, sans-serif;
	font-size: 20px;
	height: 22px;
	left: 10px;
	line-height: normal;
	margin-top: -11px;
	position: absolute;
	top: 50%;
	width: 18px
}

.unlogged-btn-facebook .link-social {
	color: #fff
}

.unlogged-btn-facebook:focus .link-social,
.unlogged-btn-facebook:focus:after,
.unlogged-btn-facebook:hover .link-social,
.unlogged-btn-facebook:hover:after {
	color: #2553b4
}

.unlogged-btn-google {
	background-color: #fff;
	border: 2px solid #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	position: relative;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: background-color, color, border-color;
	transition-property: background-color, color, border-color
}

.unlogged-btn-google:before {
	background-color: #fff;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	top: 0;
	width: 34px
}

.unlogged-btn-google:after {
	content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDEyIDEyIj48cGF0aCBmaWxsPSIjNDI4NUY0IiBkPSJNMTEuNzYgNi4xMzZjMC0uNDI1LS4wMzgtLjgzNC0uMTEtMS4yMjdINlY3LjIzaDMuMjNhMi43NiAyLjc2IDAgMDEtMS4xOTggMS44MXYxLjUwNkg5Ljk3YzEuMTM0LTEuMDQ0IDEuNzg5LTIuNTgyIDEuNzg5LTQuNDF6Ii8+PHBhdGggZmlsbD0iIzM0QTg1MyIgZD0iTTYgMTJjMS42MiAwIDIuOTc4LS41MzcgMy45Ny0xLjQ1NEw4LjAzMyA5LjA0MWMtLjUzNy4zNi0xLjIyNS41NzMtMi4wMzIuNTczLTEuNTYzIDAtMi44ODUtMS4wNTYtMy4zNTctMi40NzRILjYzOHYxLjU1NUE1Ljk5OCA1Ljk5OCAwIDAwNiAxMnoiLz48cGF0aCBmaWxsPSIjRkJCQzA1IiBkPSJNMi42NDMgNy4xNEEzLjYwNyAzLjYwNyAwIDAxMi40NTUgNmMwLS4zOTUuMDY4LS43OC4xODgtMS4xNFYzLjMwNUguNjM4YTUuOTk4IDUuOTk4IDAgMDAwIDUuMzlMMi42NDMgNy4xNHoiLz48cGF0aCBmaWxsPSIjRUE0MzM1IiBkPSJNNiAyLjM4NmMuODggMCAxLjY3Mi4zMDMgMi4yOTQuODk4bDEuNzItMS43MjFDOC45NzYuNTk1IDcuNjE4IDAgNiAwQTUuOTk4IDUuOTk4IDAgMDAuNjM4IDMuMzA1TDIuNjQzIDQuODZDMy4xMTUgMy40NDIgNC40MzcgMi4zODYgNiAyLjM4NnoiLz48L3N2Zz4=");
	height: 18px;
	left: 10px;
	line-height: normal;
	margin-top: -9px;
	position: absolute;
	top: 50%;
	width: 18px
}

.unlogged-btn-google .link-social,
.unlogged-btn-google .unlogged-btn-label {
	color: #757575
}

.unlogged-btn-google:not(.unlogged-btn-outline):not(.is-disabled):focus,
.unlogged-btn-google:not(.unlogged-btn-outline):not(.is-disabled):hover {
	background-color: #4285f4;
	border-color: #4285f4
}

.unlogged-btn-google:not(.unlogged-btn-outline):not(.is-disabled):focus .unlogged-btn-label,
.unlogged-btn-google:not(.unlogged-btn-outline):not(.is-disabled):hover .unlogged-btn-label {
	color: #fff
}

.message-list-custo-modal {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.message-list-custo-modal-main {
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.message-list-custo-modal-title {
	color: undefined;
	color: var(--text-primary);
	font-family: Deezer, Arial, sans-serif;
	font-size: 35px;
	font-weight: 600;
	letter-spacing: normal;
	margin: 0 20px;
	padding: 40px 30px 15px;
	text-align: left
}

.message-list-custo-modal-description {
	font-size: 22px;
	margin: 0 20px;
	padding: 0 30px;
	text-align: left;
	white-space: pre-line
}

.message-list-custo-modal-list {
	margin: 0 20px;
	padding: 30px;
	text-align: left
}

.message-list-custo-modal-item {
	padding-bottom: 10px
}

.message-list-custo-modal-list .message-list-custo-modal-item-icon {
	font-size: 30px;
	margin-right: 15px;
	vertical-align: middle
}

.message-list-custo-modal-item-text {
	font-size: 18px
}

.message-list-custo-modal-buttons {
	margin: 0 20px;
	padding: 30px;
	text-align: left
}

.message-list-custo-modal-buttons>* {
	margin-bottom: 10px;
	margin-right: 15px
}

.message-list-custo-gradient {
	border-radius: 0 3px 0 0;
	height: 15px;
	position: absolute;
	right: 0;
	width: 312px
}

.message-list-custo-modal-image {
	-webkit-background-size: cover;
	background-size: cover;
	margin-top: 15px;
	max-width: 312px;
	min-width: 312px
}

@media (max-height:700px) {
	.message-list-custo-modal-title {
		font-size: 25px;
		padding-left: 10px;
		padding-right: 10px
	}
	.message-list-custo-modal-description {
		font-size: 16px;
		padding: 0 10px
	}
	.message-list-custo-modal-list {
		margin: 0 20px;
		padding: 10px
	}
	.message-list-custo-modal-item-text {
		font-size: 15px
	}
	.message-list-custo-modal-list .message-list-custo-modal-item-icon {
		font-size: 28px
	}
	.message-list-custo-modal-buttons {
		padding: 10px
	}
	.message-list-custo-gradient,
	.message-list-custo-modal-image {
		max-width: 250px;
		min-width: 250px;
		width: 250px
	}
}

#modal_account_info_save .account-form-select .select-country {
	border: 0;
	cursor: pointer;
	font-size: 14px;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%
}

#modal_account_info_save .account-form-select.full {
	width: 100%;
	font-size: 22px
}

#modal_account_info_save .account-form-select>.icon {
	color: #92929d;
	font-size: 14px;
	position: absolute;
	right: 15px;
	top: 10px
}

#modal_account_info_save .country-phone-code-box {
	border: 0;
	float: left;
	height: 30px;
	line-height: 10px;
	margin: 1px;
	padding: 10px 5px;
	position: absolute;
	width: 50px
}

#modal_account_info_save .swap-form-big {
	padding-left: 50px
}

#modal_account_info_save .swap-form-controls {
	margin-left: 0
}

#modal_apprequest .recipients {
	border-bottom: undefined;
	border-bottom: 1px solid var(--divider-primary);
	line-height: 24px;
	margin-bottom: 20px;
	padding-bottom: 10px
}

#modal_apprequest .recipient {
	background-color: undefined;
	background-color: var(--background-secondary);
	border: undefined;
	border: 1px solid var(--divider-primary);
	border-radius: 4px;
	color: undefined;
	color: var(--text-primary);
	display: inline-block;
	font-size: 11px;
	line-height: 16px;
	margin-left: 5px;
	padding: 3px 5px;
	vertical-align: top
}

#modal_apprequest .preview-row {
	display: table;
	margin-top: 10px
}

#modal_apprequest .preview-picture {
	display: table-cell;
	height: 115px;
	width: 115px
}

#modal_apprequest .preview-text {
	display: table-cell;
	padding-left: 20px;
	vertical-align: top
}

#modal_apprequest .preview-description .preview-picture {
	height: 50px;
	width: 50px
}

#modal_apprequest .preview-description .preview-text {
	margin-left: 10px;
	vertical-align: middle
}

#modal_apprequest .preview-description .preview-quote {
	display: block;
	font-family: Georgia, Arial;
	font-style: italic;
	margin-top: 5px
}

#modal_bose_serial .wrapper {
	text-align: center
}

#modal_bose_serial .wrapper>.heading-2 {
	margin-bottom: 15px
}

#modal_bose_serial .wrapper>.serial-location {
	color: #92919d;
	line-height: 20px
}

#modal_browser_update .browsers {
	margin: 10px 0;
	text-align: center
}

#modal_browser_update .browsers .browser {
	display: inline-block;
	vertical-align: top;
	width: 100px
}

#modal_browser_update .browsers .picto {
	display: block;
	margin: 0 auto 5px
}

.centered_box {
	text-align: center
}

.modal-family-upsale .modal-family-upsale-header {
	background-color: #dc4c11;
	background-image: url(/cache/slash/images/common/logos/deezer_white@2x.94d7f8112042bfc9c29e3874b0859014.png);
	background-position: 10px;
	background-repeat: no-repeat;
	-webkit-background-size: 115px 115px;
	background-size: 115px;
	border-radius: 3px 3px 0 0;
	margin: 0
}

.modal-family-upsale .modal-family-upsale-message {
	text-align: center
}

.modal-family-upsale .modal-family-upsale-message-text {
	font-size: 20px;
	margin: 10px
}

.modal-family-upsale .modal-family-upsale-top-text {
	font-size: 20px;
	margin-bottom: 30px
}

.modal-family-upsale .modal-family-upsale-offer-text {
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 0
}

.modal-family-upsale .modal-family-upsale-offer-text-underline {
	color: #85858d;
	margin-top: 0;
	text-transform: lowercase
}

.modal-family-upsale .modal-family-upsale-button {
	background-color: #dc4c11;
	border: none;
	border-radius: 30px;
	color: #fff;
	display: inline-block;
	padding: 7px 50px;
	text-transform: uppercase
}

.modal-family-upsale .modal-family-upsale-terms {
	color: #85858d;
	font-size: 13px
}

.modal-conversion .modal-close {
	z-index: 20
}

.modal-conversion .heading-2 {
	font-size: 30px
}

.modal-conversion .heading-2,
.modal-conversion .heading-3 {
	color: undefined;
	color: var(--text-primary);
	margin-bottom: 12px
}

.modal-conversion .heading-3 {
	font-size: 24px;
	font-weight: 500
}

.modal-conversion .heading-4 {
	color: undefined;
	color: var(--text-primary);
	font-size: 14px;
	margin-bottom: 30px
}

.modal-conversion .push-header {
	-webkit-background-size: cover;
	background-size: cover;
	border-radius: 2px 2px 0 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 325px;
	padding: 20px;
	position: relative;
	text-align: center;
	z-index: 10
}

.modal-conversion .push-header-container {
	left: 0;
	padding: 20px;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.modal-conversion .push-features {
	padding: 30px 0 0;
	position: relative;
	z-index: 20
}

.modal-conversion .push-features .container {
	max-width: 100%
}

.modal-conversion .push-features-visual {
	float: left;
	margin-top: -40px
}

.modal-conversion .push-features-visual.no-margin {
	margin-top: 0
}

.modal-conversion .push-features-list {
	margin-left: 320px
}

.modal-conversion .push-features-list>.push-features-list-title {
	color: undefined;
	color: var(--text-primary);
	font-size: 16px;
	margin-bottom: 30px
}

.modal-conversion .push-features-list>.push-features-list-feature {
	color: #92929d;
	font-size: 14px;
	line-height: 20px;
	padding-left: 25px;
	position: relative
}

.modal-conversion .push-features-list>.push-features-list-feature+.push-features-list-feature {
	margin-top: 15px
}

.modal-conversion .push-features-list .icon-check {
	color: undefined;
	color: var(--color-accent);
	left: 3px;
	line-height: 20px;
	position: absolute;
	top: 0
}

.modal-cookie-consent-settings .consent-heading {
	line-height: normal;
	margin-bottom: 20px
}

.modal-cookie-consent-settings .input-checkbox {
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle
}

.modal-cookie-consent-settings .consent-label {
	display: inline-block;
	font-weight: 600;
	vertical-align: middle
}

.modal-cookie-consent-settings .consent-text {
	display: inline-block;
	margin: 10px 0 20px
}

.modal-cookie-consent-settings .consent-tab {
	width: 100%
}

.modal-cookie-consent-settings .consent-tab+.consent-tab {
	margin-bottom: 20px
}

.modal-cookie-consent-settings .consent-partners {
	padding: 10px 15px;
	width: 50%
}

.modal-cookie-consent-settings .consent-link {
	border-bottom: 1px solid #000;
	padding: 10px 15px;
	text-align: right;
	width: 50%
}

.modal-cookie-consent-settings .modal-header {
	margin: 0
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.modal-cookie-consent-settings .modal-header {
		padding-top: 20px
	}
}

@media only screen and (max-width:767px) {
	.modal-cookie-consent-settings .modal-header {
		padding-top: 20px
	}
}

.modal-cookie-consent-settings .modal-footer {
	padding: 20px
}

.modal-cookie-consent-settings .modal-body {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch
}

@media only screen and (min-width:768px) and (max-width:1023px) and (max-height:700px) {
	.modal-cookie-consent-settings .modal-body {
		max-height: 400px
	}
}

@media only screen and (min-width:768px) and (max-width:1023px) and (orientation:landscape) {
	.modal-cookie-consent-settings .modal-body {
		max-height: calc(100vh - 125px)
	}
}

@media only screen and (max-width:767px) and (max-height:700px) {
	.modal-cookie-consent-settings .modal-body {
		max-height: 400px
	}
}

@media only screen and (max-width:767px) and (orientation:landscape) {
	.modal-cookie-consent-settings .modal-body {
		max-height: calc(100vh - 125px)
	}
}

#modal_curator .cell-thumbnail {
	height: 80px;
	width: 80px
}

#modal_curator .cell-info {
	padding-left: 20px
}

#modal_curator .cell-info .album-title {
	color: undefined;
	color: var(--text-primary);
	font-weight: 700
}

#modal_curator .curator-title {
	padding: 20px 0
}

#modal_curator .confirmation {
	text-align: center
}

#modal_curator .confirmation .thank {
	color: undefined;
	color: var(--text-accent);
	font-size: 22px;
	padding-bottom: 10px
}

#modal_curator .confirmation .text {
	color: #92919d;
	font-size: 12px
}

#modal_curator .confirmation .genre {
	color: #32323d;
	font-size: 13px;
	font-weight: 700
}

#modal_curator .confirmation .thumbnail {
	padding: 18px
}

#modal_curator .confirmation .album-title {
	color: #32323d;
	font-weight: 700
}

#modal_curator .curator-table-search {
	background-color: #f8f8f9;
	border: 1px solid #d1d1d7;
	border-bottom: 0;
	padding: 10px
}

#modal_curator .curator-table-search .form-control {
	width: 310px
}

#modal_curator .curator-table-search .form-group+.form-group {
	margin: 0 0 0 7px
}

#modal_curator .curator-table {
	background-color: #f8f8f9;
	border: 1px solid #d1d1d7;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 340px
}

#modal_curator .curator-table .nano-content {
	padding: 10px 12px
}

#modal_curator .curator-table .line {
	background-color: #fff;
	border: 1px solid #d1d1d7;
	border-radius: 4px;
	color: #32323d;
	cursor: pointer;
	height: 35px;
	line-height: 35px;
	padding-left: 12px;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: background-color, border, color;
	transition-property: background-color, border, color
}

#modal_curator .curator-table .line+.line {
	margin-top: 10px
}

#modal_curator .curator-table .line .icon.pull-right {
	color: #d1d1d7;
	line-height: 35px;
	padding-right: 10px
}

#modal_curator .curator-table .line.line-blue:hover {
	background-color: #3296cf;
	border: 1px solid #24658d;
	color: #fff
}

#modal_curator .curator-table .line.line-blue:hover .icon-add {
	color: #fff
}

#modal_curator .curator-table .line.line-gray:hover {
	background-color: #55555f;
	border: 1px solid #55555f;
	color: #fff
}

#modal_curator .curator-table .line.line-gray:hover .icon-add {
	color: #fff
}

#modal_curator .curator-table .line.children {
	margin-left: 30px
}

#modal_curator .curator-table .line.children:before {
	border-left: solid rgba(0, 0, 0, 0);
	border-bottom: solid rgba(0, 0, 0, 0);
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #d1d1d7 #d1d1d7;
	border-style: solid solid dotted dotted;
	border-width: medium medium 1px 1px;
	content: " ";
	float: left;
	height: 25px;
	margin-left: -32px;
	margin-top: -10px;
	width: 15px
}

#modal_curator .curator-table-large {
	height: 392px
}

#modal_curator .curator-table-all {
	background-color: #f8f8f9;
	border-left: 1px solid #d1d1d7;
	border-right: 1px solid #d1d1d7;
	border-top: 1px solid #d1d1d7;
	padding: 7px 0
}

#modal_curator .info-promo {
	background-color: #f8f8f9;
	border: 1px solid #d1d1d7;
	border-radius: 2px;
	color: #32323d;
	cursor: pointer;
	font-size: 12px;
	height: 28px;
	line-height: 28px;
	margin-top: 20px;
	padding-left: 15px;
	width: 341px
}

#modal_curator .info-promo .icon {
	float: right;
	margin: 6px 10px 0 0
}

#modal_curator .textarea-promo {
	background-color: #fff;
	border: 1px solid #d1d1d7;
	border-radius: 2px;
	color: #72727d;
	font-size: 12px;
	height: 105px;
	margin-top: 20px;
	padding: 10px 0 25px 15px;
	position: relative;
	resize: none;
	width: 341px
}

#modal_curator .textarea-notice {
	bottom: 10px;
	color: #92919d;
	font-size: 12px;
	position: absolute;
	right: 15px
}

#modal_curator .textarea-left {
	position: relative
}

#modal_curator .textarea-left .textarea-left-wrapper {
	bottom: 10px;
	color: #92919d;
	font-size: 12px;
	position: absolute;
	right: 15px
}

#modal_curator .bloc-info {
	display: none;
	padding: 20px 20px 20px 10px
}

#modal_curator .bloc-info .info-text {
	font-size: 12px;
	height: 15px;
	padding-bottom: 26px;
	padding-top: 8px
}

#modal_curator .bloc-info .info-warning {
	color: #c12630;
	font-size: 12px;
	padding-top: 8px
}

#modal_curator .arrow {
	border-color: rgba(0, 0, 0, 0) #d1d1d7 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
	border-style: solid;
	border-width: 8px 11px 8px 0;
	height: 0;
	left: -11px;
	position: absolute;
	width: 0;
	z-index: 1
}

#modal_curator .bloc-country {
	-webkit-box-shadow: 0 0 4px #d1d1d7;
	box-shadow: 0 0 4px #d1d1d7;
	margin-top: 20px;
	position: relative
}

#modal_curator .bloc-country .input-check {
	margin: 0 12px
}

#modal_curator .bloc-country .scroll-area .wrapper-scroll {
	height: 259px;
	position: relative
}

#modal_curator .bloc-country .scroll-area .wrapper-scroll .tinyscroll_viewport {
	border: 1px solid #d1d1d7
}

#modal_curator .bloc-country .country-table {
	background-color: #f8f8f9;
	overflow: auto;
	width: 358px
}

#modal_curator .bloc-country .country-table .line {
	background-color: #fff;
	color: #32323d;
	cursor: pointer;
	height: 36px;
	line-height: 35px;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: background-color, color;
	transition-property: background-color, color
}

#modal_curator .bloc-country .country-table .line .input-check {
	margin: 0 12px
}

#modal_curator .bloc-country .country-table .line:nth-child(odd) {
	background-color: #f8f8f9
}

#modal_curator .bloc-country .country-table .line:hover {
	background-color: #eef6fb
}

#modal_curator .bloc-country .arrow {
	top: 7px
}

#modal_curator .bloc-date {
	-webkit-box-shadow: 0 0 4px #d1d1d7;
	box-shadow: 0 0 4px #d1d1d7;
	display: none;
	margin-top: 20px;
	position: relative
}

#modal_curator .bloc-date .date-table {
	border: 1px solid #d1d1d7;
	height: 226px;
	padding: 32px;
	width: 296px
}

#modal_curator .bloc-date .date-table .month {
	font-size: 17px;
	height: 28px;
	line-height: 26px;
	padding-left: 5px
}

#modal_curator .bloc-date .date-table .calendar {
	height: 194px;
	width: 294px
}

#modal_curator .bloc-date .date-table .calendar .days-week {
	color: #d1d1d7;
	float: left;
	font-size: 10px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 42px
}

#modal_curator .bloc-date .date-table .calendar .day {
	background-color: #f8f8f9;
	float: left;
	font-size: 12px;
	height: 32px;
	line-height: 32px;
	margin: 5px;
	text-align: center;
	width: 32px;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: background-color, color;
	transition-property: background-color, color
}

#modal_curator .bloc-date .date-table .calendar .day:hover {
	background-color: #3294d0;
	color: #fff;
	cursor: pointer
}

#modal_curator .bloc-date .date-table .calendar .day.day-off {
	color: #d1d1d7
}

#modal_curator .bloc-date .date-table .calendar .day.day-first {
	background-color: #ec2025;
	border-bottom: 0;
	color: #fff;
	height: 32px
}

#modal_curator .bloc-date .date-table .calendar .day.day-reserved {
	border-bottom: 2px solid #ec2025;
	height: 30px
}

#modal_curator .bloc-date .date-table .calendar .day.day-selected {
	border-bottom: 2px solid #3294d0;
	height: 30px
}

#modal_curator .bloc-date .date-table .calendar .day.day-on {
	background-color: #3294d0;
	-webkit-box-shadow: 0 0 5px #0b4a71 inset;
	box-shadow: inset 0 0 5px #0b4a71;
	color: #fff
}

#modal_curator .bloc-date .arrow {
	top: 57px
}

#modal_curator .bloc-time {
	-webkit-box-shadow: 0 0 4px #d1d1d7;
	box-shadow: 0 0 4px #d1d1d7;
	display: none;
	margin-top: 20px;
	position: relative
}

#modal_curator .bloc-time .scroll-area .wrapper-scroll {
	border: 1px solid #d1d1d7;
	height: 289px;
	position: relative
}

#modal_curator .bloc-time .time-table {
	background-color: #f8f8f9;
	overflow: auto;
	width: 358px
}

#modal_curator .bloc-time .time-table .line {
	background-color: #fff;
	color: #32323d;
	cursor: pointer;
	font-size: 11px;
	height: 35px;
	line-height: 35px;
	padding-left: 20px;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-property: background-color, color;
	transition-property: background-color, color
}

#modal_curator .bloc-time .time-table .line:nth-child(odd) {
	background-color: #f8f8f9
}

#modal_curator .bloc-time .time-table .line:hover {
	background-color: #eef6fb
}

#modal_curator .bloc-time .arrow {
	top: 107px
}

.modal-special-offer-family .heading-2,
.modal-special-offer-family .heading-3,
.modal-special-offer-family .heading-4,
.modal-special-offer-family .modal-close {
	color: #fff;
	padding: 0 50px
}

@media only screen and (max-width:767px) {
	.modal-special-offer-family .heading-2 {
		font-size: 22px;
		padding: 0 10px
	}
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.modal-special-offer-family .heading-4 {
		font-size: 22px;
		padding: 0 20px
	}
}

@media only screen and (max-width:767px) {
	.modal-special-offer-family .heading-4 {
		font-size: 16px;
		padding: 0 10px
	}
}

.modal-special-offer-family .push-header {
	background-image: url(/cache/slash/images/components/modals/family/header_desktop.40a18b654ed46eb55601e8ec3a819dd6.jpg)
}

@media only screen and (max-width:767px) {
	.modal-special-offer-family .push-header {
		padding: 10px
	}
}

.modal-special-offer-family .push-header-container {
	z-index: 5
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.modal-special-offer-family .push-header-container {
		padding: 5px
	}
}

@media only screen and (max-width:767px) {
	.modal-special-offer-family .push-header-container {
		padding: 5px
	}
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.modal-special-offer-family .push-features-list-title {
		font-size: 22px
	}
}

@media only screen and (max-width:767px) {
	.modal-special-offer-family .push-features-list-title {
		font-size: 18px;
		margin-bottom: 15px
	}
}

.modal-special-offer-family .push-features-list-feature {
	text-align: left
}

#modal_fnac_jukebox .heading-1 {
	color: #fff;
	font-size: 28px;
	font-weight: 700;
	line-height: 36px;
	margin: 0 auto;
	padding: 42px 0;
	text-align: center;
	width: 670px
}

#modal_fnac_jukebox .heading-1 .fnac-modal-legal {
	color: #fff;
	display: block;
	font-size: 16px
}

#modal_fnac_jukebox .fnac-modal-header {
	background-image: url(/cache/slash/images/components/modals/fnac/header_desktop.8258ae2911e6c250168508861e6e1624.jpg);
	color: #fff;
	font-size: 28px;
	font-weight: 700;
	line-height: 36px;
	padding: 42px 0;
	text-align: center
}

#modal_fnac_jukebox .fnac-modal-header .fnac-modal-legal {
	color: #fff;
	display: block;
	font-size: 16px
}

#modal_fnac_jukebox .fnac-modal-title {
	border-bottom: undefined;
	border-bottom: 1px solid var(--divider-primary);
	color: undefined;
	color: var(--color-accent);
	font-size: 26px;
	font-weight: 300;
	margin: 0 20px;
	padding: 15px 30px;
	text-align: center
}

#modal_fnac_jukebox .fnac-icon-app {
	color: undefined;
	color: var(--color-accent);
	font-size: 24px;
	padding-bottom: 32px
}

#modal_fnac_jukebox .fnac-icon-app .icon {
	padding: 0 15px
}

#modal_fnac_jukebox .fnac-icon-app .icon-app {
	border-radius: 10px
}

#modal_fnac_jukebox .fnac-modal-subtitle {
	color: undefined;
	color: var(--text-primary);
	font-size: 16px
}

#modal_fnac_jukebox .fnac-modal-bigtitle {
	color: undefined;
	color: var(--text-primary);
	font-size: 20px
}

#modal_fnac_jukebox .fnac-modal-wrapper {
	margin: 0 20px;
	padding: 20px;
	position: relative
}

#modal_fnac_jukebox .fnac-modal-legal {
	color: #a2a2ad;
	font-size: 10px
}

#modal_fnac_jukebox .fnac-modal-footer {
	border-top: undefined;
	border-top: 1px solid var(--divider-primary);
	margin: 0 24px;
	padding: 24px 0
}

#modal_fnac_jukebox .fnac-modal-footer:after,
#modal_fnac_jukebox .fnac-modal-footer:before {
	content: " ";
	display: table
}

#modal_fnac_jukebox .fnac-modal-footer:after {
	clear: both
}

#modal_fnac_jukebox .fnac-btn-store {
	padding-top: 24px
}

#modal_fnac_jukebox .fnac-status {
	border-radius: 32px;
	color: #fff;
	font-size: 32px;
	height: 64px;
	line-height: 68px;
	margin: 10px auto 24px;
	position: relative;
	text-align: center;
	width: 64px
}

#modal_fnac_jukebox .fnac-status-success {
	background-color: undefined;
	background-color: var(--color-accent)
}

#modal_fnac_jukebox .fnac-status-error {
	background-color: #ff5b63;
	font-size: 44px;
	line-height: 68px
}

#modal_fnac_jukebox .fnac-text-error {
	color: #ff5b63
}

#modal_fnac_jukebox .fnac-text-info {
	color: #a2a2ad
}

#modal_fnac_jukebox .fnac-btn-large {
	padding: 10px 160px
}

@font-face {
	font-display: swap;
	font-family: Deezer;
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/deezer-regular.668a4b966f4df47a83fccb91626f24cd.woff2) format("woff2"), url(../fonts/deezer-regular.a64f303c5f2649f0cb4ef006160c872b.woff) format("woff")
}

@font-face {
	font-display: swap;
	font-family: Deezer;
	font-style: normal;
	font-weight: 700;
	src: url(../fonts/deezer-bold.450f1096d7ba96fb8e4c869e79c9a1f1.woff2) format("woff2"), url(../fonts/deezer-bold.69c35f10d2d3b1cd5ba108357098d136.woff) format("woff")
}

#modal_gift_index .form-wrapper {
	padding-top: 15px
}

#modal_gift_index .form-wrapper p {
	margin-bottom: 20px
}

#modal_gift_index .form-wrapper .line {
	margin-top: 20px
}

#modal_gift_code .modal-body {
	text-align: center
}

#modal_gift_code .form-wrapper {
	padding-top: 15px
}

#modal_gift_code .modal-header {
	font-family: Deezer, sans-serif
}

#modal_gift_code .modal-footer .action {
	text-align: center
}

#modal_gift_result .no-offer form,
#modal_gift_result .no-offer p {
	margin-bottom: 20px
}

#modal_gift_result .no-offer .list-offer {
	margin-top: 20px
}

#modal_gift_result .column-left .heading-2 {
	margin: 20px 0
}

#modal_gift_result .column-right .column-wrapper {
	background-color: undefined;
	background-color: var(--background-intermediate);
	padding: 20px;
	text-align: center
}

#modal_gift_result .column-right .column-wrapper img {
	max-width: 100%
}

#modal_gift_result .column-right .column-wrapper .mobile-store {
	font-size: 0;
	margin: 20px 0;
	text-align: center
}

#modal_gift_result .column-right .column-wrapper .download-link+.download-link {
	margin-left: 5px
}

#modal_gift_result_premium .modal-body .wrapper .columns .column-right .text {
	margin-top: 20px
}

#modal_gift_result_premium .modal-body .wrapper .columns .gift-code {
	color: #ea1b51;
	font-size: 14px;
	font-weight: 700
}

#modal_gift_result_premium .modal-body .wrapper .columns .action {
	margin-top: 30px
}

#modal_gimme_more_trial .heading-2,
#modal_gimme_more_trial .heading-3,
#modal_gimme_more_trial .heading-4,
#modal_gimme_more_trial .modal-close {
	color: #fff
}

#modal_gimme_more_trial .push-header {
	background-image: url(/cache/slash/images/components/modals/gimme_more/trial/header_desktop.2352389150eddb88136d0006b9d8241d.jpg)
}

#modal_gimme_more_trial .push-header-container {
	z-index: 5
}

.illus-one-cta-main {
	padding: 15px
}

.illus-one-cta-image {
	margin-bottom: 10px;
	max-height: 250px
}

.illus-one-cta-description {
	margin-bottom: 15px
}

.illus-one-cta-title {
	color: undefined;
	color: var(--text-primary);
	font-size: 30px;
	margin-bottom: 12px
}

.illus-one-cta-footer {
	border-top: undefined;
	border-top: 1px solid var(--divider-primary)
}

.illus-one-cta-secondary {
	cursor: pointer;
	font-size: 12px;
	font-weight: 600;
	line-height: 30px
}

#modal_login .column p:first-child {
	margin-bottom: 15px
}

#modal_login .column-login .register {
	margin: 20px 0 0;
	text-align: center
}

#modal_login .column-partners {
	text-align: center
}

#modal_login .column-partners .btn-block+.btn-block {
	margin-top: 10px
}

#modal_login .column-partners .divider {
	background-color: undefined;
	background-color: var(--divider-primary);
	height: 1px;
	margin: 10px -15px
}

#modal_login .index-form-links,
#modal_login .index-form-submit {
	margin-top: 15px
}

#modal_login .index-form-links {
	text-align: center
}

#modal_login #login-form-country-code {
	background-color: rgba(0, 0, 0, 0);
	border: none;
	padding: 6px 5px 5px;
	pointer-events: none;
	position: absolute;
	text-align: center;
	width: 64px
}

#modal_login #login_form_phone_input {
	text-indent: 50px
}

#modal_login .ggplus-deactivate-text {
	margin-top: 15px
}

#modal_login .ggplus-deactivate-text .label {
	margin-bottom: 10px
}

#modal_oauth_permission .access {
	height: 27px;
	left: 0;
	position: absolute;
	top: 0;
	width: 30px
}

#modal_oauth_permission .basic_access {
	background-image: url(/cache/slash/images/components/modals/oauth_permission/basic.ac5e88f22cfa3a2a87f269963722a9fd.png)
}

#modal_oauth_permission .offline_access {
	background-image: url(/cache/slash/images/components/modals/oauth_permission/offline.5a3f265fd732ff07c64a285e31c98878.png)
}

#modal_oauth_permission .email {
	background-image: url(/cache/slash/images/components/modals/oauth_permission/email.37d1c44a67fb28e24fa8b3ffd3d82d5f.png)
}

#modal_oauth_permission .listening_history,
#modal_oauth_permission .manage_community,
#modal_oauth_permission .manage_library {
	background-image: url(/cache/slash/images/components/modals/oauth_permission/manage.a280b81763e25e94189d261297963901.png)
}

#modal_oauth_permission .delete_library {
	background-image: url(/cache/slash/images/components/modals/oauth_permission/delete.24106a5e192469a3f81d7d4118e01470.png)
}

#modal_oauth_permission .list-actions {
	margin: 20px
}

#modal_oauth_permission .list-actions .action {
	font-size: 12px;
	min-height: 27px;
	padding-left: 40px;
	position: relative
}

#modal_oauth_permission .list-actions .action .title {
	color: undefined;
	color: var(--text-primary);
	font-weight: 700
}

#modal_oauth_permission .list-actions .action .description {
	color: #92919d
}

#modal_oauth_permission .list-actions .action+.action {
	margin-top: 20px
}

#modal_oauth_permission .app-info {
	text-align: center;
	width: 172px
}

#modal_oauth_permission .app-info:before {
	background-image: url(/cache/slash/images/components/modals/oauth_permission/app_separator.b14524984d1844efffcd764d88e742c9.png);
	content: "";
	float: left;
	height: 172px;
	width: 25px
}

#modal_oauth_permission .app-info .name {
	margin-top: 20px
}

#modal_oauth_permission .app-picture {
	background-image: url(/cache/slash/images/components/modals/oauth_permission/app_picture.cbbcb91346b63148b3ef50adc4b9c004.png);
	height: 120px;
	margin-left: 50px;
	width: 120px
}

#modal_oauth_permission .connected-as {
	margin-bottom: 20px;
	margin-top: 20px
}

#modal_oauth_permission .connected-as .profile-picture {
	border-radius: 40px;
	float: left;
	margin-right: 20px
}

@media screen and (max-width:770px) {
	#modal_oauth_permission .column-right {
		display: none
	}
}

#modal_oauth_trial_mobile .oauth-trial-mobile-image {
	padding: 10px
}

#modal_oauth_trial_mobile .wrapper {
	text-align: center
}

#modal_oauth_trial_mobile .oauth-trial-mobile-txt {
	padding: 10px
}

#modal_oauth_trial_mobile .modal-action {
	padding: 20px 10px
}

#modal_oauth_trial_mobile .btn-primary {
	padding: 10px 100px
}

#modal_oauth_trial_mobile #modal-close {
	display: none
}

@media screen and (max-width:770px) {
	#modal_oauth_trial_mobile .column-right {
		display: none
	}
}

.modal-offer-look-up .offer-look-up-header {
	margin: inherit
}

.modal-offer-look-up .offer-look-up-wrapper {
	margin: 0 20px
}

.modal-offer-look-up .offer-look-up-cell {
	padding-right: 10px;
	vertical-align: middle
}

.modal-offer-look-up .offer-look-up-message {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center
}

.modal-offer-look-up .offer-look-up-message .message-title {
	color: undefined;
	color: var(--text-primary);
	font-size: 32px;
	font-stretch: normal;
	font-style: normal;
	font-weight: 600;
	margin-bottom: 20px;
	margin-top: 70px
}

.modal-offer-look-up .offer-look-up-message .message-text {
	color: undefined;
	color: var(--text-primary);
	font-size: 18px;
	margin: auto auto 35px;
	width: 80%
}

.modal-offer-look-up .offer-look-up-actions {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%
}

.modal-offer-look-up .offer-look-up-actions .actions-button {
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
	height: 50px;
	margin-bottom: 28px;
	width: 310px
}

.modal-offer-look-up .offer-look-up-actions .actions-link {
	color: undefined;
	color: var(--color-accent);
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 24px;
	text-align: center
}

#modal_operator .column-info .heading-2,
#modal_operator .column-mobile .heading-2 {
	margin-bottom: 15px
}

#modal_operator .column-mobile .heading-2 {
	background-color: #585657;
	color: #fff;
	font-size: 14px;
	padding: 5px 10px
}

#modal_operator .column-mobile .visual {
	float: left;
	margin-right: 10px
}

#modal_operator .column-mobile .control-table {
	margin-top: 10px;
	width: auto
}

#modal_operator .faq {
	margin: 20px 0
}

#modal_operator .faq .faq-question {
	background: url(/cache/slash/images/components/modals/operator/bullet.12a125d469c0fe8be4a37394169c66ef.png) no-repeat 5px;
	border-bottom: undefined;
	border-bottom: 1px solid var(--divider-primary);
	border-top: undefined;
	border-top: 1px solid var(--divider-primary);
	font-weight: 700;
	padding: 5px 0 5px 25px
}

#modal_operator .faq .faq-question~.faq-question {
	border-top: 0
}

#modal_operator .faq .faq-answer {
	border-bottom: undefined;
	border-bottom: 1px solid var(--divider-primary);
	display: none;
	font-weight: 400;
	padding: 20px 0 20px 20px
}

#modal_operator .login-register {
	padding-top: 20px;
	text-align: center
}

#modal_operator .login-register .separator {
	margin: 0 17px
}

#modal_operator .lang {
	color: undefined;
	color: var(--text-intermediate);
	float: left;
	margin-right: 10px;
	text-decoration: none
}

#modal_operator .lang:hover {
	text-decoration: underline
}

#modal_operator .steps {
	background-color: undefined;
	background-color: var(--background-intermediate);
	border-radius: 2px;
	display: table;
	height: 32px;
	margin-bottom: 20px;
	position: relative;
	width: 100%
}

#modal_operator .steps .step {
	display: table-cell;
	padding: 0 12px;
	text-align: center;
	vertical-align: middle
}

#modal_operator .steps .step .step-arrow {
	display: block;
	height: 32px;
	margin-left: -12px;
	position: absolute;
	top: 0;
	width: 12px
}

#modal_operator .steps .step .step-number {
	font-weight: 700
}

#modal_operator .steps .step.step-on {
	background-color: undefined;
	background-color: var(--color-accent);
	color: #fff
}

#modal_operator .steps .step.step-on+.step-off {
	background-color: #ededed
}

#modal_operator .steps .step.step-on+.step-off .step-arrow {
	background-image: url(/cache/slash/images/components/modals/operator/step_arrow_blue.8b7e666ab8ccb3e8d449d538b977ac94.png)
}

#modal_operator .steps .step.step-on+.step-off+.step-off {
	background-color: undefined;
	background-color: var(--background-intermediate)
}

#modal_operator .steps .step.step-on+.step-off+.step-off .step-arrow {
	background-image: url(/cache/slash/images/components/modals/operator/step_arrow_gray.c936c7fbb963bdc546e4492678fd3b53.png)
}

#modal_operator .steps.steps-orange .step.step-on {
	background-color: #fd8435
}

#modal_operator .steps.steps-orange .step.step-on+.step-off .step-arrow {
	background-image: url(/cache/slash/images/components/modals/operator/step_arrow_orange.4973de9e3596b288c3c48fb76a957dc0.png)
}

#modal_operator .steps.steps-legend {
	background-color: rgba(0, 0, 0, 0);
	height: auto;
	margin: 0
}

#modal_operator .steps.steps-legend .step {
	vertical-align: top
}

#modal_operator .steps.steps-3 .step {
	width: 33%
}

#modal_operator #operator_association_error,
#modal_operator #operator_association_success_logged,
#modal_operator #operator_association_success_unlogged,
#modal_operator #operator_code,
#modal_operator #operator_mixed,
#modal_operator #operator_subscriber,
#modal_operator #operator_subscriber_code {
	display: none;
	text-align: center
}

#modal_operator #operator_code .enter-security-code,
#modal_operator #operator_subscriber .enter-input {
	display: block;
	padding-bottom: 8px
}

#modal_operator .form-wrapper {
	width: 280px
}

#modal_operator .form-wrapper .form-control {
	width: 220px
}

#modal_operator .form-wrapper .form-inline {
	padding-bottom: 20px
}

#modal_operator .form-wrapper .form-group+.form-group {
	margin-top: 0
}

#modal_operator .form-wrapper .txt-connexion {
	font-size: 14px;
	line-height: 18px;
	padding-top: 20px
}

#modal_operator .form-wrapper .txt-connexion a {
	font-size: 14px;
	vertical-align: middle
}

#modal_operator.mobile .form-wrapper {
	max-width: 280px;
	width: auto
}

#modal_operator.mobile .form-wrapper .control-table {
	margin: 10px auto;
	width: 80%
}

#modal_operator.mobile .form-wrapper .form-control {
	max-width: 220px;
	width: auto
}

#modal_operator .operator-enter-input-edit {
	cursor: pointer;
	display: none;
	font-size: 12px;
	padding-bottom: 20px
}

#modal_operator .operator-enter-input-true {
	color: #73be00;
	display: none;
	font-size: 12px;
	padding-bottom: 20px
}

#modal_operator .operator-enter-input-false {
	color: #dc3434;
	display: none;
	font-size: 12px
}

#modal_operator #operator_subscription_error_ofr {
	margin: auto;
	max-width: 600px;
	text-align: center;
	width: 100%
}

#modal_operator #operator_subscription_error_ofr .ask-operator-subscriber_ofr,
#modal_operator #operator_subscription_error_ofr .no-sms-received_ofr,
#modal_operator #operator_subscription_error_ofr .will-receive-sms_ofr {
	font-size: 14px;
	padding-bottom: 20px
}

#modal_operator #operator_subscription_error_other {
	margin: auto;
	max-width: 600px;
	text-align: center;
	width: 100%
}

#modal_operator #operator_subscription_error_other .cannot-identify-phone {
	font-size: 14px;
	padding-bottom: 20px
}

#modal_operator #operator_linked_error {
	margin: auto;
	max-width: 600px;
	text-align: center;
	width: 100%
}

#modal_operator #operator_linked_error .first-time-activation,
#modal_operator #operator_linked_error .want-regular-login {
	font-size: 14px;
	padding-bottom: 20px
}

#modal_operator #operator_linked_error .want-new-association {
	font-size: 14px;
	padding-bottom: 20px;
	padding-top: 20px
}

#modal_operator #operator_linked_error .uaj_invite_login,
#modal_operator #operator_linked_error .uaj_invite_new_assoc {
	width: 100px
}

#modal_orange_multi_account .modal-close {
	color: #fff;
	z-index: 20
}

#modal_orange_multi_account .heading-1 {
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 0
}

@media only screen and (max-width:767px) {
	#modal_orange_multi_account .heading-1 {
		font-size: 24px
	}
}

#modal_orange_multi_account .heading-2 {
	color: #23232d;
	font-size: 18px;
	margin-bottom: 16px
}

#modal_orange_multi_account .family-header {
	background-image: url(/cache/slash/images/components/modals/orange_multi_account/header_desktop.529dad540ca7d36b3c2c4ea58d38cf90.jpg);
	-webkit-background-size: cover;
	background-size: cover;
	border-radius: 2px 2px 0 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 325px;
	padding: 20px;
	position: relative;
	text-align: center;
	z-index: 10
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	#modal_orange_multi_account .family-header {
		background-image: url(/cache/slash/images/components/modals/orange_multi_account/header_tablet.bb8ff8f0eed5c613d44c615668edafd2.jpg)
	}
}

@media only screen and (max-width:767px) {
	#modal_orange_multi_account .family-header {
		background-image: url(/cache/slash/images/components/modals/orange_multi_account/header_phone.1a8d4ac77108119daaf803808bb07efc.jpg);
		height: 200px
	}
}

#modal_orange_multi_account .family-header.family-header-christmas {
	background-image: url(/cache/slash/images/components/modals/orange_multi_account/header_desktop_christmas.b8e2db6d57780d8dfccb621f2a47ee1e.jpg)
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	#modal_orange_multi_account .family-header.family-header-christmas {
		background-image: url(/cache/slash/images/components/modals/orange_multi_account/header_tablet_christmas.afdf7a55e9bda8867d7e8bd6c48e6a4d.jpg)
	}
}

@media only screen and (max-width:767px) {
	#modal_orange_multi_account .family-header.family-header-christmas {
		background-image: url(/cache/slash/images/components/modals/orange_multi_account/header_phone_christmas.65760163ffc29911a9c10af8b0260e84.jpg)
	}
}

#modal_orange_multi_account .family-header .logo-deezer {
	left: 20px;
	position: absolute;
	top: 20px
}

#modal_orange_multi_account .family-header .logo-orange {
	background-image: url(/cache/slash/images/backstage/offers/logo_orange.baed6bbf8a904f524506120f5231512b.jpg);
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	height: 27px;
	position: absolute;
	right: 56px;
	top: 20px;
	width: 27px
}

#modal_orange_multi_account .family-header-container {
	left: 0;
	padding: 20px;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

#modal_orange_multi_account .family-body {
	padding: 30px 0;
	position: relative;
	z-index: 20
}

#modal_orange_multi_account .family-body .container {
	max-width: 420px
}

#modal_orange_multi_account .family-body .btn-block {
	margin-left: auto;
	margin-right: auto;
	max-width: 280px
}

#modal_orange_multi_account .family-body .btn-block+.btn-block {
	margin-top: 8px
}

#modal_orange_multi_account .family-body .btn-family {
	background-color: #ff0043
}

#modal_orange_multi_account .family-body .legal {
	font-size: 11px;
	line-height: normal;
	margin-top: 16px;
	text-align: center
}

@media only screen and (max-width:767px) {
	#modal_orange_multi_account .family-body .heading-2 {
		text-align: center
	}
}

#modal_paywall {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow-x: hidden
}

#modal_paywall .paywalls-modal {
	background-color: undefined;
	background-color: var(--background-secondary);
	color: undefined;
	color: var(--text-primary);
	height: 448px;
	margin: 0 auto;
	max-height: 100%;
	max-width: 288px;
	min-height: 448px;
	position: relative;
	width: 100%
}

#modal_paywall .paywalls-modal .paywalls-push {
	background-color: #e2f7fa;
	color: #00b5c6
}

#modal_paywall .paywalls-modal .paywalls-push-partner .paywalls-push {
	background-color: undefined;
	background-color: var(--background-secondary);
	color: undefined;
	color: var(--text-primary)
}

#modal_paywall .paywalls-modal .paywalls-push-partner .paywalls-push-partner-logo {
	display: inline-block;
	height: 40px;
	margin-right: 8px;
	vertical-align: middle;
	width: 40px
}

#modal_paywall .paywalls-modal .paywalls-push-partner .push-caption {
	display: inline-block;
	font-size: 11px;
	margin-top: 0;
	max-width: 138px;
	vertical-align: middle
}

#modal_paywall .paywalls-modal .paywalls-btn {
	background-color: #00b5c6
}

#modal_paywall .paywalls-modal .paywalls-btn .paywalls-btn-color {
	color: #fff
}

#modal_paywall .paywalls-modal .orange .paywalls-push {
	background-color: #fceeeb;
	color: #e9672b
}

#modal_paywall .paywalls-modal .orange .paywalls-btn {
	background-color: #e9672b
}

#modal_paywall .paywalls-modal .pink .paywalls-push {
	background-color: #fde8ec;
	color: #ec1e4a
}

#modal_paywall .paywalls-modal .pink .paywalls-btn {
	background-color: #ec1e4a
}

#modal_paywall .paywalls-modal .dark {
	background-color: #42424d
}

#modal_paywall .paywalls-header {
	padding: 16px 16px 0;
	position: relative;
	text-align: left
}

#modal_paywall .logo-deezer-black {
	float: left;
	margin-right: 10px
}

#modal_paywall .logo-partner {
	float: left;
	margin-top: 4px
}

#modal_paywall .paywalls-container {
	height: 343px;
	overflow: scroll;
	padding: 0 32px;
	text-align: center
}

#modal_paywall .paywalls-solo .paywalls-visu {
	padding-top: 20px
}

#modal_paywall .paywalls-solo .paywalls-visu img {
	height: 76px
}

#modal_paywall .paywalls-solo .paywalls-cgu-link {
	padding-top: 0;
	padding-top: 30px
}

#modal_paywall .paywalls-duo .paywalls-visu {
	padding-top: 0
}

#modal_paywall .paywalls-duo .paywalls-visu img {
	display: none
}

#modal_paywall .paywalls-duo .paywalls-title {
	font-size: 18px
}

#modal_paywall .paywalls-duo .paywalls-caption {
	padding-bottom: 16px
}

#modal_paywall .paywalls-duo .paywalls-btn {
	margin-bottom: 20px
}

#modal_paywall .paywalls-duo .paywalls-cgu-link {
	padding-top: 0
}

#modal_paywall .paywalls-duo .push-title {
	font-size: 12px
}

#modal_paywall .paywalls-title {
	font-weight: 700;
	font-size: 16px;
	padding: 12px 0 10px
}

#modal_paywall .paywalls-caption {
	font-family: Arial;
	font-size: 12px;
	font-weight: 400;
	opacity: .8;
	padding-bottom: 12px
}

#modal_paywall .paywalls-btn {
	font-family: Arial;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: .2px;
	height: 52px;
	line-height: 53px;
	width: 224px
}

#modal_paywall .paywalls-btn,
#modal_paywall .paywalls-push {
	border-radius: 4px;
	display: block;
	margin: 0 auto;
	cursor: pointer
}

#modal_paywall .paywalls-push {
	padding: 12px 10px 12px 12px;
	position: relative;
	text-align: left;
	width: 204px
}

#modal_paywall .paywalls-push .wrapper-title {
	display: inline-block;
	vertical-align: middle;
	width: 172px
}

#modal_paywall .push-title {
	font-weight: 700;
	font-size: 14px;
	line-height: 16px
}

#modal_paywall .push-caption {
	color: #42424d;
	font-family: Arial;
	margin-top: 4px;
	opacity: .8;
	font-size: 11px
}

#modal_paywall .paywalls-offers-container {
	height: 100%;
	position: relative
}

#modal_paywall .paywalls-offers-container .paywalls-offer:not(:first-child) {
	margin-bottom: 15px
}

#modal_paywall .paywalls-cgu-link {
	bottom: 0;
	font-size: 10px;
	left: 0;
	padding-top: 7px;
	position: absolute;
	right: 0;
	text-align: center
}

#modal_paywall .paywalls-cgu-link .icon {
	display: block
}

#modal_paywall .paywalls-cgu-link-item {
	color: #92929d;
	display: block
}

#modal_paywall .paywalls-cgu-links-list {
	margin-top: 10px
}

#modal_paywall .paywalls-cgu-links-item {
	color: #92929d;
	display: inline-block
}

#modal_paywall .paywalls-cgu-links-item>a {
	color: #92929d;
	font-size: 10px;
	text-decoration: underline
}

#modal_paywall .paywalls-cgu {
	padding: 15px 0
}

#modal_paywall .paywalls-cgu-resume {
	color: #92929d;
	font-size: 10px
}

#modal_paywall .paywalls-arrow {
	font-size: 26px;
	position: absolute;
	opacity: .8;
	right: 5px;
	top: 50%;
	-webkit-transform: translateY(-17px);
	-ms-transform: translateY(-17px);
	transform: translateY(-17px)
}

#modal_paywall .paywalls-footer {
	border-top: undefined;
	border-top: 1px solid var(--divider-primary);
	bottom: 0;
	font-family: Arial;
	font-size: 12px;
	font-weight: 700;
	height: 56px;
	left: 0;
	letter-spacing: 1px;
	line-height: 56px;
	position: absolute;
	text-align: center;
	cursor: pointer;
	width: 100%
}

#modal_paywall .paywalls-footer>a {
	color: undefined;
	color: var(--text-primary);
	display: block;
	opacity: .8
}

#modal_picture_zoom .modal-body>img {
	max-width: 100%
}

#modal_playlist_suggest p {
	padding-right: 20px
}

#modal_playlist_suggest .wrapper-scroll {
	padding-top: 0;
	padding-bottom: 0
}

#modal_playlist_suggest .playlists-container {
	height: 310px
}

#modal_playlist_suggest .playlists {
	margin: 20px 0 0 20px;
	padding-top: 20px;
	padding-bottom: 20px
}

#modal_playlist_suggest .playlists .playlist-row {
	display: inline-block;
	margin: 20px 0 0 20px
}

#modal_playlist_suggest .playlists .playlist-row .thumbnail-container {
	border: 2px solid rgba(0, 0, 0, 0);
	width: 120px
}

#modal_playlist_suggest .playlists .playlist-row.selected .thumbnail-container {
	border-color: #73bb02;
	border-radius: 3px
}

#modal_playlist_suggest .playlists .playlist-row.selected .thumbnail-container .thumbnail {
	border-color: #73bb02
}

#modal_playlist_suggest .playlists .playlist-row.selected .thumbnail-container:after {
	background-image: url(/cache/slash/images/components/modals/playlist_suggest/selected.21a7b9dae3ee1eb88c290e26a5d3e7d7.png);
	content: " ";
	height: 31px;
	position: absolute;
	right: -8px;
	top: -8px;
	width: 31px
}

#modal_premium_result .column-left .heading-2 {
	margin: 20px 0
}

#modal_premium_result .column-right .column-wrapper {
	background-color: undefined;
	background-color: var(--background-intermediate);
	padding: 20px;
	text-align: center
}

#modal_premium_result .column-right .column-wrapper .mobile-store {
	font-size: 0;
	margin: 20px 0;
	text-align: center
}

#modal_premium_result .column-right .column-wrapper .download-link+.download-link {
	margin-left: 5px
}

#modal_premium_result .column-right .column-wrapper img {
	max-width: 100%
}

#modal_push_family .heading-2,
#modal_push_family .heading-3,
#modal_push_family .heading-4,
#modal_push_family .modal-close {
	color: #fff
}

#modal_push_family .push-header {
	background-image: url(/cache/slash/images/components/modals/push_family/header_desktop.ef19fcf5f2a40618025cfe6d6accb470.jpg)
}

#modal_push_family .push-header-bis {
	background-image: url(/cache/slash/images/components/modals/push_family/header_desktop_bis.53b5649d384c6f43c9647ce7fbc1edb8.jpg)
}

#modal_push_family .push-header-container {
	padding: 20px 70px;
	z-index: 5
}

#modal_push_family .push-features-list dd {
	text-align: left
}

.modal-push-features .features-container.has-recommendation {
	display: block;
	text-align: center
}

.modal-push-features .features-container.has-recommendation .features-info {
	display: block
}

.modal-push-features .features-container.has-collapse {
	margin-bottom: 0!important
}

.modal-push-features .features-info {
	padding: 0 24px
}

.modal-push-features .features-info p {
	color: #92919d;
	line-height: 20px
}

.modal-push-features .features-info p+p {
	margin-top: 10px
}

.modal-push-features .features-info .btn-push {
	display: inline-block;
	margin-top: 24px;
	padding-left: 40px;
	padding-right: 40px;
	width: auto
}

.modal-push-features .features-info .btn-push+.btn {
	margin-top: 16px
}

.modal-push-features .features-visual>img {
	max-width: 100%
}

.modal-push-features .features-recommendation {
	margin-top: 24px;
	padding: 0 24px 8px
}

.modal-push-features .features-thumbnail-info .heading-2 {
	margin-bottom: 4px
}

.modal-push-features .features-thumbnail-info .heading-2-sub {
	margin-bottom: 24px
}

.modal-push-features.is-desktop .features-container {
	display: table;
	margin: 24px 0;
	width: 100%;
	table-layout: fixed
}

.modal-push-features.is-desktop .features-info {
	display: table-cell
}

.modal-push-features.is-desktop .features-info .btn-push {
	display: block;
	padding-left: 12px;
	padding-right: 12px;
	width: 100%
}

.modal-push-features.is-desktop .features-visual {
	display: table-cell;
	padding-right: 24px;
	vertical-align: top;
	width: 320px
}

.modal-push-features.is-desktop .features-recommendation {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: table;
	table-layout: fixed;
	width: 100%
}

.modal-push-features.is-desktop .features-thumbnail {
	display: table-cell;
	padding-right: 16px;
	text-align: right;
	width: 50%
}

.modal-push-features.is-desktop .features-thumbnail-info {
	display: table-cell;
	padding-left: 16px;
	text-align: left;
	vertical-align: middle
}

.modal-push-features.is-desktop .btn-push>.icon-favorite {
	display: none
}

.modal-push-features.is-tablet .features-container {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	margin: 24px auto
}

.modal-push-features.is-tablet .features-container.has-collapse .features-visual {
	margin-bottom: 0;
	padding: 0
}

.modal-push-features.is-tablet .features-info {
	display: block;
	text-align: center
}

.modal-push-features.is-tablet .features-info p {
	font-size: 16px
}

.modal-push-features.is-tablet .features-visual {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	margin: 24px 0;
	padding: 0 24px;
	text-align: center;
	width: 100%
}

.modal-push-features.is-tablet .features-thumbnail {
	display: block;
	padding: 0;
	text-align: center;
	width: 100%
}

.modal-push-features.is-tablet .features-thumbnail .picture {
	height: 400px;
	width: 400px
}

.modal-push-features.is-tablet .features-thumbnail-info {
	display: block;
	padding: 24px 0 0;
	text-align: center
}

.modal-push-features.is-tablet .btn-push>.icon-love {
	display: none
}

.modal-push-features.is-mobile .features-container {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	margin: 24px auto
}

.modal-push-features.is-mobile .features-container.has-collapse .features-visual {
	margin-bottom: 0;
	padding: 0
}

.modal-push-features.is-mobile .features-info {
	display: block;
	text-align: center
}

.modal-push-features.is-mobile .features-visual {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	margin: 24px 0;
	padding: 0 24px;
	text-align: center;
	width: 100%
}
.show-fulls .track-imageset
{
	display:none;
}
.modal-push-features.is-mobile .features-thumbnail {
	display: block;
	padding: 0;
	text-align: center;
	width: 100%
}

.modal-push-features.is-mobile .features-thumbnail-info {
	display: block;
	padding: 24px 0 0;
	text-align: center
}

.modal-push-features.is-mobile .btn-push>.icon-love {
	display: none
}

#modal_push_mobile .column-left p {
	line-height: 20px;
	padding: 20px 0
}

#modal_push_mobile .column-left .heading-2 {
	margin-bottom: 0
}

#modal_push_mobile .column-left .form-horizontal {
	padding-bottom: 20px
}

#modal_push_mobile .column-left #tester_phone_msg {
	top: -20px
}

#modal_push_mobile .column-left .txt-facebook {
	text-align: center;
	padding-top: 10px
}

#modal_push_mobile .column-left .push-action {
	padding: 20px 0;
	text-align: center
}

#modal_push_mobile .column-left .push-action>ul {
	font-size: 0;
	margin: -15px 0 0 -15px
}

#modal_push_mobile .column-left .push-action>ul>li {
	display: inline-block;
	margin: 15px 0 0 15px
}

#modal_push_mobile .column-left .push-divider {
	color: #d1d1d7;
	font-size: 11px;
	position: relative;
	text-align: center
}

#modal_push_mobile .column-left .push-divider>.label {
	background-color: #fff;
	padding: 0 10px;
	position: relative;
	z-index: 1
}

#modal_push_mobile .column-left .push-divider:after {
	background-color: #d1d1d7;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: 50%;
	width: 100%
}

#modal_push_mobile .column-right {
	vertical-align: bottom
}

#modal_push_mobile .column-right .visual {
	margin: 0 auto 20px;
	position: relative
}

#modal_push_mobile .column-right .visual .cover {
	position: absolute
}

#modal_push_mobile .column-right .visual .reflect {
	position: absolute;
	right: 0;
	top: 0
}

#modal_push_mobile .column-right .visual-iphone {
	background-image: url(/cache/slash/images/components/modals/push_mobile/iphone.2b8ce1d53b5f0a7d9c7533fc4736147b.png);
	height: 389px;
	width: 230px
}

#modal_push_mobile .column-right .visual-iphone .cover {
	left: 25px;
	top: 152px
}

#modal_push_mobile .column-right .visual-iphone .reflect {
	background-image: url(/cache/slash/images/components/modals/push_mobile/iphone_reflect.f0e7b70b095776d2eb25b02bd72ea85e.png);
	height: 100%;
	width: 149px
}

#modal_push_mobile .column-right .visual-android {
	background-image: url(/cache/slash/images/components/modals/push_mobile/android.dff6180e064c44bef51e9a8560dc307f.png);
	height: 390px;
	width: 218px
}

#modal_push_mobile .column-right .visual-android .cover {
	left: 19px;
	top: 121px
}

#modal_push_mobile .column-right .visual-android .reflect {
	background-image: url(/cache/slash/images/components/modals/push_mobile/android_reflect.d9e298762cb76f0e791f6b8bd6053d24.png);
	height: 100%;
	width: 109px
}

#modal_push_mobile .column-right .visual-ipad {
	background-image: url(/cache/slash/images/components/modals/push_mobile/ipad.40e520055e9ca95e5a099955683112e6.png);
	height: 276px;
	width: 312px
}

#modal_push_mobile .column-right .visual-ipad .cover {
	height: 84px;
	left: 31px;
	overflow: hidden;
	top: 54px;
	width: 250px
}

#modal_push_mobile .column-right .visual-ipad .cover>.thumbnail {
	margin-top: -83px
}

#modal_push_mobile .column-right .visual-ipad .reflect {
	background-image: url(/cache/slash/images/components/modals/push_mobile/ipad_reflect.986f70f43af2a7e990e9132686cf5443.png);
	height: 100%;
	width: 188px
}

#modal_offers_orange {
	font-family: Roboto, sans-serif;
	min-width: 400px;
	width: 400px
}

@media only screen and (max-width:767px) {
	#modal_offers_orange {
		min-width: 100%;
		width: 100%
	}
}

#modal_offers_orange .modal-header-partner {
	background-color: #f4f4f4
}

#modal_offers_orange .logo-orange {
	background-image: url(/cache/slash/images/backstage/offers/orange.8088cf784ff2580afc38f724bc3c58be.jpg);
	display: block;
	height: 28px;
	margin-left: 10px;
	width: 28px
}

#modal_offers_orange .modal-close {
	color: #72727d;
	display: block;
	padding-right: 0;
	position: absolute
}

#modal_offers_orange .modal-body {
	font-family: Roboto, sans-serif;
	padding: 20px;
	text-align: center
}

#modal_offers_orange .modal-title {
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	padding: 70px 20px;
	text-align: center;
	text-transform: uppercase
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	#modal_offers_orange .modal-title {
		font-size: 22px;
		padding: 60px 20px
	}
}

@media only screen and (max-width:767px) {
	#modal_offers_orange .modal-title {
		font-size: 22px;
		padding: 60px 20px
	}
}

#modal_offers_orange .modal-title-family {
	background-image: url(/cache/slash/images/backstage/offers/orange_family.f0d285d2478b6a10d8c1e4d8492092d1.png);
	background-position: top;
	-webkit-background-size: cover;
	background-size: cover;
	font-size: 24px;
	padding: 30px 20px 150px
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	#modal_offers_orange .modal-title-family {
		background-position: 50%
	}
}

@media only screen and (max-width:767px) {
	#modal_offers_orange .modal-title-family {
		background-position: 50%
	}
}

#modal_offers_orange .modal-sub-title {
	color: #32323d;
	font-size: 20px;
	line-height: 24px;
	padding-bottom: 20px
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	#modal_offers_orange .modal-sub-title {
		font-size: 16px;
		line-height: 20px;
		padding-bottom: 10px
	}
}

@media only screen and (max-width:767px) {
	#modal_offers_orange .modal-sub-title {
		font-size: 16px;
		line-height: 20px;
		padding-bottom: 10px
	}
}

#modal_offers_orange .modal-offer {
	color: #32323d;
	font-size: 16px;
	margin-bottom: 15px
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	#modal_offers_orange .modal-offer {
		font-size: 14px
	}
}

@media only screen and (max-width:767px) {
	#modal_offers_orange .modal-offer {
		font-size: 14px
	}
}

#modal_offers_orange .modal-subscription {
	color: #52525d;
	font-size: 26px;
	font-weight: 700;
	margin: 0
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	#modal_offers_orange .modal-subscription {
		font-size: 18px
	}
}

@media only screen and (max-width:767px) {
	#modal_offers_orange .modal-subscription {
		font-size: 18px
	}
}

#modal_offers_orange .modal-price {
	font-size: 36px
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	#modal_offers_orange .modal-price {
		font-size: 28px
	}
}

@media only screen and (max-width:767px) {
	#modal_offers_orange .modal-price {
		font-size: 28px
	}
}

#modal_offers_orange .modal-price-symbol {
	font-family: Arial, sans-serif
}

#modal_offers_orange .modal-more {
	color: #52525d;
	font-size: 16px;
	margin: 0;
	padding-bottom: 20px
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	#modal_offers_orange .modal-more {
		font-size: 14px
	}
}

@media only screen and (max-width:767px) {
	#modal_offers_orange .modal-more {
		font-size: 14px
	}
}

#modal_offers_orange .modal-btn {
	border-radius: 30px;
	color: #fff;
	display: inline-block;
	font-size: 22px;
	font-weight: 700;
	padding: 12px 50px;
	text-transform: uppercase
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	#modal_offers_orange .modal-btn {
		font-size: 18px
	}
}

@media only screen and (max-width:767px) {
	#modal_offers_orange .modal-btn {
		font-size: 18px
	}
}

#modal_offers_orange .modal-legal {
	color: #c2c2ca;
	font-size: 12px;
	padding-top: 30px
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	#modal_offers_orange .modal-legal {
		font-size: 11px;
		padding-top: 20px
	}
}

@media only screen and (max-width:767px) {
	#modal_offers_orange .modal-legal {
		font-size: 11px;
		padding-top: 20px
	}
}

#modal_offers_orange.modal-blue .modal-btn,
#modal_offers_orange.modal-blue .modal-title {
	background-color: #03608a
}

#modal_offers_orange.modal-blue .modal-month,
#modal_offers_orange.modal-blue .modal-price {
	color: #03608a
}

#modal_offers_orange.modal-pink .modal-btn,
#modal_offers_orange.modal-pink .modal-title {
	background-color: #fe447d
}

#modal_offers_orange.modal-pink .modal-month,
#modal_offers_orange.modal-pink .modal-price {
	color: #fe447d
}

#modal_offers_orange.modal-yellow .modal-btn,
#modal_offers_orange.modal-yellow .modal-title {
	background-color: #feb50d
}

#modal_offers_orange.modal-yellow .modal-month,
#modal_offers_orange.modal-yellow .modal-price {
	color: #feb50d
}

#modal_offers_orange.modal-color .modal-btn,
#modal_offers_orange.modal-color .modal-title {
	background-color: #2692b7
}

#modal_offers_orange.modal-color .modal-month,
#modal_offers_orange.modal-color .modal-price {
	color: #2692b7
}

#modal_offers_vodacom .vodacom-visual {
	background-image: url(/cache/slash/images/components/modals/push_vodacom/visual.922895c5f0646c765ca1bfdf529ff02e.jpg);
	float: left;
	height: 260px;
	position: relative;
	width: 290px
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	#modal_offers_vodacom .vodacom-visual {
		float: none;
		height: 200px;
		margin: auto
	}
}

@media only screen and (max-width:767px) {
	#modal_offers_vodacom .vodacom-visual {
		float: none;
		height: 200px;
		margin: auto
	}
}

#modal_offers_vodacom .vodacom-bubble {
	position: absolute;
	right: 16px;
	top: 52px
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	#modal_offers_vodacom .vodacom-bubble {
		right: 16px;
		top: 55px
	}
}

@media only screen and (max-width:767px) {
	#modal_offers_vodacom .vodacom-bubble {
		right: 16px;
		top: 55px
	}
}

#modal_offers_vodacom .vodacom-price {
	color: undefined;
	color: var(--color-accent);
	font-size: 32px;
	font-weight: 600;
	line-height: 22px
}

#modal_offers_vodacom .vodacom-price-week {
	color: undefined;
	color: var(--color-accent);
	font-size: 18px;
	font-weight: 600;
	text-align: center
}

#modal_offers_vodacom .vodacom-info {
	float: right;
	width: 410px
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	#modal_offers_vodacom .vodacom-info {
		float: none;
		margin: auto;
		padding-top: 15px;
		text-align: center;
		width: 100%
	}
}

@media only screen and (max-width:767px) {
	#modal_offers_vodacom .vodacom-info {
		float: none;
		margin: auto;
		padding-top: 15px;
		text-align: center;
		width: 100%
	}
}

#modal_offers_vodacom .vodacom-info-title {
	color: #ff6703;
	font-size: 22px;
	font-weight: 700
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	#modal_offers_vodacom .vodacom-info-title {
		font-size: 18px;
		padding-bottom: 10px
	}
}

@media only screen and (max-width:767px) {
	#modal_offers_vodacom .vodacom-info-title {
		font-size: 18px;
		padding-bottom: 10px
	}
}

#modal_offers_vodacom .vodacom-info-subtitle {
	color: undefined;
	color: var(--text-primary);
	font-size: 22px;
	margin: 0;
	padding-bottom: 10px
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	#modal_offers_vodacom .vodacom-info-subtitle {
		font-size: 18px
	}
}

@media only screen and (max-width:767px) {
	#modal_offers_vodacom .vodacom-info-subtitle {
		font-size: 18px
	}
}

#modal_offers_vodacom .vodacom-info-text {
	color: undefined;
	color: var(--text-primary);
	font-size: 16px;
	padding-bottom: 10px
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	#modal_offers_vodacom .vodacom-info-text {
		font-size: 14px
	}
}

@media only screen and (max-width:767px) {
	#modal_offers_vodacom .vodacom-info-text {
		font-size: 14px
	}
}

#modal_offers_vodacom .modal-header-partner .cell {
	padding-left: 32px
}

#modal_offers_vodacom .modal-header-partner .modal-close {
	color: #fff;
	display: block;
	padding-right: 0;
	position: absolute;
	text-align: right
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	#modal_offers_vodacom .modal-header-partner .modal-close {
		display: none
	}
}

@media only screen and (max-width:767px) {
	#modal_offers_vodacom .modal-header-partner .modal-close {
		display: none
	}
}

#modal_offers_vodacom .modal-body {
	padding: 32px
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	#modal_offers_vodacom .modal-body {
		display: block;
		height: 100%;
		margin: auto;
		padding: 20px;
		width: auto
	}
}

@media only screen and (max-width:767px) {
	#modal_offers_vodacom .modal-body {
		display: block;
		height: 100%;
		margin: auto;
		padding: 20px;
		width: auto
	}
}

#modal_offers_vodacom .modal-footer {
	text-align: center
}

#modal_offers_vodacom .modal-footer .btn {
	min-width: 120px
}

#modal-offers-vodacom-freemium .vodacom-header {
	margin: inherit
}

#modal-offers-vodacom-freemium .vodacom-wrapper {
	margin: 0 20px
}

#modal-offers-vodacom-freemium .vodacom-cell {
	padding-right: 10px;
	vertical-align: middle
}

#modal-offers-vodacom-freemium .vodacom-message {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center
}

#modal-offers-vodacom-freemium .vodacom-message .message-title {
	color: undefined;
	color: var(--text-primary);
	font-size: 32px;
	font-stretch: normal;
	font-style: normal;
	font-weight: 600;
	margin-bottom: 20px;
	margin-top: 70px
}

#modal-offers-vodacom-freemium .vodacom-message .message-text {
	color: undefined;
	color: var(--text-primary);
	font-size: 18px;
	margin: auto auto 35px;
	width: 80%
}

#modal-offers-vodacom-freemium .vodacom-visual {
	background-image: url(/cache/slash/images/components/modals/push_vodacom/visual.922895c5f0646c765ca1bfdf529ff02e.jpg);
	float: left;
	height: 260px;
	position: relative;
	width: 290px
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	#modal-offers-vodacom-freemium .vodacom-visual {
		float: none;
		height: 200px;
		margin: auto
	}
}

@media only screen and (max-width:767px) {
	#modal-offers-vodacom-freemium .vodacom-visual {
		float: none;
		height: 200px;
		margin: auto
	}
}

#modal-offers-vodacom-freemium .vodacom-bubble {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 60px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 124px;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	right: 7px;
	text-align: center;
	top: 7px;
	width: 124px
}

#modal-offers-vodacom-freemium .vodacom-bubble .vodacom-bubble-text {
	color: undefined;
	color: var(--color-accent);
	font-size: 28px;
	font-weight: 600
}

#modal-offers-vodacom-freemium .vodacom-bubble .vodacom-bubble-text-line2 {
	margin: 0
}

#modal-offers-vodacom-freemium .vodacom-price {
	color: undefined;
	color: var(--color-accent);
	font-size: 32px;
	font-weight: 600;
	line-height: 22px
}

#modal-offers-vodacom-freemium .vodacom-price-week {
	color: undefined;
	color: var(--color-accent);
	font-size: 18px;
	font-weight: 600;
	text-align: center
}

#modal-offers-vodacom-freemium .vodacom-info {
	float: right;
	width: 410px
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	#modal-offers-vodacom-freemium .vodacom-info {
		float: none;
		margin: auto;
		padding-top: 15px;
		text-align: center;
		width: 100%
	}
}

@media only screen and (max-width:767px) {
	#modal-offers-vodacom-freemium .vodacom-info {
		float: none;
		margin: auto;
		padding-top: 15px;
		text-align: center;
		width: 100%
	}
}

#modal-offers-vodacom-freemium .vodacom-info-title {
	color: #ff6703;
	font-size: 20px;
	font-weight: 700
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	#modal-offers-vodacom-freemium .vodacom-info-title {
		font-size: 18px;
		padding-bottom: 10px
	}
}

@media only screen and (max-width:767px) {
	#modal-offers-vodacom-freemium .vodacom-info-title {
		font-size: 18px;
		padding-bottom: 10px
	}
}

#modal-offers-vodacom-freemium .vodacom-info-subtitle {
	color: undefined;
	color: var(--text-primary);
	font-size: 22px;
	margin: 0;
	padding-bottom: 10px
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	#modal-offers-vodacom-freemium .vodacom-info-subtitle {
		font-size: 18px
	}
}

@media only screen and (max-width:767px) {
	#modal-offers-vodacom-freemium .vodacom-info-subtitle {
		font-size: 18px
	}
}

#modal-offers-vodacom-freemium .vodacom-info-text {
	color: undefined;
	color: var(--text-primary);
	font-size: 16px;
	padding-bottom: 10px
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	#modal-offers-vodacom-freemium .vodacom-info-text {
		font-size: 14px
	}
}

@media only screen and (max-width:767px) {
	#modal-offers-vodacom-freemium .vodacom-info-text {
		font-size: 14px
	}
}

#modal-offers-vodacom-freemium .modal-body {
	padding: 32px
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	#modal-offers-vodacom-freemium .modal-body {
		display: block;
		height: 100%;
		margin: auto;
		padding: 20px;
		width: auto
	}
}

@media only screen and (max-width:767px) {
	#modal-offers-vodacom-freemium .modal-body {
		display: block;
		height: 100%;
		margin: auto;
		padding: 20px;
		width: auto
	}
}

#modal-offers-vodacom-freemium .modal-body .wrapper {
	padding: 0
}

#modal-offers-vodacom-freemium .modal-footer {
	text-align: center
}

#modal-offers-vodacom-freemium .modal-footer .actions-button {
	min-width: 120px
}

#modal_push_premium .heading-2,
#modal_push_premium .heading-3,
#modal_push_premium .heading-4,
#modal_push_premium .modal-close {
	color: #fff
}

#modal_push_premium .heading-4 {
	white-space: pre-line
}

#modal_push_premium .push-header {
	background-image: url(/cache/slash/images/components/modals/gimme_more/trial/header_desktop.2352389150eddb88136d0006b9d8241d.jpg)
}

#modal_push_premium .push-header-container {
	padding: 20px 70px;
	z-index: 5
}

#modal_push_premium .push-features-list .push-features-list-feature {
	text-align: left
}

#modal_push_tryandbuy .time-state {
	color: #d1d1d7;
	font-size: 36px;
	margin-bottom: 10px
}

#modal_push_tryandbuy .time-state .current {
	color: #72727d
}

#modal_push_tryandbuy .time-remaining {
	background-color: #f8f8f9;
	border-radius: 2px;
	margin: 20px 0;
	padding: 8px
}

#modal_push_tryandbuy .time-remaining:after,
#modal_push_tryandbuy .time-remaining:before {
	content: " ";
	display: table
}

#modal_push_tryandbuy .time-remaining:after {
	clear: both
}

#modal_push_tryandbuy .time-progress {
	background-color: #919191;
	border-radius: 5px;
	display: block;
	height: 8px;
	margin: 4px 4px 4px 23px
}

#modal_push_tryandbuy .time-progress .time-bar {
	background-color: #d1d1d7;
	border-radius: 5px;
	display: block;
	height: 8px;
	max-width: 100%
}

#modal_push_tryandbuy .column-left {
	text-align: center;
	vertical-align: middle
}

#modal_push_tryandbuy .column-right {
	text-align: center
}

#modal_push_tryandbuy .column-right img {
	font-size: 0;
	max-width: 360px;
	width: 100%
}

#modal_push_tryandbuy .column-right .visual-retina {
	display: none
}

#modal_push_tryandbuy .column-right .visual-bottom {
	margin-bottom: 20px
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
	#modal_push_tryandbuy .column-right .visual {
		display: none
	}
	#modal_push_tryandbuy .column-right .visual-retina {
		display: inline-block
	}
}

#modal_quicklink_partner_quicklink_error .heading-1 {
	color: #fff;
	font-size: 28px;
	font-weight: 700;
	line-height: 36px;
	margin: 0 auto;
	padding: 42px 0;
	text-align: center;
	width: 670px
}

#modal_quicklink_partner_quicklink_error .heading-1 .partner-quicklink-modal-legal {
	color: #fff;
	display: block;
	font-size: 16px
}

#modal_quicklink_partner_quicklink_error .partner-quicklink-modal-header {
	background-image: url(/images/components/modals/quicklink/header_desktop.jpg);
	color: #fff;
	font-size: 28px;
	font-weight: 700;
	line-height: 36px;
	padding: 42px 0;
	text-align: center
}

#modal_quicklink_partner_quicklink_error .partner-quicklink-modal-header .partner-quicklink-modal-legal {
	color: #fff;
	display: block;
	font-size: 16px
}

#modal_quicklink_partner_quicklink_error .partner-quicklink-modal-title {
	border-bottom: 1px solid #efeff2;
	font-size: 26px;
	font-weight: 300;
	margin: 0 20px;
	padding: 15px 30px;
	text-align: center
}

#modal_quicklink_partner_quicklink_error .partner-quicklink-icon-app {
	font-size: 24px;
	padding-bottom: 32px
}

#modal_quicklink_partner_quicklink_error .partner-quicklink-icon-app .icon {
	padding: 0 15px
}

#modal_quicklink_partner_quicklink_error .partner-quicklink-icon-app .icon-app {
	border-radius: 10px
}

#modal_quicklink_partner_quicklink_error .partner-quicklink-modal-subtitle {
	color: #23232d;
	font-size: 16px
}

#modal_quicklink_partner_quicklink_error .partner-quicklink-modal-bigtitle {
	color: #23232d;
	font-size: 20px
}

#modal_quicklink_partner_quicklink_error .partner-quicklink-modal-wrapper {
	margin: 0 20px;
	padding: 20px;
	position: relative
}

#modal_quicklink_partner_quicklink_error .partner-quicklink-modal-legal {
	color: #a2a2ad;
	font-size: 10px
}

#modal_quicklink_partner_quicklink_error .btn-large {
	font-size: 14px;
	line-height: 20px;
	padding: 10px 16px
}

#modal_quicklink_partner_quicklink_error .btn-large-mobile {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%
}

#modal_quicklink_partner_quicklink_error .partner-quicklink-modal-footer {
	border-top: 1px solid #efeff2;
	margin: 0 24px;
	padding: 24px 0
}

#modal_quicklink_partner_quicklink_error .partner-quicklink-modal-footer:after,
#modal_quicklink_partner_quicklink_error .partner-quicklink-modal-footer:before {
	content: " ";
	display: table
}

#modal_quicklink_partner_quicklink_error .partner-quicklink-modal-footer:after {
	clear: both
}

#modal_quicklink_partner_quicklink_error .partner-quicklink-btn-store {
	padding-top: 24px
}

#modal_quicklink_partner_quicklink_error .partner-quicklink-status {
	border-radius: 32px;
	color: #fff;
	font-size: 32px;
	height: 64px;
	line-height: 68px;
	margin: 10px auto 24px;
	position: relative;
	text-align: center;
	width: 64px
}

#modal_quicklink_partner_quicklink_error .partner-quicklink-status-error {
	background-color: #ff5b63;
	font-size: 44px;
	line-height: 68px
}

#modal_quicklink_partner_quicklink_error .partner-quicklink-text-error {
	color: #ff5b63
}

#modal_quicklink_partner_quicklink_error .partner-quicklink-text-info {
	color: #a2a2ad
}

#modal_quicklink_partner_quicklink_error .partner-quicklink-btn-large {
	padding: 10px 160px
}

#modal_register .column p:first-child {
	margin-bottom: 15px
}

#modal_register .column-login .register {
	margin: 20px 0 0;
	text-align: center
}

#modal_register .column-partners {
	text-align: center
}

#modal_register .column-partners .btn-block+.btn-block {
	margin-top: 10px
}

#modal_register .column-partners .divider {
	background-color: undefined;
	background-color: var(--divider-primary);
	height: 1px;
	margin: 10px -15px
}

#modal_register .legal {
	margin: 20px 0
}

#modal_register #register_fbconnect {
	text-align: center
}

#modal_register #register_fbconnect p {
	margin-top: 20px
}

#modal_register #register_fbconnect p+p {
	margin-top: 10px
}

#modal_register #register_fbconnect .operators {
	border-top: undefined;
	border-top: 1px solid var(--divider-primary);
	font-size: 0;
	line-height: 0;
	margin: 20px 0 -20px;
	padding-top: 20px;
	text-align: center
}

#modal_register #register_fbconnect .operators .operators-wrapper {
	margin: 0 -10px
}

#modal_register #register_fbconnect .operators .operators-wrapper .operator {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	margin-bottom: 20px;
	padding: 0 10px;
	width: 50%
}

#modal_register #register_fbconnect .form-wrapper .operators .operators-wrapper .operator {
	width: 100%
}

#modal_register #register_form .login,
#modal_register #register_form_modal .login {
	margin-top: 20px;
	text-align: center
}

#modal_register #register_form .choose-age,
#modal_register #register_form .choose-gender,
#modal_register #register_form_modal .choose-age,
#modal_register #register_form_modal .choose-gender {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 0;
	width: 50%
}

#modal_register #register_form .choose-age,
#modal_register #register_form_modal .choose-age {
	padding-right: 5px
}

#modal_register #register_form .choose-gender,
#modal_register #register_form_modal .choose-gender {
	padding-left: 5px
}

#modal_register .cancel-link {
	font-size: 11px;
	margin-top: 20px;
	text-align: center
}

#modal_register #register-form-country-code {
	background-color: rgba(0, 0, 0, 0);
	border: none;
	padding: 6px 5px 5px;
	pointer-events: none;
	position: absolute;
	text-align: center;
	width: 64px
}

#modal_register #register_form_phone_input {
	text-indent: 50px
}

#modal_register_phone {
	width: 420px
}

#modal_register_phone .modal-body {
	padding: 32px;
	text-align: center
}

#modal_register_phone .register-title {
	color: undefined;
	color: var(--text-primary);
	font-family: Deezer, Arial, sans-serif;
	font-size: 28px;
	font-weight: 700;
	letter-spacing: .3px;
	padding-bottom: 15px
}

#modal_register_phone .register-title-sub {
	color: undefined;
	color: var(--text-intermediate);
	font-size: 14px;
	letter-spacing: .2px;
	margin: 0 auto;
	max-width: 350px;
	padding-top: 5px
}

#modal_register_phone .register-title-num {
	color: undefined;
	color: var(--text-primary)
}

#modal_register_phone .sending-img {
	background-image: url(/cache/slash/images/components/modals/register_phone/send.3374d72d7c42207a5f5f1f06eec767fc.jpg);
	height: 43px;
	margin: 30px auto;
	width: 159px
}

#modal_register_phone .form-control {
	border: undefined;
	border: 1px solid var(--color-light-grey-500);
	border-radius: 4px;
	font-size: 14px;
	height: 52px;
	line-height: 17px;
	margin: 25px auto 20px;
	max-width: 350px;
	width: 100%
}

#modal_register_phone .btn-large {
	border-radius: 28px;
	font-size: 14px;
	height: 54px;
	line-height: 14px;
	margin: 15px auto;
	max-width: 350px;
	padding: 20px;
	text-transform: uppercase;
	width: 100%
}

#modal_register_phone .link-primary {
	padding: 10px
}

#modal_register_phone .check {
	background-color: undefined;
	background-color: var(--color-accent);
	border-radius: 50%;
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	height: 64px;
	line-height: 64px;
	margin: 0 auto 25px;
	width: 64px
}

#modal_register_phone .form-error {
	margin: 0 auto;
	max-width: 350px;
	padding-bottom: 15px
}

#modal_register_phone .gray-remaining-attempts {
	color: #92929d;
	font-size: 14px;
	height: 19px;
	text-align: center;
	width: 108px
}

#modal_register_phone .gray-info {
	color: #92929d;
	font-size: 14px;
	font-weight: 600;
	height: 19px;
	text-align: center;
	width: 245px
}

#modal_register_phone .all-used {
	color: #92929d;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	height: 38px;
	text-align: center;
	width: 315px
}

#modal_register_phone .options-used {
	display: block;
	line-height: 22px
}

#modal_register_phone .phone-send-code-options {
	height: 74px
}

#modal_register_phone .option-used {
	color: #92929d;
	font-size: 14px;
	font-weight: 600;
	height: 19px;
	text-align: center
}

#modal_register_phone .waiting-info {
	line-height: 58px
}

#modal_reset .input-email {
	background-color: undefined;
	background-color: var(--background-primary);
	border-radius: 3px;
	color: undefined;
	color: var(--color-accent);
	display: block;
	height: 1.33333333;
	padding: 7px 10px;
	min-height: 18px
}

#modal_reset .footer .login {
	display: table-cell;
	text-align: center
}

#modal_reset .footer .login .btn {
	min-width: 150px
}

#modal_restriction .header-premium {
	background-color: #1daaa2
}

#modal_restriction .header-sub {
	background-color: #fef3f4;
	padding: 14px 53px;
	text-align: center
}

#modal_restriction .header-sub h2 {
	color: #15689b;
	font-weight: 700;
	margin-bottom: 0
}

#modal_restriction .header-sub h3 {
	color: #000;
	margin-top: 5px
}

#modal_restriction .wrapper {
	text-align: center
}

#modal_restriction .wrapper .link-more,
#modal_restriction .wrapper .list-offer li+li {
	margin-top: 15px
}

.modal-secure .modal-body .form-wrapper {
	width: 460px
}

.modal-secure .modal-body .form-wrapper-code {
	margin: 22px auto 0;
	width: 400px
}

.modal-secure .modal-body .form-wrapper-update {
	margin: 22px auto 0;
	width: 340px
}

.modal-secure .modal-body .unlogged-pwd-indications {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 5px 0;
	padding: 0 10px;
	position: relative
}

.modal-secure .modal-body .unlogged-pwd-indications .pwd-level-sign {
	font-family: Deezer, Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	margin-right: 5px;
	text-align: right
}

.modal-secure .modal-body .unlogged-pwd-indications .pwd-info-icon {
	color: undefined;
	color: var(--color-light-grey-800);
	cursor: pointer;
	height: 12px;
	width: 12px
}

.modal-secure .modal-body .unlogged-pwd-indications .pwd-hint {
	color: undefined;
	color: var(--color-light-grey-800);
	font-family: Deezer, Arial, sans-serif;
	font-size: 12px;
	line-height: 14px
}

.modal-secure .modal-body .unlogged-pwd-indications .weak-pwd {
	color: #f6a401
}

.modal-secure .modal-body .unlogged-pwd-indications .medium-pwd {
	color: #ec7f11
}

.modal-secure .modal-body .unlogged-pwd-indications .strong-pwd {
	color: #00b23d
}

.modal-secure .modal-body .unlogged-pwd-indications .pwd-info-popper {
	color: undefined;
	color: var(--color-dark-grey-800);
	font-family: Deezer, Arial, sans-serif;
	font-size: 12px;
	line-height: 14px
}

.modal-secure .modal-body .unlogged-pwd-indications .pwd-popper {
	-webkit-align-items: start;
	-ms-flex-align: start;
	align-items: start;
	background: undefined;
	background: var(--color-white);
	border-radius: 8px;
	-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, .1), 0 2px 8px rgba(0, 0, 0, .1);
	box-shadow: 0 8px 16px rgba(0, 0, 0, .1), 0 2px 8px rgba(0, 0, 0, .1);
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	left: 0;
	min-height: 120px;
	padding: 16px;
	position: absolute;
	text-align: left;
	top: 20px;
	width: 345px;
	z-index: 2
}

.modal-secure .modal-body .unlogged-pwd-indications .hidden-popper {
	display: none
}

.modal-secure .modal-header {
	font-family: Deezer, Arial, sans-serif;
	font-size: 32px;
	line-height: 37px
}

.modal-secure .form-text {
	color: #92929d;
	font-family: Roboto, sans-serif;
	font-size: 16px;
	line-height: 19px;
	padding-bottom: 10px
}

.modal-secure .form-text-code {
	color: #72727d;
	font-family: Roboto, sans-serif;
	font-size: 12px;
	line-height: 14px;
	padding-bottom: 10px;
	text-align: left
}

.modal-secure .form-text-mail {
	color: undefined;
	color: var(--text-primary)
}

.modal-secure .form-link {
	color: #000;
	text-decoration: none
}

.modal-secure .form-link:hover {
	text-decoration: underline
}

.modal-secure .btn-secure {
	border-radius: 28px;
	font-size: 14px;
	height: 54px;
	line-height: 14px;
	margin: 0 auto;
	padding: 20px;
	width: 330px
}

.modal-secure .btn-secure.btn-off,
.modal-secure .btn-secure.btn-off:hover {
	background-color: #f2f2f2;
	color: #a2a2ad
}

.modal-secure .btn-link {
	color: #000;
	display: block;
	font-weight: 700;
	padding-top: 30px;
	text-decoration: none
}

.modal-secure .btn-link:hover {
	text-decoration: underline
}

.modal-secure .form-code {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.modal-secure .form-group {
	margin: 30px 0;
	text-align: center
}

.modal-secure .form-group.spacer {
	margin: 50px 0 30px
}

.modal-secure .form-group-control {
	padding-bottom: 18px
}

.modal-secure .form-group-controlp {
	padding-top: 20px;
	position: relative
}

.modal-secure .form-group-controlp .icon-eye {
	color: undefined;
	color: var(--text-primary);
	cursor: pointer;
	overflow: visible;
	position: absolute;
	right: 18px;
	top: 62px;
	width: 24px
}

.modal-secure .form-group-controlp .icon-eye-slash {
	right: 20px;
	top: 56px
}

.modal-secure .form-control::-webkit-credentials-auto-fill-button {
	position: absolute;
	right: -25px
}

.modal-secure .password-confirmation {
	padding-top: 0
}

.modal-secure .form-control {
	color: undefined;
	color: var(--text-primary);
	font-size: 14px;
	line-height: 16px;
	width: 343px
}

.modal-secure .code-input,
.modal-secure .form-control {
	border: 1px solid #d1d1d6;
	border-radius: 4px;
	height: 52px
}

.modal-secure .code-input {
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield;
	font-size: 20px;
	padding: 5px;
	text-align: center;
	width: 52px
}

.modal-secure .code-input::-webkit-inner-spin-button,
.modal-secure .code-input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	appearance: none;
	margin: 0
}

.modal-secure .notif-update {
	background-color: #fff;
	border-radius: 28px;
	-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, .1), 0 2px 8px rgba(0, 0, 0, .1);
	box-shadow: 0 8px 16px rgba(0, 0, 0, .1), 0 2px 8px rgba(0, 0, 0, .1);
	color: #191919;
	font-size: 14px;
	height: 54px;
	line-height: 14px;
	margin: 0 auto;
	padding: 20px;
	width: 220px
}

#modal_signin_link .wrapper-table .cell-picture {
	width: 1px;
	font-size: 0
}

#modal_signin_link .wrapper-table .cell-picture img {
	max-width: 100px
}

#modal_signin_link .wrapper-table .cell-infos {
	padding-left: 20px;
	vertical-align: middle
}

#modal_signin_link .wrapper-table+.form-wrapper {
	margin-top: 100px;
	width: 100%
}

#modal_signin_link .columns {
	margin-top: 20px
}

#modal_signin_link .columns .column {
	text-align: center
}

#modal_signin_link .columns .column .btn {
	margin-top: 20px
}

#modal_signin_link .columns .column .well {
	margin-bottom: 0
}

#modal_signin_link .modal-migration-icon {
	margin-bottom: 30px
}

.modal-standalone .logo-deezer {
	left: 20px;
	position: absolute;
	top: 20px;
	z-index: 9999
}

.modal-standalone-sonos-store .modal-standalone-sonos-app {
	background-image: url(/cache/slash/images/pages/index/visual_sonos.3721438710dcccf5fd9779543970b574.jpg)
}

.modal-standalone-sonos-store .modal-standalone-sonos-app span.logo.logo-cobranding {
	position: fixed;
	right: 20px;
	top: 19px;
	height: 26px;
	width: 125px;
	background-image: url(/images/backstage/elite/logo_sonos.png)!important
}

.modal-standalone-sonos-store .modal-standalone-sonos-app .modal-footer .action {
	text-align: center
}

.modal-standalone-sonos-store .modal-standalone-sonos-app .modal-footer .action .btn {
	font-size: 14px;
	padding: 10px 16px;
	width: 270px
}

.modal-standalone-sonos-store .modal-standalone-sonos-app .modal-close {
	display: none
}

.modal-standalone-samsung {
	background-image: url(/cache/slash/images/pages/index/visual_samsung.dcc3b8cfa72af6fdff01c35e20fdb066.jpg)
}

.modal-standalone-samsung .logo.logo-cobranding {
	background-image: url(/cache/slash/images/backstage/partners/samsung/logo_samsung.cd90739c46fb76ce71634dfd90f9e40d.png);
	height: 25px;
	position: fixed;
	right: 20px;
	top: 19px;
	width: 163px
}

.modal-standalone-roku {
	background-image: url(/cache/slash/images/pages/index/visual_roku.6f8289ea21bc12d01cbc2f742ca10cfb.jpg)
}

.modal-standalone-roku .logo.logo-cobranding {
	background-image: url(/cache/slash/images/backstage/partners/roku/logo_roku.c1af19c25378e1d8dcca157f7662b64a.png);
	height: 25px;
	position: fixed;
	right: 20px;
	top: 19px;
	width: 87px
}

.modal-standalone-garmin,
.modal-standalone-garmin_us {
	background-image: url(/cache/slash/images/pages/index/visual_garmin.9c6de48d5cd37124eef8bd8bbcf8df2d.jpg)
}

.modal-standalone-garmin .logo.logo-cobranding,
.modal-standalone-garmin_us .logo.logo-cobranding {
	background-image: url(/cache/slash/images/backstage/partners/garmin/logo_garmin.9c244aeef47d3d297d3a79f53525b246.png);
	height: 25px;
	position: fixed;
	right: 20px;
	top: 19px;
	width: 171px
}

.modal-standalone-garmin .modal-text,
.modal-standalone-garmin_us .modal-text {
	line-height: 24px;
	padding: 0 100px;
	text-align: center
}

.modal-standalone-garmin .modal-legal,
.modal-standalone-garmin_us .modal-legal {
	color: #c2c2c2;
	font-size: 10px;
	padding: 0 20px 20px
}

#modal_summer .heading-2,
#modal_summer .heading-3,
#modal_summer .heading-4,
#modal_summer .modal-close {
	color: #fff
}

#modal_summer .push-header {
	background-image: url(/cache/slash/images/components/modals/summer/header_desktop.ef9b0ebb51154206b4ab331720a6397a.jpg)
}

#modal_summer .push-header-bis {
	background-image: url(/cache/slash/images/components/modals/summer/header_desktop_bis.b21a25d832c685fabe9d72888c963f68.jpg)
}

#modal_summer .push-header-container {
	padding: 20px 70px;
	z-index: 5
}

#modal_summer .push-features-list dd {
	text-align: left
}

#modal_unsubscribe .form-control,
#modal_unsubscribe .list-reasons li {
	margin-top: 10px
}

#modal_unsubscribe .list-reasons label {
	font-weight: 700
}

#modal_unsubscribe .list-reasons .expand {
	display: none;
	padding-top: 5px
}

#modal_unsubscribe .mobile-form {
	display: table;
	max-width: 340px;
	width: 100%
}

#modal_unsubscribe .mobile-cell {
	display: table-cell;
	padding: 10px 0;
	vertical-align: top
}

#modal_unsubscribe .mobile-cell input[type=text] {
	margin: 0
}

#modal_unsubscribe .mobile-button {
	padding-left: 3px;
	width: 1px
}

#modal_winter .heading-2,
#modal_winter .heading-3,
#modal_winter .heading-4,
#modal_winter .modal-close {
	color: #fff
}

#modal_winter .push-header {
	background-image: url(/cache/slash/images/components/modals/winter/header_desktop.fa6c807fddb2260c83f1a0127e880c68.jpg)
}

#modal_winter .push-header-br {
	background-image: url(/cache/slash/images/components/modals/winter/header_desktop_br.3022b197b52d37c09d9166640818f076.jpg)
}

#modal_winter .push-header-container {
	padding: 20px 70px;
	z-index: 5
}

#modal_winter .push-features-list dd {
	text-align: left
}

#gcast-ad-break .wrapper {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

#gcast-ad-break .poster {
	max-height: 480px;
	max-width: 480px
}

.modal-standalone {
	background-position: top;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0
}

.modal-standalone .logo-deezer-white {
	left: 20px;
	position: absolute;
	top: 20px;
	z-index: 9999
}

.modal-standalone .modal-dialog {
	max-width: 680px
}

.modal-standalone.visual-1 {
	background-image: url(/cache/slash/images/pages/index/visual_1.90d23355e1a22560a143aa00ed3da3fc.jpg)
}

.modal-standalone.visual-2 {
	background-image: url(/cache/slash/images/pages/index/visual_2.368e9b730ef614bba22614c89eb590eb.jpg)
}

.modal-standalone.visual-3 {
	background-image: url(/cache/slash/images/pages/index/visual_3.77c52596d6d940ff8cc6663ac5886c2a.jpg)
}

.modal-standalone.modal-standalone-fnac-jukebox {
	background-image: url(/cache/slash/images/pages/index/visual_fnac.74201e4c271b9040c2bd6f20a05d5d25.jpg)
}

.modal-standalone.modal-standalone-garmin,
.modal-standalone.modal-standalone-garmin_us {
	background-position: bottom
}

.nano {
	position: relative;
	overflow: hidden
}

.nano>.nano-content {
	position: absolute;
	overflow: scroll;
	overflow-x: hidden;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.nano>.nano-content:focus {
	outline: 0 none
}

.nano>.nano-content::-webkit-scrollbar {
	display: none
}

.has-scrollbar>.nano-content::-webkit-scrollbar {
	display: block
}

.nano>.nano-pane {
	position: absolute;
	width: 12px;
	right: 0;
	top: 0;
	bottom: 0;
	visibility: hidden\9;
	opacity: .01;
	-webkit-transition: .2s;
	transition: .2s;
	border-radius: 5px
}

.nano>.nano-pane>.nano-slider {
	background-color: rgba(00,00,00,0`);
	position: relative;
	margin-left: 4px;
	width: 4px;
	border-radius: 3px
}

.nano-pane.active,
.nano-pane.flashed,
.nano:hover>.nano-pane {
	visibility: visible\9;
	opacity: .99
}

#notify {
	background-color: #000;
	background-color: rgba(239, 84, 102, .8);
	display: none;
	left: 0;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 1000
}

#notify .close {
	background-image: url(/cache/slash/images/components/notify/close.b05bf34a12cb2f8bfa117f33252e5235.png);
	height: 23px;
	padding: 0;
	position: absolute;
	right: 10px;
	top: 8px;
	width: 23px
}

#notify .close:hover {
	background-position: -23px 0
}

#notify .message {
	color: #fff;
	display: block;
	font-size: 14px;
	padding: 12px 50px
}

#notify .message:hover {
	color: #f8f8f9;
	text-decoration: underline
}

.has-player #notify {
	top: 105px
}

.list-wrapper.list-center {
	text-align: center
}

.list-wrapper .list-offer {
	display: inline-block;
	padding: 10px 0 20px
}

.list-wrapper .list-offer li {
	text-align: left
}

.list-wrapper .list-offer li .icon-offer {
	margin-right: 5px
}

.list-wrapper .list-offer li+li {
	margin-top: 10px
}

.off-block .sticker-label,
.off-footer .sticker-label,
.off-landing .sticker-label,
.off-line .sticker-label {
	background-color: undefined;
	background-color: var(--modal-special-offers-primary-color);
	color: #fff;
	font-weight: 700;
	position: absolute;
	text-align: left
}

.off-landing .sticker-label {
	font-size: 20px;
	left: -18px;
	line-height: 30px;
	padding: 15px 40px;
	top: 294px
}

.off-landing .sticker-label .sticker-price {
	font-size: 28px;
	font-weight: 700
}

.off-landing .sticker-label .sticker-price .sticker-percent {
	font-size: 1.33333333;
	font-weight: 400
}

.off-landing .sticker-label .sticker-right {
	border-right: 15px solid rgba(10, 10, 22, 0);
	border-top: undefined;
	border-top: 94px solid var(--modal-special-offers-primary-color);
	height: 0;
	position: absolute;
	right: -15px;
	top: 0;
	width: 0
}

.off-landing .sticker-label .sticker-top {
	border-bottom: undefined;
	border-bottom: 5px solid var(--modal-special-offers-primary-hover-color);
	border-left: 8px solid rgba(10, 10, 22, 0);
	height: 0;
	left: 0;
	position: absolute;
	top: -5px;
	width: 0
}

.off-landing .sticker-label.box-confirmation {
	left: 2px;
	top: 275px
}

.off-landing .sticker-label.box-restriction {
	left: -9px;
	padding: 15px 90px;
	top: 86px
}

.off-landing .sticker-round {
	background-color: undefined;
	background-color: var(--modal-special-offers-primary-color);
	border-radius: 40px;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	height: 80px;
	left: 425px;
	line-height: 75px;
	position: absolute;
	text-align: center;
	top: 154px;
	width: 80px
}

.off-landing .sticker-round .off-txt {
	display: inline-block;
	line-height: 16px;
	text-align: center;
	vertical-align: middle;
	width: 74px
}

.off-landing .sticker-round .off-txt span {
	font-size: 16px;
	font-weight: none
}

.off-landing .sticker-round.box-restriction-round {
	top: 92px
}

.off-landing .text-position {
	padding-top: 120px;
	text-align: center
}

.off-landing .offer-text {
	color: #969ead;
	font-size: 14px;
	line-height: 19px
}

.off-landing .offer-text.offer-text-position {
	padding-bottom: 14px;
	padding-top: 2px
}

.off-landing .offer-price {
	color: undefined;
	color: var(--text-primary);
	font-size: 22px;
	font-weight: 700;
	position: relative
}

.off-landing .offer-price .offer-block-price {
	display: inline-block;
	position: relative
}

.off-landing .offer-price .offer-block-price .offer-redbar {
	background-color: red;
	height: 2px;
	position: absolute;
	top: 13px;
	width: 100%
}

.off-block .sticker-label {
	font-size: 12px;
	left: -8px;
	line-height: 20px;
	padding: 10px 14px;
	top: 15px
}

.off-block .sticker-label .sticker-price {
	font-size: 16px;
	font-weight: 700
}

.off-block .sticker-label .sticker-price .sticker-percent {
	font-size: 10px;
	font-weight: 400
}

.off-block .sticker-label .sticker-right {
	border-right: 15px solid rgba(10, 10, 22, 0);
	border-top: undefined;
	border-top: 63px solid var(--modal-special-offers-primary-color);
	height: 0;
	position: absolute;
	right: -15px;
	top: 0;
	width: 0
}

.off-block .sticker-label .sticker-top {
	border-bottom: undefined;
	border-bottom: 5px solid var(--modal-special-offers-primary-hover-color);
	border-left: 8px solid rgba(10, 10, 22, 0);
	height: 0;
	left: 0;
	position: absolute;
	top: -5px;
	width: 0
}

.off-block .sticker-round {
	background-color: undefined;
	background-color: var(--modal-special-offers-primary-color);
	border-radius: 50%;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	height: 60px;
	left: 150px;
	line-height: 57px;
	position: absolute;
	text-align: center;
	top: -28px;
	width: 60px
}

.off-block .sticker-round .off-txt {
	display: inline-block;
	line-height: 12px;
	text-align: center;
	vertical-align: middle;
	width: 44px
}

.off-block .sticker-round .off-txt span {
	font-size: 12px;
	font-weight: none
}

.off-block .offer-text {
	color: #969ead;
	font-size: 14px;
	line-height: 22px
}

.off-block .offer-text.offer-text-position {
	padding-top: 75px
}

.off-block .offer-price {
	color: undefined;
	color: var(--text-primary);
	font-size: 14px;
	font-weight: 700;
	position: relative
}

.off-block .offer-price .offer-block-price {
	display: inline-block;
	position: relative
}

.off-block .offer-price .offer-block-price .offer-redbar {
	background-color: red;
	height: 2px;
	position: absolute;
	top: 8px;
	width: 100%
}

.off-block .offer-line {
	background-color: #d9dde5;
	height: 1px;
	margin: 5px 20px 0
}

.off-line {
	padding-top: 75px
}

.off-line .sticker-label {
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	margin-top: -75px;
	padding: 10px 24px;
	width: 270px
}

.off-line .sticker-label .sticker-price {
	font-size: 16px;
	font-weight: 700
}

.off-line .sticker-label .sticker-price .sticker-percent {
	font-size: 10px;
	font-weight: 400
}

.off-line .sticker-label .sticker-right {
	border-right: 315px solid rgba(10, 10, 22, 0);
	border-top: undefined;
	border-top: 15px solid var(--modal-special-offers-primary-color);
	height: 0;
	left: 0;
	position: absolute;
	top: 60px;
	width: 0
}

.off-line .sticker-label .sticker-top {
	border-bottom: undefined;
	border-bottom: 8px solid var(--modal-special-offers-primary-hover-color);
	border-left: 10px solid rgba(10, 10, 22, 0);
	height: 0;
	left: -10px;
	position: absolute;
	top: 0;
	width: 0
}

.off-line .sticker-label .sticker-round {
	background-color: #fff;
	border-radius: 27px;
	color: #009cff;
	font-size: 12px!important;
	font-weight: 700;
	height: 56px;
	line-height: 54px;
	position: absolute;
	right: 10px;
	text-align: center;
	top: 2px;
	width: 56px
}

.off-line .sticker-label .sticker-round .off-txt {
	display: inline-block;
	line-height: 12px;
	text-align: center;
	vertical-align: middle;
	width: 44px
}

.off-line .sticker-label .sticker-round .off-txt span {
	font-size: 10px!important;
	font-weight: none
}

.off-line .offer-text {
	color: #969ead;
	font-size: 14px;
	line-height: 22px
}

.off-line .offer-text.offer-text-position {
	padding-top: 95px
}

.off-line .offer-price {
	color: undefined;
	color: var(--text-primary);
	font-size: 14px;
	font-weight: 700;
	position: relative
}

.off-line .offer-price .offer-block-price {
	display: inline-block;
	position: relative
}

.off-line .offer-price .offer-block-price .offer-redbar {
	background-color: red;
	height: 2px;
	position: absolute;
	top: 33px;
	width: 100%
}

.off-line .offer-line {
	background-color: #d9dde5;
	height: 1px;
	margin: 5px 20px 0
}

.off-footer .sticker-label {
	font-size: 14px;
	height: 42px;
	line-height: 26px;
	margin-top: -18px;
	padding: 10px 24px;
	right: 0;
	top: 0;
	width: 160px
}

.off-footer .sticker-label .sticker-price {
	font-size: 16px;
	font-weight: 700;
	line-height: 10px
}

.off-footer .sticker-label .sticker-price .sticker-percent {
	font-size: 10px;
	font-weight: 400
}

.off-footer .sticker-label .sticker-right {
	border-right: 208px solid rgba(10, 10, 22, 0);
	border-top: undefined;
	border-top: 15px solid var(--modal-special-offers-primary-color);
	height: 0;
	left: 0;
	position: absolute;
	top: 62px;
	width: 0
}

.off-footer .sticker-label .sticker-top {
	border-bottom: undefined;
	border-bottom: 8px solid var(--modal-special-offers-primary-hover-color);
	border-left: 10px solid rgba(10, 10, 22, 0);
	height: 0;
	left: -10px;
	position: absolute;
	top: 0;
	width: 0
}

.off-footer .sticker-label .sticker-round {
	background-color: #fff;
	border-radius: 23px;
	color: #009cff;
	font-size: 16px;
	font-weight: 700;
	height: 45px;
	line-height: 46px;
	position: absolute;
	right: 10px;
	text-align: center;
	top: 7px;
	width: 45px
}

.off-footer .sticker-label .sticker-round .off-txt {
	display: inline-block;
	line-height: 12px;
	text-align: center;
	vertical-align: middle;
	width: 44px
}

.off-footer .sticker-label .sticker-round .off-txt span {
	font-size: 12px;
	font-weight: none
}

.off-footer .text-position {
	padding-top: 20px;
	text-align: right
}

.off-footer .offer-text {
	color: #969ead;
	font-size: 14px;
	line-height: 22px
}

.off-footer .offer-text.offer-text-position {
	padding-top: 95px
}

.off-footer .offer-price {
	color: #32323d;
	font-size: 14px;
	font-weight: 700;
	position: relative
}

.off-footer .offer-price .offer-block-price {
	display: inline-block;
	position: relative
}

.off-footer .offer-price .offer-block-price .offer-redbar {
	background-color: red;
	height: 2px;
	position: absolute;
	top: 9px;
	width: 100%
}

.off-footer .offer-line {
	background-color: #d9dde5;
	height: 1px;
	margin: 5px 20px 0
}

@media (max-width:1024px) {
	.off-landing .sticker-label {
		left: -8px
	}
	.off-landing .sticker-round {
		left: 365px
	}
	.off-footer .sticker-label {
		right: 40%
	}
	.off-footer .text-position {
		text-align: center
	}
	.special-offer .description .offer {
		margin-top: 65px
	}
}

.foot_step2 {
	float: left;
	background: #f5f5f5;
	border-top: 1px solid #d0d0d0;
	width: 100%
}

#w_popup_login {
	height: 100%
}

#w_popup_login .header_premium {
	background: #e8e8e8;
	border-bottom: 1px solid #dadada;
	color: #606060;
	height: 32px;
	font-size: 20px;
	font-weight: 700;
	padding-top: 8px;
	position: relative;
	text-shadow: 0 1px #fff
}

#w_popup_login .header_premium span {
	display: block;
	line-height: 26px
}

#w_popup_login .header_premium span .logo_deezer {
	background-position: -1px -24px;
	display: block;
	height: 28px;
	width: 122px
}

#w_popup_login .header_premium .encoche {
	background: url(/cache/slash/images/legacy/premium/encoche.e6f46b103c2385f1e028613a2651fb99.gif) 0 0 no-repeat;
	bottom: -1px;
	height: 8px;
	left: 50px;
	width: 15px
}

#w_popup_login .popup_content {
	color: #32323d;
	font-size: 12px;
	width: 400px
}

#w_popup_login dl {
	margin-left: 15px
}

#w_popup_login dt {
	color: #4a4a4a;
	font-weight: 700;
	margin-bottom: 1px
}

#w_popup_login dt:before {
	content: "-";
	color: #4a4a4a;
	font-weight: 700;
	margin-right: 5px
}

#w_popup_login dd {
	color: grey;
	font-size: 11px;
	line-height: 17px;
	margin-bottom: 10px;
	margin-left: 8px
}

#w_popup_login .foot_step2 {
	background: #f5f5f5;
	border-top: 1px solid #dadada;
	bottom: 0;
	left: 0;
	position: absolute;
	width: 100%
}

#w_popup_login .w_login_form {
	list-style: none;
	margin-top: 20px
}

#w_popup_login .w_login_form li {
	margin-bottom: 10px
}

#w_popup_login .w_login_form li span {
	float: left;
	margin-right: 10px;
	padding-top: 5px;
	width: 100px
}

#w_popup_login .error {
	background: #ffebe8;
	border: 1px solid #dd3c10;
	margin-bottom: 10px;
	padding: 5px 7px
}

#w_popup_login input[type=password],
#w_popup_login input[type=text] {
	background: #e8e8e8;
	border: 1px solid #d1d1d7;
	border-bottom-color: #dedee3;
	color: #72727d;
	height: 24px;
	float: left;
	font-size: 11px;
	padding: 6px 5px 5px;
	width: 290px
}

.autorisation #w_popup_login {
	border: 1px solid #ddd;
	height: auto;
	margin: 20px auto;
	width: 650px
}

.autorisation #w_popup_login .foot_step2 {
	border: 1px solid #ddd;
	padding: 0 0 10px;
	position: static
}

#w_popup_login .header_premium {
	height: auto;
	min-width: 200px;
	padding-bottom: 5px
}

#w_popup_login .pop_content_resp {
	color: #72727d;
	font-size: 12px;
	margin: 20px auto;
	max-width: 540px;
	width: 90%
}

#w_popup_login .pop_content_resp .mdpo {
	color: #888;
	display: block;
	font-size: 11px;
	margin-top: 16px;
	text-decoration: underline
}

#w_popup_login .foot_step2 p {
	padding: 0 20px
}

#w_popup_login .info-api {
	margin-right: 20px;
	width: 330px
}

#w_popup_login .info-api dd {
	max-width: 260px
}

#w_popup_login .error {
	margin: 10px auto 0;
	padding-right: 12px
}

@media only screen and (max-width:580px) {
	#w_popup_login .info-api {
		margin-right: 0;
		width: auto
	}
	#w_popup_login .img-app {
		display: none
	}
}

@media only screen and (max-width:400px) {
	#w_popup_login strong {
		color: #72727d;
		float: left;
		font-size: 12px;
		margin: 0 0 5px;
		width: 100%
	}
	#w_popup_login .header_premium {
		font-size: 15px
	}
	#w_popup_login .header_premium .logo {
		display: none
	}
	#w_popup_login .header_premium .ml_20 {
		margin-left: 5%
	}
	#w_popup_login .pop_content_resp {
		float: left;
		margin: 20px 5%;
		width: 90%
	}
	#w_popup_login .pop_content_resp .mdpo {
		margin-top: 23px
	}
	#w_popup_login .checked {
		display: none
	}
	#w_popup_login .foot_step2 {
		position: relative;
		bottom: 0
	}
}

@media only screen and (max-width:250px) {
	#w_popup_login .btn_rad_m,
	#w_popup_login .foot_step2 p,
	#w_popup_login .pop_content_resp,
	#w_popup_login strong {
		font-size: 11px!important
	}
	#w_popup_login .pop_content_resp .mdpo {
		width: 93px;
		margin-top: 9px
	}
}

#div_recover {
	font-size: 13px;
	margin: 20px auto 30px;
	width: 990px
}

#div_recover .global {
	background-color: #f1f1f1;
	padding: 10px
}

#div_recover .content {
	background-color: #fff;
	padding: 25px 30px 30px
}

#div_recover .content a {
	color: #0065bb;
	text-decoration: underline
}

#div_recover .presentation {
	float: left;
	width: 700px
}

#div_recover .return {
	float: right;
	font-size: 12px;
	margin: 0 0 20px 5px
}

#div_recover .return .img {
	float: left;
	margin: 1px 7px 0 0
}

#div_recover .return .link {
	float: left
}

#div_recover .return .link a {
	color: #444;
	text-decoration: none
}

#div_recover .return .link a:hover {
	text-decoration: underline
}

#div_recover .selection {
	font-size: 13px;
	font-weight: 700;
	padding: 25px 0
}

#div_recover .error {
	font: 700 13px arial;
	padding: 30px 0 10px
}

#div_recover .playlists .bg1 {
	background: #f1f1f1;
	padding: 5px 7px
}

#div_recover .playlists .bg2 {
	background: #fff;
	padding: 5px 7px
}

#div_recover .playlists .title {
	float: left;
	height: 16px;
	overflow: hidden;
	width: 350px
}

#div_recover .playlists .title a {
	color: #0065bb;
	text-decoration: underline
}

#div_recover .playlists .date {
	color: #444;
	float: right;
	font-size: 12px
}

#delete_account_content {
	background-color: #fff;
	border: 1px solid #e9e9e9;
	color: #202020;
	margin: 20px auto;
	padding: 20px;
	text-align: center;
	width: 548px
}

#delete_account h1 {
	border-bottom: 1px dashed #bebebe;
	color: #202020;
	font-size: 20px;
	font-weight: 400;
	line-height: 19px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	text-align: left;
	text-transform: uppercase
}

#delete_account .password {
	background: #e8e8e8;
	border: 1px solid #d1d1d7;
	border-bottom-color: #dedee3;
	display: block;
	height: 19px;
	padding: 4px;
	margin: 20px auto 10px;
	width: 300px
}

.search_result {
	border: 1px solid #bebebe;
	border-radius: 3px;
	background: #f7f7f7;
	padding-left: 30px;
	right: 0;
	width: 100%;
	z-index: 1000
}

.search_result a {
	color: #72727d;
	display: block;
	overflow: hidden;
	padding: 0 9px 0 46px;
	text-shadow: none;
	white-space: nowrap
}

.search_result a.result_link .soon {
	color: #bebebe
}

.search_result dd,
.search_result dt {
	position: relative;
	border-left: 1px solid #e7e7e7;
	line-height: 15px;
	background-color: #fff
}

.search_result dt a {
	padding-right: 10px
}

.search_result dd>span {
	top: 4px;
	left: -27px;
	display: block;
	height: 20px;
	width: 20px;
	background-image: url(/cache/slash/images/legacy/sprite_icones_all.e84163669ebc5313d9a93da1ee423c4b.png)
}

.search_result dd a span {
	color: #72727d;
	font-size: 13px;
	text-shadow: none
}

.search_result dd img {
	border: 1px solid #f2f2f2;
	cursor: pointer;
	display: block;
	height: 30px;
	left: 0;
	margin: 1px 6px;
	padding: 1px;
	top: 1px;
	width: 30px
}

.search_result dd .album img {
	background: #909090;
	display: block;
	cursor: pointer;
	left: 0;
	margin: 3px 6px;
	padding: 0 0 0 1px;
	border: 0
}

.search_result dd.track {
	border-radius: 0 0 3px 0
}

.search_result ul li {
	height: 38px;
	line-height: 38px;
	border-bottom: 1px solid #f2f2f2
}

.search_result ul li.selected {
	background: #e1ecf0
}

.search_result ul li:last-child {
	border-bottom: 3px solid #e7e7e7
}

.search_result ul.track li:last-child {
	border-bottom: 0
}

.search_result .track .icn_suggest-play {
	border: 0;
	cursor: pointer;
	height: 15px;
	left: 13px;
	top: 12px;
	width: 14px
}

.search_result .track .icn_suggest-soon {
	cursor: pointer;
	left: 9px;
	position: absolute;
	top: 7px
}

.search_result .album .artist_name,
.search_result .duration,
.search_result .track_title {
	color: #9b9b9b
}

#search_link a {
	color: #72727d;
	padding: 0;
	text-shadow: none
}

#search_link.selected {
	background: #e1ecf0
}

#dzSearch .search_result dd,
#dzSearch .search_result dt {
	left: 39px;
	margin-left: -36px
}

.naboo_line_soon {
	border: 1px solid #d1d1d7;
	line-height: 10px;
	text-align: center;
	width: 23px
}

.naboo_line_soon_month {
	background-color: #ab070b;
	border-bottom: 1px solid #d1d1d7;
	color: #fff;
	display: block;
	font-size: 8px
}

.logo_deezer {
	background-position: 0 0;
	height: 34px;
	width: 122px
}

#dzSearch {
	height: 67px;
	min-width: 190px;
	width: 20%
}

#search-content {
	background: #252525;
	border-radius: 4px 0 0 4px;
	-webkit-box-shadow: 0 1px 0 #4e4e4e;
	box-shadow: 0 1px 0 #4e4e4e;
	height: 35px;
	line-height: 35px;
	margin-top: 13px;
	padding: 4px 10px 4px 4px
}

#search-button-header {
	padding-right: 10px;
	width: 35px
}

#search-button-header input[type=submit] {
	background-position: 0 -34px;
	border: 0;
	cursor: pointer;
	height: 35px;
	width: 35px
}

#search-button-header input[type=submit] :hover {
	background-position: -37px -34px
}

#tester_phone_msg {
	background: #e9ffed;
	display: none;
	margin-top: 5px;
	padding: 10px;
	position: relative
}

#tester_phone_msg.error {
	background: #ffdcdd
}

.thumbnail-caption .sticker {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 5px;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.thumbnail-caption .release {
	color: undefined;
	color: var(--text-inverse);
	font-size: 12px;
	margin-top: 5px
}

.thumbnail-caption .table-flag {
	display: table;
	width: 100%
}

.thumbnail-caption .table-flag .cell {
	display: table-cell;
	vertical-align: middle
}

.thumbnail-caption .table-flag .cell.cell-flag-visual {
	font-size: 0;
	line-height: 0;
	padding-right: 5px;
	width: 14px
}

.thumbnail-caption .table-flag .cell.cell-flag-label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.thumbnail-caption .table-flag .cell.cell-flag-label a:hover {
	text-decoration: underline
}

.thumbnail-caption .thumbnail-button {
	margin-top: 20px
}

.thumbnail-caption .thumbnail-button.hidden {
	visibility: hidden
}

.thumbnail-caption .thumbnail-button.hidden .btn>.action {
	visibility: hidden!important
}

.thumbnail-caption-heading {
	color: undefined;
	color: var(--text-secondary);
	margin-bottom: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.thumbnail-sponsored-sticker {
	background-color: rgba(0, 0, 0, .63);
	border-radius: 2px;
	color: undefined;
	color: var(--color-white);
	font-size: 10px;
	left: 10px;
	letter-spacing: .3px;
	line-height: 16px;
	padding: 0 4px;
	position: absolute;
	top: 10px
}

.thumbnail-sponsored-link {
	bottom: 10px;
	left: 10px;
	position: absolute;
	right: 10px
}

.thumbnail-animated .picture .picture-img {
	opacity: 0;
	position: absolute;
	width: 100%;
	-webkit-transition-duration: .35s;
	transition-duration: .35s;
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear
}

.thumbnail-animated .picture .picture-img.active {
	opacity: 1;
	z-index: 1
}

.thumbnail-animated .picture:after {
	z-index: 2
}

.thumbnail-explicit .picture .picture-img {
	opacity: 0
}

.tinyscroll_viewport {
	height: 100%;
	overflow: hidden;
	position: relative
}

.tinyscroll_overview {
	list-style: none;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.tinyscroll_scrollbar {
	position: absolute;
	right: 0;
	width: 15px;
	z-index: 1
}

.tinyscroll_track {
	background-color: rgba(0, 0, 0, 0);
	height: 100%;
	position: relative;
	width: 15px
}

.tinyscroll_thumb {
	cursor: pointer;
	margin-left: 6px;
	position: absolute;
	top: 0
}

.tinyscroll_thumb,
.tinyscroll_thumb .tinyscroll_end {
	background: #dcdcdc;
	border-radius: 2px;
	overflow: hidden;
	width: 4px
}

.tinyscroll_disabled {
	display: none
}

.tipsy {
	font-size: 10px;
	padding: 5px;
	position: absolute;
	z-index: 200000
}

.tipsy-inner {
	background-color: #0a0a16;
	border-radius: 3px;
	color: #fff;
	max-width: 230px;
	padding: 5px 8px;
	text-align: center
}

.tipsy-arrow {
	background-image: url(/cache/slash/images/components/tipsy/tipsy.402f4dcb00ec3def82c7978ab8686b7e.gif);
	background-repeat: no-repeat;
	height: 5px;
	position: absolute;
	width: 9px
}

.tipsy-n .tipsy-arrow {
	left: 50%;
	margin-left: -4px;
	top: 0
}

.tipsy-nw .tipsy-arrow {
	left: 10px;
	top: 0
}

.tipsy-ne .tipsy-arrow {
	right: 10px;
	top: 0
}

.tipsy-s .tipsy-arrow {
	background-position: 0 100%;
	bottom: 0;
	left: 50%;
	margin-left: -4px
}

.tipsy-sw .tipsy-arrow {
	background-position: 0 100%;
	bottom: 0;
	left: 10px
}

.tipsy-se .tipsy-arrow {
	background-position: 0 100%;
	bottom: 0;
	right: 10px
}

.tipsy-e .tipsy-arrow {
	background-position: 100% 0;
	right: 0
}

.tipsy-e .tipsy-arrow,
.tipsy-w .tipsy-arrow {
	height: 9px;
	margin-top: -4px;
	top: 50%;
	width: 5px
}

.tipsy-w .tipsy-arrow {
	left: 0
}

#register_modal .recaptcha-wrapper {
	margin-top: 15px
}

#register_modal .recaptcha-wrapper .g-recaptcha {
	-webkit-transform: scale(.89);
	-ms-transform: scale(.89);
	transform: scale(.89);
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0
}

.icon-offer {
	display: inline-block;
	height: 24px;
	margin-bottom: 2px;
	vertical-align: middle;
	width: 24px
}

.icon-offer-big {
	height: 64px;
	width: 64px
}

.icon-offer-checked {
	background-image: url(/cache/slash/images/common/icons/icon_offer_checked.7d463b04465d0d5f52c2e0b0c22d31b8.png)
}

.icon-offer-check {
	background-image: url(/cache/slash/images/common/icons/icon_offer_check.5b21cda249c34d2c4d5bcd87276c6f29.png)
}

.icon-offer-exclu {
	background-image: url(/cache/slash/images/common/icons/icon_offer_exclu.6da9426afa64ec77ec04fb1518869a1f.png)
}

.icon-offer-tracks {
	background-image: url(/cache/slash/images/common/icons/icon_offer_tracks.406c2ecf6d71a05d322e3d3fdaafb917.png)
}

.icon-offer-unlimited {
	background-image: url(/cache/slash/images/common/icons/icon_offer_unlimited.8b55aed88e12b30ba73d003a1685887e.png)
}

.icon-offer-wifi {
	background-image: url(/cache/slash/images/common/icons/icon_offer_wifi.692985d8c529318a28b0b0f8ab216316.png)
}

.icon-offer-premium.icon-offer-hq {
	background-image: url(/cache/slash/images/common/icons/icon_offer_hq_premium.92856085113d135719ff626b075a664a.png)
}

.icon-offer-premium.icon-offer-unlimited {
	background-image: url(/cache/slash/images/common/icons/icon_offer_unlimited_premium.30458b1129e5b5e0dca87437ea550521.png)
}

.icon-offer-premium.icon-offer-devices {
	background-image: url(/cache/slash/images/common/icons/icon_offer_devices_premium.a984fe4993db5b916c04fd359c22ee9a.png)
}

.icon-offer-premiumplus.icon-offer-hq {
	background-image: url(/cache/slash/images/common/icons/icon_offer_hq_premiumplus.92856085113d135719ff626b075a664a.png)
}

.icon-offer-premiumplus.icon-offer-unlimited {
	background-image: url(/cache/slash/images/common/icons/icon_offer_unlimited_premiumplus.5598f4b137a231de7dd124e03507cb20.png)
}

.icon-offer-premiumplus.icon-offer-devices {
	background-image: url(/cache/slash/images/common/icons/icon_offer_devices_premiumplus.7f0c4c2fa44b5370661f52f5d0fb6874.png)
}

.icon-offer-premiumplus.icon-offer-mobile {
	background-image: url(/cache/slash/images/common/icons/icon_offer_mobile_premiumplus.b596b3f93c1f2140df82739c69299167.png)
}

.icon-offer-premiumplus.icon-offer-offline {
	background-image: url(/cache/slash/images/common/icons/icon_offer_offline_premiumplus.57f06da5f3994489bf6356818851c29b.png)
}

.icon-offer-disabled.icon-offer-mobile {
	background-image: url(/cache/slash/images/common/icons/icon_offer_mobile_disabled.2a16bad165f21bba4ca3aacf5cc714dc.png)
}

.icon-offer-disabled.icon-offer-offline {
	background-image: url(/cache/slash/images/common/icons/icon_offer_offline_disabled.76b05d95862f9c4ebd85b126606c9a75.png)
}

.logo {
	display: inline-block;
	vertical-align: top
}

.logo-deezer {
	background-image: url(/cache/slash/images/common/logos/deezer.1a1741c7871c27ef0ecb572defe8593e.png);
	height: 24px;
	width: 117px
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
	.logo-deezer {
		background-image: url(/cache/slash/images/common/logos/deezer@2x.ef2961a57ef3b663a257da14ba003a4d.png);
		-webkit-background-size: 117px 24px;
		background-size: 117px 24px
	}
}

.logo-deezer-black {
    background-image: url(../img/logo-black.png);
    height: 21px;
    width: 238px;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-property: background-image;
    transition-property: background-image;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
	.logo-deezer-black {
		background-image: url(../img/logo-black.png);
		-webkit-background-size: 125px 32px;
		background-size: 100% auto
	}
}

.logo-deezer-light {
	background-image: url(/cache/slash/images/common/logos/deezer_light.a087061697d2a623bb90b30241da46d0.png);
	height: 32px;
	width: 125px;
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
	-webkit-transition-property: background-image;
	transition-property: background-image;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transition-delay: .1s;
	transition-delay: .1s
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
	.logo-deezer-light {
		background-image: url(/cache/slash/images/common/logos/deezer_light@2x.42c19aa510b2b0115b9b873ff5c73dd1.png);
		-webkit-background-size: 125px 32px;
		background-size: 125px 32px
	}
}

.logo-deezer-white {
	background-image: url(/cache/slash/images/common/logos/deezer_white.f053c3a22ed546b60b5999ec24419bd5.png);
	height: 24px;
	width: 117px
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
	.logo-deezer-white {
		background-image: url(/cache/slash/images/common/logos/deezer_white@2x.94d7f8112042bfc9c29e3874b0859014.png);
		-webkit-background-size: 117px 24px;
		background-size: 117px 24px
	}
}

.logo-flow {
	background-image: url(/cache/slash/images/common/logos/flow.6a093acba111cb3f5612873f443dc1d0.png);
	height: 32px;
	width: 100px
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
	.logo-flow {
		background-image: url(/cache/slash/images/common/logos/flow@2x.03c3cb26d2372f7910116bf0ff82b713.png);
		-webkit-background-size: 100px 32px;
		background-size: 100px 32px
	}
}

.logo-flow-small {
	background-image: url(/cache/slash/images/common/logos/flow_small.50b6ee3d7687b7700262d06df5602d1f.png);
	height: 16px;
	width: 50px
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
	.logo-flow-small {
		background-image: url(/cache/slash/images/common/logos/flow_small@2x.6a093acba111cb3f5612873f443dc1d0.png);
		-webkit-background-size: 50px 16px;
		background-size: 50px 16px
	}
}

.logo-flow-dark {
	background-image: url(/cache/slash/images/common/logos/flow_dark.2fe89661ef10338ccd4617ad9b4d02a4.png);
	height: 26px;
	width: 80px
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
	.logo-flow-dark {
		background-image: url(/cache/slash/images/common/logos/flow_dark@2x.5127c686e0fef64b8df759debabd3cf3.png);
		-webkit-background-size: 80px 26px;
		background-size: 80px 26px
	}
}

.block {
	display: block
}

.inline {
	display: inline
}

.table {
	display: table
}

.cell {
	display: table-cell;
	vertical-align: top
}

.relative {
	position: relative
}

.absolute {
	position: absolute
}

.z_bulle {
	z-index: 500
}

.floatl {
	float: left
}

.floatr {
	float: right!important
}

.bg_white {
	background: #fff
}

.w_100 {
	width: 100%!important
}

.h_100 {
	height: 100%!important
}

.fwb {
	font-weight: 700
}

.fwn {
	font-weight: 400
}

.fs_0 {
	font-size: 0
}

.fs_10 {
	font-size: 10px
}

.fs_11 {
	font-size: 11px
}

.fs_12 {
	font-size: 12px
}

.fs_13 {
	font-size: 13px
}

.fs_14 {
	font-size: 14px
}

.fs_15 {
	font-size: 15px
}

.fs_16 {
	font-size: 16px
}

.fs_18 {
	font-size: 18px
}

.fc_fff {
	color: #fff!important
}

.fc_000 {
	color: #0a0a16
}

.fc_999 {
	color: #92919d
}

.fc_666 {
	color: #72727d
}

.fc_444 {
	color: #444
}

.fc_333 {
	color: #32323d!important
}

.fc_link {
	color: #3995cd
}

.ta_c {
	text-align: center
}

.tduh:hover {
	text-decoration: underline
}

.m_0auto {
	margin: 0 auto
}

.m_20auto {
	margin: 20px auto
}

.m_0 {
	margin: 0
}

.mt_3 {
	margin-top: 3px
}

.mb_3 {
	margin-bottom: 3px
}

.ml_3 {
	margin-left: 3px
}

.mt_5 {
	margin-top: 5px
}

.mr_5 {
	margin-right: 5px
}

.mb_5 {
	margin-bottom: 5px
}

.ml_5 {
	margin-left: 5px
}

.mt_7 {
	margin-top: 7px
}

.mr_7 {
	margin-right: 7px
}

.ml_7 {
	margin-left: 7px
}

.mt_10 {
	margin-top: 10px
}

.mr_10 {
	margin-right: 10px
}

.mb_10 {
	margin-bottom: 10px
}

.ml_10 {
	margin-left: 10px
}

.mt_15 {
	margin-top: 15px
}

.mr_15 {
	margin-right: 15px
}

.mb_15 {
	margin-bottom: 15px
}

.ml_15 {
	margin-left: 15px
}

.mt_20 {
	margin-top: 20px
}

.mr_20 {
	margin-right: 20px
}

.mb_20 {
	margin-bottom: 20px
}

.ml_20 {
	margin-left: 20px
}

.mt_25 {
	margin-top: 25px
}

.mb_25 {
	margin-bottom: 25px
}

.mt_30 {
	margin-top: 30px
}

.mr_30 {
	margin-right: 30px
}

.mb_30 {
	margin-bottom: 30px
}

.ml_30 {
	margin-left: 30px
}

.mt_40 {
	margin-top: 40px
}

.mt_50 {
	margin-top: 50px
}

.mb_50 {
	margin-bottom: 50px
}

.ml_50 {
	margin-left: 50px
}

.p_0 {
	padding: 0
}

.p_5 {
	padding: 5px
}

.pt_5 {
	padding-top: 5px
}

.pr_5 {
	padding-right: 5px
}

.pb_5 {
	padding-bottom: 5px
}

.pt_7 {
	padding-top: 7px
}

.pb_7 {
	padding-bottom: 7px
}

.pl_7 {
	padding-left: 7px
}

.p_10 {
	padding: 10px
}

.pt_10 {
	padding-top: 10px
}

.pr_10 {
	padding-right: 10px
}

.pb_10 {
	padding-bottom: 10px
}

.pl_10 {
	padding-left: 10px
}

.p_20 {
	padding: 20px
}

.pt_20 {
	padding-top: 20px
}

.pr_20 {
	padding-right: 20px
}

.pb_20 {
	padding-bottom: 20px
}

.pl_20 {
	padding-left: 20px
}

.input {
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #72727d;
	font-size: 11px;
	outline: 0;
	padding: 5px
}

.input:focus {
	border-color: #bbb
}

.input:invalid {
	background: #efcece
}

.main {
	background: url(/cache/slash/images/legacy/main.1c454a16918cae6039348a5d831bad65.png) no-repeat
}

.sprite_others {
	background: url(/cache/slash/images/legacy/sprite_others.cd0cba386a2672f82f6d7ba8166b02ef.png)
}

.sprite_home {
	background: url(/cache/slash/images/legacy/sprite_home.78cec94dca67d1405c2307ac0d64ca9a.png) no-repeat
}

.sprite_icn_all {
	background: url(/cache/slash/images/legacy/sprite_icones_all.e84163669ebc5313d9a93da1ee423c4b.png) no-repeat
}

.sprite_icones {
	background: url(/cache/slash/images/legacy/sprite_icones.9b2c8a813cac35b12555be50993e9b2b.png) no-repeat
}

.sprite_head {
	background: url(/cache/slash/images/legacy/sprites/head.6cc06205365c44f8215d2acf0a55de8d.png) 0 0 no-repeat;
	display: block;
	line-height: 0
}

.icn_suggest-play {
	background-position: 0 -118px
}

.icn-naboo_fb {
	background-position: -67px 0;
	height: 18px;
	width: 17px
}

.icn-naboo_tw {
	background-position: -67px -19px;
	height: 16px;
	width: 17px
}

.icn_arrow-down {
	background: -7px -53px;
	display: block;
	height: 5px;
	width: 9px
}

.icone_offer {
	float: left;
	height: 24px;
	margin-right: 10px;
	width: 24px
}

.icn24_html5 {
	background-position: -409px 0
}

.icn24_ios {
	background-position: 0 -433px
}

.icn24_android {
	background-position: 0 -457px
}

.icn_16 {
	background: url(/cache/slash/images/legacy/sprites/icones-16.95624db1f19e775e511e02e6a70e0237.png) 0 0 no-repeat;
	display: block;
	height: 16px;
	width: 16px
}

.icn_hq-16 {
	background-position: 0 -16px
}

.icn_micro-16 {
	background-position: -16px -32px
}

.icn_mobile-16 {
	background-position: -16px -16px
}

.icn_nolimit-16 {
	background-position: -32px -32px
}

.icn_nopub-16 {
	background-position: -16px 0
}

.icn_offline-16 {
	background-position: 0 -32px
}

.icn_pc-16 {
	background-position: -48px -48px
}

.icn_pdf-16 {
	background-position: -32px -48px
}

.btn .img_loading {
	display: none
}
.isFullWidth-0-3-25 {
    width: 100%;
    display: flex;
}
.outlinedLight-0-3-21 {
    color: #F8F8F9;
    border-color: #F8F8F9;
}
.outlinedLight-0-3-21 {
    color: #F8F8F9;
	border:1px solid #F8F8F9 
}
.conversion-banner .outlinedLight-0-3-21 {
    color: #F8F8F9;
	border:1px solid #F8F8F9 !important 
}
.outlinedLight-0-3-21:not(.isDisabled-0-3-24):hover {
    color: #23232D;
    background-color: #F8F8F9;
}


.form-control.fild_error {
  border-radius: 40px;
  padding: 0;
  border: 1px solid #e1e1e1e1;
  height: auto;
  padding: 4px;
  position: relative;
  width: 100%;
}

.form-control.fild_error .validation_error {
  font-size: 12px;
  color: #ca3030;
  padding: 2px 15px;
  padding-bottom: 5px;
  width: 100%;
  margin-top: -12px;
  text-align: left;
}
.validation_error p {
  color: red;
  margin: 0;
}
.form-control.fild_error .form-control {
  box-shadow: none;
  background: transparent;
  border: none !important;
width: 100%;
}
.fild_error i {
	position: absolute;
	right: 20;
	top: 20px;
	font-size: 21px;
	color: #999;
}

.svg-icon-group-btn{
	font-size: 15px !important;
	color: #000 !important;
	cursor: pointer;
}
.svg-icon-group-btn.is-highlight {
	font-size: 22px !important;
}
div#progress-container progress#song-played-progress::-moz-progress-bar{
	margin-top: 0 !important;
	height: 4px !important;
	background: #000 !important;
}
div#progress-container progress#song-buffered-progress::-moz-progress-bar {
	height: 4px !important;
	margin-top: 0 !important;
}
div#progress-container input[type="range"] {
	top: 0 !important;
	margin: 0 !important;
}
.volume-controls{
	position: relative;
}
/*.amplitude-volume-slider {
	position: absolute;
	transform: rotate(90deg);
	width: 50px !important;
	z-index: 999 !important;
	top: -30px;
	right: -10px;
}*/
.amplitude-repeat-on.svg-icon-group-btn,
.amplitude-shuffle-on.svg-icon-group-btn
{
	color: #00a0ff !important;
}

.amplitude-not-muted .svg-icon-volume-off{
	display: none !important;
}
.amplitude-muted .svg-icon-volume{
	display: none;
}

div#progress-container input[type="range"]::-moz-range-thumb {
	box-shadow: 0 0 1px 0 rgba(25,25,34,.48) !important;
	border: 1px solid #e1e1e1 !important;
	height: 15px !important;
	width: 15px !important;
	background: #fff !important;
}
input[type="range"].amplitude-volume-slider::-moz-range-thumb {
	box-shadow: 0 0 1px 0 rgba(25,25,34,.48) !important;
	border: 1px solid #e1e1e1 !important;
	background: #fff !important;
}

.volume-controls {
	padding-right: 75px;
}
.voice_bg {
	position: absolute;
	width: 45px;
	left: 40px;
	top: 50%;
	transform: translateY(-50%);
}
.voice_bg .amplitude-volume-slider {
	width: 100% !important;
	margin: 0 !important;
}
/*.voice_bg {
	position: absolute;
	top: -60px;
	width: 240px;
	left: -106px;
	background: #fff;
	padding: 17px 10px;
	box-shadow: 0 4px 20px 0 rgba(25,25,34,0.24);
	border-radius: 6px;
	opacity: 0;
	transition: all ease-in-out 0.5s;
}
.volume-controls:hover .voice_bg{
	opacity: 1;
}
.voice_bg::after {
	content: "";
	border: 6px solid rgba(0,0,0,0);
	position: absolute;
	border-top-color: #fff;
	left: 0;
	right: 0;
	bottom: -12px;
	width: 10px;
	margin: 0 auto;
}
*/

.circleimage img {
	border-radius: 100px;
	width: 45px !important;
	height: 45px !important;
}
.plan_card {
    background: #fff;
    box-shadow: 0px 0 10px #eee;
    border-radius: 10px;
    font-size: 15px;
}
.plan_card .plan_head {
	/* background: #0699b7; */
	color: #fff;
	border-radius: 10px 10px 0px 0px;
	padding: 65px 10px 15px;
	text-align: center;
}
.plan_card .plan_head h1 {
	font-size: 28px;
	font-weight: 600;
	text-align: left;
	margin-bottom: 80px;
	margin-top: 20px;
	padding-left: 40px;
}
/*.plan_card .plan_head h1{
	font-size:20px;
	margin-bottom:6px;
}*/
/*.plan_card .plan_head h3{
	color: #fcde1b;
	font-size: 16px;
}*/
.plan_card .plan_head h3 {
	color: #fff;
	font-size: 29px;
	font-weight: bold;
	position: relative;
	padding: 7px 0 50px 20px;
	border-bottom: 1px solid rgba(250,250,250,0.5);
	margin: 30px 40px 0;
	text-align: left;
	z-index: 1;
}
.pos_amout {
	position: absolute;
	z-index: -1;
	font-size: 72px;
	top: -20px;
	left: 0;
	color: #fff;
	opacity: 0.3;
}
.top_pkr {
	font-size: 20px;
	position: absolute;
	left: 0px;
	top: -15px;
	font-weight: normal;
}
.bottom_per {
	font-size: 17px;
	font-weight: normal;
	margin-left: 10px;
}
.plan_card .plan_body {
	padding: 15px 40px;
	color: #fff;
	margin-top: 20px;
}
.plan_card .plan_body .btn_part {
	text-align: center;
	background-image: linear-gradient(#fff, #757d8000);
	border-radius: 50px;
	padding: 1px;
	border: navajowhite;
	box-shadow: 0 4px 6px rgba(0,0,0,0.2);
	margin-top: 100px;
}
.plan_card .plan_body .btn_part a {
	border-radius: 38px;
	font-weight: 600;
	font-size: 18px;
	padding: 18px 20px;
	width: 100%;
	background: red;
	background-image: linear-gradient(#8dd2ed, #4388a1);
	height: 50px;
	border: none;
}
.plan_card .plan_body ul li {
	margin: 10px 0 20px;
	position: relative;
	padding-left: 20px;
	font-size: 18px;
	/* line-height: 0; */
}
.plan_card .plan_body ul li::before {
    content: "\f00c";
    position: absolute;
    top: -1px;
    left: 0px;
    font-family: FontAwesome;
    font-size: 14px;
}
.plan_card .plan_body p {
	margin: 15px 0px 10px;
	text-align: center;
	font-size: 13px;
}
.plan_card .plan_foot p a {
	color: rgba(250,250,250,0.5);
	font-weight: bold;
}
.plan_card .plan_foot {
    text-align: center;
    padding: 0 15px 15px;
}
.plan_card .plan_foot p{
	margin-bottom:10px;
}
.repeat_one .svg-icon-group-btn .svg-icon-repeat{
	fill:#00a0ff
}
.repeat_one .svg-icon-group-btn {
	position:relative;
}
.repeat_one .svg-icon-group-btn::after {
	position: absolute;
	top: 50%;
	right: 0;
	content: "1";
	border-radius: 50%;
	text-align: center;
	color: #00a0ff !important;
	font-size: 7px;
	font-weight: bold;
	left: 0;
	font-family: "Arial";
	width: 6px;
	margin: 0 auto;
	transform: translateY(-50%);
}
.repeat_all .svg-icon-group-btn .svg-icon-repeat{
	fill:#00a0ff
}


.plan_card {
	background-image: url(https://www.saareymusic.com/assets/img/back.png);
	background-size: cover;
	background-repeat: no-repeat;
	padding-bottom: 30px;
}
.user-section .col-sm-4:nth-child(2) .plan_card {
	background-image: url(https://www.saareymusic.com/assets/img/back2.png);
}
.user-section .col-sm-4:nth-child(3) .plan_card {
	background-image: url(https://www.saareymusic.com/assets/img/back3.png);
}
.user-section .col-sm-4:nth-child(3) .plan_card .plan_body .btn_part a {
	background-image: linear-gradient(#ffdec6, #df8539);
	margin-bottom: -1px;
}
.user-section .col-sm-4:nth-child(2) .plan_card .plan_body .btn_part a {
	background-image: linear-gradient(#fa9b7b, #cc443b);

}

.artist_datass_list h3 {
	font-size: 19px;
}
.details_sectiiosn h3 {
	font-size: 30px;
	color: #000;
	margin-bottom: 5px;
	font-weight: 600;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}


.plan_detail_ds1 .plan_areas .plan_card {
	background: url(https://www.saareymusic.com/assets/user_login/img/plan_img1.png);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 0;
	margin-top: 58px;
}
.plan_detail_ds1 .plan_areas .plan_head {
	padding: 20px;
	position: relative;
	padding-right: 120px;
}
.plan_detail_ds1 .plan_areas .plan_head h1 {
	margin: 0;
	padding: 0;
	font-size: 24px;
}
.plan_detail_ds1 .plan_areas .plan_head h3 {
	margin: 0;
	padding-left: 30px;
	border: none;
	padding-bottom: 0;
	font-size: 22px;
}
.plan_detail_ds1 .plan_areas .plan_head h3 .top_pkr {
	font-size: 14px;
	top: 8px;
}
.plan_detail_ds1 .plan_areas .plan_head h3 .bottom_per {
	font-size: 14px;
	margin-left: 0;
}

.plan_detail_ds1 .plan_areas .plan_head .btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	background: rgba(255, 255, 255, 0.25);
	border-radius: 45px;
	border: none;
	filter: inherit;
	box-shadow: inset 0 1px 0px #fff;
}
.plan_detail_ds1 .parts_data_sec {
	background: #F1F3F6;
	box-shadow: -5px -5px 10px #FFFFFF, 5px 5px 10px rgba(55, 84, 170, 0.1);
	border-radius: 18px;
	
	padding: 0;
}
.plan_detail_ds1 .parts_data_sec a {
	padding: 20px;
	padding-left: 20px;
	padding-left: 95px;
	min-height: 102px;
	display: inline-block;
	width: 100%;
	position: relative;
	padding-right: 50px;
}
.plan_detail_ds1 .parts_data_sec .ion_card {
	position: absolute;
	padding: 0;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	top: 20px;
	left: 20px;
	background: rgba(62, 131, 156, 0.1);
	/* line-height: 70px; */
	text-align: center;

}
.plan_detail_ds1 .parts_data_sec .ion_card img {
	width: 60px;
	height: 100%;
	max-width: 100%;
	object-fit: contain;
}
.plan_detail_ds1 .parts_data_sec h3 {
	color: #000;
	font-size: 20px !important;
	margin-bottom: 5px;
	margin-top: 8px;
}
.plan_detail_ds1 .parts_data_sec p {
	color: #8E9092;
	font-size: 17px !important;
	margin-bottom: 0;
}
.plan_detail_ds1 a {
	filter: inherit !important;
}
.plan_detail_ds2 .sr-main {
	width: 100%;
	padding: 0;
	max-width: 450px;
}
.plan_detail_ds2 .sr-main .parts_data_sec {
	padding: 0;
	box-shadow: 0px 4px 15px rgba(2,172,14,0.1);
	margin-bottom: 25px;
	background: linear-gradient(101.64deg, #649EB4 28.61%, #4F92AD 73.55%);
	border-radius: 20px;
}
.plan_detail_ds2 .sr-main .coupon_form {
	background: #f1f3f6;
	border-radius: 19px 19px 0 25px;
	margin-bottom: 20px;
	padding: 20px;
	padding-left: 95px;
	position: relative;
	min-height: 102px;
	top: -1px;
}
.plan_detail_ds2 .sr-main .coupon_form .ion_card {
	position: absolute;
	padding: 10px;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	top: 20px;
	left: 20px;
	background: rgba(62, 131, 156, 0.1);
	/* line-height: 70px; */
	text-align: center;
}
.plan_detail_ds2 .sr-main .coupon_form .ion_card img {
	width: 35px;
	height: 100%;
	max-width: 100%;
	object-fit: contain;
}
.plan_detail_ds2 .sr-main .coupon_form .coupan_code_set {
	border: none !important;
	background: transparent;
	font-size: 18px;
	color: #000;
	box-shadow: none !important;
	border-bottom: 2px solid #C4C4C4 !important;
	border-radius: 0;
	padding-right: 65px;
	padding-left: 0;
}
.plan_detail_ds2 .sr-main .coupon_form .btn {
	position: absolute;
	right: 20px;
	background: linear-gradient(0deg, #02AC0E 0%, #FFFFFF 190%);
	width: auto;
	height: auto;
	margin: 0;
	border-radius: 40px;
	border: none !important;
	box-shadow: none !important;
	top: 50%;
	transform: translateY(-50%);
	margin-top: -2px;
	color: #fff !important;
	z-index: 99;
}
.plan_detail_ds2 .right_6_sec {
	padding: 20px;
	padding-top: 0;
}
.plan_detail_ds2 .right_6_sec p {
	margin-bottom: 10px;
	font-size: 13px;
}
.plan_detail_ds2 .order-amount {
	font-weight: normal;
	font-size: 21px;
	border-bottom: 2px #C4C4C4 dashed;
	margin-bottom: 10px !important;
	padding-bottom: 5px;
	color: #333;
}
.plan_detail_ds2 .order-amount .uuu_sf {
	float: right;
	color: #333;
}
.plan_detail_ds2 .order-amount .uuu_sf .data_valuess.pr_convert_usd  {
	color: #000;
	font-weight: 900;
}
.plan_detail_ds2 .add_process_access button {
	background: linear-gradient(0deg, #02AC0E 0%, #FFFFFF 190%);
	color: #fff;
	font-size: 16px;
	width: 100%;
	border-radius: 10px;
	padding: 12px 15px;
	border: none !important;
	box-shadow: none !important;
}
.plan_detail_ds2 .add_process_access button img {
	width: 20px;
	margin-right: 5px;
}
.plan_detail_ds3 #submit{
	background: linear-gradient(0deg, #02AC0E 0%, #FFFFFF 190%);
	color: #fff;
	font-size: 16px;
	width: 100%;
	border-radius: 10px;
	padding: 12px 15px;
	border: none !important;
	box-shadow: none !important;
}
.plan_detail_ds3 .laple_us {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}
.plan_detail_ds3 .laple_us .btn {
	width: 30px;
	height: 30px;
	padding: 0;
	border-radius: 100%;
	border: none !important;
	background: rgba(169, 170, 172, 0.35) !important;
	box-shadow: none !important;
	text-align: center;
}
.card_imgg2 {
	margin-bottom: 20px;
	max-width: 380px;
	margin-left: auto;
	margin-right: auto;
}
.card_imgg2 img {
	max-width: 100%;
}
.plan_detail_ds2 .sr-root {
	padding-top: 0;
}
.plan_detail_ds2 .sr-root .sr-header {
	margin-bottom: 0;
	text-align: center;
}
.plan_detail_ds2 .sr-root .sr-header .logo.logo-deezer-black {
	width: 240px;
	height: 32px;
}

.plan_detail_ds2 .coupon_response {
	padding: 0 20px;
	margin-bottom: 15px;
}
.plan_detail_ds2 .coupon_response .set_resp_inner {
	background: rgba(250,250,250,0.9);
}
.plan_detail_ds2 .coupon_response .set_resp_inner p {
	font-weight: normal;
	font-size: 14px;
	margin-bottom: 5px;
}

.plan_detail_ds2 .order-discount {
	font-size: 15px;
	margin-bottom: 5px;
}
.plan_detail_ds2 .order-discount .ushhh3 {
	float: right;
}

.plan_detail_ds3 {
	background: #F1F3F6;
	box-shadow: -5px -5px 10px #FFFFFF, 5px 5px 10px rgba(55, 84, 170, 0.1);
	margin-top: 30px;
	padding: 20px;
	border-radius: 20px;
}
.plan_detail_ds3 .sr-form-row {
	margin-top: 0;
}
.arrow_ioc {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}
.arrow_ioc svg {
	color: #333;
	width: 22px;
	height: 22px;
}

.cutt_plant_28 .plan_detail_ds1 .plan_areas .plan_card{
	background: url(https://www.saareymusic.com/assets/user_login/img/plan_img6a.png);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 0;

}

.cutt_plant_29 .plan_detail_ds1 .plan_areas .plan_card{
	background: url(https://www.saareymusic.com/assets/user_login/img/plan_img7a.png);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 0;

}

.cutt_plant_28 .plan_detail_ds2 .sr-main .parts_data_sec{
	background: linear-gradient(338.14deg, #C23636 -4.78%, #F87540 97.86%);
}

.cutt_plant_28 .plan_detail_ds1 .parts_data_sec .ion_card,
.cutt_plant_29 .plan_detail_ds1 .parts_data_sec .ion_card

{
	background: rgba(210, 73, 57, 0.1);
}

.cutt_plant_28 .plan_detail_ds2 .sr-main .coupon_form .ion_card,
.cutt_plant_29 .plan_detail_ds2 .sr-main .coupon_form .ion_card

{
	background: rgba(210, 73, 57, 0.1);
}

.cutt_plant_29 .plan_detail_ds2 .sr-main .parts_data_sec{
	background: linear-gradient(171.54deg, #DE7F30 11.12%, #E4B5A2 139.99%);
}

.page-main[class*="cutt_plant"] {
	background: url(https://www.saareymusic.com/assets/user_login/img/plan_img8.png);
	min-height: calc(100vh - 75px);
	background-repeat: no-repeat;
	background-position: bottom center;
}

.card_imgg2 {
	display: none;
}
.laoder_opoe {
	position: absolute;
	z-index: 9;
	background: #fff;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: calc(100vh - 56px);
	text-align: center;
}
.mini_player_search .laoder_opoe{
	height: calc(100vh - 136px);
}
.laoder_opoe .icon_yys {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	font-size: 60px;
	color: #000;
}

.topbar-action.dropdown.open .dropdown-menu{
	z-index: 9999999999;
}
.tabel_viess .table > tbody > tr > td ul.dropdown-menu {
    left: auto;
    right: 0;
}
.tabel_viess .table > tbody > tr > td ul.dropdown-menu button {
    display: flex;
}
.tabel_viess .table > tbody > tr > td ul.dropdown-menu ._1FfV3 {
   width: 125px;
}
#member-detail .modal-header {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* color: #191919; */
	color: var(--text-primary);
	font-size: 25px;
	font-weight: 600;
	letter-spacing: normal;
	margin: 0 20px;
	padding: 8px 0 10px;
	text-align: left;
	font-family: "robotoB";
}
#modal_sharebox .share-content {
    padding: 20px 40px 20px 20px;
}
.a2a_default_style{
	float:right;
}
#member-detail .share_ttt {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 0 !important;
	margin-top: 10px;
}
.popper-headings h2 {
	font-size: 16px;
	font-weight: normal;
	color: #000;
	line-height: 12px;
}
.popper-headings {
	background: #f1f1f1;
	padding: 0;
}
.notificationList:hover {
	background-color: #f1f1f1;
}
#notificationsResponse {
	padding: 0;
	text-align: left;
}
.notificationList {
	border-bottom: 1px solid #f1f1f1;
	padding-bottom: 5px;
	padding: 10px 25px;
	cursor: pointer;
}
.notificationList h3 {
  font-size: 14px;
  font-family: 'robotoB';
  color: #000;
}
.notificationList p {
	font-size: 12px;
	color: #000;
	font-family: 'robotoR';
}

.notificationList:hover .notificationList p{
	color: #000;
}
.chat_dot {
	position: absolute;
	right: 5px;
	width: 8px;
	height: 8px;
	background: hsl(214.2, 88%, 51.2%);
	border-radius: 100%;
	top: 15px;
}

.inner_not {
	margin-bottom: 15px;
	display: inline-block;
	width: 100%;
}
.inner_not #dLabel {
	width: 30px;
	height: 30px;
	font-size: 18px;
	background: #fff;
	top: 7px;
	border-radius: 100%;
	color: #000;
	text-align: center;
	padding: 8px 0;
}
.inner_not #dLabel:hover {
	background: #f1f1f1;
}
.inner_not .dropdown-menu button {
	font-size: 14px;
	font-weight: normal;
	padding: 8px 15px;
	width: 100%;
	text-align: left;
	color: #000;
}
.inner_not .dropdown-menu button:hover {
	background: #f1f1f1;
}
.inner_not .dropdown-menu {
	min-width: 210px;
	padding: 5px;
}
.inner_not .dropdown {
	float: right;
}
.inner_not .dropdown-menu {
	left: auto;
	right: 0;
}

.popper-wrapper.topbar-action.dropdown .topbar-notification svg {
	width: 24px;
	height: 24px;
}
.popper-wrapper.topbar-action.dropdown .topbar-notification {
	padding: 0;
}
.popper-wrapper.topbar-action.dropdown .topbar-notification .e-badge {
	font-size: 13px;
	width: 16px;
	height: 16px;
	top: 0;
}
.us_senter_not {
	/* max-width: 550px; */
	margin: 0 auto;
	padding: 15px;
	box-shadow: 3px 4px 10px rgba(0,0,0,0.1);
	border-radius: 10px;
}
.nott h2 {
	font-size: 24px;
	font-weight: 600;
	margin: 0;
	color: #000;
}
.nott {
	float: left;
}
.player-full .discover_more .channel-section.slider-set{
	margin:40px 0px;
}
.play-ertoplogo img{
	width:200px;
}

.us_hedadd {
    display: inline-block;
    width: 70%;
    padding: 5px 20px;
	padding-right:0
}

.copy_link {
	display: inline-block;
	position: relative;
    transition: 0.6s all ease-in-out;
}

.copy_link:before {
	content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 70%);
	opacity: 0;
	visibility: hidden;
	transition: 0.3s all ease-out;
}

.copy_link:hover:before {
	opacity: 1;
	visibility: visible;
}

.copy_res {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 50%);
    font-size: 14px;
    font-weight: 500;
    color: #008031;
    opacity: 0;
    visibility: hidden;
	transition: 0.2s all ease-in;
	text-transform: uppercase;
}

.copy_link:hover .copy_res {
	transform: translate(-50%, -50%);
	visibility: visible;
	opacity: 1;
}

.copy_link_wrapper.share_wrapper .copy_link {
	border: 1px solid #0000001f;
    border-radius: 5px;
    padding: 5px;
    background: #f0f0f0;
    margin-top: 12px;
    width: 100%;
}


@media only screen and (max-width: 992px) {
	.us_hedadd {
		width: calc(100% - 16rem);
	}
}

@media only screen and (max-width: 767px) {
	.us_hedadd {
		width: 100%;
		padding: 5px 0;
	}
}

#mypending {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
}

#mypending .modal-dialog {
    top: 50%;
	left: 50%;
    transform: translate(-50%, -70%);
}

#mypending .modal-header .close {
    margin-top: -20px;
    opacity: 1;
}

/*.container-wrap .gift_list > p {
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
*/
#mypending .modal-header h4 {
    font-size: 42px;
    text-transform: capitalize;
}

#mypending .modal-body p {
    text-align: center;
    font-size: 14px;
    color: #c4c4c4;
}

#mypending .modal-footer {
	text-align: center;
    margin-top: 30px;
}

#mypending .modal-footer button {
    width: 50%;
    background-color: #000;
    height: 50px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border: none;
}
.recording_year
{
  font-size: 12px;
  font-weight: normal;
}
.page-player .svg-icon-group-btn{
	font-size: 25px!important;
}
.page-player .show-full .queuelist-cover-title.set_otherif_title {
    display: flex!important;
    justify-content: space-between;
    text-align: left;
}
.page-player .song-meta-data{
	text-align: left!important;
}
.extra_removess span.queuelist-cover-title.vilambit_verse {
    display: block!important;
        text-align: left!important;
}


div#progress-container {
	width: 90%!important;
    margin: 0 auto!important;
	float: none!important;
    position: relative;
    height: 20px;
    cursor: pointer;
}
.page-player .player-track .track-seekbar .slider-counter-max {
    padding: 0px!important;
    right: 0px!important;
    left: auto!important;
}
.mini_player_search .page-player .player-track .track-seekbar .slider-counter-max {
    padding: 0px!important;
    right: -25px!important;
    left: auto!important;
}