@charset "UTF-8";
@font-face {
  font-family: 'futurabook';
  src: url("../fonts/futura-book.woff2") format("woff2"), url("../fonts/futura-book.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'futurademi';
  src: url("../fonts/futura-demi.woff2") format("woff2"), url("../fonts/futura-demi.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'futurabold';
  src: url("../fonts/futura-bold.woff2") format("woff2"), url("../fonts/futura-bold.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'jamendo-all-icons';
  src: url("../fonts/jamendo-all-icons.woff2?version=10170") format("woff2"), url("../fonts/jamendo-all-icons.woff?version=10170") format("woff"); }

/* normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

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

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

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

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

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

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

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

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

figure {
  margin: 1em 40px; }

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

pre {
  overflow: auto; }

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

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

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

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

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

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

input {
  line-height: normal; }

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

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

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

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

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

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

html {
  box-sizing: border-box; }

*,
*::before,
*::after {
  box-sizing: inherit; }

@-moz-viewport {
  width: device-width; }

@-ms-viewport {
  width: device-width; }

@-o-viewport {
  width: device-width; }

@-webkit-viewport {
  width: device-width; }

@viewport {
  width: device-width; }

html {
  font-size: 16px;
  -webkit-tap-highlight-color: transparent;
  font-family: "futurabook", Arial, sans-serif; }

body {
  font-size: 1rem;
  font-weight: initial;
  line-height: 1.5;
  color: #646464;
  background-color: #FFFFFF; }

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

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  font-size: 1rem;
  font-weight: initial; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: initial; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

a {
  color: #337ab7;
  text-decoration: underline; }
  a:focus, a:hover {
    color: #23527c;
    text-decoration: underline; }
  a:focus {
    outline: thin dotted;
    outline: none; }

pre {
  margin-top: 0;
  margin-bottom: 1rem; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle; }

[role="button"] {
  cursor: pointer; }

a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
      touch-action: manipulation; }

table {
  background-color: transparent; }

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
  caption-side: bottom; }

th {
  text-align: left; }

label {
  display: inline-block;
  margin-bottom: .5rem; }

button:focus {
  outline: none; }

input,
button,
select,
textarea {
  margin: 0;
  line-height: inherit;
  border-radius: 0; }

textarea {
  resize: vertical; }

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

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit; }

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

output {
  display: inline-block; }

[hidden] {
  display: none !important; }

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  background: none;
  border: 0;
  color: inherit;
  /* cursor: default; */
  font: inherit;
  overflow: visible;
  padding: 0;
  -webkit-appearance: button;
  /* for input */
  -webkit-user-select: none;
  /* for button */
  -moz-user-select: none;
  -ms-user-select: none; }

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

[role="button"] {
  color: inherit;
  cursor: pointer;
  white-space: pre;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset !important; }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 12px;
  padding-right: 12px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 744px; } }
  @media (min-width: 992px) {
    .container {
      width: 964px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1164px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 12px;
  padding-right: 12px; }
  .container-fluid:before, .container-fluid:after {
    content: " ";
    display: table; }
  .container-fluid:after {
    clear: both; }

.row {
  margin-left: -12px;
  margin-right: -12px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.33333%; }
  .col-sm-2 {
    width: 16.66667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.33333%; }
  .col-sm-5 {
    width: 41.66667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.33333%; }
  .col-sm-8 {
    width: 66.66667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.33333%; }
  .col-sm-11 {
    width: 91.66667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.33333%; }
  .col-sm-pull-2 {
    right: 16.66667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.33333%; }
  .col-sm-pull-5 {
    right: 41.66667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.33333%; }
  .col-sm-pull-8 {
    right: 66.66667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.33333%; }
  .col-sm-pull-11 {
    right: 91.66667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.33333%; }
  .col-sm-push-2 {
    left: 16.66667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.33333%; }
  .col-sm-push-5 {
    left: 41.66667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.33333%; }
  .col-sm-push-8 {
    left: 66.66667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.33333%; }
  .col-sm-push-11 {
    left: 91.66667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1 {
    width: 8.33333%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.33333%; }
  .col-md-pull-2 {
    right: 16.66667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.33333%; }
  .col-md-pull-5 {
    right: 41.66667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.33333%; }
  .col-md-pull-8 {
    right: 66.66667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.33333%; }
  .col-md-pull-11 {
    right: 91.66667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.33333%; }
  .col-md-push-2 {
    left: 16.66667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.33333%; }
  .col-md-push-5 {
    left: 41.66667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.33333%; }
  .col-md-push-8 {
    left: 66.66667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.33333%; }
  .col-md-push-11 {
    left: 91.66667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.33333%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.33333%; }
  .col-lg-pull-2 {
    right: 16.66667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.33333%; }
  .col-lg-pull-5 {
    right: 41.66667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.33333%; }
  .col-lg-pull-8 {
    right: 66.66667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.33333%; }
  .col-lg-pull-11 {
    right: 91.66667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.33333%; }
  .col-lg-push-2 {
    left: 16.66667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.33333%; }
  .col-lg-push-5 {
    left: 41.66667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.33333%; }
  .col-lg-push-8 {
    left: 66.66667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.33333%; }
  .col-lg-push-11 {
    left: 91.66667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

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

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold; }

input[type="search"] {
  box-sizing: border-box; }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal; }

input[type="file"] {
  display: block; }

input[type="range"] {
  display: block;
  width: 100%; }

select[multiple],
select[size] {
  height: auto; }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555; }

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  .form-control::-moz-placeholder {
    color: #999;
    opacity: 1; }
  .form-control:-ms-input-placeholder {
    color: #999; }
  .form-control::-webkit-input-placeholder {
    color: #999; }
  .form-control::-ms-expand {
    border: 0;
    background-color: transparent; }
  .form-control[disabled], .form-control[readonly],
  fieldset[disabled] .form-control {
    background-color: #eeeeee;
    opacity: 1; }
  .form-control[disabled],
  fieldset[disabled] .form-control {
    cursor: not-allowed; }

textarea.form-control {
  height: auto; }

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

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px; }
  input[type="date"].input-sm,
  .input-group-sm input[type="date"],
  input[type="time"].input-sm,
  .input-group-sm
  input[type="time"],
  input[type="datetime-local"].input-sm,
  .input-group-sm
  input[type="datetime-local"],
  input[type="month"].input-sm,
  .input-group-sm
  input[type="month"] {
    line-height: 30px; }
  input[type="date"].input-lg,
  .input-group-lg input[type="date"],
  input[type="time"].input-lg,
  .input-group-lg
  input[type="time"],
  input[type="datetime-local"].input-lg,
  .input-group-lg
  input[type="datetime-local"],
  input[type="month"].input-lg,
  .input-group-lg
  input[type="month"] {
    line-height: 46px; } }

.form-group {
  margin-bottom: 15px; }

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px; }
  .radio label,
  .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9; }

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px; }

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer; }

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px; }

input[type="radio"][disabled], input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled]
input[type="checkbox"] {
  cursor: not-allowed; }

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled]
.checkbox-inline {
  cursor: not-allowed; }

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled]
.checkbox label {
  cursor: not-allowed; }

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px; }
  .form-control-static.input-lg, .form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0; }

.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

select.input-sm {
  height: 30px;
  line-height: 30px; }

textarea.input-sm,
select[multiple].input-sm {
  height: auto; }

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px; }

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto; }

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5; }

.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

select.input-lg {
  height: 46px;
  line-height: 46px; }

textarea.input-lg,
select[multiple].input-lg {
  height: auto; }

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px; }

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto; }

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.33333; }

.has-feedback {
  position: relative; }
  .has-feedback .form-control {
    padding-right: 42.5px; }

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

.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px; }

.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px; }

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d; }

.has-success .form-control {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-success .form-control:focus {
    border-color: #2b542c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8; }

.has-success .form-control-feedback {
  color: #3c763d; }

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b; }

.has-warning .form-control {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-warning .form-control:focus {
    border-color: #66512c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3; }

.has-warning .form-control-feedback {
  color: #8a6d3b; }

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442; }

.has-error .form-control {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-error .form-control:focus {
    border-color: #843534;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }

.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede; }

.has-error .form-control-feedback {
  color: #a94442; }

.has-feedback label ~ .form-control-feedback {
  top: 25px; }

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0; }

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373; }

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .form-control-static {
    display: inline-block; }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle; }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
      width: auto; }
  .form-inline .input-group > .form-control {
    width: 100%; }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
    .form-inline .radio label,
    .form-inline .checkbox label {
      padding-left: 0; }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback {
    top: 0; } }

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px; }

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px; }

.form-horizontal .form-group {
  margin-left: -12px;
  margin-right: -12px; }
  .form-horizontal .form-group:before, .form-horizontal .form-group:after {
    content: " ";
    display: table; }
  .form-horizontal .form-group:after {
    clear: both; }

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px; } }

.form-horizontal .has-feedback .form-control-feedback {
  right: 12px; }

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px; } }

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px; } }

.modal-open {
  overflow: hidden; }

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0; }
  .modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out; }
  .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0); }
  .modal-backdrop.in {
    opacity: 0.7;
    filter: alpha(opacity=70); }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5; }
  .modal-header:before, .modal-header:after {
    content: " ";
    display: table; }
  .modal-header:after {
    clear: both; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.42857; }

.modal-body {
  position: relative;
  padding: 15px; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }
  .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table; }
  .modal-footer:after {
    clear: both; }
  .modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0; }
  .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-footer .btn-block + .btn-block {
    margin-left: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 768px) {
  .modal-dialog {
    width: 640px;
    margin: 30px auto; }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm {
    width: 300px; }
  .modal-full {
    width: 96%; }
  .modal-500 {
    width: 500px; } }

@media (min-width: 992px) {
  .modal-m {
    width: 700px; } }

@media (min-width: 992px) {
  .modal-lg {
    width: 900px; } }

@media (min-width: 992px) {
  .modal-full {
    width: 96%; } }

@media screen and (max-width: 768px) {
  .modal-responsive {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    min-height: 100%;
    min-width: 100%;
    margin: 0; } }

.modal-50-to-fullMobile {
  width: 75%;
  height: 75%; }
  .modal-50-to-fullMobile .modal-content {
    height: 100%; }

@media screen and (max-width: 768px) {
  .modal-50-to-fullMobile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0; }
    .modal-50-to-fullMobile .modal-content {
      height: 100%; } }

@-ms-viewport {
  width: device-width; }

.visible-xs {
  display: none !important; }

.visible-sm {
  display: none !important; }

.visible-md {
  display: none !important; }

.visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table !important; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table !important; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table !important; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table !important; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }

.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table !important; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }

.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

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

.clearfix:after {
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important; }

.affix {
  position: fixed; }

.row.vspace > [class*="col-"] {
  margin: 12px 0;
  margin: 0.75rem 0; }

.container.right {
  text-align: right; }
  .container.right.informational {
    margin-left: -0.75rem; }

.container.center {
  text-align: center; }

.container.vspace {
  margin-top: 0.5rem;
  margin-bottom: 2.5rem; }
  @media only screen and (max-width: 1200px) {
    .container.vspace {
      margin-top: -1rem; } }

.container .section.container {
  padding: 0; }

.container-1024 {
  width: 1024px;
  padding: 0;
  margin: 0 auto; }
  @media only screen and (max-width: 1110px) {
    .container-1024 {
      width: 100%;
      padding: 30px; } }
  @media only screen and (max-width: 480px) {
    .container-1024 {
      padding: 15px; } }
  @media only screen and (max-width: 350px) {
    .container-1024 {
      padding: 0; } }

.container.max-width {
  width: auto;
  margin: 16px 24px;
  margin: 1rem 1.5rem;
  padding: 0; }
  .container.max-width .client-space-heading {
    display: none; }
    @media only screen and (max-width: 1110px) {
      .container.max-width .client-space-heading {
        display: block;
        margin: 32px 0 16px 0;
        margin: 2rem 0 1rem 0; } }
    .container.max-width .client-space-heading.visible {
      display: block; }
  .container.max-width .container-fluid {
    padding: 0;
    margin-left: -12px;
    margin-right: -12px; }
    .container.max-width .container-fluid .row {
      margin-left: 0;
      margin-right: 0; }
  .container.max-width.section-promote {
    padding: 2rem; }
  .container.max-width[account-pages] {
    margin-top: 2.5rem;
    min-height: 312px;
    width: 100%; }
    .container.max-width[account-pages] .page-name {
      color: black;
      font-size: 25px;
      padding: 0 10px; }

.align-right {
  text-align: right; }

.align-center {
  text-align: center; }

@media only screen and (min-width: 992px) {
  .col-md-offset-1-less {
    margin-left: 3.33333%;
    width: 46.66667%; } }

.row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%; }

.col-height {
  display: table-cell;
  float: none;
  height: 100%; }

.col-top {
  vertical-align: top; }

.col-middle {
  vertical-align: middle; }

.col-bottom {
  vertical-align: bottom; }

@media (min-width: 480px) {
  .row-xs-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%; }
  .col-xs-height {
    display: table-cell;
    float: none;
    height: 100%; }
  .col-xs-top {
    vertical-align: top; }
  .col-xs-middle {
    vertical-align: middle; }
  .col-xs-bottom {
    vertical-align: bottom; } }

@media (min-width: 768px) {
  .row-sm-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%; }
  .col-sm-height {
    display: table-cell;
    float: none;
    height: 100%; }
  .col-sm-top {
    vertical-align: top; }
  .col-sm-middle {
    vertical-align: middle; }
  .col-sm-bottom {
    vertical-align: bottom; } }

@media (min-width: 992px) {
  .row-md-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%; }
  .col-md-height {
    display: table-cell;
    float: none;
    height: 100%; }
  .col-md-top {
    vertical-align: top; }
  .col-md-middle {
    vertical-align: middle; }
  .col-md-bottom {
    vertical-align: bottom; } }

@media (min-width: 1200px) {
  .row-lg-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%; }
  .col-lg-height {
    display: table-cell;
    float: none;
    height: 100%; }
  .col-lg-top {
    vertical-align: top; }
  .col-lg-middle {
    vertical-align: middle; }
  .col-lg-bottom {
    vertical-align: bottom; } }

.modal {
  z-index: 800; }

.modal-backdrop {
  z-index: 600; }

body.has-player .playlist-pane {
  bottom: 80px; }
  body.has-player .playlist-pane.is-opened {
    border-bottom: 1px solid black; }
  @media screen and (max-width: 992px) {
    body.has-player .playlist-pane {
      bottom: 66px; } }

[component-disabled] {
  cursor: not-allowed !important; }
  [component-disabled] > * {
    -webkit-filter: grayscale(1) !important;
            filter: grayscale(1) !important;
    opacity: .4 !important;
    cursor: not-allowed !important;
    pointer-events: none !important; }
    [component-disabled] > * > *, [component-disabled] > * > * > * {
      cursor: not-allowed !important;
      pointer-events: none !important; }

[center] {
  margin: 0 auto; }

[center-important] {
  margin: 0 auto !important; }

[float-right] {
  float: right; }

[float-clear] {
  clear: both; }

[absolute] {
  position: absolute !important; }

[absolute-top-right] {
  position: absolute !important;
  top: 0;
  right: 0; }

[overflow-allowed] {
  overflow: visible !important; }

[z-700] {
  z-index: 700 !important; }

[z-600] {
  z-index: 600 !important; }

[z-410] {
  z-index: 410 !important; }

[block] {
  display: block !important; }

[no-display] {
  display: none !important; }

[relative-position] {
  position: relative; }

[flex-raw-space-between] {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-flow: row;
      flex-flow: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  [flex-raw-space-between][wrap] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  [flex-raw-space-between][start] {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }

[flex-raw-start] {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-flow: row;
      flex-flow: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  [flex-raw-start][wrap] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

[flex-raw-center] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  [flex-raw-center][start] {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  [flex-raw-center][wrap] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

[flex-raw-end] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

[flex-column-start] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

[flex-column-center] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

[data-flex^="flexOrder"][data-flex*="1"] {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1; }

[data-flex^="flexOrder"][data-flex*="2"] {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2; }

[data-flex^="flexOrder"][data-flex*="3"] {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3; }

[data-flex^="flexOrder"][data-flex*="4"] {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4; }

[data-flex^="flexOrder"][data-flex*="5"] {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5; }

[data-flex^="flexOrder"][data-flex*="6"] {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6; }

[img-contain] {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: transparent;
  height: 100%;
  width: 100%; }

[not-visible] {
  visibility: hidden !important; }

[w-50] {
  width: 50%; }

[w-100] {
  width: 100% !important; }

[size^="w"][size*="-50%"] {
  width: 50%; }

[size^="w"][size*="-100%"] {
  width: 100%; }

[margin^="top"][margin*="-24"] {
  margin-top: 24px; }

[no-padding] {
  padding: 0 !important; }

[no-left-pad] {
  padding-left: 0 !important; }

[no-right-pad] {
  padding-right: 0 !important; }

[no-padding-top] {
  padding-top: 0 !important; }

[padding-top-8] {
  padding-top: 8px !important; }

[color-primary] {
  background-color: #67b7bf !important; }

[color-primary-saturated] {
  background-color: #4bd2e2 !important; }

[yellow-spreaker] {
  background-color: #ffc107 !important; }

[whitesmoke] {
  background-color: whitesmoke !important; }

[color-text-primary-saturated] {
  color: #4bd2e2 !important; }

[color-text-medium-gray] {
  color: #646464 !important; }

[color-black] {
  color: #000000 !important; }

[text-center] {
  text-align: center; }

[text-left] {
  text-align: left; }

[uppercase] {
  text-transform: uppercase; }

[no-border] {
  border: none !important; }

[size-13] {
  font-size: 13px !important; }

[size-14] {
  font-size: 14px !important; }

[size-15] {
  font-size: 15px !important; }

[size-16] {
  font-size: 16px !important; }

[size-17] {
  font-size: 17px !important; }

[size-22] {
  font-size: 22px; }

[size-28] {
  font-size: 28px !important; }

[size-32] {
  font-size: 32px !important; }

[size-44] {
  font-size: 44px !important; }

[italic] {
  font-style: italic !important; }

[normal] {
  font-family: "futurabook", Arial, sans-serif; }

[demi] {
  font-family: "futurademi", Arial, sans-serif; }

[bold] {
  font-family: "futurabold", Arial, sans-serif; }

[h-auto] {
  height: auto !important; }

[h-240] {
  height: 240px !important; }

[width-auto] {
  width: auto !important; }

[width-80] {
  width: 80% !important; }

[list-disc-outside] {
  list-style-type: disc !important;
  list-style-position: outside !important;
  padding-left: 1.25rem !important; }
  [list-disc-outside] li {
    display: list-item !important; }

[display^="flex"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  [display^="flex"][display*="row"] {
    -ms-flex-flow: row;
        flex-flow: row; }
  [display^="flex"][display*="row-reverse"] {
    -ms-flex-flow: row-reverse;
        flex-flow: row-reverse; }
  [display^="flex"][display*="column"] {
    -ms-flex-flow: column;
        flex-flow: column; }
  [display^="flex"][display*="column-reverse"] {
    -ms-flex-flow: column-reverse;
        flex-flow: column-reverse; }
  [display^="flex"][display*="align-center"] {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  [display^="flex"][display*="align-start"] {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  [display^="flex"][display*="align-end"] {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  [display^="flex"][display*="align-baseline"] {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
  [display^="flex"][display*="justify-center"] {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  [display^="flex"][display*="justify-between"] {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  [display^="flex"][display*="justify-around"] {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  [display^="flex"][display*="justify-end"] {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  [display^="flex"][display*="justify-start"] {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  [display^="flex"][display*="space-evenly"] {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly; }
  [display^="flex"][display*="wrap"] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  [display^="flex"][display*="nowrap"] {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }

[display*="grow-1"] {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

[display*="grow-1-desktop"] {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  @media only screen and (max-width: 1110px) {
    [display*="grow-1-desktop"] {
      -webkit-box-flex: initial;
          -ms-flex-positive: initial;
              flex-grow: initial; } }

[display*="align-self-start"] {
  -ms-flex-item-align: start;
      align-self: flex-start; }

[display*="align-self-center"] {
  -ms-flex-item-align: center;
      align-self: center; }

[display*="align-self-end"] {
  -ms-flex-item-align: end;
      align-self: flex-end; }

[display^="block"] {
  display: block; }

[display^="inline"] {
  display: inline; }

[display^="inline-block"] {
  display: inline-block; }

[display^="table"] {
  display: table; }

[display^="none"] {
  display: none; }

[display*="overflow-hidden"] {
  overflow: hidden; }

[display*="overflow-visible"] {
  overflow: hidden; }

[text~="ellipsis"] {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

[text~="nowrap"] {
  white-space: nowrap; }

[text~="wrap"] {
  white-space: normal; }

[text~="capitalize"] {
  text-transform: capitalize; }

[text~="uppercase"] {
  text-transform: uppercase; }

[text~="capitalize-first-letter"] {
  display: block; }
  [text~="capitalize-first-letter"]::first-letter {
    text-transform: capitalize; }

[text~="lowercase"] {
  text-transform: lowercase; }

[text~="initial"] {
  text-transform: initial; }

[text~="left"] {
  text-align: left; }

[text~="center"] {
  text-align: center; }

[text~="right"] {
  text-align: right; }

[text~="justify"] {
  text-align: justify; }

[text~="underline"] {
  text-decoration: underline; }
  [text~="underline"]:hover {
    text-decoration: underline; }

[text~="no-deco"] {
  text-decoration: none; }

[text~="line-h-1"] {
  line-height: 1; }

[text~="line-h-1-2"] {
  line-height: 1.2; }

[text~="line-h-1-3"] {
  line-height: 1.3; }

[text~="line-h-1-4"] {
  line-height: 1.4; }

[text~="line-h-1-5"] {
  line-height: 1.5; }

[text~="line-h-1-6"] {
  line-height: 1.6; }

[text~="letter-spacing-1"] {
  letter-spacing: 1px; }

[font~="normal"] {
  font-family: "futurabook", Arial, sans-serif; }

[font~="demi"] {
  font-family: "futurademi", Arial, sans-serif; }

[font~="bold"] {
  font-family: "futurabold", Arial, sans-serif; }

[font~="w-initial"] {
  font-weight: initial; }

[font~="w-400"] {
  font-weight: 400; }

[font~="w-600"] {
  font-weight: 600; }

[font~="size-6"] {
  font-size: 6px; }

[font~="size-7"] {
  font-size: 7px; }

[font~="size-8"] {
  font-size: 8px; }

[font~="size-9"] {
  font-size: 9px; }

[font~="size-10"] {
  font-size: 10px; }

[font~="size-11"] {
  font-size: 11px; }

[font~="size-12"] {
  font-size: 12px; }

[font~="size-13"] {
  font-size: 13px; }

[font~="size-14"] {
  font-size: 14px; }

[font~="size-15"] {
  font-size: 15px; }

[font~="size-16"] {
  font-size: 16px; }

[font~="size-17"] {
  font-size: 17px; }

[font~="size-18"] {
  font-size: 18px; }

[font~="size-19"] {
  font-size: 19px; }

[font~="size-20"] {
  font-size: 20px; }

[font~="size-21"] {
  font-size: 21px; }

[font~="size-22"] {
  font-size: 22px; }

[font~="size-23"] {
  font-size: 23px; }

[font~="size-24"] {
  font-size: 24px; }

[font~="size-25"] {
  font-size: 25px; }

[font~="size-26"] {
  font-size: 26px; }

[font~="size-27"] {
  font-size: 27px; }

[font~="size-28"] {
  font-size: 28px; }

[font~="size-29"] {
  font-size: 29px; }

[font~="size-30"] {
  font-size: 30px; }

[font~="size-32"] {
  font-size: 32px; }

[font~="size-34"] {
  font-size: 34px; }

[font~="size-36"] {
  font-size: 36px; }

[font~="size-38"] {
  font-size: 38px; }

[font~="size-40"] {
  font-size: 40px; }

[font~="size-80"] {
  font-size: 80px; }

[size~="w-0"] {
  width: 0px; }

[size~="w-1"] {
  width: 1px; }

[size~="w-2"] {
  width: 2px; }

[size~="w-3"] {
  width: 3px; }

[size~="w-4"] {
  width: 4px; }

[size~="w-5"] {
  width: 5px; }

[size~="w-6"] {
  width: 6px; }

[size~="w-7"] {
  width: 7px; }

[size~="w-8"] {
  width: 8px; }

[size~="w-9"] {
  width: 9px; }

[size~="w-10"] {
  width: 10px; }

[size~="w-11"] {
  width: 11px; }

[size~="w-12"] {
  width: 12px; }

[size~="w-13"] {
  width: 13px; }

[size~="w-14"] {
  width: 14px; }

[size~="w-15"] {
  width: 15px; }

[size~="w-16"] {
  width: 16px; }

[size~="w-17"] {
  width: 17px; }

[size~="w-18"] {
  width: 18px; }

[size~="w-19"] {
  width: 19px; }

[size~="w-20"] {
  width: 20px; }

[size~="w-21"] {
  width: 21px; }

[size~="w-22"] {
  width: 22px; }

[size~="w-23"] {
  width: 23px; }

[size~="w-24"] {
  width: 24px; }

[size~="w-25"] {
  width: 25px; }

[size~="w-26"] {
  width: 26px; }

[size~="w-27"] {
  width: 27px; }

[size~="w-28"] {
  width: 28px; }

[size~="w-29"] {
  width: 29px; }

[size~="w-30"] {
  width: 30px; }

[size~="w-32"] {
  width: 32px; }

[size~="w-40"] {
  width: 40px; }

[size~="w-46"] {
  width: 46px; }

[size~="w-135"] {
  width: 135px; }

[size~="w-145"] {
  width: 145px; }

[size~="w-180"] {
  width: 180px; }

[size~="w-220"] {
  width: 220px; }

[size~="w-270"] {
  width: 270px; }

[size~="w-354"] {
  width: 354px; }

[size~="w-650"] {
  width: 650px; }

[size~="w-5%"] {
  width: 5%; }

[size~="w-10%"] {
  width: 10%; }

[size~="w-15%"] {
  width: 15%; }

[size~="w-20%"] {
  width: 20%; }

[size~="w-25%"] {
  width: 25%; }

[size~="w-30%"] {
  width: 30%; }

[size~="w-35%"] {
  width: 35%; }

[size~="w-40%"] {
  width: 40%; }

[size~="w-45%"] {
  width: 45%; }

[size~="w-50%"] {
  width: 50%; }

[size~="w-55%"] {
  width: 55%; }

[size~="w-60%"] {
  width: 60%; }

[size~="w-65%"] {
  width: 65%; }

[size~="w-70%"] {
  width: 70%; }

[size~="w-75%"] {
  width: 75%; }

[size~="w-80%"] {
  width: 80%; }

[size~="w-85%"] {
  width: 85%; }

[size~="w-90%"] {
  width: 90%; }

[size~="w-95%"] {
  width: 95%; }

[size~="w-100%"] {
  width: 100%; }

[size~="h-0"] {
  height: 0px; }

[size~="h-1"] {
  height: 1px; }

[size~="h-2"] {
  height: 2px; }

[size~="h-3"] {
  height: 3px; }

[size~="h-4"] {
  height: 4px; }

[size~="h-5"] {
  height: 5px; }

[size~="h-6"] {
  height: 6px; }

[size~="h-7"] {
  height: 7px; }

[size~="h-8"] {
  height: 8px; }

[size~="h-9"] {
  height: 9px; }

[size~="h-10"] {
  height: 10px; }

[size~="h-11"] {
  height: 11px; }

[size~="h-12"] {
  height: 12px; }

[size~="h-13"] {
  height: 13px; }

[size~="h-14"] {
  height: 14px; }

[size~="h-15"] {
  height: 15px; }

[size~="h-16"] {
  height: 16px; }

[size~="h-17"] {
  height: 17px; }

[size~="h-18"] {
  height: 18px; }

[size~="h-19"] {
  height: 19px; }

[size~="h-20"] {
  height: 20px; }

[size~="h-21"] {
  height: 21px; }

[size~="h-22"] {
  height: 22px; }

[size~="h-23"] {
  height: 23px; }

[size~="h-24"] {
  height: 24px; }

[size~="h-25"] {
  height: 25px; }

[size~="h-26"] {
  height: 26px; }

[size~="h-27"] {
  height: 27px; }

[size~="h-28"] {
  height: 28px; }

[size~="h-29"] {
  height: 29px; }

[size~="h-30"] {
  height: 30px; }

[size~="h-32"] {
  height: 32px; }

[size~="h-40"] {
  height: 40px; }

[size~="h-46"] {
  height: 46px; }

[size~="h-50"] {
  height: 50px; }

[size~="h-400"] {
  height: 400px; }

[size~="h-580"] {
  height: 580px; }

[size~="h-1000"] {
  height: 1000px; }

[size~="h-5%"] {
  height: 5%; }

[size~="h-10%"] {
  height: 10%; }

[size~="h-15%"] {
  height: 15%; }

[size~="h-20%"] {
  height: 20%; }

[size~="h-25%"] {
  height: 25%; }

[size~="h-30%"] {
  height: 30%; }

[size~="h-35%"] {
  height: 35%; }

[size~="h-40%"] {
  height: 40%; }

[size~="h-45%"] {
  height: 45%; }

[size~="h-50%"] {
  height: 50%; }

[size~="h-55%"] {
  height: 55%; }

[size~="h-60%"] {
  height: 60%; }

[size~="h-65%"] {
  height: 65%; }

[size~="h-70%"] {
  height: 70%; }

[size~="h-75%"] {
  height: 75%; }

[size~="h-80%"] {
  height: 80%; }

[size~="h-85%"] {
  height: 85%; }

[size~="h-90%"] {
  height: 90%; }

[size~="h-95%"] {
  height: 95%; }

[size~="h-100%"] {
  height: 100%; }

[size~="h-max"] {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content; }

[size~="min-width-0"] {
  min-width: 0px; }

[size~="min-width-1"] {
  min-width: 1px; }

[size~="min-width-2"] {
  min-width: 2px; }

[size~="min-width-3"] {
  min-width: 3px; }

[size~="min-width-4"] {
  min-width: 4px; }

[size~="min-width-5"] {
  min-width: 5px; }

[size~="min-width-6"] {
  min-width: 6px; }

[size~="min-width-7"] {
  min-width: 7px; }

[size~="min-width-8"] {
  min-width: 8px; }

[size~="min-width-9"] {
  min-width: 9px; }

[size~="min-width-10"] {
  min-width: 10px; }

[size~="min-width-11"] {
  min-width: 11px; }

[size~="min-width-12"] {
  min-width: 12px; }

[size~="min-width-13"] {
  min-width: 13px; }

[size~="min-width-14"] {
  min-width: 14px; }

[size~="min-width-15"] {
  min-width: 15px; }

[size~="min-width-16"] {
  min-width: 16px; }

[size~="min-width-17"] {
  min-width: 17px; }

[size~="min-width-18"] {
  min-width: 18px; }

[size~="min-width-19"] {
  min-width: 19px; }

[size~="min-width-20"] {
  min-width: 20px; }

[size~="min-width-21"] {
  min-width: 21px; }

[size~="min-width-22"] {
  min-width: 22px; }

[size~="min-width-23"] {
  min-width: 23px; }

[size~="min-width-24"] {
  min-width: 24px; }

[size~="min-width-25"] {
  min-width: 25px; }

[size~="min-width-26"] {
  min-width: 26px; }

[size~="min-width-27"] {
  min-width: 27px; }

[size~="min-width-28"] {
  min-width: 28px; }

[size~="min-width-29"] {
  min-width: 29px; }

[size~="min-width-30"] {
  min-width: 30px; }

[size~="min-width-40"] {
  min-width: 40px; }

[size~="min-width-50"] {
  min-width: 50px; }

[size~="min-width-135"] {
  min-width: 135px; }

[size~="min-width-150"] {
  min-width: 150px; }

[size~="min-width-200"] {
  min-width: 200px; }

[size~="min-width-220"] {
  min-width: 220px; }

[size~="min-width-250"] {
  min-width: 250px; }

[size~="min-width-290"] {
  min-width: 290px; }

[size~="min-width-300"] {
  min-width: 300px; }

[size~="min-width-650"] {
  min-width: 650px; }

[size~="min-width-5%"] {
  min-width: 5%; }

[size~="min-width-10%"] {
  min-width: 10%; }

[size~="min-width-15%"] {
  min-width: 15%; }

[size~="min-width-20%"] {
  min-width: 20%; }

[size~="min-width-25%"] {
  min-width: 25%; }

[size~="min-width-30%"] {
  min-width: 30%; }

[size~="min-width-35%"] {
  min-width: 35%; }

[size~="min-width-40%"] {
  min-width: 40%; }

[size~="min-width-45%"] {
  min-width: 45%; }

[size~="min-width-50%"] {
  min-width: 50%; }

[size~="min-width-55%"] {
  min-width: 55%; }

[size~="min-width-60%"] {
  min-width: 60%; }

[size~="min-width-65%"] {
  min-width: 65%; }

[size~="min-width-70%"] {
  min-width: 70%; }

[size~="min-width-75%"] {
  min-width: 75%; }

[size~="min-width-80%"] {
  min-width: 80%; }

[size~="min-width-85%"] {
  min-width: 85%; }

[size~="min-width-90%"] {
  min-width: 90%; }

[size~="min-width-95%"] {
  min-width: 95%; }

[size~="min-width-100%"] {
  min-width: 100%; }

[size~="min-height-0"] {
  min-height: 0px; }

[size~="min-height-1"] {
  min-height: 1px; }

[size~="min-height-2"] {
  min-height: 2px; }

[size~="min-height-3"] {
  min-height: 3px; }

[size~="min-height-4"] {
  min-height: 4px; }

[size~="min-height-5"] {
  min-height: 5px; }

[size~="min-height-6"] {
  min-height: 6px; }

[size~="min-height-7"] {
  min-height: 7px; }

[size~="min-height-8"] {
  min-height: 8px; }

[size~="min-height-9"] {
  min-height: 9px; }

[size~="min-height-10"] {
  min-height: 10px; }

[size~="min-height-11"] {
  min-height: 11px; }

[size~="min-height-12"] {
  min-height: 12px; }

[size~="min-height-13"] {
  min-height: 13px; }

[size~="min-height-14"] {
  min-height: 14px; }

[size~="min-height-15"] {
  min-height: 15px; }

[size~="min-height-16"] {
  min-height: 16px; }

[size~="min-height-17"] {
  min-height: 17px; }

[size~="min-height-18"] {
  min-height: 18px; }

[size~="min-height-19"] {
  min-height: 19px; }

[size~="min-height-20"] {
  min-height: 20px; }

[size~="min-height-21"] {
  min-height: 21px; }

[size~="min-height-22"] {
  min-height: 22px; }

[size~="min-height-23"] {
  min-height: 23px; }

[size~="min-height-24"] {
  min-height: 24px; }

[size~="min-height-25"] {
  min-height: 25px; }

[size~="min-height-26"] {
  min-height: 26px; }

[size~="min-height-27"] {
  min-height: 27px; }

[size~="min-height-28"] {
  min-height: 28px; }

[size~="min-height-29"] {
  min-height: 29px; }

[size~="min-height-30"] {
  min-height: 30px; }

[size~="min-height-40"] {
  min-height: 40px; }

[size~="min-height-150"] {
  min-height: 150px; }

[size~="min-height-175"] {
  min-height: 175px; }

[size~="min-height-307"] {
  min-height: 307px; }

[size~="min-height-380"] {
  min-height: 380px; }

[size~="min-height-450"] {
  min-height: 450px; }

[size~="min-height-1000"] {
  min-height: 1000px; }

[size~="min-height-5%"] {
  min-height: 5%; }

[size~="min-height-10%"] {
  min-height: 10%; }

[size~="min-height-15%"] {
  min-height: 15%; }

[size~="min-height-20%"] {
  min-height: 20%; }

[size~="min-height-25%"] {
  min-height: 25%; }

[size~="min-height-30%"] {
  min-height: 30%; }

[size~="min-height-35%"] {
  min-height: 35%; }

[size~="min-height-40%"] {
  min-height: 40%; }

[size~="min-height-45%"] {
  min-height: 45%; }

[size~="min-height-50%"] {
  min-height: 50%; }

[size~="min-height-55%"] {
  min-height: 55%; }

[size~="min-height-60%"] {
  min-height: 60%; }

[size~="min-height-65%"] {
  min-height: 65%; }

[size~="min-height-70%"] {
  min-height: 70%; }

[size~="min-height-75%"] {
  min-height: 75%; }

[size~="min-height-80%"] {
  min-height: 80%; }

[size~="min-height-85%"] {
  min-height: 85%; }

[size~="min-height-90%"] {
  min-height: 90%; }

[size~="min-height-95%"] {
  min-height: 95%; }

[size~="min-height-100%"] {
  min-height: 100%; }

[size~="max-width-300"] {
  max-width: 300px; }

[size^="width"][size*="50%"] {
  width: 50%; }

[size^="width"][size*="100%"] {
  width: 100%; }

[size~="w-auto"] {
  width: auto; }

[size~="h-auto"] {
  height: auto; }

[margin^="auto"] {
  margin: 0 auto; }

[margin^="0"] {
  margin: 0px; }

[margin^="0-important"] {
  margin: 0px !important; }

[margin^="1"] {
  margin: 1px; }

[margin^="2"] {
  margin: 2px; }

[margin^="3"] {
  margin: 3px; }

[margin^="4"] {
  margin: 4px; }

[margin^="5"] {
  margin: 5px; }

[margin^="6"] {
  margin: 6px; }

[margin^="7"] {
  margin: 7px; }

[margin^="8"] {
  margin: 8px; }

[margin^="10"] {
  margin: 10px; }

[margin^="11"] {
  margin: 11px; }

[margin^="12"] {
  margin: 12px; }

[margin^="13"] {
  margin: 13px; }

[margin^="14"] {
  margin: 14px; }

[margin^="15"] {
  margin: 15px; }

[margin^="16"] {
  margin: 16px; }

[margin^="17"] {
  margin: 17px; }

[margin^="18"] {
  margin: 18px; }

[margin^="19"] {
  margin: 19px; }

[margin^="20"] {
  margin: 20px; }

[margin^="21"] {
  margin: 21px; }

[margin^="22"] {
  margin: 22px; }

[margin^="23"] {
  margin: 23px; }

[margin^="24"] {
  margin: 24px; }

[margin^="25"] {
  margin: 25px; }

[margin^="26"] {
  margin: 26px; }

[margin^="27"] {
  margin: 27px; }

[margin^="28"] {
  margin: 28px; }

[margin^="29"] {
  margin: 29px; }

[margin^="30"] {
  margin: 30px; }

[margin~="minus-top-7"] {
  margin-top: -7px; }

[margin~="top-0"] {
  margin-top: 0px; }

[margin~="top-1"] {
  margin-top: 1px; }

[margin~="top-2"] {
  margin-top: 2px; }

[margin~="top-3"] {
  margin-top: 3px; }

[margin~="top-4"] {
  margin-top: 4px; }

[margin~="top-5"] {
  margin-top: 5px; }

[margin~="top-6"] {
  margin-top: 6px; }

[margin~="top-7"] {
  margin-top: 7px; }

[margin~="top-8"] {
  margin-top: 8px; }

[margin~="top-10"] {
  margin-top: 10px; }

[margin~="top-11"] {
  margin-top: 11px; }

[margin~="top-12"] {
  margin-top: 12px; }

[margin~="top-13"] {
  margin-top: 13px; }

[margin~="top-14"] {
  margin-top: 14px; }

[margin~="top-15"] {
  margin-top: 15px; }

[margin~="top-16"] {
  margin-top: 16px; }

[margin~="top-17"] {
  margin-top: 17px; }

[margin~="top-18"] {
  margin-top: 18px; }

[margin~="top-19"] {
  margin-top: 19px; }

[margin~="top-20"] {
  margin-top: 20px; }

[margin~="top-21"] {
  margin-top: 21px; }

[margin~="top-22"] {
  margin-top: 22px; }

[margin~="top-23"] {
  margin-top: 23px; }

[margin~="top-24"] {
  margin-top: 24px; }

[margin~="top-25"] {
  margin-top: 25px; }

[margin~="top-26"] {
  margin-top: 26px; }

[margin~="top-27"] {
  margin-top: 27px; }

[margin~="top-28"] {
  margin-top: 28px; }

[margin~="top-29"] {
  margin-top: 29px; }

[margin~="top-30"] {
  margin-top: 30px; }

[margin~="top-40"] {
  margin-top: 40px; }

[margin~="top-50"] {
  margin-top: 50px; }

[margin~="left-0"] {
  margin-left: 0px; }

[margin~="left-1"] {
  margin-left: 1px; }

[margin~="left-2"] {
  margin-left: 2px; }

[margin~="left-3"] {
  margin-left: 3px; }

[margin~="left-4"] {
  margin-left: 4px; }

[margin~="left-5"] {
  margin-left: 5px; }

[margin~="left-6"] {
  margin-left: 6px; }

[margin~="left-7"] {
  margin-left: 7px; }

[margin~="left-8"] {
  margin-left: 8px; }

[margin~="left-10"] {
  margin-left: 10px; }

[margin~="left-11"] {
  margin-left: 11px; }

[margin~="left-12"] {
  margin-left: 12px; }

[margin~="left-13"] {
  margin-left: 13px; }

[margin~="left-14"] {
  margin-left: 14px; }

[margin~="left-15"] {
  margin-left: 15px; }

[margin~="left-16"] {
  margin-left: 16px; }

[margin~="left-17"] {
  margin-left: 17px; }

[margin~="left-18"] {
  margin-left: 18px; }

[margin~="left-19"] {
  margin-left: 19px; }

[margin~="left-20"] {
  margin-left: 20px; }

[margin~="left-21"] {
  margin-left: 21px; }

[margin~="left-22"] {
  margin-left: 22px; }

[margin~="left-23"] {
  margin-left: 23px; }

[margin~="left-24"] {
  margin-left: 24px; }

[margin~="left-25"] {
  margin-left: 25px; }

[margin~="left-26"] {
  margin-left: 26px; }

[margin~="left-27"] {
  margin-left: 27px; }

[margin~="left-28"] {
  margin-left: 28px; }

[margin~="left-29"] {
  margin-left: 29px; }

[margin~="left-30"] {
  margin-left: 30px; }

[margin~="bottom-0"] {
  margin-bottom: 0px; }

[margin~="bottom-1"] {
  margin-bottom: 1px; }

[margin~="bottom-2"] {
  margin-bottom: 2px; }

[margin~="bottom-3"] {
  margin-bottom: 3px; }

[margin~="bottom-4"] {
  margin-bottom: 4px; }

[margin~="bottom-5"] {
  margin-bottom: 5px; }

[margin~="bottom-6"] {
  margin-bottom: 6px; }

[margin~="bottom-7"] {
  margin-bottom: 7px; }

[margin~="bottom-8"] {
  margin-bottom: 8px; }

[margin~="bottom-10"] {
  margin-bottom: 10px; }

[margin~="bottom-11"] {
  margin-bottom: 11px; }

[margin~="bottom-12"] {
  margin-bottom: 12px; }

[margin~="bottom-13"] {
  margin-bottom: 13px; }

[margin~="bottom-14"] {
  margin-bottom: 14px; }

[margin~="bottom-15"] {
  margin-bottom: 15px; }

[margin~="bottom-16"] {
  margin-bottom: 16px; }

[margin~="bottom-17"] {
  margin-bottom: 17px; }

[margin~="bottom-18"] {
  margin-bottom: 18px; }

[margin~="bottom-19"] {
  margin-bottom: 19px; }

[margin~="bottom-20"] {
  margin-bottom: 20px; }

[margin~="bottom-21"] {
  margin-bottom: 21px; }

[margin~="bottom-22"] {
  margin-bottom: 22px; }

[margin~="bottom-23"] {
  margin-bottom: 23px; }

[margin~="bottom-24"] {
  margin-bottom: 24px; }

[margin~="bottom-25"] {
  margin-bottom: 25px; }

[margin~="bottom-26"] {
  margin-bottom: 26px; }

[margin~="bottom-27"] {
  margin-bottom: 27px; }

[margin~="bottom-28"] {
  margin-bottom: 28px; }

[margin~="bottom-29"] {
  margin-bottom: 29px; }

[margin~="bottom-30"] {
  margin-bottom: 30px; }

[margin~="bottom-50"] {
  margin-bottom: 50px; }

[margin~="right-0"] {
  margin-right: 0px; }

[margin~="right-1"] {
  margin-right: 1px; }

[margin~="right-2"] {
  margin-right: 2px; }

[margin~="right-3"] {
  margin-right: 3px; }

[margin~="right-4"] {
  margin-right: 4px; }

[margin~="right-5"] {
  margin-right: 5px; }

[margin~="right-6"] {
  margin-right: 6px; }

[margin~="right-7"] {
  margin-right: 7px; }

[margin~="right-8"] {
  margin-right: 8px; }

[margin~="right-10"] {
  margin-right: 10px; }

[margin~="right-11"] {
  margin-right: 11px; }

[margin~="right-12"] {
  margin-right: 12px; }

[margin~="right-13"] {
  margin-right: 13px; }

[margin~="right-14"] {
  margin-right: 14px; }

[margin~="right-15"] {
  margin-right: 15px; }

[margin~="right-16"] {
  margin-right: 16px; }

[margin~="right-17"] {
  margin-right: 17px; }

[margin~="right-18"] {
  margin-right: 18px; }

[margin~="right-19"] {
  margin-right: 19px; }

[margin~="right-20"] {
  margin-right: 20px; }

[margin~="right-21"] {
  margin-right: 21px; }

[margin~="right-22"] {
  margin-right: 22px; }

[margin~="right-23"] {
  margin-right: 23px; }

[margin~="right-24"] {
  margin-right: 24px; }

[margin~="right-25"] {
  margin-right: 25px; }

[margin~="right-26"] {
  margin-right: 26px; }

[margin~="right-27"] {
  margin-right: 27px; }

[margin~="right-28"] {
  margin-right: 28px; }

[margin~="right-29"] {
  margin-right: 29px; }

[margin~="right-30"] {
  margin-right: 30px; }

[padding~="0"] {
  padding: 0px; }

[padding~="1"] {
  padding: 1px; }

[padding~="2"] {
  padding: 2px; }

[padding~="3"] {
  padding: 3px; }

[padding~="4"] {
  padding: 4px; }

[padding~="5"] {
  padding: 5px; }

[padding~="6"] {
  padding: 6px; }

[padding~="7"] {
  padding: 7px; }

[padding~="8"] {
  padding: 8px; }

[padding~="10"] {
  padding: 10px; }

[padding~="11"] {
  padding: 11px; }

[padding~="12"] {
  padding: 12px; }

[padding~="13"] {
  padding: 13px; }

[padding~="14"] {
  padding: 14px; }

[padding~="15"] {
  padding: 15px; }

[padding~="16"] {
  padding: 16px; }

[padding~="17"] {
  padding: 17px; }

[padding~="18"] {
  padding: 18px; }

[padding~="19"] {
  padding: 19px; }

[padding~="20"] {
  padding: 20px; }

[padding~="21"] {
  padding: 21px; }

[padding~="22"] {
  padding: 22px; }

[padding~="23"] {
  padding: 23px; }

[padding~="24"] {
  padding: 24px; }

[padding~="25"] {
  padding: 25px; }

[padding~="26"] {
  padding: 26px; }

[padding~="27"] {
  padding: 27px; }

[padding~="28"] {
  padding: 28px; }

[padding~="29"] {
  padding: 29px; }

[padding~="30"] {
  padding: 30px; }

[padding~="top-0"] {
  padding-top: 0px; }

[padding~="top-1"] {
  padding-top: 1px; }

[padding~="top-2"] {
  padding-top: 2px; }

[padding~="top-3"] {
  padding-top: 3px; }

[padding~="top-4"] {
  padding-top: 4px; }

[padding~="top-5"] {
  padding-top: 5px; }

[padding~="top-6"] {
  padding-top: 6px; }

[padding~="top-7"] {
  padding-top: 7px; }

[padding~="top-8"] {
  padding-top: 8px; }

[padding~="top-10"] {
  padding-top: 10px; }

[padding~="top-11"] {
  padding-top: 11px; }

[padding~="top-12"] {
  padding-top: 12px; }

[padding~="top-13"] {
  padding-top: 13px; }

[padding~="top-14"] {
  padding-top: 14px; }

[padding~="top-15"] {
  padding-top: 15px; }

[padding~="top-16"] {
  padding-top: 16px; }

[padding~="top-17"] {
  padding-top: 17px; }

[padding~="top-18"] {
  padding-top: 18px; }

[padding~="top-19"] {
  padding-top: 19px; }

[padding~="top-20"] {
  padding-top: 20px; }

[padding~="top-21"] {
  padding-top: 21px; }

[padding~="top-22"] {
  padding-top: 22px; }

[padding~="top-23"] {
  padding-top: 23px; }

[padding~="top-24"] {
  padding-top: 24px; }

[padding~="top-25"] {
  padding-top: 25px; }

[padding~="top-26"] {
  padding-top: 26px; }

[padding~="top-27"] {
  padding-top: 27px; }

[padding~="top-28"] {
  padding-top: 28px; }

[padding~="top-29"] {
  padding-top: 29px; }

[padding~="top-30"] {
  padding-top: 30px; }

[padding~="top-32"] {
  padding-top: 32px; }

[padding~="left-0"] {
  padding-left: 0px; }

[padding~="left-1"] {
  padding-left: 1px; }

[padding~="left-2"] {
  padding-left: 2px; }

[padding~="left-3"] {
  padding-left: 3px; }

[padding~="left-4"] {
  padding-left: 4px; }

[padding~="left-5"] {
  padding-left: 5px; }

[padding~="left-6"] {
  padding-left: 6px; }

[padding~="left-7"] {
  padding-left: 7px; }

[padding~="left-8"] {
  padding-left: 8px; }

[padding~="left-10"] {
  padding-left: 10px; }

[padding~="left-11"] {
  padding-left: 11px; }

[padding~="left-12"] {
  padding-left: 12px; }

[padding~="left-13"] {
  padding-left: 13px; }

[padding~="left-14"] {
  padding-left: 14px; }

[padding~="left-15"] {
  padding-left: 15px; }

[padding~="left-16"] {
  padding-left: 16px; }

[padding~="left-17"] {
  padding-left: 17px; }

[padding~="left-18"] {
  padding-left: 18px; }

[padding~="left-19"] {
  padding-left: 19px; }

[padding~="left-20"] {
  padding-left: 20px; }

[padding~="left-21"] {
  padding-left: 21px; }

[padding~="left-22"] {
  padding-left: 22px; }

[padding~="left-23"] {
  padding-left: 23px; }

[padding~="left-24"] {
  padding-left: 24px; }

[padding~="left-25"] {
  padding-left: 25px; }

[padding~="left-26"] {
  padding-left: 26px; }

[padding~="left-27"] {
  padding-left: 27px; }

[padding~="left-28"] {
  padding-left: 28px; }

[padding~="left-29"] {
  padding-left: 29px; }

[padding~="left-30"] {
  padding-left: 30px; }

[padding~="left-32"] {
  padding-left: 32px; }

[padding~="left-40"] {
  padding-left: 40px; }

[padding~="bottom-0"] {
  padding-bottom: 0px; }

[padding~="bottom-1"] {
  padding-bottom: 1px; }

[padding~="bottom-2"] {
  padding-bottom: 2px; }

[padding~="bottom-3"] {
  padding-bottom: 3px; }

[padding~="bottom-4"] {
  padding-bottom: 4px; }

[padding~="bottom-5"] {
  padding-bottom: 5px; }

[padding~="bottom-6"] {
  padding-bottom: 6px; }

[padding~="bottom-7"] {
  padding-bottom: 7px; }

[padding~="bottom-8"] {
  padding-bottom: 8px; }

[padding~="bottom-10"] {
  padding-bottom: 10px; }

[padding~="bottom-11"] {
  padding-bottom: 11px; }

[padding~="bottom-12"] {
  padding-bottom: 12px; }

[padding~="bottom-13"] {
  padding-bottom: 13px; }

[padding~="bottom-14"] {
  padding-bottom: 14px; }

[padding~="bottom-15"] {
  padding-bottom: 15px; }

[padding~="bottom-16"] {
  padding-bottom: 16px; }

[padding~="bottom-17"] {
  padding-bottom: 17px; }

[padding~="bottom-18"] {
  padding-bottom: 18px; }

[padding~="bottom-19"] {
  padding-bottom: 19px; }

[padding~="bottom-20"] {
  padding-bottom: 20px; }

[padding~="bottom-21"] {
  padding-bottom: 21px; }

[padding~="bottom-22"] {
  padding-bottom: 22px; }

[padding~="bottom-23"] {
  padding-bottom: 23px; }

[padding~="bottom-24"] {
  padding-bottom: 24px; }

[padding~="bottom-25"] {
  padding-bottom: 25px; }

[padding~="bottom-26"] {
  padding-bottom: 26px; }

[padding~="bottom-27"] {
  padding-bottom: 27px; }

[padding~="bottom-28"] {
  padding-bottom: 28px; }

[padding~="bottom-29"] {
  padding-bottom: 29px; }

[padding~="bottom-30"] {
  padding-bottom: 30px; }

[padding~="bottom-32"] {
  padding-bottom: 32px; }

[padding~="right-0"] {
  padding-right: 0px; }

[padding~="right-1"] {
  padding-right: 1px; }

[padding~="right-2"] {
  padding-right: 2px; }

[padding~="right-3"] {
  padding-right: 3px; }

[padding~="right-4"] {
  padding-right: 4px; }

[padding~="right-5"] {
  padding-right: 5px; }

[padding~="right-6"] {
  padding-right: 6px; }

[padding~="right-7"] {
  padding-right: 7px; }

[padding~="right-8"] {
  padding-right: 8px; }

[padding~="right-10"] {
  padding-right: 10px; }

[padding~="right-11"] {
  padding-right: 11px; }

[padding~="right-12"] {
  padding-right: 12px; }

[padding~="right-13"] {
  padding-right: 13px; }

[padding~="right-14"] {
  padding-right: 14px; }

[padding~="right-15"] {
  padding-right: 15px; }

[padding~="right-16"] {
  padding-right: 16px; }

[padding~="right-17"] {
  padding-right: 17px; }

[padding~="right-18"] {
  padding-right: 18px; }

[padding~="right-19"] {
  padding-right: 19px; }

[padding~="right-20"] {
  padding-right: 20px; }

[padding~="right-21"] {
  padding-right: 21px; }

[padding~="right-22"] {
  padding-right: 22px; }

[padding~="right-23"] {
  padding-right: 23px; }

[padding~="right-24"] {
  padding-right: 24px; }

[padding~="right-25"] {
  padding-right: 25px; }

[padding~="right-26"] {
  padding-right: 26px; }

[padding~="right-27"] {
  padding-right: 27px; }

[padding~="right-28"] {
  padding-right: 28px; }

[padding~="right-29"] {
  padding-right: 29px; }

[padding~="right-30"] {
  padding-right: 30px; }

[padding~="right-32"] {
  padding-right: 32px; }

[padding~="right-40"] {
  padding-right: 40px; }

[color^="jam-music"] {
  color: #ff1f59; }

[color^="jam-licensing"] {
  color: #67b7bf; }

[color^="jam-licensing-saturated"] {
  color: #4bd2e2; }

[color^="black"] {
  color: #000000; }

[color^="white"] {
  color: #FFFFFF; }

[color^="red"] {
  color: red; }

[color^="orange"] {
  color: orange; }

[color^="gray-0"] {
  color: whitesmoke; }

[color^="gray-1"] {
  color: #f2f2f2; }

[color^="gray-2"] {
  color: #e5e5e5; }

[color^="gray-3"] {
  color: #d8d8d8; }

[color^="gray-4"] {
  color: #cbcbcb; }

[color^="gray-5"] {
  color: #bebebe; }

[color^="gray-6"] {
  color: #b1b1b1; }

[color^="gray-7"] {
  color: #a4a4a4; }

[color^="gray-8"] {
  color: #979797; }

[color^="gray-9"] {
  color: #8a8a8a; }

[color^="gray-10"] {
  color: #7d7d7d; }

[color^="gray-11"] {
  color: #707070; }

[color^="gray-12"] {
  color: #636363; }

[color^="gray-13"] {
  color: #565656; }

[color^="gray-14"] {
  color: #494949; }

[color^="gray-15"] {
  color: #3c3c3c; }

[color^="gray-16"] {
  color: #2f2f2f; }

[color^="gray-17"] {
  color: #222222; }

[color^="gray-18"] {
  color: #151515; }

[color^="gray-19"] {
  color: #080808; }

[debug] {
  border: 1px solid red; }

[shadow] {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); }

[border~="none"] {
  border: none; }

[border~="w-1"] {
  border: 1px solid; }

[border~="w-2"] {
  border: 2px solid; }

[border~="w-3"] {
  border: 3px solid; }

[border~="w-4"] {
  border: 4px solid; }

[border~="w-5"] {
  border: 5px solid; }

[border~="w-6"] {
  border: 6px solid; }

[border~="w-7"] {
  border: 7px solid; }

[border~="w-8"] {
  border: 8px solid; }

[border~="w-9"] {
  border: 9px solid; }

[border~="w-10"] {
  border: 10px solid; }

[border^="jam-music"] {
  border-color: #ff1f59; }

[border^="jam-licensing"] {
  border-color: #67b7bf; }

[border~="jamlicensing"] {
  border-color: #67b7bf; }

[border~="r100%"] {
  border-radius: 100%; }

[border~="r1"] {
  border-radius: 1px; }

[border~="r2"] {
  border-radius: 2px; }

[border~="r3"] {
  border-radius: 3px; }

[border~="r4"] {
  border-radius: 4px; }

[border~="r5"] {
  border-radius: 5px; }

[border~="r6"] {
  border-radius: 6px; }

[border~="r7"] {
  border-radius: 7px; }

[border~="r8"] {
  border-radius: 8px; }

[border~="r9"] {
  border-radius: 9px; }

[border~="r10"] {
  border-radius: 10px; }

[position^="relative"] {
  position: relative; }

[position^="absolute"] {
  position: absolute; }

[position^="fixed"] {
  position: fixed; }

[position^="sticky"] {
  position: -webkit-sticky;
  position: sticky; }

[position^="sticky-desktop"] {
  position: -webkit-sticky;
  position: sticky; }
  @media only screen and (max-width: 1110px) {
    [position^="sticky-desktop"] {
      position: initial; } }

[position^="float-right"] {
  float: right; }

[position*="top-0"] {
  top: 0; }

[position*="top-2"] {
  top: 2px; }

[position*="top-30"] {
  top: 30px; }

[position*="top-70"] {
  top: 70px; }

[position*="top-minus-75"] {
  top: -75px; }

[position*="right-0"] {
  right: 0; }

[position*="right-minus-10"] {
  right: -10px; }

[position*="bottom-0"] {
  bottom: 0; }

[position*="left-0"] {
  left: 0; }

[background^="jam-music"] {
  background-color: #ff1f59; }

[background^="jam-licensing"] {
  background-color: #67b7bf; }

[background^="black"] {
  background-color: #000000; }

[background^="white"] {
  background-color: #FFFFFF; }

[background^="red"] {
  background-color: red; }

[background^="error"] {
  color: #ffd7d7; }

[background^="orange"] {
  background-color: orange; }

[background^="gray-0"] {
  background-color: whitesmoke; }

[background^="gray-1"] {
  background-color: #f2f2f2; }

[background^="gray-2"] {
  background-color: #e5e5e5; }

[background^="gray-3"] {
  background-color: #d8d8d8; }

[background^="gray-4"] {
  background-color: #cbcbcb; }

[background^="gray-5"] {
  background-color: #bebebe; }

[background^="gray-6"] {
  background-color: #b1b1b1; }

[background^="gray-7"] {
  background-color: #a4a4a4; }

[background^="gray-8"] {
  background-color: #979797; }

[background^="gray-9"] {
  background-color: #8a8a8a; }

[background^="gray-10"] {
  background-color: #7d7d7d; }

[background^="gray-11"] {
  background-color: #707070; }

[background^="gray-12"] {
  background-color: #636363; }

[background^="gray-13"] {
  background-color: #565656; }

[background^="gray-14"] {
  background-color: #494949; }

[background^="gray-15"] {
  background-color: #3c3c3c; }

[background^="gray-16"] {
  background-color: #2f2f2f; }

[background^="gray-17"] {
  background-color: #222222; }

[background^="gray-18"] {
  background-color: #151515; }

[background^="gray-19"] {
  background-color: #080808; }

@media only screen and (max-width: 750px) {
  [responsive~="750-reset-background"] {
    background-color: initial; } }

[animation~="rotate-add-180"] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

[hover~="licensing"]:hover {
  color: #67b7bf; }
  [hover~="licensing"]:hover > * {
    color: #67b7bf; }

/*
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.6.2
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2016 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.chosen-container * {
  box-sizing: border-box; }

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); }

.chosen-container.chosen-with-drop .chosen-drop {
  left: 0; }

.chosen-container a {
  cursor: pointer; }

.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999; }

.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top; }

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 25px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px; }

.chosen-container-single .chosen-default {
  color: #999; }

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap; }

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px; }

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px; }

.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px; }

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px; }

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%; }

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("chosen-sprite.png") no-repeat 0px 2px; }

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap; }

.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: white url("chosen-sprite.png") no-repeat 100% -20px;
  background: url("chosen-sprite.png") no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0; }

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box; }

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px; }

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch; }

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none; }

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer; }

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default; }

.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff; }

.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4; }

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default; }

.chosen-container .chosen-results li.group-option {
  padding-left: 15px; }

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline; }

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  cursor: text; }

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none; }

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap; }

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0; }

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default; }

.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word; }

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px; }

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px; }

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666; }

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4; }

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px; }

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0; }

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default; }

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
  box-shadow: 0 1px 0 #fff inset; }

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent; }

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px; }

.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important; }

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default; }

.chosen-disabled .chosen-single {
  cursor: default; }

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default; }

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right; }

.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0; }

.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl; }

.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px; }

.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px; }

.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px; }

.chosen-rtl .chosen-choices li {
  float: right; }

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl; }

.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px; }

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px; }

.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px; }

.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0; }

.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0; }

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none; }

.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: white url("chosen-sprite.png") no-repeat -30px -20px;
  background: url("chosen-sprite.png") no-repeat -30px -20px;
  direction: rtl; }

.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px; }

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px; }

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url("chosen-sprite@2x.png") !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important; } }

/* @end */
.chosen-container .chosen-drop {
  border: 1px solid #67b7bf;
  box-shadow: 0 0 6px #afd9dd;
  padding-top: 4px;
  text-align: left; }

.chosen-container-single .chosen-single {
  background: #FFFFFF;
  border-radius: 0;
  padding: 8px 16px 10px 8px;
  padding: 0.5rem 1rem 0.625rem 0.5rem;
  line-height: inherit;
  box-shadow: none;
  height: 36px;
  height: 2.25rem;
  border-color: #cccccc; }

.chosen-container-single .chosen-single abbr {
  background: url("../images/chosen-sprite.png") -42px 1px no-repeat; }

.chosen-container-single .chosen-single div {
  width: 16px; }

.chosen-container-single .chosen-single div b {
  background: url("../images/sprites/chosen-sprite.png") no-repeat 0px 7px; }

.chosen-container-single .chosen-search {
  position: relative; }
  .chosen-container-single .chosen-search:after {
    position: absolute;
    z-index: 1;
    display: block;
    top: 0.75rem;
    right: 1rem;
    width: 12px;
    height: 12px;
    font-size: 12px;
    font-family: "jamendo-all-icons";
    content: ""; }

.chosen-container-single .chosen-search input[type="text"] {
  background: none;
  padding: 8px 32px 8px 8px;
  padding: 0.5rem 2rem 0.5rem 0.5rem; }

.chosen-search input[type="text"] {
  background: none !important; }

.chosen-container-active .chosen-single {
  border-color: #67b7bf;
  box-shadow: 0 0 6px #afd9dd; }

.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #67b7bf;
  background: #FFFFFF;
  box-shadow: 0 0 6px #afd9dd; }

.chosen-container .chosen-results li.highlighted {
  background-color: #67b7bf;
  background-image: none; }

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  background: url("../images/sprites/chosen-sprite.png") -42px 1px no-repeat; }

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 7px; }

.chosen-rtl .chosen-search input[type="text"] {
  background: white url("../images/sprites/chosen-sprite.png") no-repeat -30px -20px;
  background: url("../images/sprites/chosen-sprite.png") no-repeat -30px -20px; }

.chosen-container-multi .chosen-choices li.search-choice {
  border: none;
  max-width: 100%;
  border-radius: 4px;
  background-color: #8bc8ce;
  background-image: none;
  box-shadow: none;
  color: #FFFFFF;
  line-height: 24px;
  padding: 0 24px 0 6px;
  white-space: nowrap; }
  @media only screen and (max-width: 768px) {
    .chosen-container-multi .chosen-choices li.search-choice {
      padding: 0 34px 0 6px;
      line-height: 34px; } }

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  top: 0px;
  right: 0px;
  width: 24px;
  height: 24px;
  background: none;
  font-family: "jamendo-all-icons";
  font-size: 8px;
  color: #FFFFFF;
  text-decoration: none;
  line-height: 3;
  text-align: center;
  cursor: pointer; }
  .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
    content: ""; }
  @media only screen and (max-width: 768px) {
    .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
      width: 100%;
      text-align: right;
      padding-right: 7px;
      font-size: 12px;
      line-height: 34px; } }

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  height: 30px;
  margin: 0;
  padding-left: 6px;
  padding-top: 2px;
  color: gray !important;
  font-family: "futurabook", Arial, sans-serif; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background: none !important; } }

.chosen-choices, .search-module .chosen-container-active .chosen-choices {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .chosen-choices .search-field, .search-module .chosen-container-active .chosen-choices .search-field {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    min-width: 250px;
    text-align: left; }
    .chosen-choices .search-field input[placeholder], .search-module .chosen-container-active .chosen-choices .search-field input[placeholder] {
      width: 100%; }
    @media only screen and (max-width: 768px) {
      .chosen-choices .search-field, .search-module .chosen-container-active .chosen-choices .search-field {
        min-width: 100px;
        width: 100px; } }
  @media only screen and (max-width: 768px) {
    .chosen-choices .search-choice, .search-module .chosen-container-active .chosen-choices .search-choice {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .chosen-choices .search-choice span, .search-module .chosen-container-active .chosen-choices .search-choice span {
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        display: inline-block; } }

/**
 * source: hint-core.scss
 *
 * Defines the basic styling for the tooltip.
 * Each tooltip is made of 2 parts:
 * 	1) body (:after)
 * 	2) arrow (:before)
 *
 * Classes added:
 * 	1) hint
 */
[class*="hint--"] {
  position: relative;
  display: inline-block;
  /**
	 * tooltip arrow
	 */
  /**
	 * tooltip body
	 */ }
  [class*="hint--"]:before, [class*="hint--"]:after {
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 630;
    pointer-events: none;
    transition: 0.3s ease;
    transition-delay: 0ms; }
  [class*="hint--"]:hover:before, [class*="hint--"]:hover:after {
    visibility: visible;
    opacity: 1; }
  [class*="hint--"]:hover:before, [class*="hint--"]:hover:after {
    transition-delay: 100ms; }
  [class*="hint--"]:before {
    content: '';
    position: absolute;
    background: transparent;
    border: 6px solid transparent;
    z-index: 631; }
  [class*="hint--"]:after {
    background: #67b7bf;
    color: white;
    padding: 8px 10px;
    font-size: 12px;
    font-family: "futurabook", Arial, sans-serif;
    line-height: 12px;
    white-space: nowrap; }
  [class*="hint--"][aria-label]:after {
    content: attr(aria-label); }
  [class*="hint--"][data-hint]:after {
    content: attr(data-hint); }

[aria-label='']:before, [aria-label='']:after,
[data-hint='']:before,
[data-hint='']:after {
  display: none !important; }

/**
 * source: hint-position.scss
 *
 * Defines the positoning logic for the tooltips.
 *
 * Classes added:
 * 	1) hint--top
 * 	2) hint--bottom
 * 	3) hint--left
 * 	4) hint--right
 */
/**
 * set default color for tooltip arrows
 */
.hint--top-left:before {
  border-top-color: #67b7bf; }

.hint--top-right:before {
  border-top-color: #67b7bf; }

.hint--top:before {
  border-top-color: #67b7bf; }

.hint--bottom-left:before {
  border-bottom-color: #67b7bf; }

.hint--bottom-right:before {
  border-bottom-color: #67b7bf; }

.hint--bottom:before {
  border-bottom-color: #67b7bf; }

.hint--left:before {
  border-left-color: #67b7bf; }

.hint--right:before {
  border-right-color: #67b7bf; }

/**
 * top tooltip
 */
.hint--top:before {
  margin-bottom: -11px; }

.hint--top:before, .hint--top:after {
  bottom: 100%;
  left: 50%; }

.hint--top:before {
  left: calc(50% - 6px); }

.hint--top:after {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.hint--top:hover:before {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px); }

.hint--top:hover:after {
  -webkit-transform: translateX(-50%) translateY(-8px);
  transform: translateX(-50%) translateY(-8px); }

/**
 * bottom tooltip
 */
.hint--bottom:before {
  margin-top: -11px; }

.hint--bottom:before, .hint--bottom:after {
  top: 100%;
  left: 50%; }

.hint--bottom:before {
  left: calc(50% - 6px); }

.hint--bottom:after {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.hint--bottom:hover:before {
  -webkit-transform: translateY(8px);
  transform: translateY(8px); }

.hint--bottom:hover:after {
  -webkit-transform: translateX(-50%) translateY(8px);
  transform: translateX(-50%) translateY(8px); }

/**
 * right tooltip
 */
.hint--right:before {
  margin-left: -11px;
  margin-bottom: -6px; }

.hint--right:after {
  margin-bottom: -14px; }

.hint--right:before, .hint--right:after {
  left: 100%;
  bottom: 50%; }

.hint--right:hover:before {
  -webkit-transform: translateX(8px);
  transform: translateX(8px); }

.hint--right:hover:after {
  -webkit-transform: translateX(8px);
  transform: translateX(8px); }

/**
 * left tooltip + fix Julien pour role button sur FF (la fleche est deformee sinon)
 */
.hint--left {
  white-space: nowrap; }
  .hint--left:before {
    margin-right: -11px;
    margin-bottom: -6px; }
  .hint--left:after {
    margin-bottom: -14px; }
  .hint--left:before, .hint--left:after {
    right: 100%;
    bottom: 50%; }
  .hint--left:hover:before {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px); }
  .hint--left:hover:after {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px); }

/**
 * top-left tooltip
 */
.hint--top-left:before {
  margin-bottom: -11px; }

.hint--top-left:before, .hint--top-left:after {
  bottom: 100%;
  left: 50%; }

.hint--top-left:before {
  left: calc(50% - 6px); }

.hint--top-left:after {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%); }

.hint--top-left:after {
  margin-left: 12px; }

.hint--top-left:hover:before {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px); }

.hint--top-left:hover:after {
  -webkit-transform: translateX(-100%) translateY(-8px);
  transform: translateX(-100%) translateY(-8px); }

/**
 * top-right tooltip
 */
.hint--top-right:before {
  margin-bottom: -11px; }

.hint--top-right:before, .hint--top-right:after {
  bottom: 100%;
  left: 50%; }

.hint--top-right:before {
  left: calc(50% - 6px); }

.hint--top-right:after {
  -webkit-transform: translateX(0);
  transform: translateX(0); }

.hint--top-right:after {
  margin-left: -12px; }

.hint--top-right:hover:before {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px); }

.hint--top-right:hover:after {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px); }

/**
 * bottom-left tooltip
 */
.hint--bottom-left:before {
  margin-top: -11px; }

.hint--bottom-left:before, .hint--bottom-left:after {
  top: 100%;
  left: 50%; }

.hint--bottom-left:before {
  left: calc(50% - 6px); }

.hint--bottom-left:after {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%); }

.hint--bottom-left:after {
  margin-left: 12px; }

.hint--bottom-left:hover:before {
  -webkit-transform: translateY(8px);
  transform: translateY(8px); }

.hint--bottom-left:hover:after {
  -webkit-transform: translateX(-100%) translateY(8px);
  transform: translateX(-100%) translateY(8px); }

/**
 * bottom-right tooltip
 */
.hint--bottom-right:before {
  margin-top: -11px; }

.hint--bottom-right:before, .hint--bottom-right:after {
  top: 100%;
  left: 50%; }

.hint--bottom-right:before {
  left: calc(50% - 6px); }

.hint--bottom-right:after {
  -webkit-transform: translateX(0);
  transform: translateX(0); }

.hint--bottom-right:after {
  margin-left: -12px; }

.hint--bottom-right:hover:before {
  -webkit-transform: translateY(8px);
  transform: translateY(8px); }

.hint--bottom-right:hover:after {
  -webkit-transform: translateY(8px);
  transform: translateY(8px); }

/**
 * source: hint-sizes.scss
 *
 * Defines width restricted tooltips that can span
 * across multiple lines.
 *
 * Classes added:
 * 	1) hint--small
 * 	2) hint--medium
 * 	3) hint--large
 *
 */
.hint--small:after,
.hint--medium:after,
.hint--large:after {
  white-space: normal;
  line-height: 1.4em;
  word-wrap: break-word; }

.hint--small:after {
  width: 80px; }

.hint--medium:after {
  width: 150px; }

.hint--large:after {
  width: 300px; }

/**
 * source: hint-always.scss
 *
 * Defines a persisted tooltip which shows always.
 *
 * Classes added:
 * 	1) hint--always
 *
 */
.hint--always:after, .hint--always:before {
  opacity: 1;
  visibility: visible; }

.hint--always.hint--top:before {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px); }

.hint--always.hint--top:after {
  -webkit-transform: translateX(-50%) translateY(-8px);
  transform: translateX(-50%) translateY(-8px); }

.hint--always.hint--top-left:before {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px); }

.hint--always.hint--top-left:after {
  -webkit-transform: translateX(-100%) translateY(-8px);
  transform: translateX(-100%) translateY(-8px); }

.hint--always.hint--top-right:before {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px); }

.hint--always.hint--top-right:after {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px); }

.hint--always.hint--bottom:before {
  -webkit-transform: translateY(8px);
  transform: translateY(8px); }

.hint--always.hint--bottom:after {
  -webkit-transform: translateX(-50%) translateY(8px);
  transform: translateX(-50%) translateY(8px); }

.hint--always.hint--bottom-left:before {
  -webkit-transform: translateY(8px);
  transform: translateY(8px); }

.hint--always.hint--bottom-left:after {
  -webkit-transform: translateX(-100%) translateY(8px);
  transform: translateX(-100%) translateY(8px); }

.hint--always.hint--bottom-right:before {
  -webkit-transform: translateY(8px);
  transform: translateY(8px); }

.hint--always.hint--bottom-right:after {
  -webkit-transform: translateY(8px);
  transform: translateY(8px); }

.hint--always.hint--left:before {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px); }

.hint--always.hint--left:after {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px); }

.hint--always.hint--right:before {
  -webkit-transform: translateX(8px);
  transform: translateX(8px); }

.hint--always.hint--right:after {
  -webkit-transform: translateX(8px);
  transform: translateX(8px); }

/*
 * jQuery UI CSS Framework 1.12.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */ }

.ui-front {
  z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none; }

/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/*
 * jQuery UI Slider 1.12.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/slider/#theming
 */
.ui-slider {
  position: relative;
  text-align: left; }

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none; }

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0; }

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  -webkit-filter: inherit;
          filter: inherit; }

.ui-slider-horizontal {
  height: .8em; }

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em; }

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

.ui-slider-vertical {
  width: .8em;
  height: 100px; }

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em; }

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%; }

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0; }

.ui-slider-vertical .ui-slider-range-max {
  top: 0; }

.ui-slider .ui-slider-handle {
  background-color: #FFFFFF;
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
  margin-left: -8px;
  margin-left: -0.5rem;
  border-radius: 100%;
  border: 1px solid #cccccc; }
  .ui-slider .ui-slider-handle:focus {
    outline: none; }

.ui-slider.ui-widget-content,
.ui-slider .ui-slider-range {
  height: 6px;
  height: 0.375rem; }

.ui-slider.ui-widget-content {
  background-color: #cccccc;
  border-radius: 8px;
  border-radius: 0.5rem; }

.ui-slider .ui-slider-range {
  background-color: #67b7bf; }

/* perfect-scrollbar v0.6.12 */
.ps-container {
  -ms-touch-action: none;
  touch-action: none;
  overflow: hidden !important;
  -ms-overflow-style: none; }

@supports (-ms-overflow-style: none) {
  .ps-container {
    overflow: auto !important; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps-container {
    overflow: auto !important; } }

.ps-container.ps-active-x > .ps-scrollbar-x-rail,
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
  display: block;
  background-color: transparent; }

.ps-container.ps-in-scrolling {
  pointer-events: none; }

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9; }

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999; }

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9; }

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999; }

.ps-container > .ps-scrollbar-x-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  bottom: 0px;
  /* there must be 'bottom' for ps-scrollbar-x-rail */
  height: 15px; }

.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
  bottom: 2px;
  /* there must be 'bottom' for ps-scrollbar-x */
  height: 6px; }

.ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {
  height: 11px; }

.ps-container > .ps-scrollbar-y-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  right: 0;
  /* there must be 'right' for ps-scrollbar-y-rail */
  width: 15px; }

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
  right: 2px;
  /* there must be 'right' for ps-scrollbar-y */
  width: 6px; }

.ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
  width: 11px; }

.ps-container:hover.ps-in-scrolling {
  pointer-events: none; }

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9; }

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999; }

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9; }

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999; }

.ps-container:hover > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-y-rail {
  opacity: 0.6; }

.ps-container:hover > .ps-scrollbar-x-rail:hover {
  background-color: #eee;
  opacity: 0.9; }

.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
  background-color: #999; }

.ps-container:hover > .ps-scrollbar-y-rail:hover {
  background-color: #eee;
  opacity: 0.9; }

.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
  background-color: #999; }

.ps-scrollbar-y-rail,
.ps-scrollbar-x-rail {
  background-color: transparent !important; }

.zopim.up {
  margin-bottom: 62px !important;
  transition: all 0.25s ease-out !important; }

@media screen and (max-width: 1024px) {
  .zopim {
    bottom: 0px !important;
    transition: none !important; } }

.meshim_widget_components_chatButton_ButtonBar .button_bar {
  border: 1px solid !important; }

@media screen and (max-width: 991px) {
  .player-displayed {
    margin-bottom: 62px !important;
    bottom: 0px !important;
    transition: all 0.25s ease-out !important;
    left: 12px !important;
    margin-right: 0px !important; } }

.form-group.auto-width:before, .form-group-slider .scale:before, .task__wire-transfer-bank-accounts:before, .form-group.auto-width:after, .form-group-slider .scale:after, .task__wire-transfer-bank-accounts:after {
  content: " ";
  display: table; }

.form-group.auto-width:after, .form-group-slider .scale:after, .task__wire-transfer-bank-accounts:after {
  clear: both; }

.hero-catalog-ribbon__container__select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.button.disabled, .button[disabled], .button:disabled,
fieldset[disabled] .button, .button-cart.disabled, .button-cart[disabled], .button-cart:disabled,
fieldset[disabled] .button-cart, .s.payment-method.is-off, .pop-in.add-to-playlist .pop-in__playlist-add button.disabled, .pop-in.add-to-playlist .pop-in__playlist-add button:disabled, .pop-in.add-to-playlist .pop-in__playlist-add button[disabled], tr.processing {
  -webkit-filter: gray;
          filter: gray;
  /* IE6-9 */
  filter: grayscale(1);
  /* Microsoft Edge and Firefox 35+ */
  -webkit-filter: grayscale(1); }

.fullscreen-hero {
  background-size: cover;
  background-position: center center; }

.product-summary__play:before, .thumb-list li > div > div:first-child:after, .playlist-pane .playlist-track .play .play-button:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.1;
  filter: alpha(opacity=10);
  background-color: #000;
  content: "";
  z-index: 2; }

.fullscreen-hero.patterned:after, .hero.patterned .hero-background:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.15;
  filter: alpha(opacity=15);
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVGRUY3OEFEMThFODExRTY5Nzc3OTJDNjBBQ0Q3RjhEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVGRUY3OEFFMThFODExRTY5Nzc3OTJDNjBBQ0Q3RjhEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RUZFRjc4QUIxOEU4MTFFNjk3Nzc5MkM2MEFDRDdGOEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUZFRjc4QUMxOEU4MTFFNjk3Nzc5MkM2MEFDRDdGOEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4OywPHAAAAFklEQVR42mJgYGD4z0AE+E+hAECAAQD+agT8R5wZHwAAAABJRU5ErkJggg==);
  content: "";
  z-index: 3; }

.informational-overlay, .informational-overlay-track-pack, .navigation__mobile-overlay {
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  max-width: 100%;
  overflow-x: initial;
  overflow-y: scroll;
  opacity: 0;
  filter: alpha(opacity=0);
  background-color: #000000;
  visibility: hidden;
  transition: all .3s linear; }

.track-featured .cover, .thumb-list li > div, .hero {
  position: relative;
  width: 100%;
  padding-bottom: 100%; }

.track-featured .cover > div, .processing:before, .task.locked:after, .thumb-list li > div > div:first-child, .thumb-list li > div > div:last-child, .hero-background, .hero-content, .playlist-pane .playlist-track .information .layered-hover, .scheme__ball > div {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  height: 100%; }

.fullscreen-hero {
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  right: 0; }

.track__actions, .track-information, .pop-in.add-to-playlist .pop-in__playlist-add, .product-summary, .error-notification, .form-inline-monofield, .form-group-paragraph, .notification__body, .picker-filter, .navigation__mobile-bar, .hero-track__time, .mini-player, .offer__category, .playlist-pane .playlist-picker, .playlist-pane .playlist-track > div:first-child, .scheme__ball > div, .search-module, .testimonials .testimonial, .triptych__title > div, .referral-table-header {
  display: table;
  width: 100%; }

.button > div, .button-icon > div, .button-play > div, .button-price-tag > div, .quantity-picker .minus > div,
.quantity-picker .plus > div, .thumb-list li > div > div:last-child > div, .hero-content > div {
  display: table;
  width: 100%;
  height: 100%; }

.playlist-pane .tabs-nav {
  display: table;
  table-layout: fixed;
  width: 100%; }

.track__time__waveform, .track__time__duration, .track__time__bpm, .track__cta, .track-information > div, .pop-in.add-to-playlist .pop-in__playlist-add > div, .product-summary__cover, .product-summary__information, .error-notification > div, .form-group-paragraph > div, .notification__body > *, .picker-filter > div, .navigation__mobile-bar .actions,
.navigation__mobile-bar .logo-link, .hero-track__duration, .hero-track__running-time, .mini-player__track, .mini-player__actions, .offer__category > div, .playlist-pane .playlist-picker > div, .playlist-pane .playlist-track > div:first-child > div, .scheme__ball > div > div, .search-module > div, .import-contacts-wrap > div, .referral-table-header > div {
  display: table-cell;
  vertical-align: middle; }

.form-inline-monofield > div {
  display: table-cell;
  vertical-align: bottom; }

.testimonials .testimonial > div {
  display: table-cell;
  vertical-align: top; }

.button > div > div, .button-icon > div > div, .button-play > div > div, .button-price-tag > div > div, .quantity-picker .minus > div > div,
.quantity-picker .plus > div > div, .thumb-list a, .thumb-list button, .hero-content > div > div, .playlist-pane .tabs-nav li, .triptych__title > div > div {
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

.track-information > div {
  width: 100%;
  max-width: 50px;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: auto;
  margin-right: auto;
  color: inherit; }

.button .process, .button-cart .process, .button-cart.bordered.on-blue-background .process, .informational-link .icon, .informational-link-2 .icon, .product-summary__play, .hero-track__action .icon, .playlist-pane .playlist-track .play .play-button {
  position: absolute;
  top: 0;
  left: 0; }

.modal-header [data-dismiss="modal"] {
  position: absolute;
  top: 0;
  right: 0; }

.hero .link-corner {
  position: absolute;
  bottom: 0;
  right: 0; }

.pill:before, .informational-overlay__cover-close, .informational-overlay-track-pack__cover-close {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.hero-track__waveform .button-play {
  position: absolute;
  left: 50%;
  top: 50%; }

.footer.is-lite {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0; }

.triptych__title, .dispatch h2 {
  border-bottom-width: 1px;
  border-bottom-width: 0.0625rem;
  border-bottom-color: #67b7bf;
  border-bottom-style: solid; }

.offer__product .price, .offer__product .old-price {
  border-bottom-width: 1px;
  border-bottom-width: 0.0625rem;
  border-bottom-color: #cccccc;
  border-bottom-style: solid; }

.button, .button-icon, .button-play, .button-price-tag, .quantity-picker .minus,
.quantity-picker .plus {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.334;
  position: relative;
  text-decoration: none;
  color: #FFFFFF; }
  .button:hover, .button-icon:hover, .button-play:hover, .button-price-tag:hover, .quantity-picker .minus:hover,
  .quantity-picker .plus:hover, .button:active, .button-icon:active, .button-play:active, .button-price-tag:active, .quantity-picker .minus:active,
  .quantity-picker .plus:active, .button:visited, .button-icon:visited, .button-play:visited, .button-price-tag:visited, .quantity-picker .minus:visited,
  .quantity-picker .plus:visited, .button:focus, .button-icon:focus, .button-play:focus, .button-price-tag:focus, .quantity-picker .minus:focus,
  .quantity-picker .plus:focus {
    text-decoration: none; }
  .button:focus, .button-icon:focus, .button-play:focus, .button-price-tag:focus, .quantity-picker .minus:focus,
  .quantity-picker .plus:focus {
    outline: 0; }

.is-active.button, .is-active.button-cart, .is-active.button-price-tag {
  -webkit-animation: button-is-active .4s linear;
          animation: button-is-active .4s linear; }

@-webkit-keyframes button-is-active {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  25% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes button-is-active {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  25% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

.button, .button-cart {
  background-color: #67b7bf; }
  .button:hover, .button-cart:hover {
    background-color: #48a2ab;
    cursor: pointer;
    text-decoration: none; }

.is-on.button-icon .icon {
  color: #67b7bf; }

.button-icon .icon + .icon, .button-play .icon + .icon {
  display: none; }

.button-icon .icon-data + .icon-data, .button-play .icon-data + .icon-data {
  display: none; }

.is-switched-on.button-icon .icon:first-child, .is-switched-on.button-play .icon:first-child {
  display: none; }

.is-switched-on.button-icon .icon:last-child, .is-switched-on.button-play .icon:last-child {
  display: inline-block; }

.is-switched-on.button-icon .icon-data:first-child, .is-switched-on.button-play .icon-data:first-child {
  display: none; }

.is-switched-on.button-icon .icon-data:last-child, .is-switched-on.button-play .icon-data:last-child {
  display: inline-block; }

.track-featured .cover img, .thumb-list img, .showcase__screen img {
  width: 100%;
  height: auto; }

.track-information .tags, .hero-track__tags {
  display: inline;
  list-style: none; }
  .track-information .tags > li, .hero-track__tags > li {
    display: inline; }
    .track-information .tags > li:after, .hero-track__tags > li:after {
      content: ', '; }
    .track-information .tags > li:last-child:after, .hero-track__tags > li:last-child:after {
      content: ''; }

.button-price-tag > div > div:last-child span {
  font-size: 9px;
  font-size: 0.5625rem; }

.button-cart.text-smaller .button-cart-text-container, .pill, .navigation__mobile-bar .actions.secondary .iconic-link span, .cart__total.grand, .not-contractual-ribbon, .credits-table.table-b td span {
  font-size: 10px;
  font-size: 0.625rem; }

.product-access__subheading span, .base-table__primary span, .base-table__referral-amount span, .button-cart .button-cart-text-container p .secondary, .button-cart .button-cart-text-container .pricing, .track__time__duration, .track__time__bpm, .track-information .artist-name,
.track-information .tags, .product-summary__author, .product-summary__additional, .checkbox.certify label, label.error,
label.success,
.help-block, .form-group-slider .scale span, .catalog-comparison__licenses-row .price-tag span, .catalog-comparison__coverage-row .scale-price, .catalog-comparison-v2__licenses-row .price-tag span, .catalog-comparison-v2__coverage-row .scale-price, .footer .copyright p, .hero-track__duration, .hero-track__running-time, .link-map.discreet .tabs button, .mini-player__track .artist, .player-full .track-container .track-text .artist, .offer__product .price-year, .offer__product .old-price-year, .offer__product .information ul, .playlist-pane .playlist-track > .info, .testimonials .testimonial .function, .referral-earnings .total {
  font-size: 11px;
  font-size: 0.6875rem; }

.chosen-container .chosen-drop, a.action, .button, .button-price-tag, .pop-in.add-to-playlist .pop-in__playlist-add button, .playlist-pane .tabs-nav li, .playlist-pane .playlist-track .information .layered-hover, .base-table__tertiary, .base-table__state, a.action-discreet, a.action-discreet-color, .button-icon span, .button-price-tag > div > div:last-child span.regular-price, .button-checkbox label, .stroked-heading, .client-space-heading span, p.small, .informational-link, .informational-link-2, .informational-overlay__title, .informational-overlay-track-pack__title, .pop-in, .product-bought, .product-summary, .description-table__archive-download a, .base-table th, .error-notification > div:last-child, legend, .form-group label:not(.error),
.label, input[type="file"], .checkbox-button label, .input-vat-country-prefix, .modal-header [data-dismiss="modal"] .icon, .notification__close button .icon, .reseller-csv-error-list, .reseller-csv-format .title, .task__date, .task dl, .thumb-list .icon, .navigation__pane .link, .navigation__pane .secondary .links.second-level li a, .navigation__pane .secondary .links.second-level li button, .navigation__pane .aside-level .iconic-link span, .cart__total.exclude-tax, .cart__total.tax, .cart-after__promocode-trigger, .catalog-comparison__licenses-row .offer-subheading, .catalog-comparison__licenses-row .price-appendix, .catalog-comparison__coverage-row p, .catalog-comparison__coverage-row .icon, .catalog-comparison-v2__licenses-row .offer-subheading, .catalog-comparison-v2__licenses-row .price-appendix, .catalog-comparison-v2__coverage-row p, .catalog-comparison-v2__coverage-row .icon, .footer .link-group-heading, .footer .link-group, .hero .link-corner, .hero-catalog-ribbon__container__tree-item,
.hero-catalog-ribbon__container__select select, .hero-catalog-ribbon__container__select:after, .hero-track__tags, .hero-track__action, .hero-track__tease, .link-map .link-group li .more, .offer__product .price span, .offer__product .old-price span, .offer-category, .scheme__ball, .search-module .chosen-container .chosen-results li.group-result, .showcase__author, .showcase__description, .credits-table td:nth-child(3), .credits-table td:nth-child(4), .credits-table.table-b td {
  font-size: 12px;
  font-size: 0.75rem; }

.button-cart, .informational-block, .button-list.login > li, .pop-in__tooltip, .checkbox label,
.checkbox-inline label,
.radio label,
.radio-inline label, .navigation__pane .secondary .links.second-level.reseller li:first-of-type, .navigation__pane .top-level > li > a, .navigation__pane .aside-level .iconic-link span, .emphasized-ribbon__heading {
  font-size: 13px;
  font-size: 0.8125rem; }

.chosen-container, .product-access__subheading, .base-table__primary, .base-table__referral-amount, .base-table__secondary, .l-side-menu__navigation__lists > li .heading, .l-side-menu__navigation__list, a.simple, .button-price-tag > div > div:last-child, .client-space-heading a, .asterisk-info, .informational-overlay__list,
.informational-overlay p, .informational-overlay-track-pack__list,
.informational-overlay-track-pack p, .track-information .title, .pop-in__heading, .pop-in__links, .pop-in.add-to-playlist .pop-in__playlist-add input, .product-access__heading, .mobile-tease__headline, .product-bought__use span, .product-summary__product, .description-table, .search-filter__lists > li .heading, .search-filter__list, .form-control, .modal-body, .modal .informations .button-checkbox .content-displaying, .modal-content.licence-default-choice .modal-body > p, .notification__text, .picker-list .hitbox, .referral-subscription-container p:last-of-type, .widget .content ul > li .infos p, .widget .content ul > li .actions p, .widget[catalog][track-pack] header > div .secondary-container .remaining-tracks, .cart, .catalog-comparison__licenses-row .price-tag, .catalog-comparison-v2__licenses-row .price-tag, .hero-in-store-ribbon p, .hero-track__artist-name, .mini-player__track .title, .player-full .track-container .track-text .title, .offer__product.licence .body h3 div, .offer__product.trackpacks .pack-displaying .pack h3 div, .offer__product.exclusive .exclusive-offer .pack h3 div, .offer__product .information p, .offer-subheading, .playlist-pane .tabs-content .informational, .promocode-ribbon_countdown .item .unit, .search-module .chosen-container .chosen-results li, .credits-table th, .credit-perks, .paypal-change {
  font-size: 14px;
  font-size: 0.875rem; }

.section-sub-menu .sub-menu li {
  font-size: 15px;
  font-size: 0.9375rem; }

.button-cart.small .button-cart-text-container .pricing span, .heading.h2, .product-bought__title, .form-control.branded, .form-control.discreet, .form-checkbox-buttons-group__expand-trigger, .modal-title, .quantity-picker .field, .widget[referrals] .referral-subscription-container > p, .widget[referrals] .referral-subscription-container[expired] .expired-text, .catalog-comparison__coverage-row .heading, .catalog-comparison-v2__coverage-row .heading, .emphasized-ribbon__contact-item .data, .hero p, .pagination a,
.pagination span:not(.pager-gap), .promocode-ribbon, .scheme__link-money, .credits-table td:nth-child(4) span, .dispatch h2 {
  font-size: 16px;
  font-size: 1rem; }

.container.max-width .client-space-heading, .section header h1, .section header h2, .triptych__category, .triptych__upside-title, .offer__product.trackpacks .pack-selector .pack .discount, .heading.overlay + h2, .client-space-heading, .modal-content.licence-default-choice .modal-body .track-pack, .quantity-picker .minus,
.quantity-picker .plus, .quantity-picker.large .field, .section header .cta-info, .section .bigger, .offer__product.exclusive .exclusive-offer .pack .offer-heading, .offer-heading, .triptych__title, #page-myaccount-dashboard-v2 .client-space-heading {
  font-size: 18px;
  font-size: 1.125rem; }

.l-side-menu__navigation__heading, .informational-overlay__heading, .informational-overlay-track-pack__heading, .search-filter__heading, .offer__product.licence .body .offer-heading, .offer__product.trackpacks .pack-displaying .pack .offer-heading, .slides-content .slide__caption h2 {
  font-size: 20px;
  font-size: 1.25rem; }

.widget header h1 {
  font-size: 22px;
  font-size: 1.375rem; }

.funnel-heading, .mobile-tease__headline span, .quantity-picker.large .minus, .quantity-picker.large .plus, .task__heading, .hero-track__title, .offer__product.trackpacks .pack-displaying .pack h3, .showcase__title {
  font-size: 24px;
  font-size: 1.5rem; }

.modal-content.licence-default-choice .modal-header .modal-title, .emphasized-ribbon__heading div, .offer__product.trackpacks .pack-selector .pack .discount .discount-amount, .slides-content .slide__caption h1 {
  font-size: 28px;
  font-size: 1.75rem; }

.offer__product.licence .body h3 {
  font-size: 30px;
  font-size: 1.875rem; }

.heading, .funnel-heading.large, .offer__product.exclusive .exclusive-offer .pack h3, .promocode-ribbon_countdown .item .value, .referral-earnings .total span {
  font-size: 32px;
  font-size: 2rem; }

a.action, .button, .button-price-tag, .pop-in.add-to-playlist .pop-in__playlist-add button, .playlist-pane .tabs-nav li, .playlist-pane .playlist-track .information .layered-hover, .button-cart, a.action-discreet, a.action-discreet-color, .button-price-tag > div > div:last-child, .stroked-heading, .button-list.login > li, legend, .form-group label:not(.error),
.label, .catalog-comparison__licenses-row .price-tag, .catalog-comparison-v2__licenses-row .price-tag, .pagination a,
.pagination span:not(.pager-gap), .scheme > *, .scheme__ball {
  letter-spacing: 1px;
  letter-spacing: 0.0625rem; }

a.action, .button, .button-price-tag, .pop-in.add-to-playlist .pop-in__playlist-add button, .playlist-pane .tabs-nav li, .playlist-pane .playlist-track .information .layered-hover {
  font-family: "futurademi", Arial, sans-serif;
  text-transform: uppercase;
  text-decoration: none; }

.button-cart {
  font-family: "futurademi", Arial, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFFFFF; }

.button-checkbox label, .checkbox-button label, .picker-list .hitbox, .playlist-pane .playlist-track .information .layered-hover {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.hero-track__information a:link, .hero-track__information a:visited {
  text-decoration: none;
  color: inherit; }

.hero-track__information a:hover, .hero-track__information a:active {
  text-decoration: underline; }

.informational-block__perks li:before, .modal-body ul.bullet li:before, .triptych__fact:before {
  font-family: "jamendo-all-icons";
  content: "";
  padding-right: 4px;
  padding-right: 0.25rem;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  display: inline-block;
  line-height: 1;
  font-size: 16px;
  font-size: 1rem;
  vertical-align: middle; }

.base-table th.sortable:after {
  font-family: "jamendo-all-icons";
  content: "";
  padding-left: 4px;
  padding-left: 0.25rem;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  display: inline-block;
  line-height: 1;
  font-size: 16px;
  font-size: 1rem;
  vertical-align: middle; }

.product-bought__project, .product-summary__information > div, .mini-player__track > div {
  display: table;
  table-layout: fixed;
  width: 100%; }
  .product-bought__project > div, .product-summary__information > div > div, .mini-player__track > div > div {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.heading.overlay, .heading.overlay + h2, .thumb-list h2, .hero p, .dispatch h2,
.dispatch p {
  -webkit-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
  -ms-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
  -o-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4); }

.base-table__tertiary {
  color: gray; }

.product-access__subheading, .base-table__primary, .base-table__referral-amount {
  color: #4d4d4d; }

.product-access__subheading span, .base-table__primary span, .base-table__referral-amount span {
  color: gray; }

.base-table__state {
  color: #67b7bf;
  font-family: "futurademi", Arial, sans-serif;
  text-transform: uppercase; }

.base-table__secondary {
  color: gray; }

.section header h1, .section header h2, .triptych__category, .triptych__upside-title {
  color: #67b7bf;
  text-transform: uppercase;
  font-family: "futurademi", Arial, sans-serif; }

.offer__product.trackpacks .pack-selector .pack .discount {
  color: #67b7bf;
  font-family: "futurademi", Arial, sans-serif;
  margin-bottom: 0; }

@media screen and (orientation: landscape) {
  .hidden-landscape {
    display: none; } }

@media screen and (orientation: portrait) {
  .hidden-portrait {
    display: none; } }

@media only screen and (min-width: 992px) {
  .row-2-cols-large-gutter-md > div:first-child {
    padding-right: 32px;
    padding-right: 2rem; }
  .row-2-cols-large-gutter-md > div:last-child {
    padding-left: 32px;
    padding-left: 2rem; } }

.section.l-legal p {
  max-width: none; }

.section.l-legal ul {
  list-style-type: disc; }
  .section.l-legal ul li {
    margin-left: 1rem;
    margin-bottom: 0.5rem; }
    .section.l-legal ul li::first-letter {
      text-transform: capitalize; }
  .section.l-legal ul > ul {
    list-style-type: none; }
    .section.l-legal ul > ul li {
      margin-left: 2rem; }
      .section.l-legal ul > ul li:before {
        content: '- '; }

.l-side-menu {
  display: block; }
  .l-side-menu--filmora {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .l-side-menu__navigation, .l-side-menu.search-filter, .l-side-menu__content {
    display: inline-block;
    vertical-align: top; }
  .l-side-menu__navigation {
    padding: 14px 24px;
    padding: 0.875rem 1.5rem;
    position: relative;
    width: 240px;
    width: 15rem;
    display: inline-block; }
    @media only screen and (max-width: 992px) {
      .l-side-menu__navigation {
        display: none; } }
    .l-side-menu__navigation.large {
      width: 304px;
      width: 19rem;
      display: inline-block;
      position: -webkit-sticky;
      position: sticky;
      top: 0px;
      padding-bottom: 0;
      height: 100vh; }
      @media only screen and (max-width: 1100px) {
        .l-side-menu__navigation.large {
          top: 48px; } }
      @media only screen and (max-width: 768px) {
        .l-side-menu__navigation.large {
          width: 100%;
          height: 100%;
          position: inherit;
          padding-top: 0;
          border-bottom: 1px solid #cccccc; } }
      .l-side-menu__navigation.large.tradingdesk {
        top: 60px;
        position: inherit; }
      .l-side-menu__navigation.large .form-container {
        overflow: hidden;
        height: calc(100% - 54px); }
        @media only screen and (max-width: 1100px) {
          .l-side-menu__navigation.large .form-container {
            height: calc(100% - 54px - 48px); } }
        @media only screen and (max-width: 768px) {
          .l-side-menu__navigation.large .form-container {
            height: inherit; } }
        .l-side-menu__navigation.large .form-container .fieldset-container {
          height: 100%;
          overflow-y: scroll;
          overflow-x: hidden;
          margin-right: -21px;
          padding-right: 21px; }
          @media only screen and (max-width: 768px) {
            .l-side-menu__navigation.large .form-container .fieldset-container {
              overflow-y: inherit;
              margin-right: 0px;
              padding-right: 0px; } }
        .l-side-menu__navigation.large .form-container:hover {
          margin-right: -21px; }
          @media only screen and (max-width: 768px) {
            .l-side-menu__navigation.large .form-container:hover {
              margin-right: 0; } }
          .l-side-menu__navigation.large .form-container:hover .fieldset-container {
            margin-right: 0px;
            padding-right: 21px; }
            @media only screen and (max-width: 768px) {
              .l-side-menu__navigation.large .form-container:hover .fieldset-container {
                padding-right: 0; } }
            @media only screen and (min-height: 1038px) {
              .l-side-menu__navigation.large .form-container:hover .fieldset-container {
                padding-bottom: 400px;
                margin-right: -21px !important;
                padding-right: 42px !important;
                padding-bottom: 0; } }
        .l-side-menu__navigation.large .form-container .ui-slider.ui-widget-content {
          margin-left: 8px;
          width: calc(100% - 20px); }
    .l-side-menu__navigation__heading {
      color: gray;
      padding-bottom: 24px;
      padding-bottom: 1.5rem;
      text-transform: none; }
    .l-side-menu__navigation__lists > li {
      padding-bottom: 24px;
      padding-bottom: 1.5rem;
      margin-bottom: 24px;
      margin-bottom: 1.5rem;
      border-bottom: 1px solid #cccccc; }
      .l-side-menu__navigation__lists > li .heading {
        line-height: 2;
        text-align: left;
        margin: 0;
        font-family: "futurademi", Arial, sans-serif;
        color: gray; }
      .l-side-menu__navigation__lists > li:last-child {
        border-bottom: none;
        margin-bottom: none; }
    .l-side-menu__navigation__list {
      line-height: 2; }
      .l-side-menu__navigation__list a {
        position: relative;
        display: block;
        text-decoration: none;
        color: black !important; }
        .l-side-menu__navigation__list a.is-current:before {
          content: '';
          display: block;
          background-color: #C4C4C4;
          width: 6px;
          width: 0.375rem;
          height: 6px;
          height: 0.375rem;
          border-radius: 100%;
          position: absolute;
          left: -12px;
          left: -0.75rem;
          margin-top: -3px;
          margin-top: -0.1875rem;
          top: 50%; }
        .l-side-menu__navigation__list a.main {
          text-transform: uppercase;
          margin-bottom: 8px;
          margin-bottom: 0.5rem;
          font-family: "futurademi", Arial, sans-serif;
          color: gray; }
        .l-side-menu__navigation__list a.is-disabled {
          color: #afd9dd; }
          .l-side-menu__navigation__list a.is-disabled:hover {
            cursor: not-allowed; }
        .l-side-menu__navigation__list a .pill {
          margin-left: 8px;
          margin-left: 0.5rem; }
  .l-side-menu__content {
    width: calc(100% - 245px);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); }
    @media only screen and (max-width: 992px) {
      .l-side-menu__content {
        width: 100%;
        padding-top: 0; } }
    .l-side-menu__content__license-filter {
      display: none; }
      @media only screen and (max-width: 992px) {
        .l-side-menu__content__license-filter {
          height: 56px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          color: #636363;
          margin-left: 10px;
          margin-bottom: 20px;
          position: relative; }
          .l-side-menu__content__license-filter__text {
            margin-right: 10px; }
          .l-side-menu__content__license-filter__filter {
            border: 1px solid #D8D8D8 !important;
            box-sizing: border-box;
            box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
            border-radius: 2px;
            padding: 6px 15px; } }
    .l-side-menu__content .results-container {
      min-height: 1000px; }
      @media only screen and (max-width: 768px) {
        .l-side-menu__content .results-container {
          min-height: 0px; } }
    .l-side-menu__content__see-more {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 20px; }
    .l-side-menu__content__result {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }

#banner-promo-code:not(.hidden) ~ #content-wrapper aside.search-filter,
#banner-promo-code:not(.hidden) ~ #content-wrapper aside.l-side-menu__navigation.large {
  top: 64px; }
  @media only screen and (max-width: 1100px) {
    #banner-promo-code:not(.hidden) ~ #content-wrapper aside.search-filter,
    #banner-promo-code:not(.hidden) ~ #content-wrapper aside.l-side-menu__navigation.large {
      top: 112px; } }

.page-overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .5;
  background-color: #67b7bf;
  visibility: hidden;
  z-index: 405; }
  .page-overlay.visible {
    visibility: visible; }

.box {
  text-align: center;
  padding: 26px;
  border-radius: 10px; }

a {
  font-size: inherit;
  line-height: inherit; }
  a[role="button"], a:link, a:visited {
    color: #67b7bf; }
  a:hover, a:active {
    color: #48a2ab; }
  a.action, a.action-discreet, a.action-discreet-color {
    display: inline-block; }
  a.action {
    line-height: 1.67;
    padding-top: 2px;
    padding-top: 0.125rem;
    border-bottom-width: 2px;
    border-bottom-width: 0.125rem;
    border-bottom-style: solid;
    border-bottom-color: #67b7bf; }
    a.action:hover, a.action:active {
      border-bottom-color: #48a2ab; }
  a.simple {
    text-decoration: none;
    font-family: "futurademi", Arial, sans-serif; }
    a.simple:hover {
      cursor: pointer;
      color: #48a2ab; }
    a.simple.gray-10 {
      color: #7d7d7d; }
      a.simple.gray-10:hover {
        color: #67b7bf; }
  a.action-discreet {
    line-height: 2; }
    a.action-discreet[role="button"], a.action-discreet:link, a.action-discreet:visited {
      color: #999999; }
    a.action-discreet:hover, a.action-discreet:active {
      color: gray; }
    a.action-discreet.block {
      display: block; }
  a.action-discreet-color {
    line-height: 2; }
    a.action-discreet-color[role="button"], a.action-discreet-color:link, a.action-discreet-color:visited {
      color: #67b7bf; }
    a.action-discreet-color:hover, a.action-discreet-color:active {
      color: #48a2ab; }
  a.overlay[role="button"], a.overlay:link, a.overlay:visited {
    color: #FFFFFF; }
  a.overlay:hover, a.overlay:active {
    color: #67b7bf; }
  a.link-wrap {
    color: inherit;
    font-size: inherit;
    outline: none;
    text-decoration: none; }

a.app-store {
  outline: none;
  display: inline-block;
  width: 135px;
  height: 41px;
  background-repeat: no-repeat;
  background-image: url("https://images.jamendo.com/jamendolicensing/sprites/sprite-app-store.webp?v3"); }
  a.app-store.apple.en {
    background-position: 0px 0px; }
  a.app-store.apple.fr {
    background-position: 0px -41px; }
  a.app-store.apple.de {
    background-position: 0px -82px; }
  a.app-store.apple.es {
    background-position: 0px -123px; }
  a.app-store.apple.it {
    background-position: 0px -164px; }
  a.app-store.apple.pl {
    background-position: 0px -205px; }
  a.app-store.apple.pt {
    background-position: 0px -246px; }
  a.app-store.apple.ru {
    background-position: 0px -287px; }
  a.app-store.google.en {
    background-position: -135px 0px; }
  a.app-store.google.fr {
    background-position: -135px -41px; }
  a.app-store.google.de {
    background-position: -135px -82px; }
  a.app-store.google.es {
    background-position: -135px -123px; }
  a.app-store.google.it {
    background-position: -135px -164px; }
  a.app-store.google.pl {
    background-position: -135px -205px; }
  a.app-store.google.pt {
    background-position: -135px -246px; }
  a.app-store.google.ru {
    background-position: -135px -287px; }
  a.app-store.microsoft.en {
    background-position: -270px 0px; }
  a.app-store.microsoft.fr {
    background-position: -270px -41px; }
  a.app-store.microsoft.de {
    background-position: -270px -82px; }
  a.app-store.microsoft.es {
    background-position: -270px -123px; }
  a.app-store.microsoft.it {
    background-position: -270px -164px; }
  a.app-store.microsoft.pl {
    background-position: -270px -205px; }
  a.app-store.microsoft.pt {
    background-position: -270px -246px; }
  a.app-store.microsoft.ru {
    background-position: -270px -287px; }

a.button {
  color: #FFFFFF; }

.button {
  border-radius: 4px;
  border-radius: 0.25rem;
  padding: 2px 16px 0;
  padding: 0.125rem 1rem 0;
  min-height: 48px;
  min-height: 3rem;
  background-color: #67b7bf; }
  .button > div:first-child {
    z-index: 2;
    position: relative;
    height: 46px;
    height: 2.875rem; }
    .button > div:first-child > div {
      padding: 3px 0 3px;
      padding: 0.1875rem 0 0.1875rem; }
  .button span {
    display: block;
    text-transform: none; }
  .button.small {
    padding: 2px 12px 0;
    padding: 0.125rem 0.75rem 0;
    min-height: 36px;
    min-height: 2.25rem; }
    .button.small > div:first-child {
      height: 34px;
      height: 2.125rem; }
  .button.xsmall {
    padding: 2px 8px 0;
    padding: 0.125rem 0.5rem 0;
    min-height: 24px;
    min-height: 1.5rem; }
    .button.xsmall > div:first-child {
      height: 22px;
      height: 1.375rem; }
  .button.large {
    font-size: 16px;
    font-size: 1rem;
    border-width: 3px;
    border-width: 0.1875rem;
    padding: 1px 32px 0rem;
    padding: 0.0625rem 2rem 0rem;
    border-radius: 6px;
    border-radius: 0.375rem;
    min-height: 66px;
    min-height: 4.125rem;
    line-height: 1.5; }
    .button.large > div:first-child {
      height: 65px;
      height: 4.0625rem; }
  .button.wide {
    width: 100%;
    display: block; }
  .button.center {
    display: block;
    margin: 32px auto;
    margin: 2rem auto; }
  .button.half-width {
    width: 50%; }
    @media only screen and (max-width: 480px) {
      .button.half-width {
        width: 100%; } }
  .button .icon {
    vertical-align: top;
    margin-right: 8px;
    margin-right: 0.5rem;
    margin-top: -1px;
    margin-top: -0.0625rem; }
  .button.discreet {
    background-color: #999999; }
    .button.discreet:hover {
      background-color: gray; }
  .button.facebook {
    background-color: #8094bd; }
    .button.facebook:hover {
      background-color: #5f78ab; }
  .button.google {
    background-color: #e87365; }
    .button.google:hover {
      background-color: #e14b39; }
  .button.google-branded {
    background-image: url("https://images.jamendo.com/jamendolicensing/static/google/google-button.webp");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    height: 46px;
    width: 124px; }
  .button.bordered, .button.ghost, .button.spread {
    border-width: 2px;
    border-width: 0.125rem;
    border-style: solid; }
    .button.bordered.large, .button.ghost.large, .button.spread.large {
      font-size: 16px;
      font-size: 1rem;
      border-width: 3px;
      border-width: 0.1875rem;
      padding: 1px 32px 0rem;
      padding: 0.0625rem 2rem 0rem;
      border-radius: 6px;
      border-radius: 0.375rem;
      min-height: 66px;
      min-height: 4.125rem;
      line-height: 1.5; }
      .button.bordered.large > div:first-child, .button.ghost.large > div:first-child, .button.spread.large > div:first-child {
        height: 65px;
        height: 4.0625rem; }
  .button.bordered {
    color: #67b7bf;
    background-color: transparent;
    border-color: #67b7bf; }
    .button.bordered:hover {
      color: #FFFFFF;
      background-color: #67b7bf; }
  .button.spread {
    background-color: transparent; }
    .button.spread i {
      vertical-align: top;
      margin: -1px 3.2px 0 0;
      margin: -0.0625rem 0.2rem 0 0; }
    .button.spread:hover {
      background-color: #e6e6e6; }
    .button.spread.gmail {
      color: #c71610;
      border-color: #c71610; }
    .button.spread.yahoo {
      color: #8a2a8f;
      border-color: #8a2a8f; }
    .button.spread.outlook {
      color: #0072c6;
      border-color: #0072c6; }
    .button.spread.facebook {
      color: #5f78ab;
      border-color: #5f78ab; }
    .button.spread.messenger {
      color: #0c87fa;
      border-color: #0c87fa; }
      @media only screen and (max-width: 1317px) {
        .button.spread.messenger {
          margin-top: 10px; } }
  .button.ghost {
    color: #FFFFFF;
    background-color: transparent;
    border-color: #FFFFFF; }
    .button.ghost:hover {
      color: #67b7bf;
      background-color: #FFFFFF; }
  .button.disabled, .button[disabled], .button:disabled,
  fieldset[disabled] .button {
    cursor: not-allowed;
    opacity: 0.5;
    filter: alpha(opacity=50); }
  .button .process {
    width: auto;
    left: 0;
    right: 0;
    display: none;
    z-index: 1;
    overflow: hidden; }
    .button .process-fill {
      width: 100%;
      height: 100%;
      display: block;
      background-color: #000;
      opacity: 0.2;
      filter: alpha(opacity=20);
      border-radius: 4px;
      border-radius: 0.25rem; }
  .button.is-processing {
    pointer-events: none;
    cursor: wait; }
    .button.is-processing .process {
      display: block;
      -webkit-animation-duration: 1.5s;
              animation-duration: 1.5s;
      -webkit-animation-name: buttonIsLoading;
              animation-name: buttonIsLoading;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite; }

@-webkit-keyframes buttonIsLoading {
  0% {
    left: 0%;
    right: 100%; }
  50% {
    left: 0%;
    right: 0%; }
  100% {
    left: 100%;
    right: 0%; } }

@keyframes buttonIsLoading {
  0% {
    left: 0%;
    right: 100%; }
  50% {
    left: 0%;
    right: 0%; }
  100% {
    left: 100%;
    right: 0%; } }
  .button.play > div > div:before {
    content: "\25B6";
    padding-right: 8px;
    padding-right: 0.5rem; }

.btn-icon-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .btn-icon-data:active, .btn-icon-data:focus {
    outline: none; }
  .btn-icon-data:hover i {
    cursor: pointer; }
  .btn-icon-data.is-active i, .btn-icon-data:focus i {
    z-index: 1; }
  .btn-icon-data.is-active:after, .btn-icon-data:focus:after {
    content: "";
    position: absolute;
    border-radius: 100%;
    background-color: #000000;
    -webkit-animation: active-btn .4s linear;
            animation: active-btn .4s linear; }

@-webkit-keyframes active-btn {
  0% {
    width: 35%;
    height: 35%;
    opacity: 0; }
  50% {
    width: 50%;
    height: 50%;
    opacity: .12; }
  100% {
    width: 125%;
    height: 125%;
    opacity: 0; } }

@keyframes active-btn {
  0% {
    width: 35%;
    height: 35%;
    opacity: 0; }
  50% {
    width: 50%;
    height: 50%;
    opacity: .12; }
  100% {
    width: 125%;
    height: 125%;
    opacity: 0; } }
  .btn-icon-data[disabled] {
    cursor: not-allowed;
    opacity: 0.25; }
    .btn-icon-data[disabled] .icon-data {
      cursor: not-allowed; }

.social-cta {
  width: 150px;
  height: 43px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #FFFFFF;
  border-radius: 5px; }
  .social-cta.facebook {
    background-image: url(https://images.jamendo.com/jamendomusic/static/svg/facebook.svg); }
    .social-cta.facebook:hover {
      background-image: url(https://images.jamendo.com/jamendomusic/static/svg/facebook-hover.svg); }
  .social-cta.google {
    background-image: url(https://images.jamendo.com/jamendomusic/static/svg/google-btn.svg); }
    .social-cta.google:hover {
      background-image: url(https://images.jamendo.com/jamendomusic/static/svg/google-btn-hover.svg); }
  .social-cta.w-135 {
    width: 135px; }
    .social-cta.w-135.facebook-135 {
      background-image: url(https://images.jamendo.com/jamendomusic/static/svg/facebook-135.svg); }
      .social-cta.w-135.facebook-135:hover {
        background-image: url(https://images.jamendo.com/jamendomusic/static/svg/facebook-135-hover.svg); }
    .social-cta.w-135.google-135 {
      background-image: url(https://images.jamendo.com/jamendomusic/static/svg/google-135-btn.svg); }
      .social-cta.w-135.google-135:hover {
        background-image: url(https://images.jamendo.com/jamendomusic/static/svg/google-135-btn-hover.svg); }

.radius {
  border-radius: 100px !important;
  padding-left: 30px;
  padding-right: 30px; }

.linear-gradient {
  background: linear-gradient(270deg, #9FDCE0 0%, #66B6BE 64.9%); }
  .linear-gradient.bolder {
    font-size: 16px;
    font-family: "futurabold", Arial, sans-serif; }
  .linear-gradient.capitalize {
    text-transform: uppercase; }

.linear-gradient-important {
  background: linear-gradient(206.99deg, #F4CC00 10.11%, #F76F00 65.06%); }
  .linear-gradient-important.bolder {
    font-size: 16px;
    font-family: "futurabold", Arial, sans-serif; }

.action-discreet {
  font-size: 0.6875rem;
  line-height: 2;
  text-decoration: underline;
  color: #999999; }
  .action-discreet:hover, .action-discreet:active {
    color: gray; }
  .action-discreet.block {
    display: block; }

.button-cart {
  border-radius: 4px;
  border-radius: 0.25rem;
  min-height: 48px;
  min-height: 3rem;
  background-color: #67b7bf;
  padding: 0 12px;
  padding: 0 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: 250px;
  transition: 0.15s ease-in;
  overflow: hidden; }
  @media only screen and (max-width: 768px) {
    .button-cart--filmora {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content; }
      .button-cart--filmora .icon-data {
        display: none; } }
  .button-cart::before {
    content: '';
    position: absolute;
    z-index: 1;
    width: 30px;
    height: calc(100% + 4px);
    top: -2px;
    left: -40px;
    bottom: 0;
    right: 0;
    background: #FFFFFF;
    opacity: 0.4;
    transition-timing-function: ease-out;
    -webkit-transform: skew(-20deg);
            transform: skew(-20deg); }
  .button-cart:hover {
    transition-delay: 0.14s; }
    .button-cart:hover::before {
      transition-duration: .17s;
      left: calc(100% + 10px); }
    .button-cart:hover .icon {
      color: #FFFFFF; }
  .button-cart.lightgray {
    background-color: #d8d8d8; }
  .button-cart.data {
    width: inherit;
    text-transform: inherit;
    font-weight: inherit; }
  .button-cart .process {
    width: auto;
    left: 0;
    right: 0;
    display: none;
    z-index: 1;
    overflow: hidden; }
    .button-cart .process-fill {
      width: 100%;
      height: 100%;
      display: block;
      background-color: #000;
      opacity: 0.2;
      filter: alpha(opacity=20);
      border-radius: 4px;
      border-radius: 0.25rem; }
  .button-cart.is-processing {
    pointer-events: none;
    cursor: not-allowed; }
    .button-cart.is-processing .process {
      display: block;
      -webkit-animation-duration: 1.5s;
              animation-duration: 1.5s;
      -webkit-animation-name: buttonIsLoading;
              animation-name: buttonIsLoading;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite;
      height: 100%; }
  .button-cart.disabled, .button-cart[disabled], .button-cart:disabled,
  fieldset[disabled] .button-cart {
    cursor: not-allowed;
    pointer-events: initial;
    opacity: 0.5;
    filter: alpha(opacity=50); }
  .button-cart .button-cart-text-container {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    line-height: 1.1;
    z-index: 2;
    text-align: center; }
    .button-cart .button-cart-text-container.left {
      text-align: left; }
    .button-cart .button-cart-text-container p {
      margin: 0;
      padding: 0;
      color: #ffffff;
      white-space: initial;
      font-size: 12px; }
      .button-cart .button-cart-text-container p .secondary {
        display: block;
        text-transform: none; }
      .button-cart .button-cart-text-container p.reset {
        font-size: inherit; }
    .button-cart .button-cart-text-container .pricing {
      white-space: initial; }
      .button-cart .button-cart-text-container .pricing span {
        font-size: 19px;
        font-family: "futurademi", Arial, sans-serif; }
  .button-cart:focus {
    outline: none; }
  .button-cart[icon-paypall] i picture {
    display: block;
    height: 100%;
    width: 100%;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/paypall-icon.svg"); }
  .button-cart[icon] {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .button-cart[icon] .button-cart-text-container {
      max-width: calc(100% - 46px);
      width: 100%; }
      .button-cart[icon] .button-cart-text-container.no-picto {
        max-width: 100% !important; }
      @media only screen and (max-width: 480px) {
        .button-cart[icon] .button-cart-text-container {
          max-width: 100%; } }
    @media only screen and (max-width: 480px) {
      .button-cart[icon] i:not(.icon-chevron-down) {
        display: none; } }
    .button-cart[icon][arrow] .button-cart-text-container p {
      white-space: nowrap; }
    .button-cart[icon][delete] .button-cart-text-container {
      max-width: calc(100% - 32px); }
      @media only screen and (max-width: 480px) {
        .button-cart[icon][delete] .button-cart-text-container {
          max-width: 100%; } }
    .button-cart[icon][delete] i {
      font-size: 20px;
      height: 20px;
      width: 20px; }
    .button-cart[icon][select] .button-cart-text-container {
      max-width: calc(100% - 28px); }
      @media only screen and (max-width: 480px) {
        .button-cart[icon][select] .button-cart-text-container {
          max-width: 100%; } }
    .button-cart[icon][select] i {
      font-size: 17px;
      height: 17px;
      width: 17px; }
    .button-cart[icon][pdf] .button-cart-text-container {
      text-transform: capitalize;
      max-width: calc(100% - 36px); }
      @media only screen and (max-width: 480px) {
        .button-cart[icon][pdf] .button-cart-text-container {
          max-width: 100%; } }
    .button-cart[icon][pdf] i {
      color: #999999;
      width: 28px;
      height: 28px;
      font-size: 28px; }
  .button-cart[pack] .button-cart-text-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    white-space: nowrap; }
    .button-cart[pack] .button-cart-text-container i {
      font-size: 22px;
      height: 22px;
      width: 22px;
      margin: -4px 4px 0; }
  .button-cart.small {
    min-height: 36px;
    min-height: 2.25rem;
    height: 36px;
    height: 2.25rem; }
  .button-cart.wide {
    width: 100%; }
  .button-cart.white {
    background-color: #FFFFFF;
    color: #67b7bf; }
    .button-cart.white .button-cart-text-container p {
      color: #67b7bf; }
  .button-cart.bordered {
    border-width: 1px;
    border-style: solid;
    color: #67b7bf;
    background-color: transparent;
    border-color: #67b7bf;
    transition: 0.05s ease-in; }
    .button-cart.bordered .button-cart-text-container p {
      color: #67b7bf; }
    .button-cart.bordered:hover {
      color: #FFFFFF;
      background-color: #67b7bf; }
      .button-cart.bordered:hover::before {
        transition-delay: .1s;
        transition-duration: .2s; }
      .button-cart.bordered:hover .button-cart-text-container p {
        color: #FFFFFF;
        transition-delay: 0s; }
    .button-cart.bordered.white {
      color: #FFFFFF;
      border-color: #FFFFFF; }
      .button-cart.bordered.white .button-cart-text-container p {
        color: #FFFFFF; }
      .button-cart.bordered.white:hover {
        border-color: #67b7bf; }
    .button-cart.bordered.white-always {
      color: #FFFFFF;
      border-color: #FFFFFF; }
      .button-cart.bordered.white-always .button-cart-text-container p {
        color: #FFFFFF; }
      .button-cart.bordered.white-always:hover {
        background-color: transparent; }
    .button-cart.bordered.gray-5 {
      color: #bebebe;
      border-color: #bebebe; }
      .button-cart.bordered.gray-5 .button-cart-text-container p {
        color: #bebebe; }
      .button-cart.bordered.gray-5:hover {
        border-color: #67b7bf; }
        .button-cart.bordered.gray-5:hover .button-cart-text-container p {
          color: #FFFFFF; }
    .button-cart.bordered.gray-7 {
      color: #a4a4a4;
      border-color: #a4a4a4; }
      .button-cart.bordered.gray-7 .button-cart-text-container p {
        color: #a4a4a4; }
      .button-cart.bordered.gray-7:hover, .button-cart.bordered.gray-7.active {
        border-color: #94d3da;
        background-color: #94d3da; }
        .button-cart.bordered.gray-7:hover .button-cart-text-container p, .button-cart.bordered.gray-7.active .button-cart-text-container p {
          color: #FFFFFF; }
        .button-cart.bordered.gray-7:hover i, .button-cart.bordered.gray-7.active i {
          color: #FFFFFF; }
    .button-cart.bordered.on-blue-background {
      background-color: #4bd2e2;
      border-width: 0; }
      .button-cart.bordered.on-blue-background:hover {
        background-color: #FFFFFF; }
        .button-cart.bordered.on-blue-background:hover i {
          color: #67b7bf; }
        .button-cart.bordered.on-blue-background:hover div p {
          color: #67b7bf; }
      .button-cart.bordered.on-blue-background .process {
        width: auto;
        left: 0;
        right: 0;
        display: none;
        z-index: 1;
        overflow: hidden; }
        .button-cart.bordered.on-blue-background .process-fill {
          width: 100%;
          height: 100%;
          display: block;
          background-color: #000;
          opacity: 0.2;
          filter: alpha(opacity=20);
          border-radius: 4px;
          border-radius: 0.25rem; }
      .button-cart.bordered.on-blue-background.is-processing {
        cursor: not-allowed;
        pointer-events: initial; }
        .button-cart.bordered.on-blue-background.is-processing:before {
          content: none; }
        .button-cart.bordered.on-blue-background.is-processing i, .button-cart.bordered.on-blue-background.is-processing .button-cart-text-container {
          z-index: 2; }
        .button-cart.bordered.on-blue-background.is-processing .process {
          display: block;
          -webkit-animation-duration: 1.5s;
                  animation-duration: 1.5s;
          -webkit-animation-name: buttonIsLoading;
                  animation-name: buttonIsLoading;
          -webkit-animation-iteration-count: infinite;
                  animation-iteration-count: infinite;
          height: 100%; }
          .button-cart.bordered.on-blue-background.is-processing .process .process-fill {
            opacity: .1; }
        .button-cart.bordered.on-blue-background.is-processing:hover {
          background-color: transparent;
          border-color: #FFFFFF; }
          .button-cart.bordered.on-blue-background.is-processing:hover i, .button-cart.bordered.on-blue-background.is-processing:hover .button-cart-text-container p {
            color: #FFFFFF; }
        .button-cart.bordered.on-blue-background.is-processing.disabled, .button-cart.bordered.on-blue-background.is-processing[disabled], .button-cart.bordered.on-blue-background.is-processing:disabled,
        fieldset[disabled] .button-cart.bordered.on-blue-background.is-processing {
          background-color: lightgray; }
      .button-cart.bordered.on-blue-background.disabled, .button-cart.bordered.on-blue-background[disabled], .button-cart.bordered.on-blue-background:disabled,
      fieldset[disabled] .button-cart.bordered.on-blue-background {
        cursor: not-allowed;
        pointer-events: initial;
        background-color: lightgrey;
        opacity: 1;
        filter: alpha(opacity=100);
        border: none; }
        .button-cart.bordered.on-blue-background.disabled:before, .button-cart.bordered.on-blue-background[disabled]:before, .button-cart.bordered.on-blue-background:disabled:before,
        fieldset[disabled] .button-cart.bordered.on-blue-background:before {
          content: none; }
        .button-cart.bordered.on-blue-background.disabled:hover i, .button-cart.bordered.on-blue-background.disabled:hover .button-cart-text-container p, .button-cart.bordered.on-blue-background[disabled]:hover i, .button-cart.bordered.on-blue-background[disabled]:hover .button-cart-text-container p, .button-cart.bordered.on-blue-background:disabled:hover i, .button-cart.bordered.on-blue-background:disabled:hover .button-cart-text-container p,
        fieldset[disabled] .button-cart.bordered.on-blue-background:hover i,
        fieldset[disabled] .button-cart.bordered.on-blue-background:hover .button-cart-text-container p {
          color: #FFFFFF; }
  .button-cart.transparent {
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    color: #67b7bf;
    background-color: transparent; }
    @media only screen and (max-width: 480px) {
      .button-cart.transparent i:not(.icon-chevron-down) {
        display: none; } }
    .button-cart.transparent .button-cart-text-container p {
      color: #67b7bf; }
    .button-cart.transparent:hover {
      border-color: #67b7bf; }
      .button-cart.transparent:hover .button-cart-text-container p {
        transition-delay: 0.17s; }
      .button-cart.transparent:hover .icon {
        color: #67b7bf; }
    .button-cart.transparent.white {
      color: #FFFFFF;
      border-color: transparent; }
      .button-cart.transparent.white .button-cart-text-container p {
        color: #FFFFFF; }
      .button-cart.transparent.white:hover {
        border-color: #FFFFFF; }
        .button-cart.transparent.white:hover .icon {
          color: #FFFFFF; }
    .button-cart.transparent.text-smaller .button-cart-text-container p {
      font-size: 10px; }
  .button-cart.big-cta {
    width: 270px;
    min-height: 4rem; }
    .button-cart.big-cta i {
      color: #FFFFFF; }
    .button-cart.big-cta .button-cart-text-container p {
      font-size: 17px;
      letter-spacing: 2px;
      line-height: 1.25; }
    @media only screen and (max-width: 480px) {
      .button-cart.big-cta {
        width: 100%; } }
  .button-cart.fluo {
    background-color: #fdef16; }
    .button-cart.fluo .button-cart-text-container p {
      color: #e78e03;
      text-shadow: none;
      font-family: "futurabold", Arial, sans-serif; }
    .button-cart.fluo .icon-data {
      color: #e78e03; }
    .button-cart.fluo:hover {
      background-color: #ffa200; }
      .button-cart.fluo:hover .button-cart-text-container p, .button-cart.fluo:hover .icon-data {
        color: #fdef16; }
      .button-cart.fluo:hover .button-cart-text-container {
        max-width: calc(100% - 30px); }

.button-cart-2 {
  cursor: pointer;
  background-image: url(https://images.jamendo.com/jamendolicensing/icon/add-to-cart.svg);
  background-repeat: no-repeat;
  background-size: 30px 25px;
  width: 30px;
  height: 25px; }
  .button-cart-2--added {
    background-image: url(https://images.jamendo.com/jamendolicensing/icon/added-to-cart.svg); }
  @media only screen and (max-width: 768px) {
    .button-cart-2 {
      display: none !important; } }
  .button-cart-2--text {
    background-image: none;
    border: 1px solid #636363;
    border-radius: 20px;
    width: 100px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media only screen and (max-width: 768px) {
      .button-cart-2--text {
        height: 100%;
        width: 100%;
        border: none;
        border-radius: 0;
        border-left: 1px solid #C4C4C4; } }
  .button-cart-2--text .button-cart-2__text {
    display: block; }
  .button-cart-2--popin {
    display: none; }
    @media only screen and (max-width: 768px) {
      .button-cart-2--popin {
        display: block !important; } }
  .button-cart-2__text {
    display: none; }

.button-default-license {
  border: 1px solid #D8D8D8;
  box-sizing: border-box;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  padding: 6px 15px; }
  .button-default-license--white p {
    color: white !important; }
  .button-default-license__text {
    margin: 0;
    padding: 0; }

.accordion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .accordion .button-checkbox {
    width: 100%;
    border-bottom: 1px solid #d0d0d0; }
    .accordion .button-checkbox:checked {
      padding-bottom: 0; }
    .accordion .button-checkbox.expand input[type="radio"]:checked + label {
      cursor: default;
      background-color: whitesmoke !important;
      margin: 0;
      padding: 8px 0; }
    .accordion .button-checkbox label {
      text-transform: none;
      white-space: normal;
      line-height: normal;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .accordion .button-checkbox label span {
        font-size: 15px;
        margin-left: 16px;
        font-family: "futurademi", Arial, sans-serif;
        padding: 0px 15px 0px 0px; }
        .accordion .button-checkbox label span > span {
          color: #67b7bf;
          margin-left: 0; }
      .accordion .button-checkbox label i {
        width: 23px;
        height: 23px;
        margin-right: 10px; }
        .accordion .button-checkbox label i::before {
          top: 5px !important;
          right: 3px !important; }
    .accordion .button-checkbox.no-border label {
      color: #646464;
      padding: 8px 0px 8px 0px; }
    .accordion .button-checkbox .content-displaying {
      background-color: whitesmoke; }
      .accordion .button-checkbox .content-displaying p {
        margin: 10px 0 0 0;
        text-align: left;
        width: 100%;
        padding: 8px 16px 0px 16px; }
      .accordion .button-checkbox .content-displaying ul {
        text-align: left;
        padding: 4px 16px 6px 16px; }
        .accordion .button-checkbox .content-displaying ul li {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          margin: 10px 0;
          font-size: 14px;
          min-height: 0;
          line-height: 1.3;
          cursor: default; }
          .accordion .button-checkbox .content-displaying ul li .icon-check {
            color: #67b7bf;
            margin-right: 10px; }
          .accordion .button-checkbox .content-displaying ul li .icon-wrong {
            color: red;
            margin-right: 10px; }
      .accordion .button-checkbox .content-displaying a {
        float: left;
        margin: 10px 16px 30px 16px; }
    .accordion .button-checkbox:hover {
      background-color: whitesmoke; }
      .accordion .button-checkbox:hover.no-border label {
        color: #67b7bf; }
    .accordion .button-checkbox.expand input[type="checkbox"]:checked + label .icon,
    .accordion .button-checkbox.expand input[type="radio"]:checked + label .icon {
      -webkit-transform: translate(0px) rotate(90deg);
              transform: translate(0px) rotate(90deg); }
      .accordion .button-checkbox.expand input[type="checkbox"]:checked + label .icon::before,
      .accordion .button-checkbox.expand input[type="radio"]:checked + label .icon::before {
        right: 6px !important; }

a.button-icon {
  color: #67b7bf; }

.button-icon {
  color: #67b7bf; }
  .button-icon .icon {
    width: 36px;
    width: 2.25rem;
    height: 36px;
    height: 2.25rem;
    line-height: 2.25;
    text-align: center; }
  .button-icon span {
    margin-right: 10px;
    margin-right: 0.625rem;
    line-height: 3;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap; }
  .button-icon:hover {
    color: #48a2ab; }
  .button-icon.discreet {
    color: #646464; }
    .button-icon.discreet:hover {
      color: #4a4a4a; }
  .button-icon.very-discreet {
    color: #999999; }
    .button-icon.very-discreet:hover {
      color: gray; }
  .button-icon.overlay {
    color: #FFFFFF; }
    .button-icon.overlay:hover {
      color: #67b7bf; }
    .button-icon.overlay.facebook:hover {
      color: #5f78ab; }
    .button-icon.overlay.google:hover {
      color: #e14b39; }
    .button-icon.overlay.twitter:hover {
      color: #4099ff; }
    .button-icon.overlay.youtube:hover {
      color: #bb0000; }
    .button-icon.overlay.instagram:hover {
      color: #517fa4; }
  .button-icon.disabled, .button-icon:disabled,
  .button-icon[disabled] .button-icon {
    cursor: not-allowed;
    opacity: 0.25;
    filter: alpha(opacity=25); }

.button-play {
  width: 64px;
  width: 4rem;
  height: 64px;
  height: 4rem; }
  .button-play .icon {
    top: 2px;
    z-index: 3; }
  .button-play:before, .button-play.is-switched-on:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .button-play:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #67b7bf;
    z-index: 1; }
  .button-play:hover:before {
    background-color: #48a2ab; }
  .button-play.is-switched-on:after {
    margin: 8px;
    margin: 0.5rem;
    z-index: 2;
    background-color: #48a2ab; }
  .button-play.stretched {
    width: 100%;
    height: 100%; }
    .button-play.stretched:before, .button-play.stretched:after {
      top: 50%;
      right: initial;
      bottom: initial;
      left: 50%; }
    .button-play.stretched:before {
      width: 36px;
      width: 2.25rem;
      height: 36px;
      height: 2.25rem;
      margin-left: -18px;
      margin-left: -1.125rem;
      margin-top: -18px;
      margin-top: -1.125rem; }
    .button-play.stretched:after {
      width: 24px;
      width: 1.5rem;
      height: 24px;
      height: 1.5rem;
      margin-left: -12px;
      margin-left: -0.75rem;
      margin-top: -12px;
      margin-top: -0.75rem; }
    .button-play.stretched.rounded:before {
      width: 68px;
      width: 4.25rem;
      height: 68px;
      height: 4.25rem;
      margin-left: -33.6px;
      margin-left: -2.1rem;
      margin-top: -30.4px;
      margin-top: -1.9rem;
      border-radius: 50%; }
    .button-play.stretched.feat-rounded:before {
      width: 42px;
      height: 42px;
      margin-left: -22px;
      margin-top: -19px;
      border-radius: 50%; }
    .button-play.stretched.feat-rounded::after {
      background-color: transparent; }
    .button-play.stretched.feat-rounded .icon-pause {
      margin-left: -2px; }
      .button-play.stretched.feat-rounded .icon-pause::after {
        content: none; }
  .button-play.overlay:before, .button-play.overlay:after {
    display: none; }
  .button-play.round {
    width: 24px;
    width: 1.5rem;
    min-width: 24px;
    min-width: 1.5rem;
    height: 24px;
    height: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .button-play.round::before {
      width: 100%;
      height: 100%;
      margin: 0;
      top: 0;
      left: 0;
      border-radius: 50%;
      background-color: transparent; }
    .button-play.round .icon-data {
      font-size: 24px;
      color: #67b7bf; }
    .button-play.round.is-switched-on::after {
      content: none; }
    .button-play.round.animated {
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      height: 100%; }
      .button-play.round.animated::before {
        border-radius: 50%; }
      .button-play.round.animated i {
        color: white;
        font-size: 20px;
        transition: font-size .12s ease-in-out; }
      .button-play.round.animated .loader {
        display: none; }
      .button-play.round.animated:hover, .button-play.round.animated.is-switched-on {
        border-radius: 50%; }
        .button-play.round.animated:hover i.icon-play-stroke-full, .button-play.round.animated.is-switched-on i.icon-play-stroke-full {
          background-color: transparent;
          font-size: 42px; }
        .button-play.round.animated:hover i.icon-play, .button-play.round.animated.is-switched-on i.icon-play {
          font-size: 30px; }
      .button-play.round.animated.is-switched-on {
        background-color: rgba(103, 183, 191, 0.8); }
        .button-play.round.animated.is-switched-on .loader {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          height: 22px;
          border: 2px solid #FFFFFF;
          border-radius: 100%;
          width: 36px;
          height: 36px;
          padding: 5px;
          margin: 0;
          opacity: 1;
          transition: opacity 1s; }
          .button-play.round.animated.is-switched-on .loader span {
            background-color: #FFFFFF;
            width: 3px;
            margin: 0 2px; }
        .button-play.round.animated.is-switched-on:hover {
          background-color: rgba(103, 183, 191, 0.9); }
          .button-play.round.animated.is-switched-on:hover .loader {
            display: none;
            opacity: 0; }
          .button-play.round.animated.is-switched-on:hover i.icon-pause-rounded {
            display: block;
            background-color: transparent;
            font-size: 42px; }
      @media only screen and (max-width: 768px) {
        .button-play.round.animated:active.is-switched-on i.icon-pause-rounded, .button-play.round.animated:focus.is-switched-on i.icon-pause-rounded {
          display: none; }
        .button-play.round.animated:active.is-switched-on .loader, .button-play.round.animated:focus.is-switched-on .loader {
          display: -webkit-box !important;
          display: -ms-flexbox !important;
          display: flex !important;
          opacity: 1 !important; } }
      .button-play.round.animated.featured i, .button-play.round.animated.overlay i {
        font-size: 50px; }
      .button-play.round.animated.featured:hover, .button-play.round.animated.featured.is-switched-on, .button-play.round.animated.overlay:hover, .button-play.round.animated.overlay.is-switched-on {
        background-color: rgba(103, 183, 191, 0.9); }
        .button-play.round.animated.featured:hover i.icon-play-stroke-full, .button-play.round.animated.featured.is-switched-on i.icon-play-stroke-full, .button-play.round.animated.overlay:hover i.icon-play-stroke-full, .button-play.round.animated.overlay.is-switched-on i.icon-play-stroke-full {
          font-size: 56px; }
      .button-play.round.animated.featured.is-switched-on .loader, .button-play.round.animated.overlay.is-switched-on .loader {
        width: 50px;
        height: 50px;
        padding: 8px;
        border-width: 3px; }
        .button-play.round.animated.featured.is-switched-on .loader span, .button-play.round.animated.overlay.is-switched-on .loader span {
          width: 4px; }
      .button-play.round.animated.featured.is-switched-on:hover .loader, .button-play.round.animated.overlay.is-switched-on:hover .loader {
        display: none;
        opacity: 0; }
      .button-play.round.animated.featured.is-switched-on:hover i.icon-pause-rounded, .button-play.round.animated.overlay.is-switched-on:hover i.icon-pause-rounded {
        font-size: 58px; }
      .button-play.round.animated.lighter:hover {
        background-color: rgba(255, 255, 255, 0.25); }
        .button-play.round.animated.lighter:hover i {
          background-color: rgba(0, 0, 0, 0.1); }
      .button-play.round.animated.overlay {
        width: 56px;
        height: 56px;
        top: calc(50% - 28px);
        left: calc(50% - 28px);
        margin: 0;
        background-color: transparent !important; }
        .button-play.round.animated.overlay:hover i {
          background-color: transparent; }
        .button-play.round.animated.overlay.player-mini {
          display: inline-block;
          vertical-align: middle;
          position: relative;
          height: 50px;
          width: 50px;
          top: 0; }
          .button-play.round.animated.overlay.player-mini i {
            font-size: 36px; }
          .button-play.round.animated.overlay.player-mini:hover i.icon-play-stroke-full,
          .button-play.round.animated.overlay.player-mini:hover i.icon-pause-rounded, .button-play.round.animated.overlay.player-mini.is-switched-on i.icon-play-stroke-full,
          .button-play.round.animated.overlay.player-mini.is-switched-on i.icon-pause-rounded {
            font-size: 42px; }
        .button-play.round.animated.overlay.player-full {
          position: relative;
          height: 50px;
          width: 50px;
          padding: 0;
          top: 0;
          left: 0; }
          .button-play.round.animated.overlay.player-full i {
            font-size: 36px;
            left: 0; }
          .button-play.round.animated.overlay.player-full:hover i.icon-play-stroke-full,
          .button-play.round.animated.overlay.player-full:hover i.icon-pause-rounded, .button-play.round.animated.overlay.player-full.is-switched-on i.icon-play-stroke-full,
          .button-play.round.animated.overlay.player-full.is-switched-on i.icon-pause-rounded {
            font-size: 42px; }
  .button-play.round-bordered {
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .button-play.round-bordered:hover {
      cursor: pointer; }
    .button-play.round-bordered::before {
      width: 100%;
      height: 100%;
      margin: 0;
      top: 0;
      left: 0;
      border-radius: 50%;
      background-color: #FFFFFF;
      border: 2px solid #b1b1b1; }
    .button-play.round-bordered .icon-data {
      width: auto;
      height: auto;
      top: 0; }
      .button-play.round-bordered .icon-data.icon-triangle-full {
        left: 2px;
        z-index: 1; }
      .button-play.round-bordered .icon-data.icon-pause {
        z-index: 3; }
    .button-play.round-bordered.is-switched-on::after {
      background-color: #FFFFFF; }
  .button-play--round-and-shadow {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    transition: width .12s ease-in-out,  height .12s ease-in-out; }
    .button-play--round-and-shadow:hover {
      cursor: pointer;
      width: 45px;
      height: 45px; }
      .button-play--round-and-shadow:hover:before {
        background-color: var(--background-color); }
      .button-play--round-and-shadow:hover .icon-data {
        font-size: 20px; }
    .button-play--round-and-shadow::before {
      width: 100%;
      height: 100%;
      margin: 0;
      top: 0;
      left: 0;
      border-radius: 50%;
      background-color: #FFFFFF;
      box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); }
    .button-play--round-and-shadow .icon-data {
      color: #9B9B9B;
      width: auto;
      height: auto;
      top: 0;
      transition: font-size .12s ease-in-out; }
      .button-play--round-and-shadow .icon-data.icon-triangle-full {
        left: 2px;
        z-index: 1; }
      .button-play--round-and-shadow .icon-data.icon-pause {
        z-index: 3; }
    .button-play--round-and-shadow.is-switched-on::after {
      background-color: #FFFFFF; }

a.button-price-tag {
  color: #FFFFFF; }

.button-price-tag {
  width: 100%;
  min-height: 48px;
  min-height: 3rem; }
  .button-price-tag > div > div {
    padding: 8px 16px;
    padding: 0.5rem 1rem;
    height: 48px;
    height: 3rem; }
    .button-price-tag > div > div:first-child {
      border-top-left-radius: 4px;
      border-top-left-radius: 0.25rem;
      border-bottom-left-radius: 4px;
      border-bottom-left-radius: 0.25rem;
      background-color: #67b7bf;
      width: 100%;
      text-align: left; }
    .button-price-tag > div > div:last-child {
      text-align: left;
      border-top-right-radius: 4px;
      border-top-right-radius: 0.25rem;
      border-bottom-right-radius: 4px;
      border-bottom-right-radius: 0.25rem;
      background-color: #48a2ab;
      white-space: nowrap;
      line-height: 1.3; }
      .button-price-tag > div > div:last-child span {
        display: block; }
        .button-price-tag > div > div:last-child span.regular-price {
          display: inline-block;
          text-decoration: line-through; }
  .button-price-tag:hover {
    cursor: pointer;
    text-decoration: none; }
    .button-price-tag:hover > div > div:first-child {
      background-color: #4bd2e2; }
    .button-price-tag:hover > div > div:last-child {
      background-color: #67b7bf; }

.btn-img-background {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 14px 40px 10px;
  width: 349px;
  height: 99px;
  background-color: transparent;
  background-image: url("https://images.jamendo.com/jamendomusic/welcome/free-trial-cta.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  color: #FFFFFF !important;
  line-height: 1.2;
  text-transform: uppercase;
  text-decoration: none !important;
  text-align: center;
  font-size: 18px;
  font-family: "futurademi", Arial, sans-serif; }
  .btn-img-background:hover {
    color: #FFFFFF;
    text-decoration: none; }

.button-checkbox {
  display: inline-block; }
  .button-checkbox input[type="checkbox"], .button-checkbox input[type="radio"] {
    display: none; }
    .button-checkbox input[type="checkbox"]:checked + label, .button-checkbox input[type="radio"]:checked + label {
      background-color: #FFFFFF;
      color: #67b7bf; }
  .button-checkbox label {
    text-transform: uppercase;
    font-family: "futurabook", Arial, sans-serif;
    letter-spacing: 1px;
    padding: 8px 24px;
    padding: 0.5rem 1.5rem;
    border-radius: 4px;
    border-radius: 0.25rem;
    color: #FFFFFF;
    line-height: 2.1;
    background-color: #67b7bf;
    border: 2px solid #67b7bf;
    cursor: pointer;
    text-align: center;
    margin: 0 auto; }
  .button-checkbox.bordered label {
    background-color: #FFFFFF;
    color: #67b7bf; }
  .button-checkbox.bordered input[type="checkbox"], .button-checkbox.bordered input[type="radio"] {
    display: none; }
    .button-checkbox.bordered input[type="checkbox"]:checked + label, .button-checkbox.bordered input[type="radio"]:checked + label {
      background-color: #67b7bf;
      color: #FFFFFF; }
    .button-checkbox.bordered input[type="checkbox"]:checked ~ .content-displaying, .button-checkbox.bordered input[type="radio"]:checked ~ .content-displaying {
      display: block; }
  .button-checkbox.no-border label {
    background-color: transparent;
    color: #67b7bf;
    border: none;
    padding: 0;
    text-align: left; }
  .button-checkbox.no-border input[type="checkbox"], .button-checkbox.no-border input[type="radio"] {
    display: none; }
    .button-checkbox.no-border input[type="checkbox"]:checked + label, .button-checkbox.no-border input[type="radio"]:checked + label {
      background-color: transparent !important;
      color: #67b7bf; }
    .button-checkbox.no-border input[type="checkbox"]:checked ~ .content-displaying, .button-checkbox.no-border input[type="radio"]:checked ~ .content-displaying {
      display: block; }
  .button-checkbox.small label {
    padding: 0rem 8px;
    padding: 0rem 0.5rem; }
  .button-checkbox.discreet label {
    color: gray;
    border: 1px solid #b3b3b3;
    font-size: 14px;
    line-height: 1.5;
    padding: 0;
    min-width: 30px;
    min-height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .button-checkbox.discreet input[type="checkbox"], .button-checkbox.discreet input[type="radio"] {
    display: none; }
    .button-checkbox.discreet input[type="checkbox"]:checked + label, .button-checkbox.discreet input[type="radio"]:checked + label {
      background-color: #67b7bf;
      color: #FFFFFF;
      border: 1px solid #67b7bf; }
    .button-checkbox.discreet input[type="checkbox"]:checked ~ .content-displaying, .button-checkbox.discreet input[type="radio"]:checked ~ .content-displaying {
      display: block; }
  .button-checkbox.icon-data label {
    background-color: transparent;
    overflow: visible;
    padding: 0;
    border: 0;
    border-radius: 0;
    line-height: 1; }
    .button-checkbox.icon-data label .icon-data {
      transition-duration: .2s;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0); }
  .button-checkbox.icon-data:hover label .icon-data {
    color: #67b7bf; }
  .button-checkbox.icon-data:active label .icon-data {
    transition-duration: .1s;
    -webkit-transform: perspective(24px) translate3d(0px, 0px, -6px);
            transform: perspective(24px) translate3d(0px, 0px, -6px); }
  .button-checkbox.icon {
    width: 24px;
    height: 24px; }
    .button-checkbox.icon label {
      background-color: transparent;
      width: 24px;
      height: 24px;
      overflow: visible;
      padding: 0;
      border: 0;
      border-radius: 0; }
      .button-checkbox.icon label .icon {
        width: 24px;
        height: 24px;
        font-size: 24px;
        transition-duration: .2s;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0); }
    .button-checkbox.icon:hover label .icon {
      color: #67b7bf; }
    .button-checkbox.icon:active label .icon {
      transition-duration: .1s;
      -webkit-transform: perspective(24px) translate3d(0px, 0px, -6px);
              transform: perspective(24px) translate3d(0px, 0px, -6px); }
    .button-checkbox.icon input[type="checkbox"]:checked + label, .button-checkbox.icon input[type="radio"]:checked + label {
      background-color: transparent; }
    .button-checkbox.icon.switch label .icon:last-of-type {
      display: none; }
    .button-checkbox.icon.switch input[type="checkbox"]:checked + label .icon, .button-checkbox.icon.switch input[type="radio"]:checked + label .icon {
      display: none; }
      .button-checkbox.icon.switch input[type="checkbox"]:checked + label .icon:last-of-type, .button-checkbox.icon.switch input[type="radio"]:checked + label .icon:last-of-type {
        display: inline-block; }
    .button-checkbox.icon.switch label span .icon:last-of-type {
      display: inline-block; }
    .button-checkbox.icon.switch label span:last-of-type {
      display: none; }
    .button-checkbox.icon.switch input[type="checkbox"]:checked + label span, .button-checkbox.icon.switch input[type="radio"]:checked + label span {
      display: none; }
      .button-checkbox.icon.switch input[type="checkbox"]:checked + label span:last-of-type, .button-checkbox.icon.switch input[type="radio"]:checked + label span:last-of-type {
        display: inline-block; }
    .button-checkbox.icon.warning-color label .icon {
      color: #FFFFFF; }
    .button-checkbox.icon.warning-color:hover label .icon {
      color: #ed795a; }
    .button-checkbox.icon.warning-color input[type="checkbox"]:checked + label .icon, .button-checkbox.icon.warning-color input[type="radio"]:checked + label .icon {
      color: #ed795a; }
  .button-checkbox.icon-data label {
    background-color: transparent;
    overflow: visible;
    padding: 0;
    border: 0;
    border-radius: 0; }
    .button-checkbox.icon-data label .icon-data {
      transition-duration: .2s;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0); }
    .button-checkbox.icon-data label.reset {
      color: inherit;
      white-space: initial;
      text-align: inherit;
      font-family: "Proxima Nova", "Helvetica", Arial, sans-serif;
      font-weight: inherit;
      line-height: inherit;
      letter-spacing: inherit; }
  .button-checkbox.icon-data:hover label .icon-data {
    color: #67b7bf; }
  .button-checkbox.icon-data:active label .icon-data {
    transition-duration: .1s;
    -webkit-transform: perspective(24px) translate3d(0px, 0px, -6px);
            transform: perspective(24px) translate3d(0px, 0px, -6px); }
  .button-checkbox.icon-data input[type="checkbox"]:checked + label, .button-checkbox.icon-data input[type="radio"]:checked + label {
    background-color: transparent; }
  .button-checkbox.icon-data.switch label .icon-data:last-of-type {
    display: none; }
  .button-checkbox.icon-data.switch input[type="checkbox"]:checked + label .icon-data, .button-checkbox.icon-data.switch input[type="radio"]:checked + label .icon-data {
    display: none; }
    .button-checkbox.icon-data.switch input[type="checkbox"]:checked + label .icon-data:last-of-type, .button-checkbox.icon-data.switch input[type="radio"]:checked + label .icon-data:last-of-type {
      display: inline-block; }
  .button-checkbox.icon-data.switch label span .icon-data:last-of-type {
    display: inline-block; }
  .button-checkbox.icon-data.switch label span:last-of-type {
    display: none; }
  .button-checkbox.icon-data.switch input[type="checkbox"]:checked + label span, .button-checkbox.icon-data.switch input[type="radio"]:checked + label span {
    display: none; }
    .button-checkbox.icon-data.switch input[type="checkbox"]:checked + label span:last-of-type, .button-checkbox.icon-data.switch input[type="radio"]:checked + label span:last-of-type {
      display: inline-block; }
  .button-checkbox.icon-data.warning-color label .icon-data {
    color: #FFFFFF; }
  .button-checkbox.icon-data.warning-color:hover label .icon-data {
    color: #ed795a; }
  .button-checkbox.icon-data.warning-color input[type="checkbox"]:checked + label .icon-data, .button-checkbox.icon-data.warning-color input[type="radio"]:checked + label .icon-data {
    color: #ed795a; }
  .button-checkbox.center {
    display: block;
    margin: 32px auto;
    margin: 2rem auto; }
  .button-checkbox.medium label {
    font-family: "futurademi", Arial, sans-serif; }
  .button-checkbox.half-width label {
    width: 50%; }
  @media only screen and (max-width: 480px) {
    .button-checkbox.half-width label {
      width: 100%; } }
  .button-checkbox.expand label .icon, .button-checkbox.expand label .icon-data {
    display: inline-block;
    position: relative;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s; }
    .button-checkbox.expand label .icon::before, .button-checkbox.expand label .icon-data::before {
      position: absolute;
      top: 4px;
      right: -3px; }
  .button-checkbox.expand .content-checkbox,
  .button-checkbox.expand .content-displaying {
    max-height: 0;
    transition: max-height 0.6s cubic-bezier(0, 1, 0, 1);
    display: block;
    overflow: hidden; }
  .button-checkbox.expand input[type="checkbox"], .button-checkbox.expand input[type="radio"] {
    display: none; }
    .button-checkbox.expand input[type="checkbox"]:checked + label, .button-checkbox.expand input[type="radio"]:checked + label {
      background-color: #FFFFFF;
      color: #67b7bf; }
      .button-checkbox.expand input[type="checkbox"]:checked + label .icon, .button-checkbox.expand input[type="checkbox"]:checked + label .icon-data, .button-checkbox.expand input[type="radio"]:checked + label .icon, .button-checkbox.expand input[type="radio"]:checked + label .icon-data {
        -webkit-transform-origin: center;
                transform-origin: center;
        -webkit-transform: translate(7px, -1px) rotate(90deg);
                transform: translate(7px, -1px) rotate(90deg); }
        .button-checkbox.expand input[type="checkbox"]:checked + label .icon::before, .button-checkbox.expand input[type="checkbox"]:checked + label .icon-data::before, .button-checkbox.expand input[type="radio"]:checked + label .icon::before, .button-checkbox.expand input[type="radio"]:checked + label .icon-data::before {
          right: -6px; }
    .button-checkbox.expand input[type="checkbox"]:checked ~ .content-displaying, .button-checkbox.expand input[type="radio"]:checked ~ .content-displaying {
      max-height: 999px;
      transition: max-height 0.6s cubic-bezier(1, 0, 1, 0); }
  .button-checkbox.expand.flex .content-displaying {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .button-checkbox.expand.flex input[type="checkbox"]:checked ~ .content-displaying, .button-checkbox.expand.flex input[type="radio"]:checked ~ .content-displaying {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .button-checkbox.expand.flex-column .content-displaying {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
        flex-flow: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    opacity: 0;
    margin-top: -40px; }
  .button-checkbox.expand.flex-column input[type="checkbox"]:checked ~ .content-displaying, .button-checkbox.expand.flex-column input[type="radio"]:checked ~ .content-displaying {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
        flex-flow: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    opacity: 1;
    margin-top: 0; }
  .button-checkbox.expand.data label {
    text-transform: inherit;
    color: inherit;
    font-size: inherit;
    letter-spacing: inherit;
    font-weight: initial; }
    .button-checkbox.expand.data label .icon-data:before {
      top: 2px;
      right: -1px; }
  .button-checkbox.expand.data input[type="checkbox"]:checked + label .icon-data, .button-checkbox.expand.data input[type="radio"]:checked + label .icon-data {
    -webkit-transform: translate(4px, -5px) rotate(90deg);
            transform: translate(4px, -5px) rotate(90deg); }
  .button-checkbox.expand.brand-hover:hover {
    color: #67b7bf; }
  .button-checkbox[refine] {
    width: 100%; }
    .button-checkbox[refine] label {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .button-checkbox[refine] label span {
        color: black;
        font-size: 17px;
        text-transform: none;
        font-weight: "futurabook", Arial, sans-serif;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; }
        .button-checkbox[refine] label span::first-letter {
          text-transform: capitalize; }
      .button-checkbox[refine] label .icon {
        color: #cccccc; }
        .button-checkbox[refine] label .icon::before {
          position: absolute;
          top: 0px;
          right: 0px; }
        .button-checkbox[refine] label .icon.icon-refine {
          width: 1.5rem;
          height: 1.5rem;
          font-size: 1.5rem;
          margin-right: 0.5rem; }
    .button-checkbox[refine] input[type="checkbox"]:checked + label .icon, .button-checkbox[refine] input[type="radio"]:checked + label .icon {
      -webkit-transform-origin: center;
              transform-origin: center;
      -webkit-transform: translate(0px, -1px) rotate(90deg);
              transform: translate(0px, -1px) rotate(90deg);
      color: #67b7bf; }
      .button-checkbox[refine] input[type="checkbox"]:checked + label .icon::before, .button-checkbox[refine] input[type="radio"]:checked + label .icon::before {
        right: 0px; }
      .button-checkbox[refine] input[type="checkbox"]:checked + label .icon.icon-refine, .button-checkbox[refine] input[type="radio"]:checked + label .icon.icon-refine {
        color: #67b7bf; }
  .button-checkbox.pop-in-expand {
    outline: none; }
    .button-checkbox.pop-in-expand .pop-in-wrapper {
      display: none;
      overflow: visible;
      outline: none;
      z-index: 0;
      -webkit-animation: move-from-top-opacity 0.2s ease-out;
              animation: move-from-top-opacity 0.2s ease-out; }

@-webkit-keyframes move-from-top-opacity {
  0% {
    top: 50px;
    opacity: 0;
    -webkit-transform: translateZ(0);
            transform: translateZ(0); }
  100% {
    top: 100%;
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0); } }

@keyframes move-from-top-opacity {
  0% {
    top: 50px;
    opacity: 0;
    -webkit-transform: translateZ(0);
            transform: translateZ(0); }
  100% {
    top: 100%;
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0); } }
      .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in {
        margin-left: 0;
        margin-top: 7px; }
        .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in > * {
          font-family: "futurabook", Arial, sans-serif; }
        .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in ul {
          padding: 0.5rem 0; }
          .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in ul li {
            line-height: 2;
            padding: 0 8px; }
            .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in ul li a {
              display: block; }
              .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in ul li a:hover {
                background-color: #4d4d4d; }
        .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in.white-rounded-shadow ul li {
          padding: 0; }
          .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in.white-rounded-shadow ul li a {
            text-decoration: none;
            text-transform: none;
            text-align: left;
            color: #646464;
            margin: 2px 10px;
            padding: 5px 0px 5px 10px; }
            .button-checkbox.pop-in-expand .pop-in-wrapper .pop-in.white-rounded-shadow ul li a:hover {
              background-color: #ebebeb; }
    .button-checkbox.pop-in-expand input[type="checkbox"], .button-checkbox.pop-in-expand input[type="radio"] {
      display: none; }
      .button-checkbox.pop-in-expand input[type="checkbox"]:checked + label, .button-checkbox.pop-in-expand input[type="radio"]:checked + label {
        color: #67b7bf; }
      .button-checkbox.pop-in-expand input[type="checkbox"]:checked ~ .pop-in-wrapper, .button-checkbox.pop-in-expand input[type="radio"]:checked ~ .pop-in-wrapper {
        display: block; }

.checkbox-multi-display .content {
  display: inline-block; }
  .checkbox-multi-display .content label {
    width: 160px; }
    .checkbox-multi-display .content label .icon {
      display: inline-block;
      position: relative;
      transition: -webkit-transform 0.3s;
      transition: transform 0.3s; }
      .checkbox-multi-display .content label .icon::before {
        position: absolute;
        top: 4px;
        right: -3px; }

.checkbox-multi-display input[type="checkbox"], .checkbox-multi-display input[type="radio"] {
  display: none; }
  .checkbox-multi-display input[type="checkbox"] ~ section .content-displaying, .checkbox-multi-display input[type="radio"] ~ section .content-displaying {
    max-height: 0;
    transition: max-height 0.6s cubic-bezier(0, 1, 0, 1);
    display: block;
    overflow: hidden; }
  .checkbox-multi-display input[type="checkbox"]:checked ~ section .content-displaying, .checkbox-multi-display input[type="radio"]:checked ~ section .content-displaying {
    max-height: 999px;
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0); }
  .checkbox-multi-display input[type="checkbox"]:checked ~ section label, .checkbox-multi-display input[type="radio"]:checked ~ section label {
    background-color: #FFFFFF;
    color: #67b7bf; }
    .checkbox-multi-display input[type="checkbox"]:checked ~ section label .icon, .checkbox-multi-display input[type="radio"]:checked ~ section label .icon {
      -webkit-transform-origin: center;
              transform-origin: center;
      -webkit-transform: translate(7px, -1px) rotate(90deg);
              transform: translate(7px, -1px) rotate(90deg); }
      .checkbox-multi-display input[type="checkbox"]:checked ~ section label .icon::before, .checkbox-multi-display input[type="radio"]:checked ~ section label .icon::before {
        right: -6px; }

.section.container input#checker[type="checkbox"] {
  display: none; }
  .section.container input#checker[type="checkbox"] ~ .offer .content-displaying {
    max-height: 0;
    transition: max-height 0.6s cubic-bezier(0, 1, 0, 1);
    display: block;
    overflow: hidden; }
  .section.container input#checker[type="checkbox"]:checked ~ .offer .content-displaying {
    max-height: 999px;
    transition: max-height 0.6s cubic-bezier(1, 0, 1, 0); }
  .section.container input#checker[type="checkbox"]:checked ~ .offer label {
    background-color: transparent;
    color: #67b7bf; }
    .section.container input#checker[type="checkbox"]:checked ~ .offer label .icon {
      -webkit-transform-origin: center;
              transform-origin: center;
      -webkit-transform: translate(7px, -1px) rotate(90deg);
              transform: translate(7px, -1px) rotate(90deg); }
      .section.container input#checker[type="checkbox"]:checked ~ .offer label .icon::before {
        right: -6px; }

.tgl {
  display: none; }
  .tgl, .tgl:after, .tgl:before,
  .tgl *,
  .tgl *:after,
  .tgl *:before,
  .tgl + .tgl-btn {
    box-sizing: border-box; }
    .tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection,
    .tgl *::-moz-selection,
    .tgl *:after::-moz-selection,
    .tgl *:before::-moz-selection,
    .tgl + .tgl-btn::-moz-selection {
      background: none; }
    .tgl::selection, .tgl:after::selection, .tgl:before::selection,
    .tgl *::selection,
    .tgl *:after::selection,
    .tgl *:before::selection,
    .tgl + .tgl-btn::selection {
      background: none; }
  .tgl + .tgl-btn {
    outline: 0;
    display: block;
    width: 4em;
    height: 2em;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
      position: relative;
      display: block;
      content: "";
      width: 50%;
      height: 100%; }
    .tgl + .tgl-btn:after {
      left: 0; }
    .tgl + .tgl-btn:before {
      display: none; }
  .tgl:checked + .tgl-btn:after {
    left: 50%; }

.tgl-light + .tgl-btn {
  background: #b3b3b3;
  border-radius: 2em;
  padding: 2px;
  transition: all .4s ease; }
  .tgl-light + .tgl-btn:after {
    border-radius: 50%;
    background: #fff;
    transition: all .2s ease; }

.tgl-light:checked + .tgl-btn {
  background: #67b7bf; }

.toggle_radio {
  position: relative;
  background-color: #67b7bf;
  margin: 4px auto;
  overflow: hidden;
  padding: 0 !important;
  border-radius: 50px;
  position: relative;
  height: 30px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .toggle_radio > * {
    float: left; }
  .toggle_radio input[type=radio] {
    display: none; }
  .toggle_radio #first_toggle:checked ~ .toggle_option_slider {
    background-color: #afd9dd;
    left: 3px;
    width: 42%; }
  .toggle_radio #second_toggle:checked ~ .toggle_option_slider {
    background-color: #afd9dd;
    left: calc(42% + 6px);
    width: 23%; }
  .toggle_radio #third_toggle:checked ~ .toggle_option_slider {
    background-color: #afd9dd;
    left: calc(65% + 15px);
    width: 28%; }
  .toggle_radio .toggle_option_slider {
    width: 100px;
    height: 24px;
    position: absolute;
    top: 3px;
    border-radius: 50px;
    transition: all .4s ease;
    background-color: rgba(255, 255, 255, 0.3); }
  .toggle_radio label, .toggle_radio .button-checkbox label {
    color: rgba(255, 255, 255, 0.9);
    z-index: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: auto;
    height: 24px;
    margin: 3px 3px;
    -webkit-border-radius: 50px;
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
    border-radius: 50px;
    cursor: pointer;
    z-index: 1;
    text-align: center; }
    .toggle_radio label p, .toggle_radio .button-checkbox label p {
      margin: 0;
      text-align: center;
      width: 100%;
      color: #FFFFFF;
      text-transform: initial; }

.button-checkbox.default label {
  color: #b3b3b3; }

.button-burger {
  display: inline-block; }
  .button-burger input[type="checkbox"] {
    display: none; }
  .button-burger label {
    margin: 0;
    line-height: 1; }
  .button-burger.no-border label {
    background-color: transparent;
    color: #67b7bf;
    border: none;
    padding: 0;
    text-align: left; }
  .button-burger.no-border input[type="checkbox"] {
    display: none; }
    .button-burger.no-border input[type="checkbox"]:checked + label {
      background-color: transparent !important;
      color: #67b7bf; }
    .button-burger.no-border input[type="checkbox"]:checked ~ .content-displaying {
      display: block; }
  .button-burger .hamburger {
    padding: 12px 11px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, -webkit-filter, opacity, filter;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
    line-height: 0.6; }
    .button-burger .hamburger:hover {
      opacity: 0.7; }
  .button-burger .hamburger-box {
    width: 18px;
    height: 16px;
    display: inline-block;
    position: relative; }
  .button-burger .hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -1px; }
    .button-burger .hamburger-inner, .button-burger .hamburger-inner::before, .button-burger .hamburger-inner::after {
      width: 18px;
      height: 2px;
      background-color: #ffffff;
      border-radius: 4px;
      position: absolute;
      transition-property: -webkit-transform;
      transition-property: transform;
      transition-duration: 0.15s;
      transition-timing-function: ease; }
    .button-burger .hamburger-inner::before, .button-burger .hamburger-inner::after {
      content: "";
      display: block; }
    .button-burger .hamburger-inner::before {
      top: -7px; }
    .button-burger .hamburger-inner::after {
      bottom: -7px; }
  .button-burger .hamburger--elastic-r .hamburger-inner {
    top: 1px;
    transition-duration: 0.275s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
    .button-burger .hamburger--elastic-r .hamburger-inner::before {
      top: 7px;
      transition: opacity 0.125s 0.275s ease; }
    .button-burger .hamburger--elastic-r .hamburger-inner::after {
      top: 14px;
      transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
      transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .button-burger input[type="checkbox"]:checked + label {
    background-color: #FFFFFF;
    color: #67b7bf; }
    .button-burger input[type="checkbox"]:checked + label .hamburger--elastic-r {
      background-color: #8bc8ce;
      border-radius: 50%;
      transition: background-color .10s linear; }
      .button-burger input[type="checkbox"]:checked + label .hamburger--elastic-r:hover {
        opacity: 1;
        background-color: rgba(139, 200, 206, 0.7); }
    .button-burger input[type="checkbox"]:checked + label .hamburger--elastic-r .hamburger-box .hamburger-inner {
      -webkit-transform: translate3d(0, 7px, 0) rotate(-135deg);
              transform: translate3d(0, 7px, 0) rotate(-135deg);
      transition-delay: 0.075s; }
      .button-burger input[type="checkbox"]:checked + label .hamburger--elastic-r .hamburger-box .hamburger-inner::before {
        transition-delay: 0s;
        opacity: 0; }
      .button-burger input[type="checkbox"]:checked + label .hamburger--elastic-r .hamburger-box .hamburger-inner::after {
        -webkit-transform: translate3d(0, -14px, 0) rotate(270deg);
                transform: translate3d(0, -14px, 0) rotate(270deg);
        transition-delay: 0.075s; }
  @media only screen and (max-width: 768px) {
    .button-burger .hamburger:hover {
      opacity: 1; }
    .button-burger input[type="checkbox"]:checked + label .hamburger--elastic-r:hover {
      opacity: 1; } }

.heading {
  font-weight: "futurabook", Arial, sans-serif;
  line-height: 1.2;
  display: block;
  text-align: center;
  margin-bottom: 0; }
  .heading.left {
    text-align: left; }
  .heading.add {
    font-size: 44px;
    font-size: 2.75rem;
    font-family: "futurademi", Arial, sans-serif; }
    @media only screen and (max-width: 992px) {
      .heading.add {
        font-size: 32px;
        font-size: 2rem; } }
  .heading.h2 {
    margin-top: 8px;
    margin-top: 0.5rem;
    margin-bottom: 32px;
    margin-bottom: 2rem;
    font-family: "futurademi", Arial, sans-serif;
    display: block;
    line-height: 1.2; }
    .heading.h2.grey {
      color: gray; }
  .heading.overlay {
    color: #FFFFFF; }
    .heading.overlay .main-title {
      display: block;
      text-transform: uppercase;
      margin-top: 12px; }
    .heading.overlay + h2 {
      color: #FFFFFF;
      font-family: "futurademi", Arial, sans-serif;
      line-height: 1.2;
      margin-top: 4px;
      margin-top: 0.25rem; }
      .heading.overlay + h2.space-top {
        margin-top: 12px;
        margin-top: 0.75rem; }
  @media only screen and (min-width: 768px) {
    .heading {
      font-size: 28px;
      font-size: 1.75rem; } }
  @media only screen and (min-width: 992px) {
    .heading {
      font-size: 40px;
      font-size: 2.5rem; }
      .heading .main-title {
        font-size: 48px;
        font-size: 3rem; }
      .heading.overlay + h2 {
        font-size: 21.6px;
        font-size: 1.35rem; } }
  @media only screen and (min-width: 1200px) {
    .heading {
      font-size: 48px;
      font-size: 3rem; }
      .heading .main-title {
        font-size: 56px;
        font-size: 3.5rem; }
      .heading.h2 {
        margin-top: 10px; } }

.funnel-heading {
  font-family: "futurademi", Arial, sans-serif;
  color: #67b7bf;
  margin: 48px 0 16px;
  margin: 3rem 0 1rem; }
  .funnel-heading.large {
    text-align: center; }
  .funnel-heading.discreet {
    color: #999999; }

.stroked-heading {
  position: relative;
  text-align: center;
  padding: 0 16px;
  padding: 0 1rem;
  margin-top: 48px;
  margin-top: 3rem; }
  .stroked-heading span {
    background-color: #FFFFFF;
    display: inline-block;
    padding: 0 8px;
    padding: 0 0.5rem; }

.client-space-heading {
  padding: 0 0 16px;
  padding: 0 0 1rem;
  margin-bottom: 32px;
  margin-bottom: 2rem;
  border-bottom: 1px solid #cccccc; }
  .client-space-heading:not(:first-child) {
    margin-top: 64px;
    margin-top: 4rem; }
  .client-space-heading span {
    color: #67b7bf; }
  .client-space-heading a, .client-space-heading button {
    float: right; }

hr {
  border: 0;
  height: 1px;
  background: #cccccc;
  margin: 48px 0;
  margin: 3rem 0; }
  hr[rounded] {
    background-color: #66B6BE;
    border: 1px solid #66B6BE;
    border-radius: 7px 7px 7px 7px;
    height: 2px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 20px; }
  hr[bottom-0] {
    margin-bottom: 0; }

h1[underline-rounded], h2[underline-rounded], h3[underline-rounded], h4[underline-rounded], h5[underline-rounded], h6[underline-rounded] {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto; }

.hint--custom::before {
  display: none; }

.hint--custom::after {
  color: white;
  border-radius: 5px 5px 5px 5px;
  background: #838282;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }

/**
 * top tooltip
 */
/**
 * bottom tooltip
 */
.hint--bottom.hint--custom::after {
  box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.25); }

/**
 * right tooltip
 */
/**
 * left tooltip + fix Julien pour role button sur FF (la fleche est deformee sinon)
 */
/**
 * top-left tooltip
 */
.hint--top-left.hint--custom::after {
  left: 0%;
  border-radius: 5px 5px 0px 5px;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
  margin-left: 0; }

/**
 * top-right tooltip
 */
.hint--top-right.hint--custom::after {
  left: 100%;
  border-radius: 5px 5px 5px 0px;
  margin-left: 0; }

/**
 * bottom-left tooltip
 */
.hint--bottom-left.hint--custom::after {
  left: 0%;
  border-radius: 5px 0px 5px 5px;
  box-shadow: 4px -4px 4px rgba(0, 0, 0, 0.25);
  margin-left: 0; }

/**
 * bottom-right tooltip
 */
.hint--bottom-right.hint--custom::after {
  left: 100%;
  border-radius: 0px 5px 5px 5px;
  box-shadow: -4px -4px 4px rgba(0, 0, 0, 0.25);
  margin-left: 0; }

.icon-data {
  position: relative;
  display: inline-block;
  font-family: "jamendo-all-icons";
  font-style: normal;
  font-weight: 400;
  text-transform: none;
  text-transform: none;
  line-height: 1; }

.icon {
  color: inherit;
  position: relative;
  display: inline-block;
  font-family: "jamendo-all-icons";
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  font-size: 16px;
  font-size: 1rem;
  height: 16px;
  height: 1rem;
  width: 16px;
  width: 1rem;
  line-height: 1;
  speak: none; }
  .icon.red {
    color: red; }
  .icon.big {
    font-size: 40px;
    font-size: 2.5rem;
    height: 40px;
    height: 2.5rem;
    width: 40px;
    width: 2.5rem; }
  .icon.large {
    font-size: 32px;
    font-size: 2rem;
    height: 32px;
    height: 2rem;
    width: 32px;
    width: 2rem; }
  .icon.medium-large {
    font-size: 28px;
    font-size: 1.75rem;
    height: 28px;
    height: 1.75rem;
    width: 28px;
    width: 1.75rem; }
  .icon.medium {
    font-size: 24px;
    font-size: 1.5rem;
    height: 24px;
    height: 1.5rem;
    width: 24px;
    width: 1.5rem; }
  .icon.medium-small {
    font-size: 22px;
    font-size: 1.375rem;
    height: 22px;
    height: 1.375rem;
    width: 22px;
    width: 1.375rem; }
  .icon.small {
    font-size: 12px;
    font-size: 0.75rem;
    height: 12px;
    height: 0.75rem;
    width: 12px;
    width: 0.75rem; }

.icon-add-to-playlist:before {
  content: ""; }

.icon-add-thin:before {
  content: ""; }

.icon-album:before {
  content: ""; }

.icon-camera:before {
  content: ""; }

.icon-chevron-thiner:before {
  content: ""; }

.icon-clockwise:before {
  content: ""; }

.icon-comment-2:before {
  content: ""; }

.icon-counterclockwise:before {
  content: ""; }

.icon-cross-delete-2:before {
  content: ""; }

.icon-cross-delete-full:before {
  content: ""; }

.icon-date:before {
  content: ""; }

.icon-duration:before {
  content: ""; }

.icon-edit-rounded:before {
  content: ""; }

.icon-external-link:before {
  content: ""; }

.icon-flag:before {
  content: ""; }

.icon-follow:before {
  content: ""; }

.icon-go-to:before {
  content: ""; }

.icon-go-to-light:before {
  content: ""; }

.icon-handle:before {
  content: ""; }

.icon-hexagon-mask:before {
  content: ""; }

.icon-info-full-new2:before {
  content: ""; }

.icon-info-new2:before {
  content: ""; }

.icon-lock:before {
  content: ""; }

.icon-music-listened:before {
  content: ""; }

.icon-pause-rounded:before {
  content: ""; }

.icon-phone:before {
  content: ""; }

.icon-picture:before {
  content: ""; }

.icon-playlist:before {
  content: ""; }

.icon-playlist-access:before {
  content: ""; }

.icon-play-next:before {
  content: ""; }

.icon-play-stroke:before {
  content: ""; }

.icon-play-stroke-full:before {
  content: ""; }

.icon-profile:before {
  content: ""; }

.icon-queue-access:before {
  content: ""; }

.icon-remove-from-playlist:before {
  content: ""; }

.icon-send:before {
  content: ""; }

.icon-sort-full:before {
  content: ""; }

.icon-sort-stroke:before {
  content: ""; }

.icon-thumbs-down:before {
  content: ""; }

.icon-thumbs-up:before {
  content: ""; }

.icon-triangle-fill:before {
  content: ""; }

.icon-triangle-full:before {
  content: ""; }

.icon-too-old:before {
  content: ""; }

.icon-undo:before {
  content: ""; }

.icon-video-bold:before {
  content: ""; }

.icon-vk:before {
  content: ""; }

.icon-volume-minus:before {
  content: ""; }

.icon-add:before {
  content: ""; }

.icon-add-to-queue:before {
  content: ""; }

.icon-alert-full:before {
  content: ""; }

.icon-alert-line:before {
  content: ""; }

.icon-archive:before {
  content: ""; }

.icon-arrow-bullet:before {
  content: ""; }

.icon-breadcrumb:before {
  content: ""; }

.icon-cart:before {
  content: ""; }

.icon-cart-new:before {
  content: ""; }

.icon-cart-new2:before {
  content: ""; }

.icon-cart-new2-add:before {
  content: ""; }

.icon-cart-new2-added:before {
  content: ""; }

.icon-cart-new-add:before {
  content: ""; }

.icon-cc:before {
  content: ""; }

.icon-cc-by:before {
  content: ""; }

.icon-cc-nc:before {
  content: ""; }

.icon-cc-nd:before {
  content: ""; }

.icon-cc-sa:before {
  content: ""; }

.icon-certificate:before {
  content: ""; }

.icon-check:before {
  content: ""; }

.icon-checkbox-checked-bordered:before {
  content: ""; }

.icon-checkbox-checked-plain:before {
  content: ""; }

.icon-checkbox-unchecked:before {
  content: ""; }

.icon-chevron-down:before {
  content: ""; }

.icon-chevron-left:before {
  content: ""; }

.icon-chevron-new2:before {
  content: ""; }

.icon-chevron-right:before {
  content: ""; }

.icon-chevron-up:before {
  content: ""; }

.icon-close:before {
  content: ""; }

.icon-comment:before {
  content: ""; }

.icon-copy:before {
  content: ""; }

.icon-credit-card-back:before {
  content: ""; }

.icon-credit-card-front:before {
  content: ""; }

.icon-cross-delete:before {
  content: ""; }

.icon-download:before {
  content: ""; }

.icon-download-thin:before {
  content: ""; }

.icon-edit:before {
  content: ""; }

.icon-error-4xx:before {
  content: ""; }

.icon-error-5xx:before {
  content: ""; }

.icon-facebook:before {
  content: ""; }

.icon-facebook-f:before {
  content: ""; }

.icon-fast-backward:before {
  content: ""; }

.icon-fast-forward:before {
  content: ""; }

.icon-filter:before {
  content: ""; }

.icon-globe:before {
  content: ""; }

.icon-heart:before {
  content: ""; }

.icon-heart-on:before {
  content: ""; }

.icon-hexagon:before {
  content: ""; }

.icon-hexagon-on:before {
  content: ""; }

.icon-history:before {
  content: ""; }

.icon-home:before {
  content: ""; }

.icon-info-full-new21:before {
  content: ""; }

.icon-info-new21:before {
  content: ""; }

.icon-information:before {
  content: ""; }

.icon-instagram:before {
  content: ""; }

.icon-licence-lt_large_x:before {
  content: ""; }

.icon-licence-lt_personal_x:before {
  content: ""; }

.icon-licence-lt_standard_x:before {
  content: ""; }

.icon-link:before {
  content: ""; }

.icon-linkedin:before {
  content: ""; }

.icon-mail:before {
  content: ""; }

.icon-menu:before {
  content: ""; }

.icon-menu-secondary:before {
  content: ""; }

.icon-menu-tradingdesk:before {
  content: ""; }

.icon-messenger:before {
  content: ""; }

.icon-music-note:before {
  content: ""; }

.icon-mute:before {
  content: ""; }

.icon-my-music-tradingdesk:before {
  content: ""; }

.icon-my-music-tradingdesk2:before {
  content: ""; }

.icon-next:before {
  content: ""; }

.icon-pause:before {
  content: ""; }

.icon-pdf:before {
  content: ""; }

.icon-phone1:before {
  content: ""; }

.icon-play:before {
  content: ""; }

.icon-previous:before {
  content: ""; }

.icon-queue:before {
  content: ""; }

.icon-radio-checked-chevron:before {
  content: ""; }

.icon-radio-checked-chevron-plain:before {
  content: ""; }

.icon-radio-checked-round:before {
  content: ""; }

.icon-radio-unchecked:before {
  content: ""; }

.icon-reddit:before {
  content: ""; }

.icon-refine:before {
  content: ""; }

.icon-remove:before {
  content: ""; }

.icon-repeat:before {
  content: ""; }

.icon-repeat-one:before {
  content: ""; }

.icon-repost:before {
  content: ""; }

.icon-sad:before {
  content: ""; }

.icon-search:before {
  content: ""; }

.icon-share:before {
  content: ""; }

.icon-share-stroke:before {
  content: ""; }

.icon-share-video:before {
  content: ""; }

.icon-shuffle:before {
  content: ""; }

.icon-similar:before {
  content: ""; }

.icon-skip-next:before {
  content: ""; }

.icon-skip-previous:before {
  content: ""; }

.icon-sort:before {
  content: ""; }

.icon-sound:before {
  content: ""; }

.icon-streaming:before {
  content: ""; }

.icon-trash:before {
  content: ""; }

.icon-twitter:before {
  content: ""; }

.icon-user:before {
  content: ""; }

.icon-user-new2:before {
  content: ""; }

.icon-video:before {
  content: ""; }

.icon-volume:before {
  content: ""; }

.icon-warning:before {
  content: ""; }

.icon-wrong:before {
  content: ""; }

.icon-youtube:before {
  content: ""; }

.icon-add-to-playlist-s:before {
  content: ""; }

.icon-add-to-queue-s:before {
  content: ""; }

.icon-close-s:before {
  content: ""; }

.icon-comment-s:before {
  content: ""; }

.icon-date-s:before {
  content: ""; }

.icon-download-s:before {
  content: ""; }

.icon-duration-s:before {
  content: ""; }

.icon-external-link-s:before {
  content: ""; }

.icon-flag-s:before {
  content: ""; }

.icon-follow-s:before {
  content: ""; }

.icon-handle-s:before {
  content: ""; }

.icon-heart-on-s:before {
  content: ""; }

.icon-lock-s:before {
  content: ""; }

.icon-menu-secondary-s:before {
  content: ""; }

.icon-pause-s:before {
  content: ""; }

.icon-picture-s:before {
  content: ""; }

.icon-playlist-access-s:before {
  content: ""; }

.icon-queue-access-s:before {
  content: ""; }

.icon-repost-s:before {
  content: ""; }

.icon-send-s:before {
  content: ""; }

.icon-share-s:before {
  content: ""; }

.icon-sort-s:before {
  content: ""; }

.icon-thumbs-down-s:before {
  content: ""; }

.icon-thumbs-up-s:before {
  content: ""; }

.icon-play-s:before {
  content: ""; }

.icon-user-s:before {
  content: ""; }

.icon-data-add-to-playlist:before {
  content: ""; }

.icon-data-add-thin:before {
  content: ""; }

.icon-data-album:before {
  content: ""; }

.icon-data-camera:before {
  content: ""; }

.icon-data-chevron-thiner:before {
  content: ""; }

.icon-data-clockwise:before {
  content: ""; }

.icon-data-comment-2:before {
  content: ""; }

.icon-data-counterclockwise:before {
  content: ""; }

.icon-data-cross-delete-2:before {
  content: ""; }

.icon-data-cross-delete-full:before {
  content: ""; }

.icon-data-date:before {
  content: ""; }

.icon-data-duration:before {
  content: ""; }

.icon-data-edit-rounded:before {
  content: ""; }

.icon-data-external-link:before {
  content: ""; }

.icon-data-flag:before {
  content: ""; }

.icon-data-follow:before {
  content: ""; }

.icon-data-go-to:before {
  content: ""; }

.icon-data-go-to-light:before {
  content: ""; }

.icon-data-handle:before {
  content: ""; }

.icon-data-hexagon-mask:before {
  content: ""; }

.icon-data-info-full-new2:before {
  content: ""; }

.icon-data-info-new2:before {
  content: ""; }

.icon-data-lock:before {
  content: ""; }

.icon-data-music-listened:before {
  content: ""; }

.icon-data-pause-rounded:before {
  content: ""; }

.icon-data-phone:before {
  content: ""; }

.icon-data-picture:before {
  content: ""; }

.icon-data-playlist:before {
  content: ""; }

.icon-data-playlist-access:before {
  content: ""; }

.icon-data-play-next:before {
  content: ""; }

.icon-data-play-stroke:before {
  content: ""; }

.icon-data-play-stroke-full:before {
  content: ""; }

.icon-data-profile:before {
  content: ""; }

.icon-data-queue-access:before {
  content: ""; }

.icon-data-remove-from-playlist:before {
  content: ""; }

.icon-data-send:before {
  content: ""; }

.icon-data-sort-full:before {
  content: ""; }

.icon-data-sort-stroke:before {
  content: ""; }

.icon-data-thumbs-down:before {
  content: ""; }

.icon-data-thumbs-up:before {
  content: ""; }

.icon-data-triangle-fill:before {
  content: ""; }

.icon-data-triangle-full:before {
  content: ""; }

.icon-data-too-old:before {
  content: ""; }

.icon-data-undo:before {
  content: ""; }

.icon-data-video-bold:before {
  content: ""; }

.icon-data-vk:before {
  content: ""; }

.icon-data-volume-minus:before {
  content: ""; }

.icon-data-add:before {
  content: ""; }

.icon-data-add-to-queue:before {
  content: ""; }

.icon-data-alert-full:before {
  content: ""; }

.icon-data-alert-line:before {
  content: ""; }

.icon-data-archive:before {
  content: ""; }

.icon-data-arrow-bullet:before {
  content: ""; }

.icon-data-breadcrumb:before {
  content: ""; }

.icon-data-cart:before {
  content: ""; }

.icon-data-cart-new:before {
  content: ""; }

.icon-data-cart-new2:before {
  content: ""; }

.icon-data-cart-new2-add:before {
  content: ""; }

.icon-data-cart-new2-added:before {
  content: ""; }

.icon-data-cart-new-add:before {
  content: ""; }

.icon-data-cc:before {
  content: ""; }

.icon-data-cc-by:before {
  content: ""; }

.icon-data-cc-nc:before {
  content: ""; }

.icon-data-cc-nd:before {
  content: ""; }

.icon-data-cc-sa:before {
  content: ""; }

.icon-data-certificate:before {
  content: ""; }

.icon-data-check:before {
  content: ""; }

.icon-data-checkbox-checked-bordered:before {
  content: ""; }

.icon-data-checkbox-checked-plain:before {
  content: ""; }

.icon-data-checkbox-unchecked:before {
  content: ""; }

.icon-data-chevron-down:before {
  content: ""; }

.icon-data-chevron-left:before {
  content: ""; }

.icon-data-chevron-new2:before {
  content: ""; }

.icon-data-chevron-right:before {
  content: ""; }

.icon-data-chevron-up:before {
  content: ""; }

.icon-data-close:before {
  content: ""; }

.icon-data-comment:before {
  content: ""; }

.icon-data-copy:before {
  content: ""; }

.icon-data-credit-card-back:before {
  content: ""; }

.icon-data-credit-card-front:before {
  content: ""; }

.icon-data-cross-delete:before {
  content: ""; }

.icon-data-download:before {
  content: ""; }

.icon-data-download-thin:before {
  content: ""; }

.icon-data-edit:before {
  content: ""; }

.icon-data-error-4xx:before {
  content: ""; }

.icon-data-error-5xx:before {
  content: ""; }

.icon-data-facebook:before {
  content: ""; }

.icon-data-facebook-f:before {
  content: ""; }

.icon-data-fast-backward:before {
  content: ""; }

.icon-data-fast-forward:before {
  content: ""; }

.icon-data-filter:before {
  content: ""; }

.icon-data-globe:before {
  content: ""; }

.icon-data-heart:before {
  content: ""; }

.icon-data-heart-on:before {
  content: ""; }

.icon-data-hexagon:before {
  content: ""; }

.icon-data-hexagon-on:before {
  content: ""; }

.icon-data-history:before {
  content: ""; }

.icon-data-home:before {
  content: ""; }

.icon-data-info-full-new21:before {
  content: ""; }

.icon-data-info-new21:before {
  content: ""; }

.icon-data-information:before {
  content: ""; }

.icon-data-instagram:before {
  content: ""; }

.icon-data-licence-lt_large_x:before {
  content: ""; }

.icon-data-licence-lt_personal_x:before {
  content: ""; }

.icon-data-licence-lt_standard_x:before {
  content: ""; }

.icon-data-link:before {
  content: ""; }

.icon-data-linkedin:before {
  content: ""; }

.icon-data-mail:before {
  content: ""; }

.icon-data-menu:before {
  content: ""; }

.icon-data-menu-secondary:before {
  content: ""; }

.icon-data-menu-tradingdesk:before {
  content: ""; }

.icon-data-messenger:before {
  content: ""; }

.icon-data-music-note:before {
  content: ""; }

.icon-data-mute:before {
  content: ""; }

.icon-data-my-music-tradingdesk:before {
  content: ""; }

.icon-data-my-music-tradingdesk2:before {
  content: ""; }

.icon-data-next:before {
  content: ""; }

.icon-data-pause:before {
  content: ""; }

.icon-data-pdf:before {
  content: ""; }

.icon-data-phone1:before {
  content: ""; }

.icon-data-play:before {
  content: ""; }

.icon-data-previous:before {
  content: ""; }

.icon-data-queue:before {
  content: ""; }

.icon-data-radio-checked-chevron:before {
  content: ""; }

.icon-data-radio-checked-chevron-plain:before {
  content: ""; }

.icon-data-radio-checked-round:before {
  content: ""; }

.icon-data-radio-unchecked:before {
  content: ""; }

.icon-data-reddit:before {
  content: ""; }

.icon-data-refine:before {
  content: ""; }

.icon-data-remove:before {
  content: ""; }

.icon-data-repeat:before {
  content: ""; }

.icon-data-repeat-one:before {
  content: ""; }

.icon-data-repost:before {
  content: ""; }

.icon-data-sad:before {
  content: ""; }

.icon-data-search:before {
  content: ""; }

.icon-data-share:before {
  content: ""; }

.icon-data-share-stroke:before {
  content: ""; }

.icon-data-share-video:before {
  content: ""; }

.icon-data-shuffle:before {
  content: ""; }

.icon-data-similar:before {
  content: ""; }

.icon-data-skip-next:before {
  content: ""; }

.icon-data-skip-previous:before {
  content: ""; }

.icon-data-sort:before {
  content: ""; }

.icon-data-sound:before {
  content: ""; }

.icon-data-streaming:before {
  content: ""; }

.icon-data-trash:before {
  content: ""; }

.icon-data-twitter:before {
  content: ""; }

.icon-data-user:before {
  content: ""; }

.icon-data-user-new2:before {
  content: ""; }

.icon-data-video:before {
  content: ""; }

.icon-data-volume:before {
  content: ""; }

.icon-data-warning:before {
  content: ""; }

.icon-data-wrong:before {
  content: ""; }

.icon-data-youtube:before {
  content: ""; }

.icon-data-add-to-playlist-s:before {
  content: ""; }

.icon-data-add-to-queue-s:before {
  content: ""; }

.icon-data-close-s:before {
  content: ""; }

.icon-data-comment-s:before {
  content: ""; }

.icon-data-date-s:before {
  content: ""; }

.icon-data-download-s:before {
  content: ""; }

.icon-data-duration-s:before {
  content: ""; }

.icon-data-external-link-s:before {
  content: ""; }

.icon-data-flag-s:before {
  content: ""; }

.icon-data-follow-s:before {
  content: ""; }

.icon-data-handle-s:before {
  content: ""; }

.icon-data-heart-on-s:before {
  content: ""; }

.icon-data-lock-s:before {
  content: ""; }

.icon-data-menu-secondary-s:before {
  content: ""; }

.icon-data-pause-s:before {
  content: ""; }

.icon-data-picture-s:before {
  content: ""; }

.icon-data-playlist-access-s:before {
  content: ""; }

.icon-data-queue-access-s:before {
  content: ""; }

.icon-data-repost-s:before {
  content: ""; }

.icon-data-send-s:before {
  content: ""; }

.icon-data-share-s:before {
  content: ""; }

.icon-data-sort-s:before {
  content: ""; }

.icon-data-thumbs-down-s:before {
  content: ""; }

.icon-data-thumbs-up-s:before {
  content: ""; }

.icon-data-play-s:before {
  content: ""; }

.icon-data-user-s:before {
  content: ""; }

.icon-information:hover {
  cursor: pointer; }

.icon-bell {
  background-image: url(https://images.jamendo.com/jamendolicensing/icon/bell-white.svg);
  background-repeat: no-repeat; }

.icon-shape {
  border: 3px solid #67b7bf;
  background-color: #67b7bf;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin: 0 auto;
  display: block;
  position: relative; }
  .icon-shape::after {
    content: "";
    display: block;
    position: absolute; }
  .icon-shape.checked::after {
    top: 2px;
    left: 5px;
    width: 7px;
    height: 12px;
    border: solid #FFFFFF;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }

.loader {
  width: 24px;
  width: 1.5rem;
  height: 24px;
  height: 1.5rem;
  display: none;
  margin: 0 auto; }
  .loader span {
    width: 4px;
    width: 0.25rem;
    height: 4px;
    height: 0.25rem;
    margin: 0 2px;
    margin: 0 0.125rem;
    background-color: #67b7bf;
    float: left; }
  .loader span:last-child {
    margin-right: 0; }
  .loader span:nth-child(1) {
    -webkit-animation: loaderAnimation 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) infinite 0s;
    animation: loaderAnimation 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) infinite 0s; }
  .loader span:nth-child(2) {
    -webkit-animation: loaderAnimation 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) infinite -0.2s;
    animation: loaderAnimation 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) infinite -0.2s; }
  .loader span:nth-child(3) {
    -webkit-animation: loaderAnimation 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) infinite -0.4s;
    animation: loaderAnimation 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) infinite -0.4s; }
  .loader.is-visible {
    display: block; }

@-webkit-keyframes loaderAnimation {
  0% {
    height: 20%;
    margin-top: 40%; }
  50% {
    height: 84%;
    margin-top: 8%; }
  100% {
    height: 20%;
    margin-top: 40%; } }

@keyframes loaderAnimation {
  0% {
    height: 20%;
    margin-top: 40%; }
  50% {
    height: 84%;
    margin-top: 8%; }
  100% {
    height: 20%;
    margin-top: 40%; } }

p {
  font-size: inherit;
  line-height: inherit;
  color: #646464;
  display: inline-block; }
  p.overlay {
    color: #FFFFFF; }
    p.overlay a:link, p.overlay a:visited, p.overlay a:hover, p.overlay a:active {
      color: #FFFFFF; }
  p.discreet {
    color: #999999; }
  p.strong {
    color: #67b7bf; }
  p[capitalize] {
    text-transform: capitalize; }
  p.size-40 {
    font-size: 40px; }
  p.size-24 {
    font-size: 24px; }
  p.size-18 {
    font-size: 18px; }

.pill {
  display: inline-block;
  position: relative;
  min-width: 16px;
  min-width: 1rem;
  height: 16px;
  height: 1rem;
  padding: 0 4px;
  padding: 0 0.25rem;
  font-style: normal;
  color: #FFFFFF;
  line-height: 1.6;
  text-align: center;
  z-index: 0; }
  .pill:before {
    border-radius: 8px;
    border-radius: 0.5rem;
    content: '';
    background-color: #67b7bf;
    z-index: -1; }

.s {
  display: inline-block;
  background-repeat: no-repeat; }
  .s.payment-method, .s.security-code {
    background-image: url("https://images.jamendo.com/jamendolicensing/sprites/sprite-payment-methods.webp?v2"); }
  .s.spread {
    background-image: url("https://images.jamendo.com/jamendolicensing/sprites/sprite-spread.webp?v2"); }
  .s.payment-method {
    margin-right: 12px;
    margin-right: 0.75rem;
    height: 36px; }
    .s.payment-method.is-off {
      opacity: 0.3;
      filter: alpha(opacity=30); }
    .s.payment-method.mastercard {
      width: 41px;
      background-position: 0px 0px; }
    .s.payment-method.amex {
      width: 42px;
      background-position: -41px 0px; }
    .s.payment-method.visa {
      width: 44px;
      background-position: -83px 0px; }
    .s.payment-method.paypal {
      width: 70px;
      background-position: -127px 0px; }
    .s.payment-method.secure {
      background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/secure-payments.svg");
      width: 90px;
      height: 43px;
      background-position: bottom;
      margin-bottom: 7px; }
      @media only screen and (max-width: 480px) {
        .s.payment-method.secure {
          width: 80px; } }
    .s.payment-method.ingenico {
      background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/ingenico.svg");
      width: 75px;
      height: 50px;
      background-position: bottom; }
      @media only screen and (max-width: 480px) {
        .s.payment-method.ingenico {
          width: 75px; } }
  .s.security-code {
    height: 128px;
    width: 203px;
    display: block;
    margin-bottom: 16px;
    margin-bottom: 1rem; }
    .s.security-code.visa-mastercard {
      background-position: 0px -36px; }
    .s.security-code.amex {
      background-position: -203px -36px; }
  .s.spread {
    height: 16px;
    width: 16px;
    display: inline-block; }
    .s.spread.gmail {
      background-position: 0px 0px; }
    .s.spread.outlook {
      background-position: -50px 0px; }
    .s.spread.yahoo {
      background-position: -25px 0px;
      width: 21px; }

.svg.logo {
  height: 36px;
  width: 102px;
  fill: #FFF;
  background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/jamendo-licensing-logo-white.svg");
  background-repeat: no-repeat;
  background-size: contain; }
  .svg.logo.small {
    height: 27px;
    width: 77px; }

picture.svg {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: transparent; }
  picture.svg.visa {
    width: 30px;
    height: 30px;
    background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/visa-logo.svg"); }
  picture.svg.mastercard {
    width: 45px;
    height: 40px;
    background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/mastercard-logo.svg"); }
  picture.svg.amex {
    width: 26px;
    height: 26px;
    background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/american-express-logo.svg"); }
  picture.svg.secure-payments {
    width: 83px;
    height: 43px;
    background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/secure-payments.svg"); }
  picture.svg.ingenico {
    width: 63px;
    height: 50px;
    background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/ingenico.svg"); }
  picture.svg.paypal-icon {
    width: 28px;
    height: 28px;
    background-size: 88%;
    background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/paypall-icon.svg"); }

ul.regular {
  list-style-type: disc;
  list-style-position: inside;
  margin-bottom: 16px;
  margin-bottom: 1rem; }

.informational-block {
  margin-bottom: 16px;
  margin-bottom: 1rem;
  color: #b3b3b3; }
  .informational-block__heading {
    margin-bottom: 8px;
    margin-bottom: 0.5rem;
    font-family: "futurademi", Arial, sans-serif; }
  .informational-block__perks li {
    line-height: 1.334;
    margin-bottom: 2px;
    margin-bottom: 0.125rem; }
    .informational-block__perks li:last-child {
      margin-bottom: 0; }
  .informational-block p {
    color: inherit; }
  .informational-block.bordered {
    padding: 16px;
    padding: 1rem;
    border: 1px solid #ebebeb; }
    .informational-block.bordered.heavy {
      padding: 24px;
      padding: 1.5rem;
      border-width: 8px;
      border-width: 0.5rem; }

.informational-link, .informational-link-2 {
  position: relative;
  color: gray;
  line-height: 1.334;
  padding-left: 24px;
  padding-left: 1.5rem;
  display: inline-block;
  text-decoration: underline; }
  .informational-link:focus, .informational-link-2:focus {
    outline: none; }
  .informational-link:hover, .informational-link-2:hover {
    color: #676767; }

.hero-track + .container.informational {
  margin: 16px auto;
  margin: 1rem auto; }

.informational-overlay, .informational-overlay-track-pack {
  color: #FFFFFF;
  z-index: 1100; }
  .informational-overlay__top-bar, .informational-overlay-track-pack__top-bar {
    opacity: 0.98;
    filter: alpha(opacity=98);
    background-color: #000000;
    text-align: right;
    padding: 16px 12px;
    padding: 1rem 0.75rem;
    width: 100%;
    color: #67b7bf; }
    .informational-overlay__top-bar .icon, .informational-overlay-track-pack__top-bar .icon {
      margin-left: 16px;
      vertical-align: top; }
  .informational-overlay__title, .informational-overlay-track-pack__title {
    display: inline-block;
    vertical-align: top;
    line-height: 1.334;
    text-transform: uppercase;
    margin: 0; }
  .informational-overlay__content, .informational-overlay-track-pack__content {
    padding-top: 48px;
    padding-top: 3rem; }
    .informational-overlay__content.center, .informational-overlay-track-pack__content.center {
      text-align: center; }
  .informational-overlay__heading, .informational-overlay-track-pack__heading {
    text-transform: uppercase;
    border-bottom: 2px solid #FFFFFF;
    font-family: "futurademi", Arial, sans-serif;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    display: inline-block; }
  .informational-overlay__subheading, .informational-overlay-track-pack__subheading {
    margin-bottom: 4px;
    margin-bottom: 0.25rem; }
    .informational-overlay__subheading .button, .informational-overlay-track-pack__subheading .button {
      border: none;
      padding: 0.125rem 0.5rem 0; }
  .informational-overlay__list, .informational-overlay-track-pack__list {
    list-style-type: disc;
    margin: 0 0 16px 16px;
    margin: 0 0 1rem 1rem; }
  .informational-overlay__got-it, .informational-overlay-track-pack__got-it {
    z-index: 2;
    margin: 32px 0;
    margin: 2rem 0; }
    .informational-overlay__got-it:not(:hover), .informational-overlay-track-pack__got-it:not(:hover) {
      background-color: transparent !important; }
  .informational-overlay.is-visible, .informational-overlay-track-pack.is-visible {
    visibility: visible;
    opacity: 0.95;
    filter: alpha(opacity=95); }
    .informational-overlay.is-visible.tradingdesk, .informational-overlay-track-pack.is-visible.tradingdesk {
      opacity: 1; }
      .informational-overlay.is-visible.tradingdesk .informational-overlay__content.center, .informational-overlay-track-pack.is-visible.tradingdesk .informational-overlay__content.center {
        width: 50%; }
  .informational-overlay__cover-close, .informational-overlay-track-pack__cover-close {
    z-index: 1;
    content: ''; }
  @media only screen and (min-width: 992px) {
    .informational-overlay__top-bar, .informational-overlay-track-pack__top-bar {
      padding: 48px 48px;
      padding: 3rem 3rem; }
    .informational-overlay__content .row [class^=col]:first-child, .informational-overlay-track-pack__content .row [class^=col]:first-child {
      padding-right: 24px;
      padding-right: 1.5rem; }
    .informational-overlay__content .row [class^=col]:last-child, .informational-overlay-track-pack__content .row [class^=col]:last-child {
      padding-left: 24px;
      padding-left: 1.5rem; } }

.button-list.login {
  margin-bottom: 32px;
  margin-bottom: 2rem;
  width: 100%; }
  .button-list.login > li {
    margin-bottom: 6px;
    margin-bottom: 0.375rem;
    line-height: 1.334;
    margin-bottom: 16px;
    margin-bottom: 1rem;
    display: block;
    text-align: center; }
    .button-list.login > li:last-child {
      margin-bottom: 4rem; }
      .button-list.login > li:last-child a {
        margin-left: 6px;
        padding-top: 3px;
        padding-bottom: 2px; }

.button-list.horizontal > li {
  margin: 6px;
  margin: 0.375rem;
  display: inline-block; }
  .button-list.horizontal > li:first-child {
    margin-left: 0; }
  .button-list.horizontal > li:last-child {
    margin-right: 0; }

.button-list.vertical {
  margin-bottom: 32px;
  margin-bottom: 2rem;
  width: 100%; }
  .button-list.vertical > li {
    margin-bottom: 16px;
    margin-bottom: 1rem;
    display: block; }
    .button-list.vertical > li:last-child {
      margin-bottom: 0; }

.button-list.large {
  max-width: 400px;
  max-width: 25rem; }

.track-list {
  margin-top: 20px; }

.track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 24px;
  margin-right: 24px;
  margin-bottom: 1.25rem;
  padding-left: 10px;
  padding-right: 10px;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .track {
      margin-left: 5px;
      margin-right: 5px;
      padding-right: 0; } }
  .track--header {
    margin-top: 30px;
    margin-bottom: 0 !important;
    text-transform: uppercase;
    font-size: 12px; }
    @media only screen and (max-width: 1200px) {
      .track--header {
        display: none; } }
  .track--action-is-open {
    background: #F5F8FA;
    border-radius: 6px; }
  .track__listened {
    width: 6px;
    height: 6px;
    position: relative;
    border-radius: 50%;
    background: #C4C4C4; }
  .track__play {
    width: 60px;
    height: 60px;
    position: relative;
    white-space: nowrap;
    font-size: 0;
    margin-left: 10px; }
    @media only screen and (max-width: 1200px) {
      .track__play {
        padding: 0;
        width: 40px;
        height: 40px; } }
    @media only screen and (max-width: 480px) {
      .track__play {
        padding: 0;
        width: 36px;
        height: 36px; } }
    .track__play--header {
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content; }
    .track__play img {
      border-radius: 50%; }
      @media only screen and (max-width: 1200px) {
        .track__play img {
          visibility: hidden; } }
    .track__play__button:hover {
      font-size: 36px; }
    @media only screen and (max-width: 1200px) {
      .track__play__button {
        left: 0; }
        .track__play__button::before {
          content: none;
          background-color: transparent; }
        .track__play__button i {
          color: #67b7bf !important;
          background-color: transparent; }
        .track__play__button.is-switched-on {
          background-color: transparent; }
          .track__play__button.is-switched-on .loader {
            border-color: #67b7bf; }
            .track__play__button.is-switched-on .loader span {
              background-color: #67b7bf; } }
  .track__information {
    padding-left: 16px;
    padding-left: 1rem;
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2; }
    @media only screen and (max-width: 768px) {
      .track__information {
        padding-left: 0.5rem;
        text-align: left;
        width: calc(100% - 330px); } }
    @media only screen and (max-width: 480px) {
      .track__information {
        width: calc(100% - 115px); } }
    .track__information--header {
      text-align: center;
      font-size: 12px; }
    .track__information .track-information-container {
      overflow: visible; }
      .track__information .track-information-container .title-container {
        /* TODO TO CLEAN */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .track__information .track-information-container .title-container .title {
          text-overflow: ellipsis;
          overflow: hidden;
          margin-right: 3px;
          line-height: 1.3rem; }
        .track__information .track-information-container .title-container .contentid-icon {
          margin-left: 5px;
          margin-right: 5px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start; }
          .track__information .track-information-container .title-container .contentid-icon img {
            width: 14px;
            height: 14px; }
      .track__information .track-information-container .artist-name {
        /* TODO TO CLEAN */ }
        @media only screen and (max-width: 480px) {
          .track__information .track-information-container .artist-name {
            font-size: 11px;
            font-size: 0.6875rem; } }
      @media only screen and (max-width: 480px) {
        .track__information .track-information-container .tags {
          display: none; } }
      .track__information .track-information-container .new {
        /* TODO TO CLEAN */
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        border-radius: 5px;
        padding: 4px;
        text-transform: uppercase;
        color: white;
        font-size: 10px; }
  .track__rating {
    min-width: 250px;
    text-align: center;
    white-space: nowrap; }
    .track__rating select {
      display: none; }
    .track__rating p {
      margin-bottom: 4px; }
    .track__rating .br-widget {
      height: 28px;
      white-space: nowrap;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .track__rating .br-widget a {
        height: 20px;
        width: 20px;
        margin: 0 3px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/rating-star-gray.svg"); }
        .track__rating .br-widget a.br-selected {
          background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/rating-star-blue.svg"); }
  .track__time {
    display: none; }
    @media only screen and (min-width: 1201px) {
      .track__time {
        /* TODO TO CHECK */
        display: table-cell;
        vertical-align: middle;
        height: 64px; } }
    .track__time--header {
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content; }
    .track__time__wrap {
      display: table;
      height: 64px; }
      .track__time__wrap--header {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content; }
    .track__time__waveform {
      height: auto;
      height: 64px;
      height: 4rem;
      height: 64px; }
      .track__time__waveform--header {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content; }
      @media only screen and (min-width: 1200px) {
        .track__time__waveform__wrap {
          display: block;
          width: 168px;
          height: 64px; } }
      @media only screen and (min-width: 1250px) {
        .track__time__waveform__wrap {
          width: 220px; } }
      @media only screen and (min-width: 1300px) {
        .track__time__waveform__wrap {
          width: 250px; } }
      @media only screen and (min-width: 1400px) {
        .track__time__waveform__wrap {
          width: 305px; } }
      @media only screen and (min-width: 1450px) {
        .track__time__waveform__wrap {
          width: 355px; } }
      @media only screen and (min-width: 1500px) {
        .track__time__waveform__wrap {
          width: 400px; } }
      @media only screen and (min-width: 1600px) {
        .track__time__waveform__wrap {
          width: 500px; } }
      @media only screen and (min-width: 1700px) {
        .track__time__waveform__wrap {
          width: 580px; } }
      @media only screen and (min-width: 1800px) {
        .track__time__waveform__wrap {
          width: 680px; } }
      @media only screen and (min-width: 2100px) {
        .track__time__waveform__wrap {
          width: 980px; } }
      .track__time__waveform__wrap--header {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content; }
    .track__time__duration {
      width: 60px;
      height: 64px;
      text-align: left;
      color: black;
      text-align: center; }
      .track__time__duration--header {
        color: #636363;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content; }
    .track__time__bpm {
      width: 60px;
      height: 64px;
      text-align: left;
      color: black;
      text-align: center; }
      .track__time__bpm--header {
        color: #636363;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content; }
  .track__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    max-width: 330px;
    width: auto; }
    @media only screen and (max-width: 480px) {
      .track__actions {
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    .track__actions--header > li {
      width: 46px; }
    .track__actions__button {
      padding: 10px;
      height: 46px;
      width: 46px; }
      @media only screen and (max-width: 768px) {
        .track__actions__button {
          display: none !important; } }
      .track__actions__button--3dots {
        display: none;
        background-image: url(https://images.jamendo.com/jamendolicensing/icon/3dots.svg);
        background-repeat: no-repeat;
        background-position: center; }
        @media only screen and (max-width: 768px) {
          .track__actions__button--3dots {
            display: block !important; } }
      .track__actions__button__icon {
        font-size: 22px;
        width: 22px;
        height: 22px;
        color: #4A4A4A; }
        .track__actions__button__icon:hover {
          color: #67b7bf; }
  .track__cta {
    text-align: right;
    white-space: nowrap; }
    @media only screen and (max-width: 920px) {
      .track__cta {
        padding: 0;
        margin-right: 4px; } }
    .track__cta--header {
      width: 100px;
      color: #636363;
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      @media only screen and (max-width: 1200px) {
        .track__cta--header {
          display: none; } }
    .track__cta--header-small {
      width: 30px; }
    .track__cta .mobile-cart-cta {
      display: none; }
  .track__popin {
    display: none; }
    @media only screen and (max-width: 768px) {
      .track__popin {
        position: absolute;
        top: 50px;
        z-index: 2;
        background-color: white;
        width: calc(100% - 60px);
        height: 60px;
        margin-left: 20px;
        border: 1px solid #000000;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 6px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
                justify-content: space-evenly;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .track__popin__left {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          width: 50%;
          height: 100%; }
        .track__popin__right {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          width: 50%;
          height: 100%; } }
    .track__popin__button {
      width: 30px;
      height: 25px;
      color: #4A4A4A;
      margin: 0 7px; }
      .track__popin__button--add-to-playlist {
        background-image: url(https://images.jamendo.com/jamendolicensing/icon/add-to-playlist.svg);
        background-repeat: no-repeat;
        background-size: 30px 25px; }
      .track__popin__button--add-to-cart {
        background-image: url(https://images.jamendo.com/jamendolicensing/icon/add-to-cart.svg);
        background-repeat: no-repeat;
        background-size: 30px 25px; }
      .track__popin__button--added-to-cart {
        background-image: url(https://images.jamendo.com/jamendolicensing/icon/added-to-cart.svg);
        background-repeat: no-repeat;
        background-size: 30px 25px; }
      .track__popin__button--download {
        font-size: 25px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content; }
    .track__popin .mobile-cart-cta {
      cursor: pointer;
      display: block; }
      .track__popin .mobile-cart-cta > i {
        color: #4A4A4A;
        font-size: 28px; }

.track-information {
  color: #4d4d4d; }
  .track-information > div {
    height: 64px;
    height: 4rem; }
  .track-information .title {
    line-height: 1.143; }
  .track-information .artist-name,
  .track-information .tags {
    line-height: 1.455; }
  .track-information .artist-name {
    text-transform: uppercase; }
  .track-information .tags {
    color: gray; }

.track-featured .cover img {
  position: absolute;
  z-index: -1; }

.track-featured .cover button {
  z-index: 2; }

.track-featured .mobile-cart-cta {
  display: none; }
  .track-featured .mobile-cart-cta:focus {
    outline: none; }

.track-featured .button-cart.transparent {
  margin-top: 10px !important; }
  @media only screen and (max-width: 1200px) {
    .track-featured .button-cart.transparent {
      border-color: #67b7bf; } }

.track-featured .track-information {
  height: 76px;
  height: 4.75rem; }
  .track-featured .track-information .hero-track__tags {
    display: block; }
    @media only screen and (min-width: 1200px) {
      .track-featured .track-information .hero-track__tags .tag:nth-child(n+4) {
        display: none; }
      .track-featured .track-information .hero-track__tags .tag:nth-child(3)::after {
        display: none; } }
    .track-featured .track-information .hero-track__tags .tag a {
      color: #646464;
      text-decoration: none; }
      .track-featured .track-information .hero-track__tags .tag a:hover {
        color: #67b7bf; }

@media only screen and (max-width: 650px) {
  .track-featured .buy-buttons-container {
    float: left;
    margin-right: 12px; }
    .track-featured .buy-buttons-container .button-cart:not(.transparent) {
      display: none; }
    .track-featured .buy-buttons-container .mobile-cart-cta {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-top: -4px; }
  .track-featured .change-license-container {
    float: left;
    margin-top: -6px;
    width: calc(100% - 45px); }
  .track-featured .hero-track__actions {
    clear: both;
    margin-top: 66px; } }

.track-landing {
  position: relative;
  min-width: 420px;
  width: 33%;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px; }
  @media only screen and (max-width: 1268px) {
    .track-landing {
      width: 50%; } }
  @media only screen and (max-width: 840px) {
    .track-landing {
      width: 100%;
      min-width: 100%;
      padding-left: 10px;
      padding-right: 10px; } }
  @media only screen and (max-width: 840px) {
    .track-landing--hide-mobile {
      display: none; } }
  .track-landing__container {
    padding: 10px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%; }
    .track-landing__container--action-is-open {
      background: #F5F8FA;
      border-radius: 6px; }
    .track-landing__container__listened {
      margin-left: 14px;
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: #66B6BE; }
    .track-landing__container__button-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 60px;
      height: 45px; }
      @media only screen and (max-width: 700px) {
        .track-landing__container__button-container {
          margin-left: 0; } }
    .track-landing__container__information {
      max-width: calc(100% - 100px);
      width: 100%;
      margin-left: 14px; }
      .track-landing__container__information__link-wrap {
        text-decoration: none; }
        .track-landing__container__information__link-wrap:hover {
          text-decoration: none; }
        .track-landing__container__information__link-wrap__title-container {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          .track-landing__container__information__link-wrap__title-container__title {
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            color: var(--color-main); }
          .track-landing__container__information__link-wrap__title-container__contentid-icon {
            margin-left: 5px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: flex-start; }
        .track-landing__container__information__link-wrap__artist-name {
          width: 100%;
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden;
          color: var(--color-main);
          font-size: var(--font-size-small); }
    .track-landing__container__actions {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly; }
      .track-landing__container__actions__button {
        width: 30px;
        height: 25px;
        color: #4A4A4A;
        margin: 0 7px; }
        .track-landing__container__actions__button--3dots {
          background-image: url(https://images.jamendo.com/jamendolicensing/icon/3dots.svg);
          background-repeat: no-repeat;
          width: 30px;
          height: 18px;
          background-position: center; }
        .track-landing__container__actions__button--add-to-playlist {
          background-image: url(https://images.jamendo.com/jamendolicensing/icon/add-to-playlist.svg);
          background-repeat: no-repeat;
          background-size: 30px 25px; }
        .track-landing__container__actions__button--add-to-cart {
          background-image: url(https://images.jamendo.com/jamendolicensing/icon/add-to-cart.svg);
          background-repeat: no-repeat;
          background-size: 30px 25px; }
        .track-landing__container__actions__button--added-to-cart {
          background-image: url(https://images.jamendo.com/jamendolicensing/icon/added-to-cart.svg);
          background-repeat: no-repeat;
          background-size: 30px 25px; }
        .track-landing__container__actions__button--download {
          font-size: 25px; }
        .track-landing__container__actions__button--hint-to-left::after {
          -webkit-transform: translateX(-100%) translateX(15px) translateY(8px) !important;
                  transform: translateX(-100%) translateX(15px) translateY(8px) !important; }
    .track-landing__container__popin {
      position: absolute;
      top: 75px;
      z-index: 2;
      background-color: white;
      width: calc(100% - 55px);
      height: 60px;
      border: 1px solid #000000;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
      border-radius: 6px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .track-landing__container__popin__button {
        width: 30px;
        height: 25px;
        color: #4A4A4A;
        margin: 0 7px; }
        .track-landing__container__popin__button--add-to-playlist {
          background-image: url(https://images.jamendo.com/jamendolicensing/icon/add-to-playlist.svg);
          background-repeat: no-repeat;
          background-size: 30px 25px; }
        .track-landing__container__popin__button--add-to-cart {
          background-image: url(https://images.jamendo.com/jamendolicensing/icon/add-to-cart.svg);
          background-repeat: no-repeat;
          background-size: 30px 25px; }
        .track-landing__container__popin__button--added-to-cart {
          background-image: url(https://images.jamendo.com/jamendolicensing/icon/added-to-cart.svg);
          background-repeat: no-repeat;
          background-size: 30px 25px; }
        .track-landing__container__popin__button--download {
          font-size: 25px; }

.pop-in {
  width: 288px;
  width: 18rem;
  white-space: normal;
  background-color: #fcfcfc;
  border: 2px solid #67b7bf;
  text-align: center;
  position: relative;
  display: inline-block;
  z-index: 1; }
  .pop-in__heading, .pop-in__tooltip {
    color: #67b7bf;
    line-height: 1.334; }
  .pop-in__heading {
    font-family: "futurademi", Arial, sans-serif;
    padding: 24px 24px 16px;
    padding: 1.5rem 1.5rem 1rem; }
  .pop-in__tooltip {
    padding: 16px;
    padding: 1rem; }
  .pop-in__input-text {
    margin: 0 24px 16px;
    margin: 0 1.5rem 1rem; }
  .pop-in__actions {
    margin: 0 24px 24px;
    margin: 0 1.5rem 1.5rem; }
    .pop-in__actions li {
      margin-bottom: 8px;
      margin-bottom: 0.5rem; }
      .pop-in__actions li:last-child {
        margin-bottom: 0; }
  .pop-in__links {
    padding: 24px;
    padding: 1.5rem;
    line-height: 1.7; }
  .pop-in__error-notification {
    margin: 0 24px 24px;
    margin: 0 1.5rem 1.5rem; }
    .pop-in__error-notification.reset {
      margin: initial;
      text-align: left;
      background-color: transparent;
      min-width: calc(250px - 2px); }
      .pop-in__error-notification.reset .error-notification {
        color: black;
        border: none;
        background-color: #ffd7d7;
        height: 34px;
        overflow: hidden;
        padding: 5px 10px;
        margin: 1px; }
        .pop-in__error-notification.reset .error-notification div {
          font-size: 13px;
          padding: 0; }
  .pop-in.xsmall {
    width: 80px;
    width: 5rem; }
  .pop-in.medium {
    width: 176px;
    width: 11rem; }
  .pop-in.small {
    width: 224px;
    width: 14rem; }
  .pop-in.large {
    width: 352px;
    width: 22rem; }
  .pop-in:after {
    position: absolute;
    content: '';
    display: inline-block;
    z-index: 2;
    background-repeat: no-repeat;
    background-position: center center; }
  .pop-in.pin-top:after, .pop-in.pin-bottom:after {
    margin-left: -7px;
    width: 14px;
    height: 9px;
    left: 50%; }
  .pop-in.pin-top.pin-first-corner:after, .pop-in.pin-top.pin-second-corner:after, .pop-in.pin-bottom.pin-first-corner:after, .pop-in.pin-bottom.pin-second-corner:after {
    margin-left: 0; }
  .pop-in.pin-top.pin-first-corner:after, .pop-in.pin-bottom.pin-first-corner:after {
    left: 16px;
    left: 1rem; }
  .pop-in.pin-top.pin-second-corner:after, .pop-in.pin-bottom.pin-second-corner:after {
    left: auto;
    right: 16px;
    right: 1rem; }
  .pop-in.pin-top {
    margin-top: 7px;
    margin-top: 0.4375rem; }
    .pop-in.pin-top:after {
      top: -9px;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHpJREFUeNpiZMAB0rfvnw+kDIDYcaan4wd0eUY8mhKg3AvYNDPi0mQhJQ7mn3j2EqtmRlyaYrXVwGKLr97CqpkRnyYYwKaZkZAmXJqZidEEAvpiwgzvfvxkePL5qwSQ68FEjCYYAKmBBpoBw/yL1/7/+fOHJAzSAxBgAKElePtLslkqAAAAAElFTkSuQmCC); }
  .pop-in.pin-bottom {
    margin-bottom: 7px;
    margin-bottom: 0.4375rem; }
    .pop-in.pin-bottom:after {
      bottom: -9px;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHVJREFUeNpimH/x2v8/f/6QhEF6mE48e8mw+OotBmIBSC1IDxOQfYFYzTBNQLAApNGRGM3ImmZ6OiYygljp2/cLAKn9QGxgISXOEKuthlcTiMEIk8SlGZsmFI3YNIMANk0YGtE1Q4UwNGHViKb5AjZNIAAQYADGxIAVTAN62gAAAABJRU5ErkJggg==); }
  .pop-in.pin-top-center:after {
    left: 50% !important; }
  .pop-in.pin-left:after, .pop-in.pin-right:after {
    margin-top: -7px;
    width: 9px;
    height: 14px;
    top: 50%; }
  .pop-in.pin-left.pin-first-corner:after, .pop-in.pin-left.pin-second-corner:after, .pop-in.pin-right.pin-first-corner:after, .pop-in.pin-right.pin-second-corner:after {
    margin-top: 0; }
  .pop-in.pin-left.pin-first-corner:after, .pop-in.pin-right.pin-first-corner:after {
    top: 16px;
    top: 1rem; }
  .pop-in.pin-left.pin-second-corner:after, .pop-in.pin-right.pin-second-corner:after {
    top: auto;
    bottom: 16px;
    bottom: 1rem; }
  .pop-in.pin-left {
    margin-left: 7px;
    margin-left: 0.4375rem; }
    .pop-in.pin-left:after {
      left: -9px;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG1JREFUeNpiZMAC0rfvFwBS+4HYwEJKnIGJkIJYbTVURdgUgAATIQVwRfgUgBURUgAzCa8CmKILDAQA00xPx0QgveDEs5cMi6/ewmkSAyGF8CDApxAlMHEpxIgWbAoZcfkIGH7zgVQCKGgAAgwAxHxAe7xtnzgAAAAASUVORK5CYII=); }
  .pop-in.pin-right {
    margin-right: 7px;
    margin-right: 0.4375rem; }
    .pop-in.pin-right:after {
      right: -9px;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHVJREFUeNpinH/x2v8Tz14yAMGCmZ6OiQxYAFOsthqDhZQ4iJ2Qvn3/fKyKQAQhhUwwBj6FTMgcXAqZ0I3GppDxz58//7E5dvHVWwwwXzMxEAYGTARMuQDEjkyEFAAD+AMTIQUovsOlAK4InwKwIkIKQAAgwADUg1PBIMjodQAAAABJRU5ErkJggg==); }
  .pop-in.pin-small.pin-top.pin-first-corner:after, .pop-in.pin-small.pin-bottom.pin-first-corner:after {
    left: 9px;
    left: 0.5625rem; }
  .pop-in.pin-small.pin-top.pin-second-corner:after, .pop-in.pin-small.pin-bottom.pin-second-corner:after {
    right: 9px;
    right: 0.5625rem; }
  .pop-in.pin-small.pin-left.pin-first-corner:after, .pop-in.pin-small.pin-right.pin-first-corner:after {
    top: 9px;
    top: 0.5625rem; }
  .pop-in.pin-small.pin-left.pin-second-corner:after, .pop-in.pin-small.pin-right.pin-second-corner:after {
    bottom: 9px;
    bottom: 0.5625rem; }
  .pop-in.dark {
    background-color: #333333;
    border: 2px solid #FFFFFF;
    color: #FFFFFF; }
    .pop-in.dark .pop-in__heading,
    .pop-in.dark .pop-in__tooltip {
      color: #FFFFFF; }
    .pop-in.dark .pop-in__links a:link, .pop-in.dark .pop-in__links a:visited {
      color: #FFFFFF; }
    .pop-in.dark .pop-in__links a:hover, .pop-in.dark .pop-in__links a:active {
      color: #67b7bf; }
    .pop-in.dark.pin-top:after {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHNJREFUeNpiYMAB/v//Px+IzwOxAAOxAKoJBojTDNO0efNmMCZKM7ImY2NjMCaoGZsmfJoZYZqAVMKWLVsYGhoasLoGJO7j4wNiXgBiR2ZiNIHAgQMHGKSkpBjU1NQkgFwPRpD9hDRhs5mFFE0wjSAAEGAAf8mVcA0BiOQAAAAASUVORK5CYII=); }
    .pop-in.dark.pin-bottom:after {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGVJREFUeNpi3Lx58/+GhgYGUgBIPZOPjw8DKRpBakF6mIDsC8RqhmkCggUgjY7EaEbWxMjImAgW/P//vwAQnwfi/yA/Gxsbo2CQGBTMxzARl2a8mnBpJkoTNs1Ea8KiGacmgAADAO6wiEaijulFAAAAAElFTkSuQmCC); }
    .pop-in.dark.pin-left:after {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGpJREFUeNpiYMAC/v//LwDE54H4/+bNm/8TVGBsbPyfoAIQZkJWAKT2A7HBli1bGBoaGuCamQgpACsipABmEl4FMEUXGAgAJkZGxkQgvcDHxwevSQzEKEQOp/noYYQRmLgUEmUiUVYDBBgA+OKF4c3w584AAAAASUVORK5CYII=); }
    .pop-in.dark.pin-right:after {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG9JREFUeNpi2Lx5838omM+ACxgbG/8nqBCkiKBCmCJ8CpmQOQ0NDQxbtmwBMROQFTKhm4xNIQs2d4IUgoCPjw9IIaZJWIABEy6TgKaAmBeA2JGJkAJGRsYPTIQU4ArM80AsgC9aMBWAAEEFQAAQYAAblIRWjsxv2QAAAABJRU5ErkJggg==); }
  .pop-in.tips {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
        flex-flow: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: auto;
    max-width: 370px;
    position: relative;
    padding: 1.25rem;
    background-color: #67b7bf;
    border-radius: 6px; }
    .pop-in.tips[larger] {
      width: 550px; }
    .pop-in.tips h1, .pop-in.tips p, .pop-in.tips ul, .pop-in.tips ol {
      padding: 0;
      font-weight: 400;
      font-size: 14px;
      font-size: 0.875rem;
      color: #FFFFFF;
      text-align: left;
      line-height: normal;
      cursor: default;
      white-space: initial;
      border: none; }
      .pop-in.tips h1 span, .pop-in.tips p span, .pop-in.tips ul span, .pop-in.tips ol span {
        font-family: "futurabold", Arial, sans-serif;
        letter-spacing: 1px; }
    .pop-in.tips p {
      line-height: 1.3; }
      .pop-in.tips p span {
        text-transform: uppercase; }
    .pop-in.tips ol {
      margin-left: 1.25rem; }
    .pop-in.tips h1 {
      font-size: 1.125rem;
      font-family: "futurabold", Arial, sans-serif;
      color: #FFFFFF;
      margin: 12px 0;
      margin: 0.75rem 0;
      padding-right: 1.5rem; }
    .pop-in.tips button.close {
      position: absolute;
      right: 1rem;
      top: 1rem; }
      .pop-in.tips button.close i {
        line-height: 1;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        transition: -webkit-transform .25s ease-out;
        transition: transform .25s ease-out; }
      .pop-in.tips button.close:hover i {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
    .pop-in.tips::before, .pop-in.tips::after {
      top: 100%;
      right: 100%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    .pop-in.tips:before {
      border-color: rgba(245, 110, 110, 0);
      border-top-color: #67b7bf;
      border-width: 10px;
      right: 15px; }
    .pop-in.tips:after {
      background-image: none;
      border-color: rgba(255, 255, 255, 0);
      border-top-color: #67b7bf;
      border-width: 7px;
      right: 18px; }
    .pop-in.tips > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row-reverse;
          flex-flow: row-reverse;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%; }
      .pop-in.tips > div:last-of-type {
        margin-top: 1rem; }
      .pop-in.tips > div .button.ghost.skip-tips {
        border: none;
        padding: 0;
        margin-top: 9px; }
        .pop-in.tips > div .button.ghost.skip-tips div > span {
          display: inherit; }
          .pop-in.tips > div .button.ghost.skip-tips div > span:first-of-type {
            padding-right: 5px;
            text-transform: capitalize; }
          .pop-in.tips > div .button.ghost.skip-tips div > span:last-of-type {
            border-bottom: 1px solid #FFFFFF; }
        .pop-in.tips > div .button.ghost.skip-tips:hover {
          color: #FFFFFF;
          background-color: #67b7bf; }
          .pop-in.tips > div .button.ghost.skip-tips:hover div > span:last-of-type {
            font-family: "futurabold", Arial, sans-serif; }
    .pop-in.tips[color-warning] {
      background-color: #ed795a;
      border-color: #ed795a; }
      .pop-in.tips[color-warning]:before, .pop-in.tips[color-warning]:after {
        border-top-color: #ed795a; }
      .pop-in.tips[color-warning] .button.ghost:hover {
        color: #ed795a; }
      .pop-in.tips[color-warning] .button.ghost.skip-tips:hover {
        background-color: #ed795a; }
    .pop-in.tips.pin-first-corner:before, .pop-in.tips.pin-second-corner:before {
      display: none; }
    .pop-in.tips.pin-first-corner:after, .pop-in.tips.pin-second-corner:after {
      border-width: 10px; }
    .pop-in.tips.pin-top.pin-second-corner::after {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
      top: -22px; }
    @media only screen and (max-width: 670px) {
      .pop-in.tips {
        width: auto;
        min-width: 370px; } }
  .pop-in.white-rounded-shadow {
    border: none;
    border-radius: 8px;
    -webkit-filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));
            filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3)); }
    .pop-in.white-rounded-shadow::after {
      content: '';
      background-image: none;
      width: 0;
      height: 0;
      right: 18px !important;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 10px solid #FFFFFF; }

.pop-in__language .pop-in__links a {
  text-transform: uppercase;
  text-decoration: none; }

.add-to-playlist-box {
  z-index: 760 !important; }

.pop-in.add-to-playlist {
  z-index: 760 !important; }
  .pop-in.add-to-playlist .pop-in__actions li {
    display: block !important;
    margin-top: 15px; }
  @media only screen and (max-width: 460px) {
    .pop-in.add-to-playlist {
      display: block;
      position: fixed;
      top: 64px !important;
      right: 0;
      bottom: 0;
      left: 0;
      outline: 0;
      width: 100%; }
      .pop-in.add-to-playlist:after {
        display: none !important; }
      .pop-in.add-to-playlist ul {
        height: calc(100% - 106px);
        max-height: none !important; }
      .pop-in.add-to-playlist li {
        width: 100% !important; } }
  .pop-in.add-to-playlist .pop-in__heading .close {
    display: none;
    position: absolute;
    top: 0;
    right: 0; }
    @media only screen and (max-width: 460px) {
      .pop-in.add-to-playlist .pop-in__heading .close {
        display: block; } }
    .pop-in.add-to-playlist .pop-in__heading .close i {
      transition: -webkit-transform .25s ease-out;
      transition: transform .25s ease-out; }
      .pop-in.add-to-playlist .pop-in__heading .close i:hover {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
  .pop-in.add-to-playlist .pop-in__playlist-add {
    width: 100%;
    height: 48px;
    height: 3rem; }
    .pop-in.add-to-playlist .pop-in__playlist-add > div:first-child {
      width: 100%; }
    .pop-in.add-to-playlist .pop-in__playlist-add input {
      width: 100%;
      height: 100%;
      border: none;
      outline: none;
      color: #646464;
      padding: 0 8px;
      padding: 0 0.5rem; }
    .pop-in.add-to-playlist .pop-in__playlist-add button {
      height: 48px;
      height: 3rem;
      min-width: 48px;
      min-width: 3rem;
      padding: 0 12px;
      padding: 0 0.75rem;
      white-space: nowrap;
      background-color: #67b7bf;
      color: #FFFFFF; }
      .pop-in.add-to-playlist .pop-in__playlist-add button:hover {
        background-color: #48a2ab; }
      .pop-in.add-to-playlist .pop-in__playlist-add button.disabled, .pop-in.add-to-playlist .pop-in__playlist-add button:disabled, .pop-in.add-to-playlist .pop-in__playlist-add button[disabled] {
        cursor: not-allowed;
        opacity: 0.5;
        filter: alpha(opacity=50); }

.pop-in-component {
  position: relative;
  display: inline-block;
  text-align: initial; }

.pop-in-wrapper {
  position: absolute;
  display: none;
  z-index: 200; }
  .pop-in-wrapper.force-display {
    display: block !important; }
  .pop-in-wrapper.top-left, .pop-in-wrapper.top-center, .pop-in-wrapper.top-right {
    bottom: 100%;
    margin-bottom: 8px;
    margin-bottom: 0.5rem; }
  .pop-in-wrapper.bottom-left, .pop-in-wrapper.bottom-center, .pop-in-wrapper.bottom-right {
    top: 100%;
    margin-top: 8px;
    margin-top: 0.5rem; }
  .pop-in-wrapper.bottom-center.from-icon {
    left: -28px; }
  .pop-in-wrapper.bottom-right.from-icon {
    right: -14px; }
  .pop-in-wrapper.top-left, .pop-in-wrapper.bottom-left {
    left: 0%; }
  .pop-in-wrapper.top-center, .pop-in-wrapper.bottom-center {
    left: 50%; }
  .pop-in-wrapper.top-right, .pop-in-wrapper.bottom-right {
    right: 0%; }
  .pop-in-wrapper.top-center .pop-in, .pop-in-wrapper.bottom-center .pop-in {
    margin-left: -50%; }
  .pop-in-wrapper.left-top, .pop-in-wrapper.left-bottom {
    right: 100%;
    margin-right: 8px;
    margin-right: 0.5rem; }
  .pop-in-wrapper.right-top, .pop-in-wrapper.right-bottom {
    left: 100%;
    margin-left: 8px;
    margin-left: 0.5rem; }
  .pop-in-wrapper.left-top, .pop-in-wrapper.right-top {
    top: 0; }
  .pop-in-wrapper.left-bottom, .pop-in-wrapper.right-bottom {
    bottom: 0; }

.pop-in-wrapper[z-600] {
  z-index: 600; }

.product-access {
  background-color: #ebebeb;
  margin-top: 16px;
  margin-top: 1rem;
  padding: 24px;
  padding: 1.5rem; }
  .product-access__heading {
    margin-bottom: 8px;
    margin-bottom: 0.5rem;
    color: #67b7bf; }
  @media only screen and (min-width: 768px) {
    .product-access__split > div {
      padding-top: 16px;
      padding-top: 1rem; }
    .product-access__split > div:first-child {
      padding-right: 32px;
      padding-right: 2rem; }
    .product-access__split > div:last-child {
      padding-left: 32px;
      padding-left: 2rem;
      border-left: 1px solid #cccccc; } }

.mobile-tease {
  padding: 0 24px;
  padding: 0 1.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  max-width: 1280px;
  max-width: 80rem;
  background-color: #67b7bf; }
  .mobile-tease__headline {
    width: 100%;
    font-weight: "futurabook", Arial, sans-serif;
    text-transform: uppercase;
    color: #FFFFFF; }
    .mobile-tease__headline span {
      display: block;
      font-family: "futurademi", Arial, sans-serif;
      line-height: 1;
      margin-bottom: 8px;
      margin-bottom: 0.5rem; }
  .mobile-tease__headline, .mobile-tease__badges {
    padding: 24px 0;
    padding: 1.5rem 0; }
  .mobile-tease__visual, .mobile-tease__badges {
    white-space: nowrap; }
  .mobile-tease__visual {
    display: none;
    padding: 0 32px;
    padding: 0 2rem; }
  @media only screen and (min-width: 992px) {
    .mobile-tease {
      display: table;
      width: 100%; }
      .mobile-tease > div {
        display: table-cell;
        vertical-align: middle; } }

.client-space-heading + .mobile-tease {
  margin-top: -16px;
  margin-top: -1rem; }

.image-tease {
  display: table;
  width: 100%;
  padding: 0 24px;
  padding: 0 1.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  max-width: 1280px;
  max-width: 80rem;
  height: 180px;
  background-image: url("https://images.jamendo.com/jamendolicensing/heroes/hero-live-stream-d-xl.webp");
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #FFFFFF; }
  .image-tease.gaming {
    background-image: url("https://images.jamendo.com/jamendolicensing/heroes/hero-gaming2-d-xl.webp");
    background-position: top; }

.client-space-heading + .image-tease {
  margin-top: -16px;
  margin-top: -1rem; }

.product-bought {
  color: gray;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .product-bought__actions {
    white-space: nowrap; }
  .product-bought__summary, .product-bought__use, .product-bought__actions {
    margin-top: 8px;
    margin-top: 0.5rem; }
  .product-bought__use a:link, .product-bought__use a:visited {
    color: #ed795a; }
  .product-bought__use a:hover, .product-bought__use a:active {
    color: #e8542c; }
  .product-bought > div:last-child {
    padding-right: 0; }
  .product-bought.standalone {
    padding: 16px;
    padding: 1rem;
    background-color: #fcfcfc;
    border: 1px solid #67b7bf; }
  .product-bought__secondary {
    width: 65%; }
  @media only screen and (min-width: 992px) {
    .product-bought__primary > div,
    .product-bought__secondary > div {
      display: table;
      width: 100%; }
    .product-bought__primary > div > div,
    .product-bought__secondary > div > div {
      display: table-cell;
      vertical-align: middle; }
    .product-bought__title {
      width: 25%; }
    .product-bought__primary {
      width: 35%; }
    .product-bought__secondary {
      width: 65%; }
      .product-bought__secondary > div > div {
        padding: 0 16px;
        padding: 0 1rem; }
        .product-bought__secondary > div > div.product-bought__use {
          width: 100%; }
        .product-bought__secondary > div > div.product-bought__actions {
          padding-right: 0; }
    .product-bought__actions {
      text-align: right; }
    .product-bought__date {
      width: 80px;
      width: 5rem; }
      .product-bought__date > span {
        margin-right: 12px; }
    .product-bought.in-store .product-bought__primary {
      width: 40%; }
    .product-bought.in-store .product-bought__secondary {
      width: 60%; } }
  @media only screen and (max-width: 1200px) {
    .product-bought.live-stream .product-bought__primary {
      width: 40%; } }
  .product-bought.live-stream .product-bought__secondary > div > div:first-child > div > div {
    max-width: 500px;
    overflow: hidden;
    text-overflow: ellipsis; }
    @media only screen and (max-width: 1500px) {
      .product-bought.live-stream .product-bought__secondary > div > div:first-child > div > div {
        max-width: 300px; } }
    @media only screen and (max-width: 1300px) {
      .product-bought.live-stream .product-bought__secondary > div > div:first-child > div > div {
        max-width: 150px; } }
  .product-bought.live-stream .product-bought__secondary {
    width: 100%; }
  @media only screen and (max-width: 1200px) {
    .product-bought.live-stream .product-bought__secondary > div > div:first-child {
      display: none; } }
  .product-bought.live-stream .product-bought__secondary > div > div:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
        flex-flow: column; }
    .product-bought.live-stream .product-bought__secondary > div > div:last-child > ul {
      min-width: 440px;
      max-width: 570px;
      white-space: initial;
      display: inline-block;
      margin-left: -0.375rem;
      margin-right: -0.375rem; }
      @media only screen and (max-width: 992px) {
        .product-bought.live-stream .product-bought__secondary > div > div:last-child > ul {
          min-width: initial;
          max-width: 100%; } }
      .product-bought.live-stream .product-bought__secondary > div > div:last-child > ul li:first-child, .product-bought.live-stream .product-bought__secondary > div > div:last-child > ul li:last-child {
        margin: 0.375rem; }
  .product-bought .break {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    height: 0; }
  .product-bought__contentid {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .product-bought__contentid__text a {
      cursor: pointer; }
    .product-bought__contentid__key-content__input {
      padding: 2px 5px; }
    .product-bought__contentid__key-content__icon {
      cursor: pointer; }
    .product-bought__contentid__info-text {
      padding-top: 5px; }

.product-bought-list {
  max-width: 1280px;
  max-width: 80rem; }
  .product-bought-list > li {
    padding-bottom: 16px;
    padding-bottom: 1rem;
    margin-bottom: 16px;
    margin-bottom: 1rem;
    border-bottom: 1px solid #e6e6e6; }
    .product-bought-list > li:last-child {
      padding: 0;
      margin: 0;
      border-bottom: none; }

.notification + .product-bought.standalone {
  margin-top: -1px;
  margin-top: -0.0625rem; }

.product-summary {
  color: #4d4d4d;
  height: 48px;
  height: 3rem; }
  .product-summary__information > div > div .product-summary__additional {
    white-space: normal; }
  .product-summary__license {
    font-family: "futurademi", Arial, sans-serif;
    color: #67b7bf; }
    .product-summary__license.is-inactive {
      color: #ed795a; }
    .product-summary__license.is-terminated {
      color: #999999; }
  @media only screen and (max-width: 1200px) {
    .product-summary__product.live-stream {
      display: none; } }
  @media only screen and (max-width: 992px) {
    .product-summary__product.live-stream {
      display: inline-block; } }
  .product-summary__cover {
    width: 81px;
    width: 5.0625rem;
    position: relative; }
  .product-summary__cover img, .product-summary__play,
  .product-summary__play button {
    width: 65px;
    width: 4.0625rem;
    height: 65px;
    height: 4.0625rem; }
  .product-summary__play {
    z-index: 1; }
    .product-summary__play button {
      z-index: 3; }
  .product-summary__author {
    text-transform: uppercase; }
  .product-summary.standalone {
    padding: 16px;
    padding: 1rem;
    margin-bottom: 32px;
    margin-bottom: 2rem;
    border: 1px solid #67b7bf; }

.description-table td,
.description-table th {
  padding: 16px;
  padding: 1rem;
  line-height: 1.334;
  border: 1px solid whitesmoke; }
  .description-table td.description-table__archive-download,
  .description-table th.description-table__archive-download {
    padding: 0; }

.description-table th {
  background-color: #fcfcfc;
  font-family: "futurademi", Arial, sans-serif; }

.description-table__archive-download a {
  padding: 16px;
  padding: 1rem;
  vertical-align: top;
  text-decoration: none;
  color: gray; }
  .description-table__archive-download a:link, .description-table__archive-download a:visited {
    color: #999999; }
  .description-table__archive-download a:hover, .description-table__archive-download a:active {
    color: #67b7bf; }
  .description-table__archive-download a .icon {
    margin-right: 4px;
    margin-right: 0.25rem; }

.invoice-table__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 80px;
  border-bottom: 1px solid #D1D1D6;
  padding: 10px 0; }
  .invoice-table__line > * {
    padding: 2px 10px; }
    @media only screen and (max-width: 768px) {
      .invoice-table__line > * {
        padding: 2px 2px; } }
  .invoice-table__line:last-child {
    border-bottom: none; }
  .invoice-table__line--header {
    color: black;
    padding-bottom: 10px; }
  .invoice-table__line__date {
    width: 132px;
    min-width: 132px;
    word-break: break-all; }
    @media only screen and (max-width: 768px) {
      .invoice-table__line__date {
        width: 25%;
        min-width: inherit; } }
    .invoice-table__line__date--header {
      word-break: normal; }
  .invoice-table__line__info {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    @media only screen and (max-width: 768px) {
      .invoice-table__line__info {
        display: none; } }
    .invoice-table__line__info__product {
      color: black; }
  .invoice-table__line__invoice-nb {
    width: 212px;
    min-width: 212px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .invoice-table__line__invoice-nb {
        width: 25%;
        min-width: inherit; } }
  .invoice-table__line__price {
    width: 155px;
    min-width: 155px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .invoice-table__line__price {
        width: 25%; } }
  .invoice-table__line__download {
    width: 100px;
    min-width: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .invoice-table__line__download {
        width: 25%;
        min-width: inherit; } }
    .invoice-table__line__download__icon {
      background-image: url(https://images.jamendo.com/jamendolicensing/icon/invoice-download.svg);
      background-repeat: no-repeat;
      width: 30px;
      height: 26px; }
  .invoice-table__line__more {
    width: 100px;
    min-width: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .invoice-table__line__more {
        width: 25%;
        min-width: inherit; } }
  .invoice-table__line__break {
    display: none; }
    @media only screen and (max-width: 768px) {
      .invoice-table__line__break {
        display: block;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        height: 20px; } }
  .invoice-table__line__mobile-more {
    display: none;
    width: 100%; }
    @media only screen and (max-width: 768px) {
      .invoice-table__line__mobile-more {
        display: block; } }
    .invoice-table__line__mobile-more__line {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .invoice-table__line__mobile-more__line--header {
        color: black;
        padding-bottom: 10px; }
      .invoice-table__line__mobile-more__line__info {
        width: 50%; }
        .invoice-table__line__mobile-more__line__info__product {
          color: black; }
      .invoice-table__line__mobile-more__line__price {
        width: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        text-align: center; }

.base-table {
  width: 100%;
  max-width: 960px;
  max-width: 60rem;
  margin-bottom: 48px;
  margin-bottom: 3rem; }
  .base-table td,
  .base-table th {
    padding: 16px 24px;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e6e6e6; }
    .base-table td:first-child,
    .base-table th:first-child {
      padding-left: 0 !important; }
    .base-table td:last-child,
    .base-table th:last-child {
      padding-right: 0 !important; }
  .base-table tr:last-child td {
    border-bottom: none; }
  .base-table th {
    line-height: 1.334;
    white-space: nowrap; }
    .base-table th.sortable:hover {
      cursor: pointer; }
  .base-table__tertiary {
    width: 88px;
    width: 5.5rem;
    white-space: nowrap; }
  .base-table__state.depleted {
    color: #b3b3b3; }
  .base-table__secondary {
    width: 96px;
    width: 6rem;
    white-space: nowrap; }
  .base-table__actions, .base-table__referral-amount {
    width: 1%;
    white-space: nowrap; }
  .base-table__referral-amount.paid {
    color: #b3b3b3; }
  .base-table__referral-amount.unpaid {
    color: #67b7bf; }
  .base-table.equal-row-height td {
    height: 74px;
    height: 4.625rem; }
  .base-table.narrow td,
  .base-table.narrow th {
    padding: 12px;
    padding: 0.75rem; }
  .base-table.referrals td:first-child {
    width: 50%; }
  .base-table.referrals td {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 1rem 0.5rem; }

.client-space-heading + .history-table {
  margin-top: -16px;
  margin-top: -1rem; }

#page-myaccount-invoices .base-table,
#page-myaccount-credits .base-table,
#page-myaccount-reseller-client-list .base-table,
#page-myaccount-reseller-manage-stores .base-table {
  margin: auto;
  width: auto; }

#page-myaccount-credits .base-table .base-table__primary {
  width: 310px; }

#page-myaccount-reseller-downloads .description-table {
  margin: auto; }

#page-myaccount-reseller-client-list .reseller_add_new_client .col-md-6:first-child {
  padding-left: 0; }

#page-myaccount-reseller-client-list .reseller_add_new_client .col-md-6:last-child {
  padding-right: 0; }

@media only screen and (max-width: 992px) {
  #page-myaccount-reseller-client-list .reseller_add_new_client .col-md-6:first-child, #page-myaccount-reseller-client-list .reseller_add_new_client .col-md-6:last-child {
    padding: 0; } }

#page-myaccount-mymusic .playlist-actions .col-md-6 {
  padding-left: 0; }
  #page-myaccount-mymusic .playlist-actions .col-md-6 .button:last-child {
    margin-left: 0.5rem; }

@media only screen and (max-width: 920px) {
  #page-myaccount-mymusic .button-cart {
    min-width: 180px;
    width: 180px; } }

.search-filter {
  padding: 14px 24px;
  padding: 0.875rem 1.5rem;
  position: relative;
  width: 304px;
  width: 19rem;
  display: inline-block; }
  @media only screen and (max-width: 992px) {
    .search-filter {
      display: none; } }
  .search-filter--mobile {
    display: none !important;
    padding: 0;
    height: fit-contents; }
    @media only screen and (max-width: 768px) {
      .search-filter--mobile {
        display: block !important; } }
  @media only screen and (max-width: 768px) {
    .search-filter {
      display: none; } }
  .search-filter__heading {
    color: gray;
    padding-bottom: 24px;
    padding-bottom: 1.5rem;
    text-transform: none; }
  .search-filter__lists > li {
    padding-bottom: 24px;
    padding-bottom: 1.5rem;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #cccccc; }
    .search-filter__lists > li .heading {
      line-height: 2;
      text-align: left;
      margin: 0;
      font-family: "futurademi", Arial, sans-serif;
      color: gray; }
    .search-filter__lists > li:last-child {
      border-bottom: none;
      margin-bottom: none; }
  .search-filter__list {
    line-height: 2; }
    .search-filter__list a {
      position: relative;
      display: block;
      text-decoration: none;
      color: black !important; }
      .search-filter__list a.is-current:before {
        content: '';
        display: block;
        background-color: #C4C4C4;
        width: 6px;
        width: 0.375rem;
        height: 6px;
        height: 0.375rem;
        border-radius: 100%;
        position: absolute;
        left: -12px;
        left: -0.75rem;
        margin-top: -3px;
        margin-top: -0.1875rem;
        top: 50%; }
      .search-filter__list a.main {
        text-transform: uppercase;
        margin-bottom: 8px;
        margin-bottom: 0.5rem;
        font-family: "futurademi", Arial, sans-serif;
        color: gray; }
      .search-filter__list a.is-disabled {
        color: #afd9dd; }
        .search-filter__list a.is-disabled:hover {
          cursor: not-allowed; }
      .search-filter__list a .pill {
        margin-left: 8px;
        margin-left: 0.5rem; }

.error-notification {
  padding: 16px;
  padding: 1rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  border: 1px solid #ed795a;
  color: #ed795a; }
  .error-notification > div:first-child {
    padding-right: 16px;
    padding-right: 1rem; }
  .error-notification > div:last-child {
    line-height: 1.334; }
  .error-notification.success {
    border: 1px solid #67b7bf;
    color: #67b7bf; }

fieldset {
  padding-top: 32px;
  padding-top: 2rem;
  margin-top: 8px;
  margin-top: 0.5rem;
  border-top-width: 1px;
  border-top-width: 0.0625rem;
  border-top-style: solid;
  border-top-color: #e6e6e6; }
  fieldset:first-of-type {
    border-top: none;
    padding-top: 0;
    margin-top: 0; }
  fieldset.reset {
    padding: 0;
    border: 0; }
    fieldset.reset:first-of-type {
      margin-top: inherit; }

legend {
  margin-bottom: 0;
  text-transform: uppercase;
  -webkit-transform: translateY(0.5rem);
          transform: translateY(0.5rem); }

label {
  position: relative;
  display: block;
  font-weight: initial; }

.label-info {
  margin-left: 8px;
  margin-left: 0.5rem;
  vertical-align: top; }

.form-group label:not(.error),
.label {
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
  line-height: 1.334; }
  .form-group label:not(.error).hitbox,
  .label.hitbox {
    line-height: inherit; }

.form-group,
.form-checkbox-buttons-group {
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }

.form-pick-group {
  margin-bottom: 16px;
  margin-bottom: 1rem; }
  .form-pick-group label.error {
    margin-top: 0; }

.form-submit-group {
  text-align: center; }

.form-inline-monofield > div:first-child {
  width: 100%; }

.form-inline-monofield > div:last-child {
  padding-left: 8px;
  padding-left: 0.5rem; }

.form-inline-monofield [type=submit] {
  white-space: nowrap; }

.form-group {
  position: relative; }
  .form-group.fieldset-heading label:not(.error):not(.success) {
    text-transform: uppercase; }
    .form-group.fieldset-heading label:not(.error):not(.success) span {
      text-transform: none; }
  .form-group.auto-width select {
    width: auto;
    display: inline-block; }
  .form-group.auto-width select + select {
    margin-left: -1px; }

.form-control {
  color: #4d4d4d;
  height: 36px;
  height: 2.25rem;
  padding: 0 10px;
  padding: 0 0.625rem;
  border-color: #cccccc;
  border-width: 1px;
  border-width: 0.0625rem;
  box-shadow: none;
  border-radius: 0; }
  .form-control:focus {
    border: 1px solid #67b7bf;
    box-shadow: 0 0 6px #afd9dd; }
  .form-control.branded {
    border-color: #67b7bf;
    border-width: 2px;
    border-radius: 4px;
    color: #67b7bf;
    text-transform: uppercase;
    line-height: 1;
    padding: 8px 32px 8px 12px;
    font-size: 15px;
    white-space: normal;
    word-break: break-all;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* remove default arrow */
    /* add custom arrow */
    background-image: url("https://images.jamendo.com/jamendolicensing/static/navigation/chevron-down.svg");
    background-repeat: no-repeat;
    background-position: 92% center;
    background-size: 16px 16px; }
  .form-control.discreet {
    border-color: white;
    border-radius: 4px;
    color: #979797;
    font-family: "futurabook", Arial, sans-serif;
    text-transform: uppercase;
    line-height: initial;
    padding: 5px 32px 5px 12px;
    font-size: 14px;
    white-space: normal;
    word-break: break-word;
    width: auto;
    height: auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* remove default arrow */
    /* add custom arrow */
    background-image: url("https://images.jamendo.com/jamendolicensing/static/navigation/chevron-down-gray-8.svg");
    background-repeat: no-repeat;
    background-position: 93% 49%;
    background-size: 13px 13px; }
    .form-control.discreet:focus {
      border: 1px solid #7d7d7d;
      box-shadow: none; }
  .form-control.xs {
    border: none;
    color: #979797;
    font-weight: 400;
    line-height: initial;
    padding: 8px;
    font-size: 12px;
    text-decoration: underline;
    white-space: normal;
    word-break: break-word;
    width: auto;
    height: auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* remove default arrow */ }
    .form-control.xs:focus {
      border: none;
      box-shadow: none; }
  .form-control.blocked {
    cursor: default;
    pointer-events: none;
    background: none; }
  .form-control.width-100 {
    width: 100%;
    background-position: 95% 44%;
    padding: 8px 32px 8px 8px; }
  .form-control.input-line {
    border: none;
    border-bottom: 1px solid #cbcbcb;
    padding-left: 8px;
    font-size: 16px; }
    .form-control.input-line:focus {
      border-bottom: 1px solid #67b7bf;
      box-shadow: none;
      color: #48a2ab; }
  .form-control.simple {
    height: 43px;
    border: none; }
    .form-control.simple:focus {
      box-shadow: none; }

.checkbox,
.checkbox-inline,
.radio,
.radio-inline {
  margin: 0; }
  .checkbox label,
  .checkbox-inline label,
  .radio label,
  .radio-inline label {
    line-height: 1.23;
    color: #646464;
    cursor: pointer;
    min-height: 24px;
    min-height: 1.5rem;
    margin-bottom: 0; }

label.error,
label.success,
.help-block {
  color: #999999;
  font-weight: "futurabook", Arial, sans-serif;
  padding: 8px 0 0;
  padding: 0.5rem 0 0;
  line-height: 1.4;
  clear: both; }

label.error,
label.success {
  font-size: 11px !important;
  font-size: 0.6875rem !important;
  letter-spacing: 1px !important;
  color: #ed795a; }
  label.error.placeholder-error,
  label.success.placeholder-error {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 36px;
    background-color: #ffd7d7;
    margin: 0 0 1px 0;
    padding: 8px;
    font-size: 13px !important;
    letter-spacing: 0 !important;
    color: black;
    cursor: text; }
    label.error.placeholder-error.outside,
    label.success.placeholder-error.outside {
      position: relative;
      display: block;
      width: auto;
      height: auto;
      min-height: 36px;
      margin-top: 16px;
      line-height: 1.6;
      padding: 12px;
      cursor: default; }

label.success {
  color: #67b7bf; }

select.form-control {
  padding: 0rem 16px 0rem 6px;
  padding: 0rem 1rem 0rem 0.375rem;
  cursor: pointer; }

input[type="checkbox"],
input[type="radio"] {
  margin-top: 0; }
  input[type="checkbox"]:focus,
  input[type="radio"]:focus {
    border-color: none;
    box-shadow: none;
    outline: none; }

::-webkit-input-placeholder {
  color: #999999; }

:-moz-placeholder {
  color: #999999; }

::-moz-placeholder {
  color: #999999; }

:-ms-input-placeholder {
  color: #999999; }

.form-checkbox-buttons-group__label {
  margin-bottom: 5px;
  margin-bottom: 0.3125rem; }

.form-checkbox-buttons-group .checkbox-button {
  width: 33.33333%; }
  .form-checkbox-buttons-group .checkbox-button:nth-child(3n+1) {
    padding: 3px 4px 3px 0;
    padding: 0.1875rem 0.25rem 0.1875rem 0; }
  .form-checkbox-buttons-group .checkbox-button:nth-child(3n+2) {
    padding: 3px 2px 3px 2px;
    padding: 0.1875rem 0.125rem 0.1875rem 0.125rem; }
  .form-checkbox-buttons-group .checkbox-button:nth-child(3n+3) {
    padding: 3px 0 3px 4px;
    padding: 0.1875rem 0 0.1875rem 0.25rem; }
  .form-checkbox-buttons-group .checkbox-button label {
    width: 100%; }

.form-checkbox-buttons-group__visible, .form-checkbox-buttons-group__expand-expendable {
  font-size: 0; }

.form-checkbox-buttons-group__expand-expendable {
  display: none; }

.form-checkbox-buttons-group__expand-trigger {
  display: block;
  width: 100%;
  text-align: right;
  color: #b3b3b3; }
  .form-checkbox-buttons-group__expand-trigger:after {
    content: '\25BC'; }
  .form-checkbox-buttons-group__expand-trigger:focus {
    outline: 0; }

.form-checkbox-buttons-group__expand.is-expanded .form-checkbox-buttons-group__expand-expendable {
  display: block; }

.form-checkbox-buttons-group__expand.is-expanded .form-checkbox-buttons-group__expand-trigger:after {
  content: '\25B2'; }

.form-checkbox-buttons-group + .form-checkbox-buttons-group {
  margin-top: -8px;
  margin-top: -0.5rem; }

.checkbox-button {
  display: inline-block; }
  .checkbox-button input[type="checkbox"] {
    display: none; }
    .checkbox-button input[type="checkbox"]:checked + label {
      background-color: #67b7bf; }
  .checkbox-button label {
    padding: 0 8px;
    padding: 0 0.5rem;
    border-radius: 4px;
    border-radius: 0.25rem;
    color: #FFFFFF;
    line-height: 2;
    height: 24px;
    background-color: #b3b3b3;
    cursor: pointer;
    text-align: center;
    margin: 0; }

.form-group-slider label {
  margin-bottom: 11px;
  margin-bottom: 0.6875rem; }

.form-group-slider .informational-link {
  position: absolute;
  left: 27px; }
  .form-group-slider .informational-link .icon {
    top: -2px; }

.form-group-slider .ltr-infos {
  float: right;
  text-align: right; }

.form-group-slider .scale {
  position: relative;
  text-align: center;
  width: 100%; }
  .form-group-slider .scale span {
    margin-top: 8px;
    margin-top: 0.5rem;
    text-align: center;
    vertical-align: top;
    float: left;
    color: #b3b3b3; }
  .form-group-slider .scale .intermediate {
    position: absolute;
    top: 0; }
  .form-group-slider .scale .start {
    text-align: left; }
  .form-group-slider .scale .end {
    float: right;
    text-align: right; }
  .form-group-slider .scale.scale10 .intermediate {
    left: 5%;
    right: 5%; }
    .form-group-slider .scale.scale10 .intermediate span {
      width: 11.1111%; }

.input-card-security-code {
  width: 80px;
  width: 5rem; }

.input-vat {
  margin-left: -1px;
  width: 160px;
  width: 10rem;
  display: inline-block; }
  .input-vat-country-prefix {
    padding: 0 12px;
    padding: 0 0.75rem;
    height: 36px;
    height: 2.25rem;
    border-style: solid;
    border-color: #cccccc;
    border-width: 1px;
    border-width: 0.0625rem;
    display: inline-block;
    float: left;
    vertical-align: top;
    line-height: 3;
    text-align: center;
    white-space: nowrap; }
    .input-vat-country-prefix:empty {
      display: none; }

.payment-methods {
  margin-top: 20px;
  margin-top: 1.25rem; }
  .payment-methods button:focus {
    outline: 0; }

.form-group-paragraph {
  min-height: 90px;
  min-height: 5.625rem; }
  .form-group-paragraph p {
    margin-bottom: 20px;
    margin-bottom: 1.25rem; }

.form-group.registrer input {
  margin-left: 0; }

.form-group.registrer span {
  margin-left: 20px; }

#funnel-payment fieldset {
  padding: 20px;
  padding: 1.25rem;
  margin-top: 8px;
  margin-top: 0.5rem;
  border-width: 1px;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: #ebebeb; }
  #funnel-payment fieldset:first-of-type, #funnel-payment fieldset .country-form {
    border-top: solid;
    border-width: 1px;
    border-width: 0.0625rem;
    border-color: #ebebeb;
    padding-top: 1.25rem;
    margin-top: 0;
    margin-bottom: 16px;
    margin-bottom: 1rem; }
    #funnel-payment fieldset:first-of-type > .form-group, #funnel-payment fieldset .country-form > .form-group {
      margin-bottom: 0; }
    #funnel-payment fieldset:first-of-type button, #funnel-payment fieldset .country-form button {
      top: -3px;
      left: 7px; }
  #funnel-payment fieldset .credit-card-payment .row .form-group {
    margin-bottom: 0.25rem; }
  #funnel-payment fieldset.box-terms-conditions {
    border: none;
    padding-top: 8px;
    padding-top: 0.5rem; }

.modal {
  white-space: normal; }
  .modal-header, .modal-body, .modal-footer {
    padding-left: 32px;
    padding-left: 2rem;
    padding-right: 32px;
    padding-right: 2rem; }
  .modal-header, .modal-footer {
    border: none; }
  .modal-header {
    padding-top: 48px;
    padding-top: 3rem;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    padding-bottom: 0; }
    .modal-header [data-dismiss="modal"] .icon {
      line-height: 3; }
  .modal-body {
    margin: 16px 0;
    margin: 1rem 0;
    padding-top: 0;
    padding-bottom: 0;
    position: relative; }
    .modal-body .action-discreet {
      text-decoration: none; }
  .modal-footer {
    text-align: center;
    margin-top: 24px;
    margin-top: 1.5rem;
    padding-bottom: 48px;
    padding-bottom: 3rem;
    padding-top: 0; }
    .modal-footer .action-discreet {
      display: block;
      text-decoration: none;
      margin-top: 16px;
      margin-top: 1rem; }
  .modal-title {
    line-height: 1.334;
    color: #67b7bf;
    font-family: "futurademi", Arial, sans-serif; }
  .modal .informations {
    background-color: #ebebeb;
    padding: 12px;
    padding: 0.75rem;
    margin-top: 24px;
    margin-top: 1.5rem; }
    .modal .informations .button-checkbox {
      display: block;
      text-align: left; }
      .modal .informations .button-checkbox .content-displaying {
        margin-top: 4px;
        margin-top: 0.25rem;
        max-height: 0;
        transition: max-height 0.6s cubic-bezier(0, 1, 0, 1);
        display: block;
        overflow: hidden; }
      .modal .informations .button-checkbox.expand input[type="checkbox"]:checked ~ .content-displaying {
        max-height: 999px;
        transition: max-height 0.6s cubic-bezier(1, 0, 1, 0); }
  @media only screen and (min-width: 768px) {
    .modal {
      text-align: center; }
      .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%; }
      .modal .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle; } }

.modal-content.licence-default-choice {
  border-radius: 19px;
  border: none; }

.modal-content.licence-default-choice .modal-header {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  background-color: #67b7bf;
  text-align: center;
  padding: 25px;
  margin-bottom: 0; }
  .modal-content.licence-default-choice .modal-header .modal-title {
    color: #FFFFFF;
    font-weight: "futurabook", Arial, sans-serif; }
  .modal-content.licence-default-choice .modal-header .button-icon {
    color: #FFFFFF;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out; }
    .modal-content.licence-default-choice .modal-header .button-icon:hover {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
  .modal-content.licence-default-choice .modal-header [data-dismiss="modal"] .icon {
    color: #FFFFFF; }

.modal-content.licence-default-choice .modal-body {
  padding: 32px;
  padding: 2rem;
  margin: 0; }
  .modal-content.licence-default-choice .modal-body > p {
    width: 100%;
    text-align: right;
    margin-bottom: 0.25rem; }
    .modal-content.licence-default-choice .modal-body > p i::before {
      position: absolute;
      top: 3px;
      right: 4px; }
    .modal-content.licence-default-choice .modal-body > p a {
      text-decoration: none;
      font-family: "futurabook", Arial, sans-serif;
      font-size: 13px; }
  .modal-content.licence-default-choice .modal-body .offer {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0; }
    .modal-content.licence-default-choice .modal-body .offer .offer__product.licence {
      width: 100%;
      padding: 20px 20px 12px 20px;
      padding: 1.25rem 1.25rem 0.75rem 1.25rem;
      z-index: 1;
      margin: 9px 0;
      margin: 0.5625rem 0; }
      .modal-content.licence-default-choice .modal-body .offer .offer__product.licence:first-of-type {
        margin-top: 0; }
      .modal-content.licence-default-choice .modal-body .offer .offer__product.licence:last-of-type {
        margin-bottom: 0; }
      .modal-content.licence-default-choice .modal-body .offer .offer__product.licence::before {
        left: 0;
        right: 0; }
      .modal-content.licence-default-choice .modal-body .offer .offer__product.licence .body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 0; }
        .modal-content.licence-default-choice .modal-body .offer .offer__product.licence .body h2, .modal-content.licence-default-choice .modal-body .offer .offer__product.licence .body h3, .modal-content.licence-default-choice .modal-body .offer .offer__product.licence .body ul {
          margin-bottom: 0; }
        .modal-content.licence-default-choice .modal-body .offer .offer__product.licence .body h3 {
          width: 135px;
          min-width: 135px;
          margin-left: 0;
          margin-right: 10px;
          -webkit-transform: none;
                  transform: none; }
          .modal-content.licence-default-choice .modal-body .offer .offer__product.licence .body h3 .cut-price {
            display: inherit; }
        .modal-content.licence-default-choice .modal-body .offer .offer__product.licence .body h2 {
          text-align: left;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          font-weight: "futurabold", Arial, sans-serif;
          max-width: calc(100% - 135px - 170px); }
          .modal-content.licence-default-choice .modal-body .offer .offer__product.licence .body h2 p {
            margin: 0;
            padding-right: 5px;
            min-height: initial; }
        .modal-content.licence-default-choice .modal-body .offer .offer__product.licence .body .cta-container .button-list, .modal-content.licence-default-choice .modal-body .offer .offer__product.licence .body .cta-container .button-cart, .modal-content.licence-default-choice .modal-body .offer .offer__product.licence .body .cta-container .button {
          width: 160px;
          min-width: 160px;
          margin: 10px 0;
          max-width: none;
          background-color: #67b7bf; }
          .modal-content.licence-default-choice .modal-body .offer .offer__product.licence .body .cta-container .button-list[selected], .modal-content.licence-default-choice .modal-body .offer .offer__product.licence .body .cta-container .button-list[selected]:hover, .modal-content.licence-default-choice .modal-body .offer .offer__product.licence .body .cta-container .button-list[selected]:focus, .modal-content.licence-default-choice .modal-body .offer .offer__product.licence .body .cta-container .button-cart[selected], .modal-content.licence-default-choice .modal-body .offer .offer__product.licence .body .cta-container .button-cart[selected]:hover, .modal-content.licence-default-choice .modal-body .offer .offer__product.licence .body .cta-container .button-cart[selected]:focus, .modal-content.licence-default-choice .modal-body .offer .offer__product.licence .body .cta-container .button[selected], .modal-content.licence-default-choice .modal-body .offer .offer__product.licence .body .cta-container .button[selected]:hover, .modal-content.licence-default-choice .modal-body .offer .offer__product.licence .body .cta-container .button[selected]:focus {
            background-color: #4bd2e2;
            -webkit-animation: none;
                    animation: none;
            cursor: pointer;
            pointer-events: none; }
            .modal-content.licence-default-choice .modal-body .offer .offer__product.licence .body .cta-container .button-list[selected]:before, .modal-content.licence-default-choice .modal-body .offer .offer__product.licence .body .cta-container .button-list[selected]:hover:before, .modal-content.licence-default-choice .modal-body .offer .offer__product.licence .body .cta-container .button-list[selected]:focus:before, .modal-content.licence-default-choice .modal-body .offer .offer__product.licence .body .cta-container .button-cart[selected]:before, .modal-content.licence-default-choice .modal-body .offer .offer__product.licence .body .cta-container .button-cart[selected]:hover:before, .modal-content.licence-default-choice .modal-body .offer .offer__product.licence .body .cta-container .button-cart[selected]:focus:before, .modal-content.licence-default-choice .modal-body .offer .offer__product.licence .body .cta-container .button[selected]:before, .modal-content.licence-default-choice .modal-body .offer .offer__product.licence .body .cta-container .button[selected]:hover:before, .modal-content.licence-default-choice .modal-body .offer .offer__product.licence .body .cta-container .button[selected]:focus:before {
              display: none; }
        .modal-content.licence-default-choice .modal-body .offer .offer__product.licence .body .button.bordered {
          margin: 10px 0; }
        .modal-content.licence-default-choice .modal-body .offer .offer__product.licence .body .information {
          display: none; }
        @media only screen and (max-width: 600px) {
          .modal-content.licence-default-choice .modal-body .offer .offer__product.licence .body {
            -ms-flex-flow: column;
                flex-flow: column; }
            .modal-content.licence-default-choice .modal-body .offer .offer__product.licence .body h2 {
              text-align: center;
              margin-bottom: 5px;
              max-width: none; }
              .modal-content.licence-default-choice .modal-body .offer .offer__product.licence .body h2 p {
                padding-right: 0; } }
      .modal-content.licence-default-choice .modal-body .offer .offer__product.licence .button-checkbox {
        width: 100%; }
  .modal-content.licence-default-choice .modal-body .track-pack {
    margin: 0.5rem 0 0 0;
    text-align: center; }

.modal#LicenceDefaultNewModal .top-actions,
.modal#instoreVideoModal .top-actions {
  top: 0px;
  left: 0px;
  width: 100%;
  padding: 2rem;
  z-index: 1; }
  @media only screen and (max-width: 1028px) {
    .modal#LicenceDefaultNewModal .top-actions,
    .modal#instoreVideoModal .top-actions {
      padding: 20px; } }
  .modal#LicenceDefaultNewModal .top-actions > button,
  .modal#instoreVideoModal .top-actions > button {
    color: #FFF;
    right: 0;
    top: 0;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    width: 1.75rem;
    height: 1.75rem; }
    .modal#LicenceDefaultNewModal .top-actions > button i,
    .modal#instoreVideoModal .top-actions > button i {
      line-height: 1; }
    .modal#LicenceDefaultNewModal .top-actions > button:hover,
    .modal#instoreVideoModal .top-actions > button:hover {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%; }

.modal#LicenceDefaultNewModal .offer-subheading,
.modal#instoreVideoModal .offer-subheading {
  font-family: "futurabook", Arial, sans-serif;
  margin-top: 6px;
  font-size: 13px; }

.modal#LicenceDefaultNewModal .button-checkbox label span,
.modal#instoreVideoModal .button-checkbox label span {
  font-family: "futurademi", Arial, sans-serif; }

.modal#LicenceDefaultNewModal video,
.modal#instoreVideoModal video {
  width: 100% !important;
  height: auto !important; }

@media only screen and (max-width: 768px) {
  .modal#instoreVideoModal .modal-dialog {
    margin: 60px auto 0; } }

@media only screen and (max-width: 620px) {
  .modal#LicenceDefaultNewModal .modal-dialog {
    margin: 20px; } }

.modal#LicenceDefaultNewModal .modal-dialog header {
  color: #FFF;
  margin-bottom: 1rem;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline; }
  @media only screen and (max-width: 1028px) {
    .modal#LicenceDefaultNewModal .modal-dialog header {
      margin-top: 30px; } }
  @media only screen and (max-width: 768px) {
    .modal#LicenceDefaultNewModal .modal-dialog header {
      margin-top: 70px; } }
  .modal#LicenceDefaultNewModal .modal-dialog header h1 {
    font-size: 27px;
    margin-bottom: 0;
    text-align: center; }
    @media only screen and (max-width: 620px) {
      .modal#LicenceDefaultNewModal .modal-dialog header h1 {
        font-size: 24px; } }

.modal#LicenceDefaultNewModal .modal-dialog section {
  height: 100%;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
  .modal#LicenceDefaultNewModal .modal-dialog section .modal-content.licence-default-choice {
    max-width: 640px; }
    .modal#LicenceDefaultNewModal .modal-dialog section .modal-content.licence-default-choice .modal-header {
      padding: 10px; }
      .modal#LicenceDefaultNewModal .modal-dialog section .modal-content.licence-default-choice .modal-header .modal-title {
        font-size: 1.5rem; }
  @media only screen and (max-width: 620px) {
    .modal#LicenceDefaultNewModal .modal-dialog section > .modal-content.licence-default-choice {
      margin-bottom: 330px; } }
  .modal#LicenceDefaultNewModal .modal-dialog section > .modal-content.licence-default-choice .offer > p {
    color: #FFF;
    margin-bottom: 6px;
    font-size: 15px;
    text-align: right; }
    .modal#LicenceDefaultNewModal .modal-dialog section > .modal-content.licence-default-choice .offer > p i {
      margin-right: 0.25rem; }
    .modal#LicenceDefaultNewModal .modal-dialog section > .modal-content.licence-default-choice .offer > p a {
      text-decoration: none;
      font-family: "futurabold", Arial, sans-serif;
      color: #4bd2e2;
      letter-spacing: 0.04rem; }
      .modal#LicenceDefaultNewModal .modal-dialog section > .modal-content.licence-default-choice .offer > p a:hover {
        color: #67b7bf; }
  .modal#LicenceDefaultNewModal .modal-dialog section aside {
    margin-right: 1rem;
    max-width: 315px; }
    @media only screen and (max-width: 1028px) {
      .modal#LicenceDefaultNewModal .modal-dialog section aside {
        -ms-flex-flow: row;
            flex-flow: row;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        max-width: 640px;
        margin-right: 0;
        margin-bottom: 1rem;
        height: 100%; } }
    @media only screen and (max-width: 620px) {
      .modal#LicenceDefaultNewModal .modal-dialog section aside {
        -ms-flex-flow: column;
            flex-flow: column;
        width: 100%; } }
    .modal#LicenceDefaultNewModal .modal-dialog section aside .modal-body {
      padding: 1.5rem 2rem; }
      .modal#LicenceDefaultNewModal .modal-dialog section aside .modal-body .offer__product {
        padding: 0; }
        .modal#LicenceDefaultNewModal .modal-dialog section aside .modal-body .offer__product:before {
          content: none; }
        .modal#LicenceDefaultNewModal .modal-dialog section aside .modal-body .offer__product .body {
          -ms-flex-flow: column;
              flex-flow: column; }
          .modal#LicenceDefaultNewModal .modal-dialog section aside .modal-body .offer__product .body h2 {
            max-width: none; }
          .modal#LicenceDefaultNewModal .modal-dialog section aside .modal-body .offer__product .body h3 {
            margin-right: 0;
            margin-top: 1rem;
            width: auto;
            max-width: none; }
          .modal#LicenceDefaultNewModal .modal-dialog section aside .modal-body .offer__product .body .advantages {
            margin-top: 0.25rem;
            margin-bottom: 1rem;
            line-height: 1.15;
            font-size: 16px; }
          .modal#LicenceDefaultNewModal .modal-dialog section aside .modal-body .offer__product .body ul {
            width: 100%; }
            .modal#LicenceDefaultNewModal .modal-dialog section aside .modal-body .offer__product .body ul li {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: start;
                  -ms-flex-align: start;
                      align-items: flex-start;
              line-height: 1.2;
              margin: 7px 0 0 0;
              font-size: 14px;
              text-align: left;
              min-height: 0; }
              .modal#LicenceDefaultNewModal .modal-dialog section aside .modal-body .offer__product .body ul li .icon {
                color: #67b7bf;
                margin: 0 6px 0 0;
                font-size: 14px;
                height: 14px;
                width: 14px; }
                .modal#LicenceDefaultNewModal .modal-dialog section aside .modal-body .offer__product .body ul li .icon.icon-wrong {
                  color: red; }
    .modal#LicenceDefaultNewModal .modal-dialog section aside > div:last-of-type {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      background-color: #4bd2e2;
      margin-top: 1rem; }
      @media only screen and (max-width: 1028px) {
        .modal#LicenceDefaultNewModal .modal-dialog section aside > div:last-of-type {
          margin-top: 0;
          margin-left: 1rem;
          height: auto; } }
      @media only screen and (max-width: 620px) {
        .modal#LicenceDefaultNewModal .modal-dialog section aside > div:last-of-type {
          margin-left: 0;
          margin-top: 2rem;
          margin-bottom: 1rem;
          position: absolute;
          bottom: 0;
          width: 100%;
          height: 300px; } }
      .modal#LicenceDefaultNewModal .modal-dialog section aside > div:last-of-type a {
        text-decoration: none;
        width: 100%;
        height: 100%;
        display: block; }
        .modal#LicenceDefaultNewModal .modal-dialog section aside > div:last-of-type a > div {
          padding: 12px;
          height: 100%; }
          @media only screen and (max-width: 1028px) {
            .modal#LicenceDefaultNewModal .modal-dialog section aside > div:last-of-type a > div {
              background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/music-box.svg");
              background-repeat: no-repeat;
              background-size: 50%;
              background-position: 50% 62%; } }
          @media only screen and (max-width: 620px) {
            .modal#LicenceDefaultNewModal .modal-dialog section aside > div:last-of-type a > div {
              background-image: none;
              padding: 22px; } }
          .modal#LicenceDefaultNewModal .modal-dialog section aside > div:last-of-type a > div h1 {
            width: 100%;
            font-size: 30px;
            text-shadow: none; }
          .modal#LicenceDefaultNewModal .modal-dialog section aside > div:last-of-type a > div h2 {
            width: 100%;
            font-size: 17px;
            text-shadow: none;
            margin: 6px 0 12px 0; }
            @media only screen and (max-width: 1028px) {
              .modal#LicenceDefaultNewModal .modal-dialog section aside > div:last-of-type a > div h2 {
                margin: 16px 0 172px 0; } }
            @media only screen and (max-width: 620px) {
              .modal#LicenceDefaultNewModal .modal-dialog section aside > div:last-of-type a > div h2 {
                margin: 4px 0 22px 0; } }
          .modal#LicenceDefaultNewModal .modal-dialog section aside > div:last-of-type a > div .button-cart {
            margin: 0 auto; }
      .modal#LicenceDefaultNewModal .modal-dialog section aside > div:last-of-type > div {
        padding: 0 12px 12px 12px;
        text-align: right; }
        @media only screen and (max-width: 620px) {
          .modal#LicenceDefaultNewModal .modal-dialog section aside > div:last-of-type > div {
            padding: 0 12px 18px 12px; } }
        .modal#LicenceDefaultNewModal .modal-dialog section aside > div:last-of-type > div a {
          color: #FFF;
          cursor: pointer; }

.modal#freeTrialInstoreCancelModal, .modal#instoreCancelModal, .modal#subscriptionCancelModal {
  width: 85.6%; }
  .modal#freeTrialInstoreCancelModal .modal-body ul li:not(:last-of-type), .modal#instoreCancelModal .modal-body ul li:not(:last-of-type), .modal#subscriptionCancelModal .modal-body ul li:not(:last-of-type) {
    margin-bottom: 12px; }
  @media only screen and (max-width: 500px) {
    .modal#freeTrialInstoreCancelModal .modal-body ul li, .modal#instoreCancelModal .modal-body ul li, .modal#subscriptionCancelModal .modal-body ul li {
      width: 100%; } }
  .modal#freeTrialInstoreCancelModal .button-checkbox.icon, .modal#instoreCancelModal .button-checkbox.icon, .modal#subscriptionCancelModal .button-checkbox.icon {
    width: auto;
    height: auto; }
    .modal#freeTrialInstoreCancelModal .button-checkbox.icon label, .modal#instoreCancelModal .button-checkbox.icon label, .modal#subscriptionCancelModal .button-checkbox.icon label {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      height: auto;
      line-height: 1.3;
      padding-right: 8px;
      font-size: inherit; }
      .modal#freeTrialInstoreCancelModal .button-checkbox.icon label i, .modal#instoreCancelModal .button-checkbox.icon label i, .modal#subscriptionCancelModal .button-checkbox.icon label i {
        margin-right: 10px; }
      .modal#freeTrialInstoreCancelModal .button-checkbox.icon label p, .modal#instoreCancelModal .button-checkbox.icon label p, .modal#subscriptionCancelModal .button-checkbox.icon label p {
        white-space: normal;
        text-align: left;
        text-transform: initial;
        font-size: 13px;
        line-height: 1.7;
        margin-bottom: 0; }
  .modal#freeTrialInstoreCancelModal .modal-footer a::first-letter, .modal#instoreCancelModal .modal-footer a::first-letter, .modal#subscriptionCancelModal .modal-footer a::first-letter {
    text-transform: uppercase; }

.modal#signInModal .modal-dialog .modal-content,
.modal#signUpModal .modal-dialog .modal-content {
  border-radius: 13px;
  height: 100%; }
  .modal#signInModal .modal-dialog .modal-content header,
  .modal#signUpModal .modal-dialog .modal-content header {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px; }
    .modal#signInModal .modal-dialog .modal-content header .btn-icon,
    .modal#signUpModal .modal-dialog .modal-content header .btn-icon {
      outline: none;
      color: #FFFFFF;
      transition: -webkit-transform .25s ease-out;
      transition: transform .25s ease-out; }
      .modal#signInModal .modal-dialog .modal-content header .btn-icon:hover,
      .modal#signUpModal .modal-dialog .modal-content header .btn-icon:hover {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
  .modal#signInModal .modal-dialog .modal-content .modal-body,
  .modal#signUpModal .modal-dialog .modal-content .modal-body {
    margin: 0;
    padding: 55px 55px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px; }
    .modal#signInModal .modal-dialog .modal-content .modal-body hr,
    .modal#signUpModal .modal-dialog .modal-content .modal-body hr {
      border: 0;
      height: 1px;
      background: #cccccc;
      margin: 48px 0;
      margin-left: auto;
      margin-right: auto; }
    .modal#signInModal .modal-dialog .modal-content .modal-body .simple.gray-10,
    .modal#signUpModal .modal-dialog .modal-content .modal-body .simple.gray-10 {
      color: #7d7d7d; }
      .modal#signInModal .modal-dialog .modal-content .modal-body .simple.gray-10:hover,
      .modal#signUpModal .modal-dialog .modal-content .modal-body .simple.gray-10:hover {
        color: #67b7bf; }
    .modal#signInModal .modal-dialog .modal-content .modal-body .button.small,
    .modal#signUpModal .modal-dialog .modal-content .modal-body .button.small {
      min-height: 43px; }
    .modal#signInModal .modal-dialog .modal-content .modal-body label:not(.checkbox),
    .modal#signUpModal .modal-dialog .modal-content .modal-body label:not(.checkbox) {
      color: red; }
    .modal#signInModal .modal-dialog .modal-content .modal-body label.checkbox,
    .modal#signUpModal .modal-dialog .modal-content .modal-body label.checkbox {
      color: #979797; }
    .modal#signInModal .modal-dialog .modal-content .modal-body input,
    .modal#signUpModal .modal-dialog .modal-content .modal-body input {
      border: none; }
    .modal#signInModal .modal-dialog .modal-content .modal-body button[type="submit"],
    .modal#signUpModal .modal-dialog .modal-content .modal-body button[type="submit"] {
      min-width: 150px;
      margin: auto; }
    .modal#signInModal .modal-dialog .modal-content .modal-body .form-global-error,
    .modal#signUpModal .modal-dialog .modal-content .modal-body .form-global-error {
      color: red; }
    .modal#signInModal .modal-dialog .modal-content .modal-body > p:first-of-type,
    .modal#signUpModal .modal-dialog .modal-content .modal-body > p:first-of-type {
      margin-bottom: 20px; }
    .modal#signInModal .modal-dialog .modal-content .modal-body .google_recaptcha_policy,
    .modal#signUpModal .modal-dialog .modal-content .modal-body .google_recaptcha_policy {
      font-size: 10px;
      margin-top: 45px; }
    .modal#signInModal .modal-dialog .modal-content .modal-body .js-google-recaptcha-error,
    .modal#signUpModal .modal-dialog .modal-content .modal-body .js-google-recaptcha-error {
      color: red;
      margin-bottom: 20px; }
  @media screen and (max-width: 768px) {
    .modal#signInModal .modal-dialog .modal-content,
    .modal#signUpModal .modal-dialog .modal-content {
      border-radius: 0;
      border: none; }
      .modal#signInModal .modal-dialog .modal-content header,
      .modal#signUpModal .modal-dialog .modal-content header {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        min-height: 116px; }
      .modal#signInModal .modal-dialog .modal-content .modal-body,
      .modal#signUpModal .modal-dialog .modal-content .modal-body {
        min-height: calc(100vh - 116px); }
        .modal#signInModal .modal-dialog .modal-content .modal-body > *,
        .modal#signUpModal .modal-dialog .modal-content .modal-body > * {
          max-width: 380px;
          margin: 0 auto; }
        .modal#signInModal .modal-dialog .modal-content .modal-body > div:last-of-type,
        .modal#signUpModal .modal-dialog .modal-content .modal-body > div:last-of-type {
          margin-top: 20px; } }
  @media screen and (max-width: 450px) {
    .modal#signInModal .modal-dialog .modal-content .modal-body,
    .modal#signUpModal .modal-dialog .modal-content .modal-body {
      min-height: calc(100vh - 44px);
      padding: 35px 40px;
      border-radius: 0px; } }
  @media screen and (max-width: 400px) {
    .modal#signInModal .modal-dialog .modal-content .modal-body > form > div,
    .modal#signUpModal .modal-dialog .modal-content .modal-body > form > div {
      -ms-flex-flow: column;
          flex-flow: column; }
      .modal#signInModal .modal-dialog .modal-content .modal-body > form > div > div,
      .modal#signUpModal .modal-dialog .modal-content .modal-body > form > div > div {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        margin-top: 10px; }
      .modal#signInModal .modal-dialog .modal-content .modal-body > form > div > button,
      .modal#signUpModal .modal-dialog .modal-content .modal-body > form > div > button {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1; } }
  @media screen and (max-width: 385px) {
    .modal#signInModal .modal-dialog .modal-content .modal-body > div:first-of-type,
    .modal#signUpModal .modal-dialog .modal-content .modal-body > div:first-of-type {
      -ms-flex-flow: column;
          flex-flow: column;
      height: 100px; } }

.modal#signUpModal .modal-dialog .modal-content .modal-body {
  padding: 35px 55px; }
  .modal#signUpModal .modal-dialog .modal-content .modal-body .form-group.registrer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
        flex-flow: column; }
    .modal#signUpModal .modal-dialog .modal-content .modal-body .form-group.registrer .button-checkbox.icon {
      margin-bottom: 10px;
      width: auto; }
      .modal#signUpModal .modal-dialog .modal-content .modal-body .form-group.registrer .button-checkbox.icon label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: auto; }
        .modal#signUpModal .modal-dialog .modal-content .modal-body .form-group.registrer .button-checkbox.icon label .icon {
          font-size: 22px;
          height: 22px;
          width: 22px; }
        .modal#signUpModal .modal-dialog .modal-content .modal-body .form-group.registrer .button-checkbox.icon label span {
          display: block;
          text-transform: initial;
          margin-left: 12px;
          font-size: 13px;
          text-align: left;
          line-height: 1.15;
          white-space: normal; }
    .modal#signUpModal .modal-dialog .modal-content .modal-body .form-group.registrer p.small {
      font-size: 13px; }

.modal-licence-default-v2 {
  /* /!\ INIT VAR /!\*/
  --color-main: black;
  --color-reverse-main: white;
  --color-lite: #8E8E93;
  --color-blue: #183F6C;
  --background-color: #FFFFFF;
  --background-color-dark: #FAFAFA;
  --font: "futurabook", Arial, sans-serif;
  --font-style: normal;
  --font-weight: 400;
  --font-size-very-big: 40px;
  --line-height: 24px;
  --line-height-big: 27px;
  --font-size-h1: 50px;
  --line-height-h1: 55px;
  --font-size-h2: 30px;
  --line-height-h2: 40px;
  --font-size-h3: 20px;
  --line-height-h3: 27px;
  --cta-height: 40px;
  --cat-width: 220px;
  --font-size-small: 14px;
  --font-size: 16px;
  --font-size-big: 20px;
  --font-family-bold: "futurabold", Arial, sans-serif;
  --color-lite: #8E8E93;
  --color-light: #D8D8D8;
  /* /!\ END INIT VAR /!\*/ }
  .modal-licence-default-v2__container {
    display: inline-block;
    vertical-align: middle;
    margin: 32px 0; }
    @media only screen and (max-width: 768px) {
      .modal-licence-default-v2__container {
        width: 100%;
        margin: 0; } }
    .modal-licence-default-v2__container__content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: column;
          flex-flow: column;
      background-color: #FBFBFB;
      border-radius: 16px;
      color: var(--color-main); }
      @media only screen and (max-width: 768px) {
        .modal-licence-default-v2__container__content {
          border-radius: 0; } }
      .modal-licence-default-v2__container__content p, .modal-licence-default-v2__container__content span {
        color: var(--color-main); }
      .modal-licence-default-v2__container__content__header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 32px 32px 16px 32px;
        border-bottom: 1px solid var(--color-light); }
        .modal-licence-default-v2__container__content__header span {
          text-transform: uppercase;
          font-size: var(--font-size); }
        .modal-licence-default-v2__container__content__header > button {
          color: var(--color-lite);
          right: 0;
          top: 0;
          transition: -webkit-transform .25s ease-out;
          transition: transform .25s ease-out;
          width: 16px;
          height: 16px;
          line-height: 1; }
          .modal-licence-default-v2__container__content__header > button.button-icon .icon {
            line-height: 1; }
          .modal-licence-default-v2__container__content__header > button:hover {
            -webkit-transform: rotate(180deg);
                    transform: rotate(180deg);
            -webkit-transform-origin: 50% 50%;
                    transform-origin: 50% 50%;
            color: var(--color-lite); }
      .modal-licence-default-v2__container__content__body {
        padding: 16px 32px 32px 32px; }
        .modal-licence-default-v2__container__content__body__recap {
          border-bottom: 1px solid var(--color-light); }
          .modal-licence-default-v2__container__content__body__recap__title {
            font-size: var(--font-size);
            display: block;
            text-align: left;
            margin-bottom: 8px; }
          .modal-licence-default-v2__container__content__body__recap__artist {
            font-size: var(--font-size);
            display: block;
            text-align: left; }
        .modal-licence-default-v2__container__content__body__subtitle {
          font-size: var(--font-size-big);
          font-family: var(--font-family-bold);
          text-transform: uppercase;
          padding-top: 32px; }
          @media only screen and (max-width: 768px) {
            .modal-licence-default-v2__container__content__body__subtitle {
              width: 100%;
              text-align: center; } }
        .modal-licence-default-v2__container__content__body__single-track-container {
          border-radius: 10px;
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); }
          @media only screen and (max-width: 768px) {
            .modal-licence-default-v2__container__content__body__single-track-container {
              width: calc(100% + 64px);
              margin-left: -32px;
              border-radius: 0;
              padding: 16px 32px;
              box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5) !important; } }
          .modal-licence-default-v2__container__content__body__single-track-container .price > p:first-of-type {
            margin: 0; }
        .modal-licence-default-v2__container__content__body__license-choice {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          width: 100%;
          text-decoration: none;
          padding: 16px; }
          @media only screen and (max-width: 768px) {
            .modal-licence-default-v2__container__content__body__license-choice {
              width: calc(100% + 64px);
              margin-left: -32px;
              padding: 16px 32px; } }
          .modal-licence-default-v2__container__content__body__license-choice > div {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-flow: column;
                flex-flow: column; }
            .modal-licence-default-v2__container__content__body__license-choice > div.title {
              -webkit-box-flex: 1;
                  -ms-flex-positive: 1;
                      flex-grow: 1;
              -webkit-box-align: start;
                  -ms-flex-align: start;
                      align-items: flex-start; }
            .modal-licence-default-v2__container__content__body__license-choice > div.price {
              -webkit-box-align: end;
                  -ms-flex-align: end;
                      align-items: flex-end;
              min-width: 80px;
              text-align: right; }
              @media only screen and (max-width: 768px) {
                .modal-licence-default-v2__container__content__body__license-choice > div.price {
                  margin-top: 15px;
                  -ms-flex-item-align: start;
                      align-self: flex-start; } }
              .modal-licence-default-v2__container__content__body__license-choice > div.price p {
                text-align: right; }
              .modal-licence-default-v2__container__content__body__license-choice > div.price--is-text p {
                color: #67b7bf; }
            .modal-licence-default-v2__container__content__body__license-choice > div.icon {
              height: 50px;
              width: 50px; }
              @media only screen and (max-width: 768px) {
                .modal-licence-default-v2__container__content__body__license-choice > div.icon {
                  -ms-flex-item-align: start;
                      align-self: flex-start; } }
              @media only screen and (max-width: 400px) {
                .modal-licence-default-v2__container__content__body__license-choice > div.icon {
                  width: 40px; } }
              .modal-licence-default-v2__container__content__body__license-choice > div.icon i {
                height: 50px;
                width: 50px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                -webkit-box-pack: end;
                    -ms-flex-pack: end;
                        justify-content: flex-end;
                display: none; }
                @media only screen and (max-width: 768px) {
                  .modal-licence-default-v2__container__content__body__license-choice > div.icon i {
                    -webkit-box-align: start;
                        -ms-flex-align: start;
                            align-items: flex-start; } }
                @media only screen and (max-width: 400px) {
                  .modal-licence-default-v2__container__content__body__license-choice > div.icon i {
                    width: 40px; } }
                .modal-licence-default-v2__container__content__body__license-choice > div.icon i.icon-radio-checked-round {
                  color: #67b7bf; }
            .modal-licence-default-v2__container__content__body__license-choice > div > p {
              text-align: left; }
              .modal-licence-default-v2__container__content__body__license-choice > div > p span {
                display: block;
                color: var(--color-lite); }
            .modal-licence-default-v2__container__content__body__license-choice > div > p:first-of-type {
              font-family: var(--font-family-bold);
              margin-bottom: 8px; }
            .modal-licence-default-v2__container__content__body__license-choice > div > p:not(:first-of-type) {
              margin-bottom: 0;
              color: var(--color-lite); }
          .modal-licence-default-v2__container__content__body__license-choice[main-license] {
            box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5) !important;
            border-radius: 10px !important; }
            @media only screen and (max-width: 768px) {
              .modal-licence-default-v2__container__content__body__license-choice[main-license] {
                box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5) !important;
                border-radius: 0 !important;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column; }
                .modal-licence-default-v2__container__content__body__license-choice[main-license] .title {
                  display: -webkit-box;
                  display: -ms-flexbox;
                  display: flex;
                  -webkit-box-align: center;
                      -ms-flex-align: center;
                          align-items: center; }
                  .modal-licence-default-v2__container__content__body__license-choice[main-license] .title p {
                    text-align: center; }
                .modal-licence-default-v2__container__content__body__license-choice[main-license] .price {
                  width: 100%; }
                  .modal-licence-default-v2__container__content__body__license-choice[main-license] .price p {
                    text-align: center;
                    width: 100%; } }
          .modal-licence-default-v2__container__content__body__license-choice[default] > div.icon i:first-of-type {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
            @media only screen and (max-width: 400px) {
              .modal-licence-default-v2__container__content__body__license-choice[default] > div.icon i:first-of-type {
                font-size: 28px; } }
          .modal-licence-default-v2__container__content__body__license-choice[selected], .modal-licence-default-v2__container__content__body__license-choice[not-selected] {
            box-shadow: none;
            border-radius: 0; }
          .modal-licence-default-v2__container__content__body__license-choice[selected] > div.icon i:nth-of-type(2) {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
          .modal-licence-default-v2__container__content__body__license-choice[not-selected] > div.icon i:last-of-type {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
          .modal-licence-default-v2__container__content__body__license-choice[not-selected]:hover > div.icon i:last-of-type {
            display: none; }
          .modal-licence-default-v2__container__content__body__license-choice[not-selected]:hover > div.icon i:nth-last-of-type(2) {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
          .modal-licence-default-v2__container__content__body__license-choice[quote] > div.icon {
            display: none; }
          .modal-licence-default-v2__container__content__body__license-choice[quote] .price p {
            color: #67b7bf; }
          @media only screen and (max-width: 400px) {
            .modal-licence-default-v2__container__content__body__license-choice[quote] {
              display: block; }
              .modal-licence-default-v2__container__content__body__license-choice[quote] .title {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center; }
                .modal-licence-default-v2__container__content__body__license-choice[quote] .title p {
                  text-align: center; }
              .modal-licence-default-v2__container__content__body__license-choice[quote] .price {
                width: 100%;
                margin-top: 15px; }
                .modal-licence-default-v2__container__content__body__license-choice[quote] .price p {
                  text-align: center;
                  width: 100%; } }
      .modal-licence-default-v2__container__content__footer {
        padding: 32px;
        text-align: left;
        border-top: 1px solid var(--color-light); }
        @media only screen and (max-width: 768px) {
          .modal-licence-default-v2__container__content__footer {
            border: none;
            padding-top: 0; } }
        .modal-licence-default-v2__container__content__footer a {
          color: var(--color-main); }

.notification {
  color: #FFFFFF;
  display: block;
  background-color: #67b7bf;
  opacity: 1; }
  .notification__body > *:first-child {
    padding-left: 24px;
    padding-left: 1.5rem; }
  .notification__icon, .notification__close {
    width: 48px;
    width: 3rem; }
  .notification__icon {
    padding-right: 16px;
    padding-right: 1rem; }
  .notification__text {
    padding: 16px 0;
    padding: 1rem 0;
    /* CUNT */
    line-height: 1.143; }
    .notification__text a,
    .notification__text button {
      color: inherit;
      text-decoration: underline; }
  .notification__close button {
    width: 48px;
    width: 3rem;
    height: 48px;
    height: 3rem;
    opacity: 0.3;
    filter: alpha(opacity=30);
    color: #000000; }
    .notification__close button .icon {
      line-height: 1.334; }
    .notification__close button:hover {
      color: #FFFFFF;
      opacity: 1;
      filter: alpha(opacity=100); }
    .notification__close button:focus {
      outline: none; }
  .notification__countdown {
    height: 8px;
    height: 0.5rem; }
    .notification__countdown-bar {
      width: 100%;
      height: 100%;
      background-color: #000000;
      opacity: .1; }
  .notification.self-destruct {
    -webkit-animation: destroyMe 0s ease-in 7s forwards;
            animation: destroyMe 0s ease-in 7s forwards; }
    .notification.self-destruct .notification__countdown-bar {
      -webkit-animation: barAnimation 7s linear;
              animation: barAnimation 7s linear; }
  .notification.warning {
    background-color: #ed795a; }

.notification-float-list {
  position: fixed;
  top: 16px;
  top: 1rem;
  right: 16px;
  right: 1rem;
  width: 320px;
  width: 20rem;
  z-index: 630; }
  .notification-float-list > li {
    margin-bottom: 8px;
    margin-bottom: 0.5rem; }

.notification-announcements-list {
  z-index: 630;
  position: relative;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0; }
  .notification-announcements-list > li {
    border-bottom: 1px solid #FFFFFF; }
    .notification-announcements-list > li:last-child {
      border-bottom: none; }

@-webkit-keyframes destroyMe {
  to {
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden; } }

@keyframes destroyMe {
  to {
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden; } }

@-webkit-keyframes barAnimation {
  to {
    width: 0%; } }

@keyframes barAnimation {
  to {
    width: 0%; } }

.picker-filter {
  padding-bottom: 24px;
  padding-bottom: 1.5rem; }
  .picker-filter > div {
    border-bottom: 1px solid #cccccc; }
    .picker-filter > div:first-child {
      width: 100%;
      padding-right: 5.2px;
      padding-right: 0.325rem; }
  .picker-filter_input {
    padding: 6px 0;
    padding: 0.375rem 0;
    width: 100%;
    border: none;
    outline: none; }
  .picker-filter_clear {
    margin-right: -10px;
    margin-right: -0.625rem; }

.picker-list {
  overflow-y: auto;
  background-color: #FFFFFF;
  color: #646464;
  height: auto;
  line-height: 3rem; }
  .picker-list .item {
    height: 48px;
    height: 3rem;
    border-bottom: 1px solid #e6e6e6; }
    .picker-list .item:last-child {
      border-bottom: none; }
  .picker-list input[type=checkbox] {
    display: none; }
  .picker-list .hitbox {
    height: 100%;
    width: 100%;
    text-align: left;
    outline: none;
    padding: 0 16px 0 0;
    padding: 0 1rem 0 0;
    margin: 0; }
    .picker-list .hitbox .icon {
      margin-right: 12px;
      margin-right: 0.75rem;
      top: 2px;
      color: #cccccc; }
      .picker-list .hitbox .icon.bordered {
        font-size: 11px;
        font-size: 0.6875rem;
        border: 1px solid;
        top: 0px;
        padding-top: 2px;
        padding-left: 1px;
        margin-right: 0.5rem; }
    .picker-list .hitbox:hover {
      cursor: pointer; }
  .picker-list .hitbox.is-checked .icon,
  .picker-list input[type=checkbox]:checked + .hitbox .icon {
    color: #67b7bf; }
  .picker-list.small {
    max-height: 145px;
    max-height: 9.0625rem; }
  .picker-list.large {
    max-height: 337px;
    max-height: 21.0625rem; }
  .picker-list.framed {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc; }
    .picker-list.framed .hitbox {
      padding-left: 16px;
      padding-left: 1rem; }

.processing {
  position: relative;
  z-index: 0; }
  .processing:before {
    opacity: 0.85;
    filter: alpha(opacity=85);
    display: block;
    z-index: 10;
    background-color: #FFFFFF;
    content: ''; }
  .processing > .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-top: -0.75rem;
    margin-left: -12px;
    margin-left: -0.75rem;
    z-index: 11;
    display: block; }

tr.processing {
  opacity: 0.25;
  filter: alpha(opacity=25); }
  tr.processing:before {
    display: none; }

.quantity-picker {
  display: inline;
  font-size: 0;
  white-space: nowrap; }
  .quantity-picker .minus,
  .quantity-picker .field,
  .quantity-picker .plus {
    height: 25.6px;
    height: 1.6rem;
    display: inline-block;
    vertical-align: top; }
  .quantity-picker .minus,
  .quantity-picker .plus {
    width: 24px;
    width: 1.5rem;
    font-weight: bold;
    background-color: #b3b3b3;
    line-height: 0; }
    .quantity-picker .minus:hover,
    .quantity-picker .plus:hover {
      background-color: #9a9a9a;
      cursor: pointer;
      text-decoration: none; }
    .quantity-picker .minus.disabled,
    .quantity-picker .plus.disabled {
      cursor: not-allowed;
      pointer-events: none; }
    .quantity-picker .minus .icon,
    .quantity-picker .plus .icon {
      font-size: 0.75rem;
      width: 0.75rem;
      height: 0.75rem; }
  .quantity-picker .minus {
    border-top-left-radius: 4px;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 4px;
    border-bottom-left-radius: 0.25rem; }
  .quantity-picker .plus {
    border-top-right-radius: 4px;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 4px;
    border-bottom-right-radius: 0.25rem; }
  .quantity-picker .field {
    width: 44.8px;
    width: 2.8rem;
    padding: 0 8px;
    padding: 0 0.5rem;
    display: inline-block;
    border: 1px solid #b3b3b3;
    border-left: none;
    border-right: none;
    color: #999999;
    outline: none; }
  .quantity-picker.large .minus, .quantity-picker.large .plus {
    width: 32px;
    width: 2rem;
    height: 36px;
    height: 2.25rem; }
  .quantity-picker.large .icon {
    font-size: 1rem;
    width: 1rem;
    height: 1rem; }
  .quantity-picker.large .field {
    height: 36px;
    height: 2.25rem;
    width: 64px;
    width: 4rem;
    text-align: center;
    border: 2px solid #b3b3b3;
    border-left: none;
    border-right: none;
    margin-left: -2px; }
  .quantity-picker.prefilled .minus, .quantity-picker.prefilled .plus {
    background-color: #67b7bf; }
  .quantity-picker.prefilled .field {
    border-color: #67b7bf;
    color: #67b7bf; }
  .quantity-picker.rounded {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 160px;
    height: 40px;
    border: 1px solid black;
    border-radius: 20px;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3); }
    .quantity-picker.rounded .minus, .quantity-picker.rounded .plus {
      background-color: transparent;
      color: black;
      margin: 0 8px; }
    .quantity-picker.rounded .field {
      border: none;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      color: black; }

.reseller-csv-error-list {
  border: 1px solid #ed795a;
  padding: 16px;
  padding: 1rem;
  margin-bottom: 32px;
  margin-bottom: 2rem; }
  .reseller-csv-error-list li:not(:last-child) {
    padding-bottom: 12px;
    padding-bottom: 0.75rem;
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
    border-bottom: 1px solid #e6e6e6; }
  .reseller-csv-error-list .description {
    font-family: "futurademi", Arial, sans-serif;
    color: #ed795a; }
  .reseller-csv-error-list .error-row {
    margin: 12px 0 8px;
    margin: 0.75rem 0 0.5rem; }
    .reseller-csv-error-list .error-row td {
      padding: 6px;
      padding: 0.375rem;
      border: 1px solid #cccccc;
      white-space: nowrap; }
      .reseller-csv-error-list .error-row td.error {
        border: 1px solid #ed795a;
        background-color: #ed795a;
        color: #FFFFFF; }

.reseller-csv-format .content {
  padding: 16px 16px 0;
  padding: 1rem 1rem 0;
  border: 1px solid whitesmoke;
  border-bottom: none; }

.reseller-csv-format .title {
  font-family: "futurademi", Arial, sans-serif;
  margin-bottom: 8px;
  margin-bottom: 0.5rem; }

.reseller-csv-format .example td,
.reseller-csv-format .content th {
  width: 100%; }

.reseller-csv-format + .reseller-csv-format {
  margin-top: 8px;
  margin-top: 0.5rem; }

.results-heading {
  padding: 16px 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media only screen and (max-width: 992px) {
    .results-heading {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  @media only screen and (max-width: 768px) {
    .results-heading {
      padding: 0; } }
  .results-heading__count {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; }
    @media only screen and (max-width: 992px) {
      .results-heading__count {
        text-align: center; } }
    @media only screen and (max-width: 768px) {
      .results-heading__count {
        display: none; } }
    .results-heading__count-text {
      padding-right: 16px;
      padding-right: 1rem;
      margin-right: 16px;
      margin-right: 1rem;
      display: inline-block;
      color: gray;
      background-color: #FFFFFF;
      margin-bottom: 0; }
      @media only screen and (max-width: 992px) {
        .results-heading__count-text {
          padding-right: 0rem;
          margin-right: 0rem; } }
      .results-heading__count-text.highlight {
        padding-right: 16px;
        padding-right: 1rem;
        margin-right: 16px;
        margin-right: 1rem;
        color: gray;
        background-color: #FFFFFF;
        font-size: 18px;
        font-weight: 350;
        color: #67b7bf; }
        @media only screen and (max-width: 992px) {
          .results-heading__count-text.highlight {
            padding-right: 0rem;
            margin-right: 0rem; } }
  .results-heading > button:focus {
    outline: none; }
  .results-heading__space {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    @media only screen and (max-width: 1300px) {
      .results-heading__space {
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0; } }
  .results-heading__action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    /*&__filter {
			//@include rem(padding-left, 1rem);
			background-color: #FFFFFF;
			position: relative;
	
			@media only screen and (max-width: $screen-md) {
				@include rem(padding-left, 0);
				@include rem(margin, 0.5rem 0.5rem 0 0.5rem);
	
				select {
					min-width: 200px;
				}
	
				&:last-of-type {
					button {
						margin-left: 0;
					}
				}
			}
	
			@media only screen and (max-width: $screen-sm) {
				margin: 0;
				flex-basis: 49%;
	
				select, p {
					width: 100%;
				}
	
				&:last-of-type {
	
					width: 100%;
		
					button {
						padding-top: 0;
					}
				}
			}
	
			@media only screen and (max-width: $screen-xs) {
				flex-basis: 100%;
				margin: 5px 0;
			}
	
			&:last-of-type {
				margin-left: 5px;
			}
	
			select, p { width: auto; }
	
			.form-control:focus {
				border-width: 1px;
				// outline: none;
			}
			
			&:focus {
				outline: none;
			}
	
			.button-cart {
	
				border-color: $color-primary;
				min-width: 180px;
				max-width: 180px;
	
				// to fix shorter select when no licence is definited //
				&:not(.hidden) {
					@include rem(margin-left, 1rem);
	
					@media only screen and (max-width: $screen-md) {
						@include rem(margin-left, 0rem);
						min-width: 200px;
					}
	
					@media only screen and (max-width: $screen-sm) {
						max-width: none;
					}
				}
	
			}
	
			.pop-in-wrapper {
	
				display: block;
				margin-top: 6px;
	
				.pop-in.pin-top {
	
					min-width: 510px;
	
					p {
	
						white-space: initial;
						border: none;
						line-height: 1;
						height: auto;
						margin-bottom: 1rem;
						line-height: 1.3;
	
						&:last-of-type {
							margin-bottom: 0;
						}
						
					}
	
					@media only screen and (max-width: 570px) {
	
						min-width: 433px;
	
					}
	
					@media only screen and (max-width: $screen-xs) {
	
						min-width: 300px;
	
					}
	
					@media only screen and (max-width: 350px) {
	
						min-width: auto;
	
					}
	
				}
	
			}
	
		}*/ }
    @media only screen and (max-width: 768px) {
      .results-heading__action {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        width: 100%; } }
    .results-heading__action__break {
      display: none; }
      @media only screen and (max-width: 768px) {
        .results-heading__action__break {
          display: block;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%;
          height: 0; } }
    @media only screen and (max-width: 768px) {
      .results-heading__action__license {
        display: block;
        width: 100%; }
        .results-heading__action__license .button-default-license {
          width: 100%;
          min-height: 48px;
          border: none;
          border-top: 1px solid #D8D8D8;
          border-bottom: 1px solid #D8D8D8;
          padding: 0;
          box-shadow: none; } }
    @media only screen and (max-width: 768px) {
      .results-heading__action__filter {
        width: 50%;
        height: 100%;
        min-height: 48px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding-left: 5px;
        padding-right: 5px; }
        .results-heading__action__filter .button-checkbox .content-displaying {
          display: none; }
        .results-heading__action__filter__order {
          border: none;
          color: #646464;
          outline: none;
          cursor: pointer;
          font-size: 1rem;
          overflow: hidden;
          text-overflow: ellipsis;
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; } }
    .results-heading__action__filter--mobile {
      display: none; }
      @media only screen and (max-width: 768px) {
        .results-heading__action__filter--mobile {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          border-right: 1px solid #D8D8D8;
          margin-right: 0; } }
    .results-heading__action__filter:nth-child(2) {
      margin-right: 5px; }
      @media only screen and (max-width: 768px) {
        .results-heading__action__filter:nth-child(2) {
          padding-right: 5px;
          margin-right: 0; } }
    .results-heading__action__filter__refine {
      cursor: pointer;
      width: 100%;
      min-height: 44px;
      margin: 0; }
      @media only screen and (max-width: 768px) {
        .results-heading__action__filter__refine {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          .results-heading__action__filter__refine span {
            margin-left: 3px; } }

.hero + .section {
  margin-top: 64px;
  margin-top: 4rem; }

.section {
  margin-bottom: 64px;
  margin-bottom: 4rem; }
  .section.low-bottom-space {
    margin-bottom: 32px;
    margin-bottom: 2rem; }
  .section.no-bottom-space {
    margin-bottom: 0rem; }
  .section header {
    text-align: center; }
    .section header h1, .section header h2 {
      text-align: center !important;
      font-family: "futurabold", Arial, sans-serif;
      font-size: 24px; }
    .section header h1, .section header h2 p {
      margin-bottom: 24px;
      margin-bottom: 1.5rem; }
    .section header h1, .section header h2 {
      text-align: center; }
      .section header h1.lighter, .section header h2.lighter {
        font-weight: 300;
        text-transform: none;
        font-size: 2rem; }
    .section header .cta-info {
      color: #67b7bf;
      font-family: "futurabold", Arial, sans-serif;
      margin-bottom: 40px;
      margin-bottom: 2.5rem; }
  .section p {
    max-width: 640px;
    max-width: 40rem;
    color: gray; }
    .section p.h1-grey-aspect {
      font-family: "futurabold", Arial, sans-serif;
      font-size: 24px;
      text-transform: uppercase; }
  .section .price-condition {
    color: #67b7bf;
    font-size: 0.75rem;
    display: block;
    text-align: center;
    max-width: none; }
  .section .centered {
    width: 100%;
    max-width: 100%;
    text-align: center; }
  .section .bigger {
    font-family: "futurabold", Arial, sans-serif;
    margin-bottom: 56px;
    margin-bottom: 3.5rem; }
  .section .no-bottom-space {
    margin-bottom: 0; }
  .section.secondary h1 {
    color: #646464; }
  .section-background {
    margin: 0; }

.section-pricing {
  padding-top: 64px;
  padding-top: 4rem;
  padding-bottom: 80px;
  padding-bottom: 5rem; }
  .section-pricing.low-bottom-padding {
    padding-bottom: 40px;
    padding-bottom: 2.5rem; }
  @media only screen and (max-width: 992px) {
    .section-pricing {
      padding-top: 24px;
      padding-top: 1.5rem; } }

.section-pricing-licences {
  padding-top: 64px;
  padding-top: 4rem;
  padding-bottom: 48px;
  padding-bottom: 3rem; }

.section-bottom-padding {
  padding-bottom: 80px;
  padding-bottom: 5rem; }

.section-bottom-padding-0 {
  padding-bottom: 0rem; }

.section + .section:not(.section-background):before {
  display: block;
  margin: 0 auto 72px;
  margin: 0 auto 4.5rem;
  width: 40px;
  width: 2.5rem;
  height: 8px;
  height: 0.5rem;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc; }

.section:not(.secondary) + .section:not(.secondary):before {
  border-top-color: #67b7bf;
  border-bottom-color: #67b7bf; }

.section-background:not(.inverted) + .section {
  margin-top: 64px;
  margin-top: 4rem; }

.task-list li {
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }

.uft-list-todo-empty {
  margin-top: 10px; }

.task {
  padding: 32px;
  padding: 2rem;
  border: 2px solid #67b7bf;
  position: relative; }
  .task.split {
    max-width: 1200px;
    max-width: 75rem; }
  .task__heading {
    margin-bottom: 16px;
    margin-bottom: 1rem;
    font-family: "futurademi", Arial, sans-serif;
    color: #67b7bf;
    line-height: 1.334; }
  .task__split-cols {
    margin-top: 8px;
    margin-top: 0.5rem; }
    @media only screen and (min-width: 1200px) {
      .task__split-cols .col-left,
      .task__split-cols .col-right {
        padding-top: 24px;
        padding-top: 1.5rem; }
      .task__split-cols .col-left {
        padding-right: 32px;
        padding-right: 2rem;
        border-right: 1px solid #cccccc; }
      .task__split-cols .col-right {
        padding-left: 32px;
        padding-left: 2rem; } }
  .task__wire-transfer-change {
    text-align: center; }
  .task__wire-transfer-invoice, .task__wire-transfer-bank-accounts {
    margin-bottom: 16px;
    margin-bottom: 1rem; }
  .task__wire-transfer-bank-accounts {
    display: block;
    padding: 8px 0;
    padding: 0.5rem 0; }
    .task__wire-transfer-bank-accounts > li {
      float: left;
      width: 50%;
      padding: 8px 16px 8px 0;
      padding: 0.5rem 1rem 0.5rem 0; }
      .task__wire-transfer-bank-accounts > li:last-child {
        border-left: 1px solid #cccccc;
        padding: 8px 0rem 8px 16px;
        padding: 0.5rem 0rem 0.5rem 1rem; }
  .task__wire-transfer .flex-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .task__wire-transfer .flex-content ul {
      margin: 0;
      padding: 0; }
    .task__wire-transfer .flex-content li {
      width: auto; }
    .task__wire-transfer .flex-content .button {
      max-width: 400px; }
  .task__date {
    position: absolute;
    top: 0;
    right: 0;
    color: #FFFFFF;
    background-color: #8bc8ce;
    padding: 4px;
    padding: 0.25rem;
    line-height: 1; }
  .task dl {
    margin: 8px 0 8px;
    margin: 0.5rem 0 0.5rem; }
    .task dl dt, .task dl dd {
      display: inline; }
    .task dl dt:before {
      content: "";
      display: block; }
    .task dl dd {
      font-family: "futurademi", Arial, sans-serif; }
  .task .chosen-container {
    width: 100% !important; }
  .task.locked {
    border-color: #d3eaec; }
    .task.locked:after {
      opacity: 0.7;
      filter: alpha(opacity=70);
      display: block;
      z-index: 10;
      background-color: #FFFFFF;
      content: ''; }
    .task.locked:hover {
      cursor: not-allowed; }

.thumb-list {
  margin: 0 -8px;
  margin: 0 -0.5rem; }
  .thumb-list li {
    float: left;
    width: 50%;
    padding: 8px;
    padding: 0.5rem; }
    .thumb-list li.thumb-tradingdesk {
      width: 100%; }
    .thumb-list li.thumb-seo {
      width: 100%; }
    .thumb-list li > div {
      overflow: hidden; }
      .thumb-list li > div > div:first-child {
        z-index: -1; }
        .thumb-list li > div > div:first-child:after {
          opacity: 0.35;
          filter: alpha(opacity=35); }
    .thumb-list li:hover img {
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      -webkit-transform: translateZ(0) scale(1.1, 1.1);
              transform: translateZ(0) scale(1.1, 1.1); }
  .thumb-list a, .thumb-list button {
    width: 100%;
    height: 100%;
    text-decoration: none;
    padding: 0 8px;
    padding: 0 0.5rem;
    white-space: normal;
    word-break: break-word; }
  .thumb-list img {
    transition: all .2s ease-in-out; }
  .thumb-list .icon {
    color: #FFFFFF;
    line-height: 1.334; }
  .thumb-list h2 {
    font-size: 1rem;
    font-weight: "futurabook", Arial, sans-serif;
    line-height: 1.334;
    text-transform: uppercase;
    color: #FFF;
    margin: 0; }
  @media only screen and (min-width: 350px) {
    .thumb-list li.thumb-seo {
      width: 50%; } }
  @media only screen and (min-width: 480px) {
    .thumb-list li.thumb-tradingdesk {
      width: 50%; } }
  @media only screen and (min-width: 768px) {
    .thumb-list li {
      width: 25%; }
      .thumb-list li.thumb-seo {
        width: 33.33333%; } }
  @media only screen and (min-width: 992px) {
    .thumb-list li {
      width: 16.66667%; }
      .thumb-list li.large {
        width: 33.33333%; }
      .thumb-list li.thumb-tradingdesk {
        width: 25%; }
      .thumb-list li.thumb-seo {
        width: 20%; } }
  @media only screen and (min-width: 1200px) {
    .thumb-list li {
      width: 14.28571%; }
      .thumb-list li.large {
        width: 28.55%; }
      .thumb-list li.thumb-tradingdesk {
        width: 25%; }
      .thumb-list li.thumb-seo {
        width: 20%; } }

.checkout-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin: 48px auto 0;
  padding: 0; }
  .checkout-container li {
    z-index: 1;
    position: relative;
    list-style-type: none;
    width: 100%; }
    .checkout-container li i {
      background-color: #FFFFFF;
      border: 3px solid #b3b3b3;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      margin: 0 auto;
      display: block; }
    .checkout-container li p {
      width: 100%;
      text-align: center;
      margin-top: 6px;
      color: #b3b3b3; }
    .checkout-container li[current] i {
      background-color: #FFFFFF;
      position: relative; }
      .checkout-container li[current] i::after {
        content: '';
        position: absolute;
        width: 14px;
        height: 14px;
        border: 7px solid;
        border-radius: 50%;
        color: #67b7bf;
        top: 5px;
        left: 5px; }
    .checkout-container li[current] p {
      color: #67b7bf; }
    .checkout-container li[validated] i {
      background-color: #67b7bf;
      border-color: #67b7bf;
      position: relative; }
      .checkout-container li[validated] i::after {
        content: '';
        display: block;
        position: absolute;
        top: 3px;
        left: 7px;
        width: 9px;
        height: 16px;
        border: solid #FFFFFF;
        border-width: 0 4px 4px 0;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
  .checkout-container::after {
    content: '';
    border: 1.5px solid #b3b3b3;
    position: absolute;
    top: 14px;
    left: calc(100% / 6);
    width: calc((100% / 6)*4); }

[progressbar-steps-container] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin: 0 auto;
  padding: 0; }
  [progressbar-steps-container]::after {
    content: '';
    position: absolute;
    top: 5px;
    height: 6px;
    left: calc(100% / 8);
    width: calc((100% / 8)*6);
    background-color: #e6e6e6;
    border-radius: 3px; }
  [progressbar-steps-container] li {
    z-index: 1;
    position: relative;
    list-style-type: none;
    width: 100%; }
    [progressbar-steps-container] li i {
      background-color: transparent;
      border-color: transparent;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      margin: 0 auto;
      display: block; }
    [progressbar-steps-container] li p {
      width: 100%;
      text-align: center;
      margin-top: 6px;
      color: #cccccc; }
  [progressbar-steps-container][default] li:first-of-type i {
    background-color: #67b7bf; }
  [progressbar-steps-container][default] li:first-of-type p {
    color: #67b7bf; }
  [progressbar-steps-container][step1] li:nth-of-type(2) i {
    background-color: #67b7bf; }
  [progressbar-steps-container][step1] li:nth-of-type(1) p, [progressbar-steps-container][step1] li:nth-of-type(2) p {
    color: #67b7bf; }
  [progressbar-steps-container][step1]::before {
    content: '';
    position: absolute;
    top: 5px;
    height: 6px;
    background-color: #67b7bf;
    border-radius: 3px;
    z-index: 1;
    left: calc(100% / 8);
    width: calc((100% / 8)*2); }
  [progressbar-steps-container][step2] li:nth-of-type(3) i {
    background-color: #67b7bf; }
  [progressbar-steps-container][step2] li:nth-of-type(1) p, [progressbar-steps-container][step2] li:nth-of-type(2) p, [progressbar-steps-container][step2] li:nth-of-type(3) p {
    color: #67b7bf; }
  [progressbar-steps-container][step2]::before {
    content: '';
    position: absolute;
    top: 5px;
    height: 6px;
    background-color: #67b7bf;
    border-radius: 3px;
    z-index: 1;
    left: calc(100% / 8);
    width: calc((100% / 8)*4); }
  [progressbar-steps-container][validated] li:nth-of-type(4) i {
    background-color: #67b7bf;
    position: relative; }
    [progressbar-steps-container][validated] li:nth-of-type(4) i::after {
      content: '';
      display: block;
      position: absolute;
      top: 2px;
      left: 5px;
      width: 5px;
      height: 9px;
      border: solid #FFFFFF;
      border-width: 0 2px 2px 0;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
  [progressbar-steps-container][validated] li:nth-of-type(1) p, [progressbar-steps-container][validated] li:nth-of-type(2) p, [progressbar-steps-container][validated] li:nth-of-type(3) p, [progressbar-steps-container][validated] li:nth-of-type(4) p {
    color: #67b7bf; }
  [progressbar-steps-container][validated]::before {
    content: '';
    position: absolute;
    top: 5px;
    height: 6px;
    background-color: #67b7bf;
    border-radius: 3px;
    z-index: 1;
    left: calc(100% / 8);
    width: calc((100% / 8)*6); }

.progressbar-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin: 0 auto;
  padding: 0; }
  .progressbar-container .remaining {
    width: 50%;
    height: 6px;
    background-color: #67b7bf;
    position: absolute;
    right: 0;
    top: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px; }
  .progressbar-container .total {
    width: 100%;
    height: 6px;
    background-color: #afd9dd;
    border-radius: 3px; }

.referral-subscription-container {
  border: 0.5rem solid #afd9dd;
  padding: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center; }
  .referral-subscription-container p {
    margin: 0;
    color: #b3b3b3;
    line-height: 1.35;
    max-width: 100%; }
    .referral-subscription-container p:last-of-type {
      text-transform: uppercase; }
  .referral-subscription-container .completed-text, .referral-subscription-container .expired-text {
    display: none; }
  .referral-subscription-container [progressbar-steps-container] {
    margin: 8px; }
  .referral-subscription-container[completed] > p:first-of-type, .referral-subscription-container[completed] .expired-text {
    display: none; }
  .referral-subscription-container[completed] .completed-text {
    display: inline; }
  .referral-subscription-container[expired] p:first-of-type, .referral-subscription-container[expired] ol, .referral-subscription-container[expired] .completed-text {
    display: none; }
  .referral-subscription-container[expired] .expired-text {
    display: inline;
    margin-bottom: 10px; }
  .referral-subscription-container[expired] p:last-of-type span {
    display: block;
    font-size: 2.5rem;
    font-family: "futurabold", Arial, sans-serif;
    line-height: 1;
    margin-bottom: -10px; }
  .referral-subscription-container[only-total] p:first-of-type, .referral-subscription-container[only-total] ol, .referral-subscription-container[only-total] .completed-text, .referral-subscription-container[only-total] .expired-text {
    display: none; }
  .referral-subscription-container[only-total] p:last-of-type span {
    display: block;
    font-size: 2.5rem;
    font-family: "futurabold", Arial, sans-serif;
    line-height: 1;
    margin-bottom: -10px; }

select[c-select] {
  position: fixed;
  top: -9999px;
  left: -9999px; }

.c-select {
  width: 260px !important;
  line-height: 2.25rem;
  color: #67b7bf;
  font-size: 1rem;
  outline: none;
  cursor: pointer;
  background-color: #ffffff;
  height: auto;
  transition: border-radius 0s linear .1s,border-bottom 0s linear .1s;
  width: 100%;
  border: 2px solid #67b7bf;
  border-radius: 6px;
  position: relative; }
  .c-select__textbox {
    display: block;
    padding: 0 1.5rem;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-height: 2.25rem;
    position: relative;
    text-transform: none;
    outline: none;
    cursor: pointer;
    overflow: hidden;
    box-sizing: border-box; }
  .c-select i {
    position: absolute;
    right: 24px;
    top: 10px;
    transition: -webkit-transform .1s linear .1s;
    transition: transform .1s linear .1s; }
  .c-select__listbox {
    max-height: 0rem;
    background-color: transparent;
    border-top: none;
    border-right: 2px solid #67b7bf;
    margin-right: -2px;
    border-left: 2px solid #67b7bf;
    margin-left: -2px;
    width: 260px;
    z-index: 110;
    transition: all .15s ease-out 0s;
    outline: none;
    cursor: pointer;
    overflow: hidden;
    position: absolute; }
  .c-select__option {
    background-color: #fff;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    padding: 0 1.5rem;
    color: #67b7bf;
    overflow: ellipsis;
    white-space: nowrap;
    min-height: 2.25rem;
    text-transform: none; }
    .c-select__option[selected] {
      color: #4bd2e2; }
    .c-select__option.is-focused {
      color: #fff;
      background-color: #009de0; }
    .c-select__option:hover {
      color: #fff;
      background-color: #67b7bf; }
  .c-select[extended] {
    border-radius: 6px 6px 0 0;
    transition: border-radius 0s linear 0s,border-bottom 0.1s linear 0s; }
    .c-select[extended]:before {
      content: '';
      box-shadow: 0 0.2rem 0.5rem 0 #d0d0d0;
      border-radius: 6px;
      position: absolute;
      width: calc(100% + 2px * 2);
      margin-left: -2px;
      min-height: calc(100% + 74px);
      margin-top: -2px; }
    .c-select[extended] i {
      -webkit-transform: scaleY(-1);
              transform: scaleY(-1); }
    .c-select[extended] .c-select__textbox:after {
      content: '';
      border-bottom: 1px solid #8bc8ce;
      height: 1px;
      margin-top: -1px;
      display: block; }
    .c-select[extended] .c-select__listbox {
      max-height: 74px;
      border-bottom: 2px solid #67b7bf;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px; }
      .c-select[extended] .c-select__listbox:after {
        content: '';
        box-shadow: 0 0.2rem 0.5rem 0 #cfcfcf;
        margin-top: -2.25rem; }
      .c-select[extended] .c-select__listbox:hover {
        overflow: auto; }

.widget {
  min-width: 662px;
  min-height: 460px;
  height: 100%;
  background-color: #FFFFFF;
  padding: 36px;
  padding: 2.25rem;
  border-radius: 12px;
  border-radius: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  cursor: default; }

@-webkit-keyframes l-fade-in-background {
  0% {
    background-color: rgba(255, 255, 255, 0); }
  100% {
    background-color: white; } }

@keyframes l-fade-in-background {
  0% {
    background-color: rgba(255, 255, 255, 0); }
  100% {
    background-color: white; } }

@-webkit-keyframes l-move-from-left {
  0%, 50% {
    -webkit-transform: translateX(-400px);
            transform: translateX(-400px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes l-move-from-left {
  0%, 50% {
    -webkit-transform: translateX(-400px);
            transform: translateX(-400px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }
  @media only screen and (max-width: 725px) {
    .widget {
      min-width: 100%; } }
  @media only screen and (max-width: 565px) {
    .widget {
      padding: 24px;
      padding: 1.5rem; } }
  .widget.half-width {
    min-width: 331px; }
    @media only screen and (max-width: 725px) {
      .widget.half-width {
        min-width: 100% !important; } }
    @media only screen and (max-width: 565px) {
      .widget.half-width {
        padding: 24px;
        padding: 1.5rem; } }
  .widget > * {
    width: 100%; }
  .widget header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .widget header h1 {
      color: black;
      margin: 0;
      text-transform: initial;
      text-transform: uppercase;
      font-family: Futura; }
    .widget header .explore-track {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: #666666;
      text-decoration: none; }
      .widget header .explore-track .icon-container {
        margin-left: 10px;
        border: 1px solid #666666;
        border-radius: 30px;
        height: 30px;
        width: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
  .widget .content {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
        flex-flow: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    @media only screen and (max-width: 725px) {
      .widget .content {
        margin: 12px 0;
        margin: 0.75rem 0; } }
    .widget .content ul {
      width: 100%;
      margin: 0;
      padding: 0;
      list-style-type: none; }
      .widget .content ul > li {
        color: #999999;
        margin-top: 8px;
        margin-top: 0.5rem;
        margin-bottom: 8px;
        margin-bottom: 0.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        min-width: 0; }
        .widget .content ul > li.titles p {
          -webkit-hyphens: auto;
             -moz-hyphens: auto;
              -ms-hyphens: auto;
                  hyphens: auto;
          word-wrap: break-word; }
        @media only screen and (max-width: 565px) {
          .widget .content ul > li.titles {
            display: none; } }
        .widget .content ul > li > p {
          text-transform: uppercase;
          color: #999999;
          width: 100%;
          margin-bottom: 0;
          line-height: initial;
          letter-spacing: 1px; }
        .widget .content ul > li .infos, .widget .content ul > li .actions {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between; }
          .widget .content ul > li .infos p, .widget .content ul > li .actions p {
            color: #999999; }
            .widget .content ul > li .infos p[ellipsed], .widget .content ul > li .actions p[ellipsed] {
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden; }
            .widget .content ul > li .infos p::first-letter, .widget .content ul > li .actions p::first-letter {
              text-transform: capitalize; }
          .widget .content ul > li .infos button, .widget .content ul > li .actions button {
            position: relative;
            outline: none;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
            .widget .content ul > li .infos button:hover, .widget .content ul > li .actions button:hover {
              color: #67b7bf; }
            > .icon .widget .content ul > li .infos button:not(.icon-play), > .icon .widget .content ul > li .actions button:not(.icon-play) {
              display: block; }
            .widget .content ul > li .infos button .icon-alert-full, .widget .content ul > li .actions button .icon-alert-full {
              display: none; }
            .widget .content ul > li .infos button .icon-streaming, .widget .content ul > li .actions button .icon-streaming {
              color: #67b7bf; }
            .widget .content ul > li .infos button[action-requested] .icon-alert-full, .widget .content ul > li .actions button[action-requested] .icon-alert-full {
              display: block;
              color: orange;
              position: absolute;
              top: -7px;
              right: -6px;
              z-index: 1; }
              .widget .content ul > li .infos button[action-requested] .icon-alert-full::before, .widget .content ul > li .actions button[action-requested] .icon-alert-full::before {
                border: 2px solid #FFFFFF;
                border-radius: 50%;
                background-color: #FFFFFF; }
            .widget .content ul > li .infos button[action-requested].disabled .icon-alert-full:hover, .widget .content ul > li .actions button[action-requested].disabled .icon-alert-full:hover {
              color: orange;
              cursor: default; }
            .widget .content ul > li .infos button .lds-ring, .widget .content ul > li .actions button .lds-ring {
              display: none; }
            .widget .content ul > li .infos button[is-processing], .widget .content ul > li .actions button[is-processing] {
              pointer-events: none;
              cursor: not-allowed; }
              .widget .content ul > li .infos button[is-processing] > i, .widget .content ul > li .actions button[is-processing] > i {
                display: none; }
              .widget .content ul > li .infos button[is-processing] .lds-ring, .widget .content ul > li .actions button[is-processing] .lds-ring {
                display: inline-block;
                width: 28px;
                height: 28px; }
                .widget .content ul > li .infos button[is-processing] .lds-ring div, .widget .content ul > li .actions button[is-processing] .lds-ring div {
                  box-sizing: border-box;
                  display: block;
                  position: absolute;
                  width: 22px;
                  height: 22px;
                  margin: 3px;
                  border: 2px solid #67b7bf;
                  border-radius: 50%;
                  -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
                          animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
                  border-color: #67b7bf transparent transparent transparent; }
                  .widget .content ul > li .infos button[is-processing] .lds-ring div:nth-child(1), .widget .content ul > li .actions button[is-processing] .lds-ring div:nth-child(1) {
                    -webkit-animation-delay: -0.45s;
                            animation-delay: -0.45s; }
                  .widget .content ul > li .infos button[is-processing] .lds-ring div:nth-child(2), .widget .content ul > li .actions button[is-processing] .lds-ring div:nth-child(2) {
                    -webkit-animation-delay: -0.3s;
                            animation-delay: -0.3s; }
                  .widget .content ul > li .infos button[is-processing] .lds-ring div:nth-child(3), .widget .content ul > li .actions button[is-processing] .lds-ring div:nth-child(3) {
                    -webkit-animation-delay: -0.15s;
                            animation-delay: -0.15s; }

@-webkit-keyframes lds-ring {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes lds-ring {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
        .widget .content ul > li .infos button:last-child {
          display: none; }
        .widget .content ul > li .infos .hint--top i {
          line-height: 1.5; }
        @media only screen and (max-width: 725px) {
          .widget .content ul > li .infos {
            width: 100%; } }
        .widget .content ul > li .infos > * {
          padding-right: 12px;
          margin: 0; }
        .widget .content ul > li .actions {
          min-height: 37px; }
          .widget .content ul > li .actions > * {
            margin: 0 12px; }
            .widget .content ul > li .actions > *:last-child {
              margin-right: 0; }
          .widget .content ul > li .actions button.disabled, .widget .content ul > li .actions button.disabled i {
            color: #cccccc; }
            .widget .content ul > li .actions button.disabled:hover, .widget .content ul > li .actions button.disabled i:hover {
              color: #cccccc;
              cursor: default; }
          .widget .content ul > li .actions .action {
            position: relative; }
            .widget .content ul > li .actions .action:last-child {
              margin-left: 7px; }
            .widget .content ul > li .actions .action .dropdown-content-open {
              display: none; }
            .widget .content ul > li .actions .action:hover .dropdown-content-open {
              display: block !important;
              z-index: 115;
              -webkit-animation-duration: 300ms;
                      animation-duration: 300ms;
              -webkit-animation-name: tooltip-anim;
                      animation-name: tooltip-anim; }

@-webkit-keyframes tooltip-anim {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes tooltip-anim {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }
              @media only screen and (max-width: 725px) {
                .widget .content ul > li .actions .action:hover .dropdown-content-open {
                  display: none; } }
            .widget .content ul > li .actions .action.dropdown-hover-not-allowed:hover .dropdown-content-open {
              -webkit-animation: none;
                      animation: none; }
            @media only screen and (max-width: 725px) {
              .widget .content ul > li .actions .action.clicked .dropdown-content-open {
                display: block;
                z-index: 2; }
                .widget .content ul > li .actions .action.clicked .dropdown-content-open:hover {
                  display: block;
                  -webkit-animation: none;
                          animation: none; }
              .widget .content ul > li .actions .action.clicked:hover .dropdown-content-open {
                -webkit-animation: none;
                        animation: none; } }
    .widget .content .pop-in-wrapper ul li {
      color: #FFFFFF; }
  .widget footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-flow: row-reverse;
        flex-flow: row-reverse;
    position: relative; }
    .widget footer .action .dropdown-content-open {
      display: none; }
    .widget footer .action:hover .dropdown-content-open {
      display: block;
      z-index: 2;
      -webkit-animation-duration: 300ms;
              animation-duration: 300ms;
      -webkit-animation-name: tooltip-anim;
              animation-name: tooltip-anim;
      bottom: 35px;
      right: 0; }
      @media only screen and (max-width: 725px) {
        .widget footer .action:hover .dropdown-content-open {
          display: none; } }
    .widget footer .button-cart {
      width: auto;
      position: relative; }
      .widget footer .button-cart[pdf] {
        width: 220px; }
  .widget .dropdown-content-open {
    position: absolute;
    bottom: 25px;
    right: -13px; }
    .widget .dropdown-content-open .pin-bottom {
      margin-bottom: 16px;
      width: 16rem; }
      .widget .dropdown-content-open .pin-bottom .pop-in__heading::first-letter {
        text-transform: capitalize; }
      .widget .dropdown-content-open .pin-bottom ul {
        padding: 0.5rem 1.5rem 1.5rem 1.5rem;
        width: 100%;
        margin: 0; }
        .widget .dropdown-content-open .pin-bottom ul li {
          margin: 0 2px;
          display: inline-block; }
          .widget .dropdown-content-open .pin-bottom ul li:not(:last-of-type) a {
            margin-bottom: 6px; }
          .widget .dropdown-content-open .pin-bottom ul li button {
            margin: 0 !important; }
            .widget .dropdown-content-open .pin-bottom ul li button:hover {
              color: #FFFFFF; }
    .widget .dropdown-content-open[action-requested] .pop-in {
      border-color: orange; }
      .widget .dropdown-content-open[action-requested] .pop-in .pop-in__heading {
        color: orange; }
      .widget .dropdown-content-open[action-requested] .pop-in .pop-in__actions li button, .widget .dropdown-content-open[action-requested] .pop-in .pop-in__actions button {
        background-color: orange !important; }
        .widget .dropdown-content-open[action-requested] .pop-in .pop-in__actions li button:hover, .widget .dropdown-content-open[action-requested] .pop-in .pop-in__actions button:hover {
          background-color: orange; }
    .widget .dropdown-content-open[action-requested] .pop-in.pin-bottom::before, .widget .dropdown-content-open[action-requested] .pop-in.pin-bottom::after {
      top: 100%;
      right: 100%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    .widget .dropdown-content-open[action-requested] .pop-in.pin-bottom:before {
      border-color: rgba(245, 110, 110, 0);
      border-top-color: orange;
      border-width: 10px;
      right: 15px; }
    .widget .dropdown-content-open[action-requested] .pop-in.pin-bottom:after {
      background-image: none;
      border-color: rgba(255, 255, 255, 0);
      border-top-color: #FFFFFF;
      border-width: 7px;
      right: 18px; }
  @media only screen and (max-width: 725px) {
    .widget[catalog][track-pack] header {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      position: relative; } }
  .widget[catalog][track-pack] header > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
        flex-flow: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end; }
    @media only screen and (max-width: 725px) {
      .widget[catalog][track-pack] header > div {
        width: 100%;
        margin-top: 8px;
        margin-top: 0.5rem; } }
    .widget[catalog][track-pack] header > div > div {
      -ms-flex-item-align: end;
          align-self: flex-end;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .widget[catalog][track-pack] header > div > div h2 {
        margin: 0;
        padding-right: 10px; }
        .widget[catalog][track-pack] header > div > div h2 span {
          color: #67b7bf; }
      .widget[catalog][track-pack] header > div > div .c-select {
        width: 220px !important;
        -ms-flex-item-align: end;
            align-self: flex-end; }
        .widget[catalog][track-pack] header > div > div .c-select__listbox {
          width: 220px; }
    .widget[catalog][track-pack] header > div .secondary-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      margin-top: 8px;
      margin-top: 0.5rem; }
      .widget[catalog][track-pack] header > div .secondary-container .progressbar-container {
        width: 140px; }
        @media only screen and (max-width: 725px) {
          .widget[catalog][track-pack] header > div .secondary-container .progressbar-container {
            margin-right: 0; } }
        .widget[catalog][track-pack] header > div .secondary-container .progressbar-container .remaining {
          width: auto; }
      .widget[catalog][track-pack] header > div .secondary-container .remaining-tracks {
        margin: 0 16px 0 8px;
        margin: 0 1rem 0 0.5rem;
        color: #999999; }
        @media only screen and (max-width: 725px) {
          .widget[catalog][track-pack] header > div .secondary-container .remaining-tracks {
            margin-right: 0; } }
        .widget[catalog][track-pack] header > div .secondary-container .remaining-tracks span {
          color: #67b7bf;
          font-family: "futurademi", Arial, sans-serif; }
      @media only screen and (max-width: 725px) {
        .widget[catalog][track-pack] header > div .secondary-container .simple {
          position: absolute;
          top: 7px; } }
      .widget[catalog][track-pack] header > div .secondary-container .simple .icon-wrong {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        top: 2px;
        -ms-transform: rotate(45deg) translateZ(0);
        -ms-transform-origin: 44% 49%; }
  .widget[catalog] .content ul > li .infos {
    width: calc(100% - 211px); }
    @media only screen and (max-width: 725px) {
      .widget[catalog] .content ul > li .infos {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; } }
    .widget[catalog] .content ul > li .infos p:nth-of-type(1) {
      width: 92px;
      min-width: 92px;
      font-size: 12px; }
      @media only screen and (max-width: 725px) {
        .widget[catalog] .content ul > li .infos p:nth-of-type(1) {
          margin: 10px 0; } }
      @media only screen and (max-width: 565px) {
        .widget[catalog] .content ul > li .infos p:nth-of-type(1) {
          display: none; } }
    .widget[catalog] .content ul > li .infos .hint--top {
      padding: 0; }
    .widget[catalog] .content ul > li .infos button {
      width: 24px;
      padding: 0; }
      .widget[catalog] .content ul > li .infos button::before, .widget[catalog] .content ul > li .infos button i, .widget[catalog] .content ul > li .infos button i:last-of-type {
        width: 24px;
        margin-right: 0; }
    .widget[catalog] .content ul > li .infos p:nth-of-type(2) {
      width: 100%;
      min-width: 0;
      padding-left: 15px; }
    .widget[catalog] .content ul > li .infos i:last-of-type {
      width: 24px;
      min-width: 24px;
      padding: 0; }
      @media only screen and (max-width: 725px) {
        .widget[catalog] .content ul > li .infos i:last-of-type {
          margin-right: 0; } }
  .widget[livestream] .content ul .titles {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .widget[livestream] .content ul .titles p:nth-child(1) {
      width: calc(100% - 95px - 130px - 130px); }
      @media only screen and (max-width: 725px) {
        .widget[livestream] .content ul .titles p:nth-child(1) {
          width: calc(100% - 95px - 130px); } }
      @media only screen and (max-width: 565px) {
        .widget[livestream] .content ul .titles p:nth-child(1) {
          width: calc(100% - 130px); } }
    .widget[livestream] .content ul .titles p:nth-child(2) {
      width: 130px; }
      @media only screen and (max-width: 725px) {
        .widget[livestream] .content ul .titles p:nth-child(2) {
          display: none; } }
    .widget[livestream] .content ul .titles p:nth-child(3) {
      width: 130px; }
    .widget[livestream] .content ul .titles p:nth-child(4) {
      width: auto; }
  .widget[livestream] .content ul > li .infos {
    width: calc(100% - 95px); }
    .widget[livestream] .content ul > li .infos p:nth-child(1) {
      width: 100%; }
    .widget[livestream] .content ul > li .infos p:nth-child(2) {
      width: 130px;
      min-width: 130px; }
      @media only screen and (max-width: 725px) {
        .widget[livestream] .content ul > li .infos p:nth-child(2) {
          display: none; } }
    .widget[livestream] .content ul > li .infos p:nth-child(3) {
      width: 130px;
      min-width: 130px; }
  .widget[livestream] .content ul > li .actions .action:last-child {
    margin-left: 12px; }
  .widget[livestream] footer button.transparent {
    margin: 0 10px;
    width: 180px; }
    @media only screen and (max-width: 480px) {
      .widget[livestream] footer button.transparent {
        width: 160px; } }
  .widget[instore] .content ul .titles {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .widget[instore] .content ul .titles p:nth-child(1) {
      width: calc(100% - 150px - 95px - 95px - 95px); }
      @media only screen and (max-width: 725px) {
        .widget[instore] .content ul .titles p:nth-child(1) {
          width: calc(100% - 95px - 95px - 95px); } }
      @media only screen and (max-width: 565px) {
        .widget[instore] .content ul .titles p:nth-child(1) {
          width: calc(100% - 95px - 95px); } }
    .widget[instore] .content ul .titles p:nth-child(2) {
      width: 150px; }
      @media only screen and (max-width: 725px) {
        .widget[instore] .content ul .titles p:nth-child(2) {
          display: none; } }
    .widget[instore] .content ul .titles p:nth-child(3) {
      width: 95px; }
      @media only screen and (max-width: 565px) {
        .widget[instore] .content ul .titles p:nth-child(3) {
          display: none; } }
    .widget[instore] .content ul .titles p:nth-child(4) {
      width: 95px; }
    .widget[instore] .content ul .titles p:nth-child(5) {
      width: auto; }
  .widget[instore] .content ul > li .infos {
    width: calc(100% - 95px); }
    .widget[instore] .content ul > li .infos p:nth-child(1) {
      width: calc(100% - 150px - 95px - 95px); }
      @media only screen and (max-width: 725px) {
        .widget[instore] .content ul > li .infos p:nth-child(1) {
          width: calc(100% - 95px - 95px); } }
      @media only screen and (max-width: 565px) {
        .widget[instore] .content ul > li .infos p:nth-child(1) {
          width: calc(100% - 95px); } }
    .widget[instore] .content ul > li .infos p:nth-child(2) {
      width: 150px; }
      @media only screen and (max-width: 725px) {
        .widget[instore] .content ul > li .infos p:nth-child(2) {
          display: none; } }
    .widget[instore] .content ul > li .infos p:nth-child(3) {
      width: 95px;
      min-width: 95px;
      font-size: 12px; }
      @media only screen and (max-width: 565px) {
        .widget[instore] .content ul > li .infos p:nth-child(3) {
          display: none; } }
    .widget[instore] .content ul > li .infos p:nth-child(4) {
      width: 95px;
      min-width: 95px; }
  .widget[instore] .content ul > li .actions .action:last-child {
    margin-left: 12px; }
  .widget[instore] footer button.transparent {
    margin: 0 10px;
    width: 180px; }
    @media only screen and (max-width: 480px) {
      .widget[instore] footer button.transparent {
        width: 160px; } }
  @media only screen and (max-width: 480px) {
    .widget[catalog] .content ul > li .infos, .widget[livestream] .content ul > li .infos, .widget[instore] .content ul > li .infos {
      width: 100%;
      position: relative; }
      .widget[catalog] .content ul > li .infos button:last-child, .widget[livestream] .content ul > li .infos button:last-child, .widget[instore] .content ul > li .infos button:last-child {
        display: block;
        padding: 0.25rem 0.75rem;
        margin-right: -1rem; }
        .widget[catalog] .content ul > li .infos button:last-child i, .widget[livestream] .content ul > li .infos button:last-child i, .widget[instore] .content ul > li .infos button:last-child i {
          color: gray; }
        .widget[catalog] .content ul > li .infos button:last-child:hover i, .widget[livestream] .content ul > li .infos button:last-child:hover i, .widget[instore] .content ul > li .infos button:last-child:hover i {
          color: #67b7bf; }
    .widget[catalog] .content ul > li .actions, .widget[livestream] .content ul > li .actions, .widget[instore] .content ul > li .actions {
      display: none; }
    .widget[catalog] .content ul > li[checked], .widget[livestream] .content ul > li[checked], .widget[instore] .content ul > li[checked] {
      -ms-flex-flow: column;
          flex-flow: column;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      position: fixed;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: calc(100% + 58px);
      margin: -58px 0 -58px 0;
      padding: 58px 1.5rem 0rem 1.5rem;
      z-index: 760;
      -webkit-animation: l-fade-in-background .1s;
              animation: l-fade-in-background .1s;
      background-color: #FFFFFF;
      overflow-y: scroll;
      overflow-x: hidden; }
      .widget[catalog] .content ul > li[checked] .infos, .widget[livestream] .content ul > li[checked] .infos, .widget[instore] .content ul > li[checked] .infos {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        .widget[catalog] .content ul > li[checked] .infos button:last-child, .widget[livestream] .content ul > li[checked] .infos button:last-child, .widget[instore] .content ul > li[checked] .infos button:last-child {
          -webkit-transform: rotate(180deg);
                  transform: rotate(180deg);
          top: 0;
          left: -1rem;
          padding: 1rem;
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1; }
        .widget[catalog] .content ul > li[checked] .infos p, .widget[livestream] .content ul > li[checked] .infos p, .widget[instore] .content ul > li[checked] .infos p {
          -webkit-animation: l-move-from-left .5s;
                  animation: l-move-from-left .5s;
          padding: 0; }
          .widget[catalog] .content ul > li[checked] .infos p:nth-child(1), .widget[livestream] .content ul > li[checked] .infos p:nth-child(1), .widget[instore] .content ul > li[checked] .infos p:nth-child(1) {
            width: 100%;
            font-size: 22px;
            font-size: 1.375rem;
            -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                    order: 2; }
          .widget[catalog] .content ul > li[checked] .infos p:nth-child(2), .widget[livestream] .content ul > li[checked] .infos p:nth-child(2), .widget[instore] .content ul > li[checked] .infos p:nth-child(2) {
            display: block;
            font-size: 16px;
            font-size: 1rem;
            white-space: pre-wrap;
            width: 100%;
            -webkit-box-ordinal-group: 4;
                -ms-flex-order: 3;
                    order: 3; }
          .widget[catalog] .content ul > li[checked] .infos p:nth-child(3), .widget[livestream] .content ul > li[checked] .infos p:nth-child(3), .widget[instore] .content ul > li[checked] .infos p:nth-child(3) {
            display: block;
            width: 50%;
            -webkit-box-ordinal-group: 6;
                -ms-flex-order: 5;
                    order: 5;
            text-align: right; }
          .widget[catalog] .content ul > li[checked] .infos p:nth-child(4), .widget[livestream] .content ul > li[checked] .infos p:nth-child(4), .widget[instore] .content ul > li[checked] .infos p:nth-child(4) {
            width: 50%;
            text-align: left;
            -webkit-box-ordinal-group: 5;
                -ms-flex-order: 4;
                    order: 4; }
      .widget[catalog] .content ul > li[checked] .actions, .widget[livestream] .content ul > li[checked] .actions, .widget[instore] .content ul > li[checked] .actions {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 20px;
        position: relative;
        width: 100%;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-animation: l-move-from-left .5s both;
                animation: l-move-from-left .5s both; }
        .widget[catalog] .content ul > li[checked] .actions .action, .widget[livestream] .content ul > li[checked] .actions .action, .widget[instore] .content ul > li[checked] .actions .action {
          position: initial;
          margin: 0 34px 0 0; }
          .widget[catalog] .content ul > li[checked] .actions .action button:not(.button), .widget[livestream] .content ul > li[checked] .actions .action button:not(.button), .widget[instore] .content ul > li[checked] .actions .action button:not(.button) {
            height: 52px;
            width: 52px;
            background-color: whitesmoke;
            border-radius: 50%;
            padding: 12px;
            color: #999999; }
            .widget[catalog] .content ul > li[checked] .actions .action button:not(.button) .icon-alert-full, .widget[livestream] .content ul > li[checked] .actions .action button:not(.button) .icon-alert-full, .widget[instore] .content ul > li[checked] .actions .action button:not(.button) .icon-alert-full {
              font-size: 1.25rem;
              right: 0; }
            .widget[catalog] .content ul > li[checked] .actions .action button:not(.button):first-child, .widget[livestream] .content ul > li[checked] .actions .action button:not(.button):first-child, .widget[instore] .content ul > li[checked] .actions .action button:not(.button):first-child {
              margin-left: 0; }
              .widget[catalog] .content ul > li[checked] .actions .action button:not(.button):first-child .icon-streaming, .widget[livestream] .content ul > li[checked] .actions .action button:not(.button):first-child .icon-streaming, .widget[instore] .content ul > li[checked] .actions .action button:not(.button):first-child .icon-streaming {
                width: 52px;
                margin-top: -4px; }
          .widget[catalog] .content ul > li[checked] .actions .action.clicked button:not(.button), .widget[livestream] .content ul > li[checked] .actions .action.clicked button:not(.button), .widget[instore] .content ul > li[checked] .actions .action.clicked button:not(.button) {
            color: #67b7bf; }
          .widget[catalog] .content ul > li[checked] .actions .action.clicked .dropdown-content-open, .widget[livestream] .content ul > li[checked] .actions .action.clicked .dropdown-content-open, .widget[instore] .content ul > li[checked] .actions .action.clicked .dropdown-content-open {
            width: 100%;
            top: 80px;
            left: 0; }
            .widget[catalog] .content ul > li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom, .widget[livestream] .content ul > li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom, .widget[instore] .content ul > li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom {
              width: 100%; }
              .widget[catalog] .content ul > li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom::before, .widget[catalog] .content ul > li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom::after, .widget[livestream] .content ul > li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom::before, .widget[livestream] .content ul > li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom::after, .widget[instore] .content ul > li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom::before, .widget[instore] .content ul > li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom::after {
                display: none; }
              .widget[catalog] .content ul > li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li, .widget[livestream] .content ul > li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li, .widget[instore] .content ul > li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li {
                margin: 0 6px; }
                .widget[catalog] .content ul > li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li button, .widget[livestream] .content ul > li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li button, .widget[instore] .content ul > li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li button {
                  background-color: #67b7bf; }
                .widget[catalog] .content ul > li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li a, .widget[livestream] .content ul > li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li a, .widget[instore] .content ul > li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li a {
                  line-height: 2.5; }
                .widget[catalog] .content ul > li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li:not(:last-of-type) a, .widget[livestream] .content ul > li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li:not(:last-of-type) a, .widget[instore] .content ul > li[checked] .actions .action.clicked .dropdown-content-open .pin-bottom ul li:not(:last-of-type) a {
                  margin-bottom: 12px; }
    .widget[catalog] footer .button-cart.small.transparent, .widget[livestream] footer .button-cart.small.transparent, .widget[instore] footer .button-cart.small.transparent {
      display: none; }
    .widget[catalog] footer .button-cart:first-child, .widget[livestream] footer .button-cart:first-child, .widget[instore] footer .button-cart:first-child {
      margin-left: 10px; }
    .widget[catalog] .content ul > li .infos p:nth-of-type(2) {
      width: calc(100% - 76px);
      max-width: calc(100% - 76px); }
    .widget[catalog] .content ul > li[checked] .infos .button-play {
      -webkit-box-ordinal-group: 6;
          -ms-flex-order: 5;
              order: 5;
      margin-bottom: 0.5rem;
      height: 52px;
      width: 52px;
      -webkit-animation: l-move-from-left .5s;
              animation: l-move-from-left .5s; }
      .widget[catalog] .content ul > li[checked] .infos .button-play::before {
        width: 52px; }
      .widget[catalog] .content ul > li[checked] .infos .button-play i {
        font-size: 42px;
        height: 42px;
        width: 42px; }
      .widget[catalog] .content ul > li[checked] .infos .button-play .icon-pause {
        background-color: #48a2ab; }
    .widget[catalog] .content ul > li[checked] .infos button:last-child {
      margin-right: 100%;
      left: 0; }
    .widget[catalog] .content ul > li[checked] .infos p.date {
      -webkit-box-ordinal-group: 5;
          -ms-flex-order: 4;
              order: 4;
      display: block;
      font-size: 12px;
      width: 100%;
      text-align: left;
      margin-top: 0; }
    .widget[catalog] .content ul > li[checked] .infos p:nth-child(3) {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      font-size: 1.375rem;
      text-align: left;
      width: calc(100% - 24px);
      max-width: calc(100% - 24px);
      padding-right: 10px; }
    .widget[catalog] .content ul > li[checked] .infos > div, .widget[catalog] .content ul > li[checked] .infos span {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3;
      -webkit-animation: l-move-from-left .5s;
              animation: l-move-from-left .5s; }
    .widget[catalog] .content ul > li[checked] .actions .action:first-child button {
      display: block; }
    .widget[instore] .content ul > li[checked] .actions .action:first-child button {
      display: block; }
      .widget[instore] .content ul > li[checked] .actions .action:first-child button .icon-streaming {
        width: 1.375rem !important;
        margin-top: 2px !important; }
    .widget[livestream] .content ul li p:nth-child(3) {
      width: 95px !important;
      min-width: 95px !important; }
    .widget[livestream] .content ul > li[checked] .infos p:nth-child(2) {
      display: block;
      font-size: 16px;
      font-size: 1rem;
      white-space: pre-wrap;
      width: 50%;
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3; }
    .widget[livestream] .content ul > li[checked] .actions .action:first-child button {
      display: block; }
      .widget[livestream] .content ul > li[checked] .actions .action:first-child button .icon-streaming {
        width: 1.375rem !important;
        margin-top: 0 !important; } }
  .widget[notifications] i {
    margin-right: 10px;
    min-width: 24px;
    transition: 0.15s ease-in; }
  .widget[notifications] .content ul {
    width: 100%;
    max-height: 298px;
    overflow: auto; }
  .widget[notifications] .content p {
    text-transform: none;
    margin-bottom: 0; }
  .widget[notifications] .content span {
    font-family: "futurademi", Arial, sans-serif; }
  .widget[notifications] .content .notification {
    background-color: #FFFFFF; }
    .widget[notifications] .content .notification.urgent {
      background-color: red; }
      .widget[notifications] .content .notification.urgent i, .widget[notifications] .content .notification.urgent p {
        color: #FFFFFF; }
      .widget[notifications] .content .notification.urgent:hover i, .widget[notifications] .content .notification.urgent:hover p {
        color: red; }
    .widget[notifications] .content .notification.normal span, .widget[notifications] .content .notification.normal i {
      color: orange; }
    .widget[notifications] .content .notification.validation span {
      color: #67b7bf; }
    .widget[notifications] .content .notification a {
      width: 100%;
      padding: 0.5rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      text-decoration: none; }
      .widget[notifications] .content .notification a .icon-shape {
        margin-left: 0;
        min-width: 24px; }
      .widget[notifications] .content .notification a:hover {
        background-color: whitesmoke;
        transition: background-color 0.3s ease-out; }
    @media only screen and (max-width: 725px) {
      .widget[notifications] .content .notification p, .widget[notifications] .content .notification span {
        font-size: 14px; } }
  .widget[referrals]:before {
    content: '';
    border: 0.5rem solid #afd9dd;
    border-radius: 0.75rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; }
  .widget[referrals] .referral-subscription-container {
    border: none;
    width: 100%;
    padding: 0; }
    .widget[referrals] .referral-subscription-container > * {
      margin: 4px 0; }
    .widget[referrals] .referral-subscription-container > p {
      text-transform: uppercase;
      font-family: "futurademi", Arial, sans-serif; }
      .widget[referrals] .referral-subscription-container > p span {
        display: block;
        font-size: 2.5rem;
        font-family: "futurademi", Arial, sans-serif;
        line-height: 1.1;
        color: #67b7bf; }
    .widget[referrals] .referral-subscription-container[completed] div > p:first-of-type, .widget[referrals] .referral-subscription-container[completed] .expired-text {
      display: none; }
    .widget[referrals] .referral-subscription-container[completed] p:first-of-type {
      display: block; }
    .widget[referrals] .referral-subscription-container[completed] .completed-text {
      display: inline; }
    .widget[referrals] .referral-subscription-container[expired] div > p:first-of-type, .widget[referrals] .referral-subscription-container[expired] ol, .widget[referrals] .referral-subscription-container[expired] .completed-text {
      display: none; }
    .widget[referrals] .referral-subscription-container[expired] p:first-of-type {
      display: block; }
    .widget[referrals] .referral-subscription-container[expired] .expired-text {
      display: inline;
      margin-bottom: 10px;
      text-transform: none; }
    .widget[referrals] .referral-subscription-container[expired] p:last-of-type span {
      display: block;
      font-size: 2.5rem;
      font-family: "futurademi", Arial, sans-serif;
      line-height: 1;
      margin-bottom: -10px; }
    .widget[referrals] .referral-subscription-container[no-store] > div {
      display: none; }
  .widget[promotional-spreaker] {
    background-color: #fff8e3; }
    .widget[promotional-spreaker]::before {
      content: '';
      border: 0.5rem solid #ffc107;
      border-radius: 0.75rem;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: none; }
    .widget[promotional-spreaker] header h1 {
      color: #000000;
      line-height: 1.3; }
    .widget[promotional-spreaker] .content p {
      margin: 8px auto;
      line-height: 1.3; }
      .widget[promotional-spreaker] .content p:last-of-type {
        margin-top: 0; }
    .widget[promotional-spreaker] .content i {
      background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/spreaker-logo.svg");
      background-size: 70%;
      background-position: center center;
      min-height: 46px;
      max-width: 198px; }
    .widget[promotional-spreaker] footer .button-cart {
      background-color: #ffc107;
      height: 3rem; }
      .widget[promotional-spreaker] footer .button-cart .button-cart-text-container p {
        color: black; }
    .widget[promotional-spreaker] footer a.simple {
      color: black;
      font-weight: 300;
      line-height: 1.2;
      margin-right: 10px;
      font-family: "futurabook", Arial, sans-serif; }
      .widget[promotional-spreaker] footer a.simple:hover {
        text-decoration: underline; }
  .widget[ad] {
    background-color: #FFFFFF; }
    .widget[ad]::before {
      content: '';
      border: 0.5rem solid #4bd2e2;
      border-radius: 0.75rem;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: none; }
    .widget[ad] header h1 {
      color: #000000;
      line-height: 1.3; }
    .widget[ad] .content {
      margin: 0.75rem 0; }
      .widget[ad] .content p {
        line-height: 1.3; }
      .widget[ad] .content i {
        background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/spreaker-logo.svg");
        background-size: 70%;
        background-position: center center;
        min-height: 46px;
        max-width: 198px; }
    .widget[ad] footer .button-cart {
      background-color: #4bd2e2;
      height: 3rem; }
      .widget[ad] footer .button-cart .button-cart-text-container p {
        color: white; }
    .widget[ad] footer a.simple {
      color: black;
      font-weight: 300;
      line-height: 1.2;
      margin-right: 10px;
      font-family: "futurabook", Arial, sans-serif; }
      .widget[ad] footer a.simple:hover {
        text-decoration: underline; }
  .widget[no-purchase] header, .widget[no-purchase] .content, .widget[no-purchase] footer {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .widget[no-purchase] header h1 {
    font-size: 30px;
    font-size: 1.875rem;
    text-transform: lowercase; }
    .widget[no-purchase] header h1::first-letter {
      text-transform: uppercase; }
  .widget[no-purchase] .content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .widget .pop-in-wrapper .pop-in.tips .button-icon.close {
    position: absolute;
    padding: 0;
    width: 0.75rem; }
    .widget .pop-in-wrapper .pop-in.tips .button-icon.close i {
      min-width: -webkit-fit-content;
      min-width: -moz-fit-content;
      min-width: fit-content; }
  .widget .pop-in-wrapper .pop-in.tips p {
    width: auto !important;
    color: #FFFFFF; }
  .widget .action .pop-in-wrapper.top-right {
    right: -13px; }
  .widget .infos .pop-in-wrapper.top-right {
    right: -14px; }
  .widget[catalog] .pop-in-wrapper .pop-in.tips button {
    width: auto;
    padding: 0.125rem 0.75rem 0; }
    .widget[catalog] .pop-in-wrapper .pop-in.tips button:last-child {
      display: block; }

[anchor-links] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  padding: 24px 0;
  padding: 1.5rem 0;
  background-color: whitesmoke; }
  [anchor-links] a {
    margin: 0 5px;
    min-height: 3rem; }
    [anchor-links] a::before {
      display: none; }
    [anchor-links] a:hover {
      transition: .10s ease-in; }
    [anchor-links] a.active {
      background-color: #67b7bf; }
      [anchor-links] a.active .button-cart-text-container p {
        color: #FFFFFF; }
    [anchor-links] a.button-cart {
      min-height: 3rem;
      transition-delay: 0s;
      text-decoration: none;
      overflow: visible; }
      [anchor-links] a.button-cart:nth-of-type(2) p {
        display: block;
        text-decoration: none; }
        [anchor-links] a.button-cart:nth-of-type(2) p:not(:nth-of-type(1)) {
          font-size: 12px;
          font-size: 0.75rem;
          text-transform: lowercase; }
          [anchor-links] a.button-cart:nth-of-type(2) p:not(:nth-of-type(1)):first-letter {
            text-transform: capitalize; }
      [anchor-links] a.button-cart:nth-of-type(2) > p {
        position: absolute;
        top: -25px;
        font-weight: 400;
        color: #67b7bf;
        text-transform: initial; }
        [anchor-links] a.button-cart:nth-of-type(2) > p:first-letter {
          text-transform: capitalize; }
  @media (max-width: 820px) {
    [anchor-links] {
      -ms-flex-flow: column;
          flex-flow: column; }
      [anchor-links] a {
        margin: 0.5rem 0; }
        [anchor-links] a.button-cart:nth-of-type(2) {
          margin-top: 25px; } }
  @media (max-width: 768px) {
    [anchor-links] {
      padding-left: 7px;
      padding-right: 7px; } }
  [anchor-links][dashboard] {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 16px 0;
    padding: 1rem 0;
    background-color: #FFFFFF;
    position: absolute;
    left: 0; }
    [anchor-links][dashboard] a {
      width: auto;
      height: auto;
      min-height: 38px;
      margin: 0px 10px 10px 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      [anchor-links][dashboard] a .pill {
        top: -2px;
        right: 0;
        position: relative; }
    @media (max-width: 1110px) {
      [anchor-links][dashboard] {
        padding: 0 0 0 1.5rem;
        background-color: transparent;
        position: relative;
        -ms-flex-flow: column;
            flex-flow: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; } }
    @media (max-width: 820px) {
      [anchor-links][dashboard] a.button-cart:nth-of-type(2) {
        margin-top: 0px; } }

.horizontal-scroll {
  width: 100%;
  -webkit-overflow-scrolling: auto;
  display: grid;
  grid-gap: calc(var(--gutter) / 2);
  grid-template-columns: 10px;
  grid-template-rows: minmax(150px, 1fr);
  grid-auto-flow: column;
  grid-auto-columns: calc(50% - var(--gutter) * 2);
  overflow-x: scroll;
  scroll-snap-type: x proximity;
  padding-bottom: calc(.75 * var(--gutter));
  margin-bottom: calc(-.25 * var(--gutter)); }
  .horizontal-scroll:before, .horizontal-scroll:after {
    content: '';
    width: 10px; }
  .horizontal-scroll.no-scrollbar {
    scrollbar-width: none;
    margin-bottom: 0;
    padding-bottom: 0; }
  .horizontal-scroll.no-scrollbar::-webkit-scrollbar {
    display: none; }
  .horizontal-scroll > li {
    scroll-snap-align: center;
    padding: calc(var(--gutter) / 2 * 1.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 8px; }

.navigation {
  position: relative;
  z-index: 610; }
  .navigation .links li {
    display: inline; }
  .navigation .logo-link {
    outline: 0;
    padding: 0 10px; }
  .navigation__mobile-bar {
    position: fixed;
    top: 0;
    left: 0;
    height: 48px;
    height: 3rem;
    background-color: #232323; }
    .navigation__mobile-bar .actions {
      width: 50%; }
      .navigation__mobile-bar .actions li {
        display: inline-block;
        width: 48px;
        width: 3rem; }
      .navigation__mobile-bar .actions.secondary {
        text-align: right; }
        .navigation__mobile-bar .actions.secondary .iconic-link,
        .navigation__mobile-bar .actions.secondary .iconic-link .link {
          display: inline-block;
          height: 48px;
          height: 3rem;
          width: 40px;
          width: 2.5rem;
          vertical-align: top;
          line-height: 1.2;
          color: #FFFFFF; }
          .navigation__mobile-bar .actions.secondary .iconic-link:hover,
          .navigation__mobile-bar .actions.secondary .iconic-link .link:hover {
            background-color: #67b7bf;
            text-shadow: none; }
            .navigation__mobile-bar .actions.secondary .iconic-link:hover .pill,
            .navigation__mobile-bar .actions.secondary .iconic-link .link:hover .pill {
              color: #67b7bf; }
              .navigation__mobile-bar .actions.secondary .iconic-link:hover .pill::before,
              .navigation__mobile-bar .actions.secondary .iconic-link .link:hover .pill::before {
                background-color: #FFF; }
        .navigation__mobile-bar .actions.secondary .iconic-link > a > div {
          display: table;
          height: 100%;
          width: 100%;
          text-align: center;
          vertical-align: middle; }
          .navigation__mobile-bar .actions.secondary .iconic-link > a > div > div {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            position: relative; }
            .navigation__mobile-bar .actions.secondary .iconic-link > a > div > div:first-child .icon-cart-new {
              font-size: 1.375rem;
              width: 1.375rem;
              height: 1.375rem;
              left: -3px;
              top: 1px; }
            .navigation__mobile-bar .actions.secondary .iconic-link > a > div > div:last-child .pill {
              height: 14px;
              width: 14px;
              min-width: inherit;
              top: 8px;
              right: 6px;
              position: absolute;
              font-size: 10px;
              line-height: 1.6;
              font-family: "futurabold", Arial, sans-serif; }
              .navigation__mobile-bar .actions.secondary .iconic-link > a > div > div:last-child .pill::before {
                border-radius: 50%; }
        .navigation__mobile-bar .actions.secondary .iconic-link span {
          text-transform: uppercase; }
    .navigation__mobile-bar .action .icon {
      line-height: 3;
      height: 48px;
      height: 3rem;
      width: 48px;
      width: 3rem; }
    .navigation__mobile-bar label.action {
      margin: 0; }
      .navigation__mobile-bar label.action:hover {
        cursor: pointer; }
  .navigation__opener-check {
    display: none; }
    .navigation__opener-check:checked + .navigation__pane {
      left: 0; }
      .navigation__opener-check:checked + .navigation__pane + .navigation__mobile-overlay {
        visibility: visible;
        opacity: 0.95;
        filter: alpha(opacity=95); }
  .navigation__pane {
    position: fixed;
    top: 48px;
    top: 3rem;
    padding-bottom: 24px;
    padding-bottom: 1.5rem;
    bottom: 0;
    left: -85%;
    width: 85%;
    height: auto;
    overflow-y: auto;
    background-color: black;
    transition: left .3s linear; }
    .navigation__pane .logo-link {
      display: none; }
    .navigation__pane .link {
      display: block;
      background-color: transparent;
      color: #FFFFFF;
      text-decoration: none;
      transition: background-color .25s linear;
      padding: 0 16px 0 24px;
      padding: 0 1rem 0 1.5rem;
      line-height: 3; }
      .navigation__pane .link:hover {
        background-color: #67b7bf;
        text-shadow: none; }
      .navigation__pane .link:focus {
        outline: none; }
      .navigation__pane .link.is-new {
        background-image: url(https://images.jamendo.com/jamendolicensing/static/navigation/new-on-menu.webp);
        background-repeat: no-repeat;
        background-color: #ffffff2b;
        padding-left: 40px;
        padding-left: 2.5rem;
        padding-top: 4px;
        padding-top: 0.25rem;
        padding-bottom: 4px;
        padding-bottom: 0.25rem; }
        .navigation__pane .link.is-new:hover {
          background-color: #67b7bf; }
    .navigation__pane .primary .link {
      text-transform: uppercase; }
    .navigation__pane .secondary {
      margin-top: 8px;
      margin-top: 0.5rem; }
      .navigation__pane .secondary .link {
        padding: 0 24px;
        padding: 0 1.5rem; }
      .navigation__pane .secondary .links.second-level li a, .navigation__pane .secondary .links.second-level li button {
        display: block;
        color: #FFFFFF;
        text-decoration: none;
        transition: background-color .25s linear;
        padding: 0 16px 0 24px;
        padding: 0 1rem 0 1.5rem;
        text-transform: uppercase;
        line-height: 3; }
        .navigation__pane .secondary .links.second-level li a:hover, .navigation__pane .secondary .links.second-level li button:hover {
          background-color: #67b7bf;
          text-shadow: none; }
        .navigation__pane .secondary .links.second-level li a.is-current, .navigation__pane .secondary .links.second-level li button.is-current {
          position: relative;
          color: #8bc8ce;
          pointer-events: none; }
      .navigation__pane .secondary .links.second-level li button {
        width: 100%;
        text-align: left; }
      .navigation__pane .secondary .links.second-level.reseller {
        margin-top: 24px;
        margin-top: 1.5rem; }
        .navigation__pane .secondary .links.second-level.reseller li:first-of-type {
          text-transform: uppercase;
          padding-left: 16px;
          padding-left: 1rem;
          color: #FFFFFF; }
          .navigation__pane .secondary .links.second-level.reseller li:first-of-type i {
            display: none; }
      @media (max-width: 1110px) {
        .navigation__pane .secondary .links.second-level div[anchor-links] .button-cart {
          border: none;
          width: 100%;
          padding: 0 0 0 12px;
          margin-bottom: 0;
          border-radius: 0; }
          .navigation__pane .secondary .links.second-level div[anchor-links] .button-cart .button-cart-text-container {
            padding: 0;
            text-align: left; }
            .navigation__pane .secondary .links.second-level div[anchor-links] .button-cart .button-cart-text-container p {
              font-family: "futurabook", Arial, sans-serif;
              font-size: 12px;
              color: #FFFFFF;
              line-height: 3; } }
    .navigation__pane .top-level > li > a {
      padding: 0 16px;
      padding: 0 1rem;
      margin-top: 24px;
      margin-top: 1.5rem;
      line-height: 2.462;
      font-family: "futurademi", Arial, sans-serif; }
    .navigation__pane .aside-level .iconic-link {
      position: relative;
      height: auto; }
      .navigation__pane .aside-level .iconic-link,
      .navigation__pane .aside-level .iconic-link .link {
        display: inline-block;
        height: 64px;
        height: 4rem;
        vertical-align: top;
        line-height: 1.2;
        height: 4.5rem; }
      .navigation__pane .aside-level .iconic-link > a {
        min-width: 7.5rem; }
      .navigation__pane .aside-level .iconic-link > a > div {
        display: table;
        height: 100%;
        text-align: left; }
        .navigation__pane .aside-level .iconic-link > a > div > div {
          display: table-cell;
          vertical-align: middle;
          position: relative; }
          .navigation__pane .aside-level .iconic-link > a > div > div:first-child {
            padding-right: 8px;
            padding-right: 0.5rem; }
            .navigation__pane .aside-level .iconic-link > a > div > div:first-child .icon-cart-new {
              font-size: 30px;
              margin-left: 15px; }
          .navigation__pane .aside-level .iconic-link > a > div > div:last-child .pill {
            height: 20px;
            width: 20px;
            top: 8px;
            right: -2px;
            position: absolute;
            font-size: 12px;
            line-height: 1.6;
            font-family: "futurademi", Arial, sans-serif;
            padding: 0; }
            .navigation__pane .aside-level .iconic-link > a > div > div:last-child .pill::before {
              border-radius: 50%; }
      .navigation__pane .aside-level .iconic-link span {
        text-transform: uppercase;
        top: 0;
        left: 1rem;
        margin-top: 1rem;
        white-space: nowrap; }
      .navigation__pane .aside-level .iconic-link:last-of-type .link > div {
        padding-top: 0; }
        .navigation__pane .aside-level .iconic-link:last-of-type .link > div .pill {
          top: 11px;
          right: 0px;
          left: -20px; }
    .navigation__pane .aside-level .button-link {
      display: inline-block;
      padding: 0 20px;
      padding: 0 1.25rem;
      height: 64px;
      height: 4rem;
      vertical-align: top; }
      .navigation__pane .aside-level .button-link .button.xsmall {
        margin-top: 20px;
        margin-top: 1.25rem; }
      .navigation__pane .aside-level .button-link .button.small {
        margin-top: 14px;
        margin-top: 0.875rem; }
    .navigation__pane .aside-level li:last-child .link:hover > div > div:last-child .pill {
      color: #67b7bf; }
      .navigation__pane .aside-level li:last-child .link:hover > div > div:last-child .pill:before {
        background: #ffffff; }
  .navigation__mobile-overlay {
    top: 48px;
    top: 3rem;
    overflow-y: initial;
    z-index: -1; }
  @media only screen and (min-width: 1110px) {
    .navigation {
      z-index: 425; }
      .navigation.no-nav .navigation__pane .top-level,
      .navigation.no-nav .navigation__pane .aside-level {
        visibility: hidden; }
      .navigation.translucid .navigation__pane {
        background-color: rgba(0, 0, 0, 0.7); }
      .navigation__mobile-bar {
        display: none;
        position: relative; }
      .navigation__pane {
        position: relative;
        display: table;
        top: 0;
        left: 0;
        padding: 0;
        width: 100%;
        transition: none;
        z-index: auto; }
        .navigation__pane .primary,
        .navigation__pane .logo-link,
        .navigation__pane .secondary {
          display: table-cell;
          vertical-align: middle; }
        .navigation__pane .primary,
        .navigation__pane .secondary {
          width: 50%; }
        .navigation__pane .secondary {
          text-align: right; }
          .navigation__pane .secondary .iconic-link {
            height: 4rem; }
            .navigation__pane .secondary .iconic-link .link {
              height: 4rem;
              min-width: initial; }
              .navigation__pane .secondary .iconic-link .link > div {
                padding-top: 0; }
                .navigation__pane .secondary .iconic-link .link > div span {
                  font-size: 10px;
                  font-size: 0.625rem;
                  position: static;
                  display: inline; }
              .navigation__pane .secondary .iconic-link .link .icon-cart-new {
                margin-left: 0 !important; }
            .navigation__pane .secondary .iconic-link:last-of-type .link > div .pill {
              top: 11px;
              right: 21px; }
        .navigation__pane .links {
          font-size: 0;
          white-space: nowrap; }
        .navigation__pane .link {
          display: inline-block; }
        .navigation__pane .top-level .link {
          margin-top: 0;
          line-height: 4.923;
          padding: 1px 24px 0;
          padding: 0.0625rem 1.5rem 0;
          text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); }
          .navigation__pane .top-level .link.is-current {
            position: relative;
            color: #8bc8ce;
            pointer-events: none; }
            .navigation__pane .top-level .link.is-current:after {
              content: '';
              position: absolute;
              display: inline-block;
              width: 14px;
              height: 7px;
              bottom: 0;
              left: 50%;
              margin-left: -7px;
              background-repeat: no-repeat;
              background-position: center center;
              background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAHCAYAAAA4R3wZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEVJREFUeNpiYMAB3Nzc5oMwLnlmXJqAVAIQGygrKyvcvXt3I0GNSJpgAKtmZgKacGpmJkITVs3MRGrC0MxIgiZksAAgwABmjSJ+ECEgNgAAAABJRU5ErkJggg==);
              z-index: 1; }
        .navigation__pane .second-level {
          position: absolute;
          left: 0;
          right: 0;
          background-color: #464646;
          display: none; }
          .navigation__pane .second-level li:first-child .link {
            padding-left: 24px;
            padding-left: 1.5rem; }
          .navigation__pane .second-level .link {
            line-height: 3.923;
            padding: 1px 16px 0;
            padding: 0.0625rem 1rem 0; }
            .navigation__pane .second-level .link.is-current {
              pointer-events: none; }
          .navigation__pane .second-level.is-current {
            display: block;
            height: 48px;
            height: 3rem; }
        .navigation__pane .aside-level .link {
          line-height: 5.334;
          padding: 0rem 20px;
          padding: 0rem 1.25rem; }
        .navigation__pane .aside-level li:last-child .link {
          padding-right: 24px;
          padding-right: 1.5rem; }
      .navigation.has-second-level {
        padding-bottom: 48px;
        padding-bottom: 3rem; }
      .navigation__mobile-overlay {
        display: none; } }

.section-sub-menu .sub-menu {
  position: relative;
  padding-top: 34px;
  padding-bottom: 34px;
  width: 200px;
  height: 100%;
  background-color: black; }
  @media only screen and (max-width: 1110px) {
    .section-sub-menu .sub-menu {
      display: none; } }
  .section-sub-menu .sub-menu.is-open {
    margin-bottom: 80px; }
  .section-sub-menu .sub-menu li {
    width: 100%;
    line-height: 2;
    margin-right: 24px;
    margin-right: 1.5rem; }
    .section-sub-menu .sub-menu li a, .section-sub-menu .sub-menu li button {
      padding-left: 25px;
      position: relative;
      display: block;
      text-decoration: none;
      color: white;
      width: 100%;
      text-align: left; }
      .section-sub-menu .sub-menu li a:hover, .section-sub-menu .sub-menu li button:hover {
        color: #67b7bf; }
      .section-sub-menu .sub-menu li a.is-current, .section-sub-menu .sub-menu li button.is-current {
        background-color: #464646; }
        .section-sub-menu .sub-menu li a.is-current:before, .section-sub-menu .sub-menu li button.is-current:before {
          content: '';
          display: block;
          background: #67b7bf;
          width: 7px;
          height: 100%;
          position: absolute;
          left: 0; }
      .section-sub-menu .sub-menu li a.main, .section-sub-menu .sub-menu li button.main {
        text-transform: uppercase;
        margin-bottom: 8px;
        margin-bottom: 0.5rem;
        font-family: "futurademi", Arial, sans-serif;
        color: gray; }
      .section-sub-menu .sub-menu li a.is-disabled, .section-sub-menu .sub-menu li button.is-disabled {
        color: #999999; }
        .section-sub-menu .sub-menu li a.is-disabled:hover, .section-sub-menu .sub-menu li button.is-disabled:hover {
          cursor: not-allowed; }
      .section-sub-menu .sub-menu li a .pill, .section-sub-menu .sub-menu li button .pill {
        position: absolute;
        top: 3px;
        right: 3px; }
    .section-sub-menu .sub-menu li .expend-menu {
      padding-left: 20px;
      margin-top: 16px; }
      .section-sub-menu .sub-menu li .expend-menu__action-container {
        margin-bottom: 16px; }
        .section-sub-menu .sub-menu li .expend-menu__action-container p {
          margin-bottom: 0;
          color: white; }
    .section-sub-menu .sub-menu li.bottom1 {
      position: absolute;
      bottom: 64px; }
    .section-sub-menu .sub-menu li.bottom2 {
      position: absolute;
      bottom: 34px; }
  .section-sub-menu .sub-menu.reseller {
    margin-top: 8px;
    margin-top: 0.5rem; }
    .section-sub-menu .sub-menu.reseller li:first-of-type {
      color: #cccccc;
      margin-right: 0.5rem; }
      .section-sub-menu .sub-menu.reseller li:first-of-type i {
        color: #cccccc; }
        .section-sub-menu .sub-menu.reseller li:first-of-type i::before {
          position: absolute;
          padding-top: 2px; }

.next-steps-container {
  width: 100%;
  text-align: center; }
  .next-steps-container h2 {
    margin-top: 60px;
    margin-bottom: 60px; }
  .next-steps-container .steps {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly; }
    .next-steps-container .steps .step {
      width: 270px;
      text-align: left;
      margin-bottom: 30px; }
      .next-steps-container .steps .step .header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        color: white;
        margin-bottom: 10px; }
        .next-steps-container .steps .step .header i.scheme__ball {
          font-style: normal;
          width: 40px;
          height: 40px;
          z-index: 10;
          padding: 4px 14px;
          font-size: 20px; }
          .next-steps-container .steps .step .header i.scheme__ball:before {
            background: linear-gradient(270deg, #9FDCE0 0%, #66B6BE 64.9%);
            background-color: inherit; }
        .next-steps-container .steps .step .header p {
          margin-left: 10px;
          color: black;
          margin-bottom: 0; }
      .next-steps-container .steps .step .more-info {
        color: gray; }
        .next-steps-container .steps .step .more-info a {
          color: gray; }
        .next-steps-container .steps .step .more-info a:hover {
          color: #ababab; }
      .next-steps-container .steps .step .button-example {
        cursor: default;
        background-color: #67b7bf;
        border-radius: 4px;
        border-radius: 0.25rem;
        padding: 0 12px;
        padding: 0 0.75rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        position: relative;
        min-width: 155px;
        width: 155px;
        height: 2.75rem;
        min-height: 2.75rem; }
        .next-steps-container .steps .step .button-example > div {
          display: table;
          width: 100%;
          height: 100%; }
          .next-steps-container .steps .step .button-example > div > div {
            display: table-cell;
            text-align: center;
            vertical-align: middle;
            margin: 0;
            padding: 0;
            white-space: initial;
            font-size: 12px;
            line-height: inherit;
            text-align: center;
            font-family: "futurademi", Arial, sans-serif, Arial, sans-serif;
            text-transform: uppercase;
            color: #ffffff; }

.next-steps-contentid {
  padding: 24px;
  max-width: 1100px; }
  .next-steps-contentid__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 0;
    font-family: "futurademi", Arial, sans-serif; }
    .next-steps-contentid__header--clickable {
      cursor: pointer; }
    .next-steps-contentid__header__text {
      margin-right: 15px; }
    .next-steps-contentid__header__icon {
      display: none;
      font-size: 24px; }
      .next-steps-contentid__header__icon--clickable {
        display: block; }
      .next-steps-contentid__header__icon--expand {
        -webkit-transform: translate(15px) rotate(90deg);
                transform: translate(15px) rotate(90deg); }
  .next-steps-contentid__content__steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media only screen and (max-width: 992px) {
      .next-steps-contentid__content__steps {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .next-steps-contentid__content__steps--column {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    .next-steps-contentid__content__steps__step {
      margin-top: 24px;
      width: 350px;
      padding: 0 1%;
      text-align: center; }
      @media only screen and (max-width: 992px) {
        .next-steps-contentid__content__steps__step {
          width: 100%; } }
      .next-steps-contentid__content__steps__step--column {
        width: 100%; }
      .next-steps-contentid__content__steps__step__header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .next-steps-contentid__content__steps__step__header__title {
          text-transform: uppercase;
          margin: 0;
          font-family: "futurademi", Arial, sans-serif; }
        .next-steps-contentid__content__steps__step__header__icon {
          margin-top: 5px;
          width: 64px;
          height: 64px;
          background-color: #ff0202;
          border-radius: 50%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          font-size: 32px;
          color: white; }
          .next-steps-contentid__content__steps__step__header__icon__upload {
            width: 40px;
            height: 40px; }
      .next-steps-contentid__content__steps__step__content {
        margin-top: 24px; }
        .next-steps-contentid__content__steps__step__content__title {
          color: #ff0202;
          text-transform: uppercase;
          font-family: "futurademi", Arial, sans-serif; }
        .next-steps-contentid__content__steps__step__content__text {
          margin-bottom: 0px; }
          .next-steps-contentid__content__steps__step__content__text--important {
            color: #ff0202; }
  .next-steps-contentid__content__download {
    margin-top: 24px;
    text-align: right; }
    .next-steps-contentid__content__download__link {
      color: #646464;
      text-decoration: none;
      cursor: pointer; }
      .next-steps-contentid__content__download__link:hover {
        color: #646464;
        text-decoration: none;
        cursor: pointer; }
  .next-steps-contentid__content__notice {
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
    font-size: 12px; }

.thank-you-contentid-text {
  margin-top: 32px;
  margin-bottom: 0;
  text-align: center; }

.license-component {
  /* /!\ INIT VAR /!\*/
  --color-main: black;
  --box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  --border-radius: 20px;
  --padding: 20px;
  --title-size: 20px;
  --default-font-family: "futurademi", Arial, sans-serif;
  --bold-font-family: "futurabold", Arial, sans-serif;
  --default-font-size: 14px;
  /* /!\ END INIT VAR /!\*/
  text-align: center;
  color: var(--color-main);
  font-family: var(--default-font-family);
  font-size: var(--default-font-size); }
  .license-component__description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
        flex-flow: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 340px;
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius);
    padding: var(--padding); }
    .license-component__description__top {
      height: 25%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: column;
          flex-flow: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      .license-component__description__top h3 {
        font-family: var(--bold-font-family);
        font-size: var(--title-size);
        margin-bottom: 4px; }
      .license-component__description__top > div {
        margin: -5px 0 8px 0px; }
      .license-component__description__top hr {
        margin: 0;
        width: 100px; }
        .license-component__description__top hr.important {
          border: none;
          height: 4px;
          background: linear-gradient(206.99deg, #F4CC00 10.11%, #F76F00 65.06%); }
    .license-component__description__middle {
      height: 65%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: column;
          flex-flow: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      .license-component__description__middle > div:first-of-type {
        min-height: 21px;
        margin-top: 35px; }
      .license-component__description__middle .price {
        font-family: "futurabold", Arial, sans-serif;
        font-size: 30px; }
    .license-component__description__bottom {
      height: 10%; }
  .license-component__cta {
    padding: var(--padding); }
    .license-component__cta .button-checkbox {
      font-size: 14px;
      width: calc(100% + 40px);
      margin-left: -20px;
      margin-top: 20px; }
      .license-component__cta .button-checkbox label {
        text-align: center;
        font-family: "futurabold", Arial, sans-serif;
        font-size: 14px;
        text-transform: none;
        white-space: initial;
        line-height: 1.5; }
        .license-component__cta .button-checkbox label i {
          line-height: 0.8; }
        @media only screen and (max-width: 400px) {
          .license-component__cta .button-checkbox label {
            font-size: 16px; } }
  .license-component[no-price] .license-component__description__middle {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .license-component[no-price] .license-component__description__middle > div:first-of-type {
      margin-top: 0; }

.app-download {
  text-align: center; }

.cart {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  color: #999999;
  font-family: "futurademi", Arial, sans-serif;
  line-height: 1.2; }
  .cart td {
    border-bottom: 1px solid #e6e6e6; }
    .cart td.no-border {
      border: none; }
  .cart .quantity {
    min-width: 70px; }
  .cart .amount {
    white-space: nowrap;
    text-align: right;
    letter-spacing: 1px; }
  .cart .label-info {
    margin: 0; }
  .cart .quantity-picker {
    margin-left: 16px;
    margin-left: 1rem; }
  .cart__item .information {
    border-right: none; }
  .cart__item .remove {
    border-left: none;
    white-space: nowrap; }
    .cart__item .remove__button {
      white-space: nowrap; }
    .cart__item .remove.has-button {
      padding: 0 4px 0 0;
      padding: 0 0.25rem 0 0; }
  .cart__total.exclude-tax, .cart__total.tax {
    color: #999999;
    line-height: 1.2;
    letter-spacing: normal; }
  .cart__total.grand {
    color: #999999;
    letter-spacing: normal; }
  .cart .tags > li {
    display: none; }
    .cart .tags > li:nth-of-type(1), .cart .tags > li:nth-of-type(2), .cart .tags > li:nth-of-type(3) {
      display: inline; }
    .cart .tags > li:after {
      content: ', ';
      margin-left: -3px; }
    .cart .tags > li:nth-of-type(3):after {
      content: ''; }

.cart-after__promocode {
  text-align: right; }
  .cart-after__promocode-trigger {
    color: #67b7bf;
    text-decoration: underline; }
    .cart-after__promocode-trigger:hover {
      color: #48a2ab;
      cursor: pointer; }

.cart-after__checkout {
  text-align: center;
  margin-top: 24px;
  margin-top: 1.5rem; }

.companies-list ul li {
  margin: 8px; }

@media only screen and (max-width: 1200px) {
  .companies-list ul {
    width: 40%; } }

@media only screen and (max-width: 992px) {
  .companies-list ul {
    width: 60%; } }

@media only screen and (max-width: 600px) {
  .companies-list ul {
    width: 80%; } }

@media only screen and (max-width: 440px) {
  .companies-list ul {
    width: 100%; } }

.catalog-comparison {
  width: 100%;
  border-collapse: separate; }
  .catalog-comparison th,
  .catalog-comparison td {
    padding: 12px;
    padding: 0.75rem;
    text-align: center; }
  .catalog-comparison tr > * {
    border-right: 2px solid #8bc8ce;
    border-left: 2px solid #8bc8ce;
    border-bottom: 1px solid #cccccc; }
    .catalog-comparison tr > *:nth-child(1) {
      border-top: none;
      border-right: none;
      border-left: none;
      padding-left: 0; }
    .catalog-comparison tr > *:nth-child(2) {
      border-left: 4px solid #e6e6e6;
      border-right: none; }
    .catalog-comparison tr > *:nth-child(3) {
      border-left-width: 4px; }
    .catalog-comparison tr > *:nth-child(5) {
      border-right-width: 4px; }
  .catalog-comparison .license {
    width: 15%; }
  .catalog-comparison .global-parameter {
    vertical-align: bottom;
    text-align: left;
    color: #8bc8ce; }
  .catalog-comparison__category-row th {
    border: none !important;
    padding-top: 0; }
  .catalog-comparison__licenses-row .license {
    padding: 32px 16px;
    padding: 2rem 1rem; }
    .catalog-comparison__licenses-row .license.top {
      vertical-align: top; }
  .catalog-comparison__licenses-row th {
    border-top: 4px solid #8bc8ce; }
    .catalog-comparison__licenses-row th:nth-child(2) {
      border-top-color: #e6e6e6; }
  .catalog-comparison__licenses-row td {
    border-bottom: 4px solid #8bc8ce; }
    .catalog-comparison__licenses-row td:nth-child(1) {
      border-bottom: none; }
    .catalog-comparison__licenses-row td:nth-child(2) {
      border-bottom-color: #e6e6e6; }
  .catalog-comparison__licenses-row .offer-heading span {
    height: 38.4px;
    height: 2.4rem;
    display: inline-block; }
  .catalog-comparison__licenses-row .offer-subheading {
    margin-bottom: 0; }
  .catalog-comparison__licenses-row .price-tag {
    width: 72px;
    width: 4.5rem;
    height: 72px;
    height: 4.5rem;
    border-radius: 100%;
    background-color: #333333;
    color: #FFFFFF;
    line-height: 5;
    white-space: nowrap;
    display: inline-block; }
    .catalog-comparison__licenses-row .price-tag.regular-price {
      text-decoration: line-through; }
  .catalog-comparison__licenses-row .price-appendix {
    margin-top: 8px;
    margin-top: 0.5rem;
    color: #8bc8ce; }
  .catalog-comparison__coverage-row td {
    text-align: center; }
    .catalog-comparison__coverage-row td:first-child {
      text-align: left; }
  .catalog-comparison__coverage-row.custom td:first-child .quantity-picker {
    display: block;
    margin-bottom: 5px; }
  .catalog-comparison__coverage-row p {
    line-height: 1.334;
    margin-bottom: 0; }
    .catalog-comparison__coverage-row p + p {
      margin-top: 4px;
      margin-top: 0.25rem; }
  .catalog-comparison__coverage-row .heading {
    display: block;
    margin-bottom: 0;
    text-align: left; }
    .catalog-comparison__coverage-row .heading + p {
      margin-top: 8px;
      margin-top: 0.5rem; }
  .catalog-comparison__coverage-row .scale-price {
    display: block;
    margin-top: 8px;
    margin-top: 0.5rem;
    color: #b3b3b3; }
  .catalog-comparison__coverage-row .icon {
    width: 12px;
    width: 0.75rem;
    height: 12px;
    height: 0.75rem; }
    .catalog-comparison__coverage-row .icon-check {
      color: #67b7bf; }
    .catalog-comparison__coverage-row .icon-close {
      color: #ed795a; }
  .catalog-comparison__coverage-row.secondary-head td {
    padding-bottom: 0;
    border-bottom: none;
    margin-top: 0; }
  .catalog-comparison__coverage-row.secondary td {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none; }
    .catalog-comparison__coverage-row.secondary td p {
      margin-top: 8px;
      margin-top: 0.5rem; }
  .catalog-comparison__coverage-row.secondary-last td {
    padding-top: 0; }
    .catalog-comparison__coverage-row.secondary-last td p {
      margin-top: 4px;
      margin-top: 0.25rem; }
  .catalog-comparison_packs .license {
    width: 20%; }
  .catalog-comparison_packs .price-appendix {
    margin-top: 0; }
  .catalog-comparison_packs .catalog-comparison__coverage-row td {
    text-align: left;
    padding: 32px 16px 28px;
    padding: 2rem 1rem 1.75rem; }
  .catalog-comparison_packs .catalog-comparison__coverage-row:last-child td {
    border-bottom: 4px solid #8bc8ce; }
    .catalog-comparison_packs .catalog-comparison__coverage-row:last-child td:nth-child(1) {
      border-bottom: 1px solid #cccccc; }
    .catalog-comparison_packs .catalog-comparison__coverage-row:last-child td:nth-child(2) {
      border-bottom-color: #e6e6e6; }
  .catalog-comparison .quantity-picker {
    margin-right: 16px;
    margin-right: 1rem; }

.button-custom-pack {
  margin-top: 24px;
  margin-top: 1.5rem; }

.button-custom-pack-help {
  margin-top: 48px;
  margin-top: 3rem; }

.catalog-comparison-v2 {
  width: 100%;
  border-collapse: separate;
  padding-bottom: 1.5rem; }
  .catalog-comparison-v2 th,
  .catalog-comparison-v2 td {
    padding: 20px;
    padding: 1.25rem;
    text-align: center;
    font-weight: initial; }
  .catalog-comparison-v2 tr > * {
    border-right: 2px solid #67b7bf;
    border-left: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6; }
    .catalog-comparison-v2 tr > *:nth-child(1) {
      border-top: none;
      border-right: none;
      border-left: none;
      padding: 0; }
    .catalog-comparison-v2 tr > *:nth-child(2) {
      border-left: 4px solid #67b7bf;
      border-right: none; }
    .catalog-comparison-v2 tr > *:nth-child(3) {
      border-right: none; }
    .catalog-comparison-v2 tr > *:nth-child(4) {
      border-right: none; }
    .catalog-comparison-v2 tr > *:nth-child(5) {
      border-right-width: 4px; }
  .catalog-comparison-v2 .offer-category {
    background-color: #67b7bf;
    color: #FFF;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    padding: 0;
    font-size: 24px;
    text-transform: capitalize;
    letter-spacing: initial;
    line-height: 2.25; }
    .catalog-comparison-v2 .offer-category:first-of-type {
      background-color: #FFF; }
    .catalog-comparison-v2 .offer-category div {
      background-color: #8bc8ce;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      min-height: 40px;
      margin: 0 24px 0 0;
      border-top-left-radius: 12px;
      border-top-right-radius: 12px; }
  .catalog-comparison-v2 .license {
    width: 20%; }
    .catalog-comparison-v2 .license:last-of-type {
      width: 15%; }
    .catalog-comparison-v2 .license .button-cart {
      width: 100%;
      padding: 0 2.5rem; }
      .catalog-comparison-v2 .license .button-cart .button-cart-text-container p {
        font-size: 12px;
        line-height: 1.3; }
      .catalog-comparison-v2 .license .button-cart i {
        -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg);
        font-size: 15px;
        height: 15px;
        width: 15px;
        margin-top: -1px;
        margin-left: 8px; }
    .catalog-comparison-v2 .license .content-displaying {
      display: none; }
      .catalog-comparison-v2 .license .content-displaying li {
        text-align: left;
        font-size: 13px; }
    .catalog-comparison-v2 .license.active {
      height: 160px; }
      .catalog-comparison-v2 .license.active .button-cart i {
        -webkit-transform: none;
                transform: none; }
      .catalog-comparison-v2 .license.active .button-cart.transparent {
        border-color: #67b7bf; }
      .catalog-comparison-v2 .license.active .content-displaying {
        display: block;
        width: 200%;
        margin-top: 1rem; }
  .catalog-comparison-v2 .global-parameter {
    vertical-align: top;
    text-align: left;
    color: #8bc8ce; }
    .catalog-comparison-v2 .global-parameter:first-of-type {
      border-bottom: none; }
      .catalog-comparison-v2 .global-parameter:first-of-type .offer__product.licence .body {
        padding: 1.5rem 2rem; }
    .catalog-comparison-v2 .global-parameter .offer__product.licence {
      width: 100%;
      list-style-type: none;
      margin-left: -12px; }
      .catalog-comparison-v2 .global-parameter .offer__product.licence::before {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-top: 0; }
      .catalog-comparison-v2 .global-parameter .offer__product.licence:hover::before {
        background-color: #FFF; }
      .catalog-comparison-v2 .global-parameter .offer__product.licence .body {
        padding: 1rem 2rem; }
        .catalog-comparison-v2 .global-parameter .offer__product.licence .body h2 {
          color: #646464;
          text-transform: uppercase; }
        .catalog-comparison-v2 .global-parameter .offer__product.licence .body h3 {
          -webkit-transform: none;
                  transform: none;
          margin: 0 auto 20px; }
        .catalog-comparison-v2 .global-parameter .offer__product.licence .body .advantages {
          margin-top: 4rem;
          line-height: 1.15; }
        .catalog-comparison-v2 .global-parameter .offer__product.licence .body .offer-subheading {
          min-height: initial;
          font-size: 13px;
          text-align: left;
          margin: 7px 0 0 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: baseline;
              -ms-flex-align: baseline;
                  align-items: baseline;
          line-height: 1.4;
          letter-spacing: 1px; }
          .catalog-comparison-v2 .global-parameter .offer__product.licence .body .offer-subheading .icon-check {
            color: #67b7bf;
            margin: 0 6px 0 0;
            font-size: 14px;
            height: 14px;
            width: 14px; }
          .catalog-comparison-v2 .global-parameter .offer__product.licence .body .offer-subheading .icon-wrong {
            color: red;
            margin: 0 6px 0 0; }
    .catalog-comparison-v2 .global-parameter.license .offer__product.licence {
      margin-left: 0; }
      .catalog-comparison-v2 .global-parameter.license .offer__product.licence:before {
        content: none; }
      .catalog-comparison-v2 .global-parameter.license .offer__product.licence .body {
        padding: 0.5rem 0; }
        @media only screen and (max-width: 1200px) {
          .catalog-comparison-v2 .global-parameter.license .offer__product.licence .body .button-cart {
            padding: 0 0.75rem; } }
  .catalog-comparison-v2__category-row th {
    border: none !important;
    padding-top: 0; }
  .catalog-comparison-v2__licenses-row .license {
    padding: 16px;
    padding: 1rem; }
    .catalog-comparison-v2__licenses-row .license.top {
      vertical-align: top; }
  .catalog-comparison-v2__licenses-row th:nth-child(2) {
    border-top-color: #e6e6e6; }
  .catalog-comparison-v2__licenses-row td {
    border: none; }
    .catalog-comparison-v2__licenses-row td:nth-child(1) {
      border-bottom: none; }
    .catalog-comparison-v2__licenses-row td:nth-child(2) {
      border: none; }
  .catalog-comparison-v2__licenses-row .offer-heading span {
    height: 38.4px;
    height: 2.4rem;
    display: inline-block; }
  .catalog-comparison-v2__licenses-row .offer-subheading {
    margin-bottom: 0; }
  .catalog-comparison-v2__licenses-row .price-tag {
    width: 72px;
    width: 4.5rem;
    height: 72px;
    height: 4.5rem;
    border-radius: 100%;
    background-color: #333333;
    color: #FFFFFF;
    line-height: 5;
    white-space: nowrap;
    display: inline-block; }
    .catalog-comparison-v2__licenses-row .price-tag.regular-price {
      text-decoration: line-through; }
  .catalog-comparison-v2__licenses-row .price-appendix {
    margin-top: 8px;
    margin-top: 0.5rem;
    font-weight: "futurabook", Arial, sans-serif;
    color: #8bc8ce; }
  .catalog-comparison-v2__coverage-row:last-child {
    border-bottom: 4px solid #67b7bf !important; }
    .catalog-comparison-v2__coverage-row:last-child td:not(:first-of-type) {
      border-bottom: 4px solid #67b7bf; }
    .catalog-comparison-v2__coverage-row:last-child td:first-of-type {
      border-bottom: none; }
    .catalog-comparison-v2__coverage-row:last-child td:nth-child(2) {
      border-bottom-left-radius: 12px; }
  .catalog-comparison-v2__coverage-row td {
    text-align: center;
    line-height: 1.3; }
    .catalog-comparison-v2__coverage-row td:first-child {
      text-align: center; }
    .catalog-comparison-v2__coverage-row td[rowspan="9"] {
      border-bottom: 4px solid #67b7bf;
      border-bottom-right-radius: 12px; }
    .catalog-comparison-v2__coverage-row td > span {
      font-size: 13px;
      display: block; }
    .catalog-comparison-v2__coverage-row td:not(:first-of-type) span {
      margin-top: 6px; }
    .catalog-comparison-v2__coverage-row td .icon-wrong {
      color: red;
      width: auto;
      height: 28px;
      vertical-align: text-bottom; }
  .catalog-comparison-v2__coverage-row.custom td:first-child .quantity-picker {
    display: block;
    margin-bottom: 5px; }
  .catalog-comparison-v2__coverage-row p {
    line-height: 1.334;
    margin-bottom: 0; }
    .catalog-comparison-v2__coverage-row p + p {
      margin-top: 4px;
      margin-top: 0.25rem; }
  .catalog-comparison-v2__coverage-row .heading {
    font-weight: "futurabold", Arial, sans-serif;
    display: block;
    margin-bottom: 0;
    text-align: center; }
    .catalog-comparison-v2__coverage-row .heading + p {
      text-align: center; }
  .catalog-comparison-v2__coverage-row .scale-price {
    display: block;
    margin-top: 8px;
    margin-top: 0.5rem;
    color: #b3b3b3; }
  .catalog-comparison-v2__coverage-row .icon {
    width: 12px;
    width: 0.75rem;
    height: 12px;
    height: 0.75rem; }
    .catalog-comparison-v2__coverage-row .icon-check {
      color: #67b7bf; }
    .catalog-comparison-v2__coverage-row .icon-close {
      color: #ed795a; }
  .catalog-comparison-v2__coverage-row.secondary-head td {
    padding-bottom: 0;
    border-bottom: none;
    margin-top: 0; }
  .catalog-comparison-v2__coverage-row.secondary td {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none; }
    .catalog-comparison-v2__coverage-row.secondary td p {
      margin-top: 8px;
      margin-top: 0.5rem; }
  .catalog-comparison-v2__coverage-row.secondary-last td {
    padding-top: 0; }
    .catalog-comparison-v2__coverage-row.secondary-last td p {
      margin-top: 4px;
      margin-top: 0.25rem; }
  .catalog-comparison-v2_packs .license {
    width: 20%; }
  .catalog-comparison-v2_packs .price-appendix {
    margin-top: 0; }
  .catalog-comparison-v2_packs .catalog-comparison__coverage-row td {
    text-align: left;
    padding: 32px 16px 28px;
    padding: 2rem 1rem 1.75rem; }
  .catalog-comparison-v2_packs .catalog-comparison__coverage-row:last-child td {
    border-bottom: 4px solid #8bc8ce; }
    .catalog-comparison-v2_packs .catalog-comparison__coverage-row:last-child td:nth-child(1) {
      border-bottom: 1px solid #cccccc; }
    .catalog-comparison-v2_packs .catalog-comparison__coverage-row:last-child td:nth-child(2) {
      border-bottom-color: #e6e6e6; }
  .catalog-comparison-v2 .quantity-picker {
    margin-right: 16px;
    margin-right: 1rem; }

.button-custom-pack {
  margin-top: 24px;
  margin-top: 1.5rem; }

.button-custom-pack-help {
  margin-top: 48px;
  margin-top: 3rem; }

.emphasized-ribbon {
  padding: 48px 0;
  padding: 3rem 0;
  background-color: #67b7bf;
  color: #FFFFFF;
  text-align: center; }
  .emphasized-ribbon__heading {
    border-bottom-width: 1px;
    border-bottom-width: 0.0625rem;
    border-bottom-color: #FFFFFF;
    border-bottom-style: solid;
    padding-bottom: 16px;
    padding-bottom: 1rem;
    margin-bottom: 16px;
    margin-bottom: 1rem; }
    .emphasized-ribbon__heading div {
      line-height: 1.2; }
  .emphasized-ribbon__contact-item .by {
    margin-right: 12px;
    margin-right: 0.75rem;
    display: inline-block;
    vertical-align: middle;
    text-align: center; }
  .emphasized-ribbon__contact-item .data {
    line-height: 1;
    display: inline-block;
    white-space: nowrap; }
    .emphasized-ribbon__contact-item .data a:link, .emphasized-ribbon__contact-item .data a:visited {
      color: #FFFFFF;
      text-decoration: none; }
    .emphasized-ribbon__contact-item .data a:hover, .emphasized-ribbon__contact-item .data a:active {
      color: #FFFFFF;
      text-decoration: underline; }
  .emphasized-ribbon .perks {
    display: block; }
    .emphasized-ribbon .perks + .button {
      margin-top: 24px;
      margin-top: 1.5rem; }
  .emphasized-ribbon .perk {
    text-align: left; }
    .emphasized-ribbon .perk:before {
      font-family: "jamendo-all-icons";
      content: "";
      margin-right: 12px;
      margin-right: 0.75rem;
      display: inline-block;
      -webkit-transform: translateY(2px);
              transform: translateY(2px); }
  .emphasized-ribbon.inverted {
    color: #67b7bf;
    background-color: #FFFFFF; }
    .emphasized-ribbon.inverted .emphasized-ribbon__heading {
      border-bottom-color: #67b7bf; }
  @media only screen and (min-width: 1200px) {
    .emphasized-ribbon__heading {
      padding-bottom: 0;
      margin-bottom: 0;
      border: none; }
    .emphasized-ribbon__contact-item {
      padding: 0 24px;
      padding: 0 1.5rem;
      display: inline-block; }
      .emphasized-ribbon__contact-item .by {
        border-width: 4px;
        border-width: 0.25rem;
        border-style: solid;
        width: 64px;
        width: 4rem;
        height: 64px;
        height: 4rem;
        padding-top: 12px;
        padding-top: 0.75rem;
        border-radius: 100%;
        border-color: #FFFFFF;
        background-color: #8bc8ce;
        vertical-align: top; }
        .emphasized-ribbon__contact-item .by .icon {
          width: 32px;
          width: 2rem;
          height: 32px;
          height: 2rem;
          font-size: 32px;
          font-size: 2rem; }
      .emphasized-ribbon__contact-item .data {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 2.667; }
    .emphasized-ribbon .row {
      text-align: left; }
      .emphasized-ribbon .row > *:first-child {
        padding-right: 24px; }
      .emphasized-ribbon .row > *:last-child {
        padding-left: 24px; } }

.footer.player-on {
  margin-bottom: 66px !important;
  transition: none !important; }

.footer > div:first-child {
  background-color: #464646;
  padding: 48px 0 64px;
  padding: 3rem 0 4rem; }

.footer > div:last-child {
  background-color: #333333;
  padding: 28.96px 0;
  padding: 1.81rem 0; }

.footer .link-group {
  color: #FFFFFF;
  line-height: 1.334;
  margin-bottom: 16px;
  margin-bottom: 1rem; }
  .footer .link-group-heading {
    color: #FFFFFF;
    font-family: "futurademi", Arial, sans-serif;
    letter-spacing: 1px;
    display: inline-block;
    padding-bottom: 8px;
    padding-bottom: 0.5rem;
    margin-bottom: 8px;
    margin-bottom: 0.5rem;
    margin-top: 16px;
    margin-top: 1rem;
    border-bottom-width: 1px;
    border-bottom-width: 0.0625rem;
    border-bottom-style: solid;
    border-bottom-color: #67b7bf;
    text-transform: uppercase; }
  .footer .link-group a {
    text-decoration: none;
    display: inline-block;
    padding: 4px 0;
    padding: 0.25rem 0;
    letter-spacing: 1px; }
    .footer .link-group a:link, .footer .link-group a:visited {
      color: #FFFFFF; }
    .footer .link-group a:hover, .footer .link-group a:active {
      color: #afd9dd; }
  .footer .link-group li {
    display: inline; }
    .footer .link-group li:not(:last-child):after {
      content: " / "; }

.footer .social,
.footer .language {
  text-align: center; }

.footer .copyright p {
  display: block;
  text-align: center;
  margin: 0;
  line-height: 3.273;
  color: #b3b3b3;
  letter-spacing: 1px; }

@media only screen and (min-width: 768px) {
  .footer > div:last-child {
    background-color: #333333;
    padding: 12.96px 0;
    padding: 0.81rem 0; }
  .footer .social {
    text-align: right; }
  .footer .language {
    text-align: left; } }

@media only screen and (min-width: 992px) {
  .footer.player-on {
    margin-bottom: 80px !important;
    transition: none !important; }
  .footer > div:last-child {
    background-color: #333333;
    padding: 13px 0;
    padding: 0.8125rem 0; }
  .footer .link-group {
    margin: 0 12px;
    margin: 0 0.75rem; }
    .footer .link-group li,
    .footer .link-group a {
      display: block; }
    .footer .link-group li:after {
      display: none; }
  .footer .link-group-heading {
    display: block;
    margin-left: 12px;
    margin-left: 0.75rem;
    margin-right: 12px;
    margin-right: 0.75rem; } }

@media only screen and (min-width: 1200px) {
  .footer .border-footer {
    display: none; } }

.footer.is-lite {
  z-index: 3; }
  .footer.is-lite > div:first-child {
    display: none; }
  .footer.is-lite > div:last-child {
    background-color: transparent;
    padding: 32px 0;
    padding: 2rem 0; }
    .footer.is-lite > div:last-child > .container {
      margin: 0;
      width: 100%; }
  .footer.is-lite .player {
    margin-bottom: 62px !important;
    transition: none !important; }
  .footer.is-lite .social .button-icon:hover,
  .footer.is-lite .language .button-icon:hover,
  .footer.is-lite .copyright p {
    color: #FFFFFF; }
  @media only screen and (max-width: 479px) {
    .footer.is-lite .social, .footer.is-lite .copyright {
      display: none; }
    .footer.is-lite .language {
      margin-bottom: 15px; } }
  @media only screen and (max-width: 767px) {
    .footer.is-lite .language .button-icon {
      margin-bottom: 0px; }
    .footer.is-lite > div:last-child {
      padding: 16px 0;
      padding: 1rem 0; } }
  @media only screen and (min-width: 1200px) {
    .footer.is-lite .border-footer {
      width: 0px;
      float: none; }
    .footer.is-lite .social {
      text-align: left; }
    .footer.is-lite .language {
      text-align: right; } }

.section + .footer {
  margin-top: 96px;
  margin-top: 6rem; }

.grecaptcha-badge {
  visibility: hidden; }

.fullscreen-content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: table;
  z-index: 1; }
  .fullscreen-content > div {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 100%;
    padding-top: 48px;
    padding-top: 3rem; }
  @media only screen and (min-width: 768px) {
    .fullscreen-content > div {
      padding-top: 64px;
      padding-top: 4rem; } }

.fullscreen-hero {
  z-index: -2; }
  .fullscreen-hero.img-src-main-landing {
    background-image: url("https://images.jamendo.com/jamendolicensing/landing/fs-bg-img-portrait.webp"); }
    @media only screen and (orientation: landscape) {
      .fullscreen-hero.img-src-main-landing {
        background-image: url("https://images.jamendo.com/jamendolicensing/landing/fs-bg-img-landscape.webp"); } }
    @media only screen and (orientation: landscape) and (min-height: 801px) {
      .fullscreen-hero.img-src-main-landing {
        background-image: url("https://images.jamendo.com/jamendolicensing/landing/fs-bg-img-landscape-large.webp"); } }

.hero {
  position: relative; }
  .hero-background {
    z-index: 0;
    overflow: hidden; }
    .hero-background img {
      width: 100%;
      height: 100%; }
    .hero-background > picture.vector {
      display: block;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100%;
      background-color: transparent;
      height: 100%;
      width: 100%;
      padding: 0px;
      border: none; }
      .hero-background > picture.vector[paper-plane] {
        background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/paper-plane.svg");
        background-size: 18%;
        background-position: left center; }
        @media only screen and (max-width: 1400px) {
          .hero-background > picture.vector[paper-plane] {
            margin-left: -35px; } }
        @media only screen and (max-width: 992px) {
          .hero-background > picture.vector[paper-plane] {
            margin-left: -20px;
            background-size: 20%;
            opacity: .7; } }
        @media only screen and (max-width: 768px) {
          .hero-background > picture.vector[paper-plane] {
            margin-top: -45px;
            margin-left: -30px;
            background-size: 30%; } }
        @media only screen and (max-width: 480px) {
          .hero-background > picture.vector[paper-plane] {
            display: none; } }
      .hero-background > picture.vector[spreaker] {
        background-image: url("https://images.jamendo.com/jamendolicensing/heroes/spreaker/hero-spreaker-d-xl.svg");
        background-size: 100%;
        background-position: center center; }
        @media only screen and (max-width: 768px) {
          .hero-background > picture.vector[spreaker] {
            background-image: url("https://images.jamendo.com/jamendolicensing/heroes/spreaker/hero-spreaker-m.svg"); } }
      .hero-background > picture.vector[phone-video] {
        background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/phone-video.svg");
        background-size: 25%;
        background-position: left center; }
      .hero-background > picture.vector[copyright-free] {
        background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/copyright-free.svg");
        background-size: 12%;
        background-position: 96% bottom;
        height: 126%;
        display: none; }
        @media only screen and (max-width: 768px) {
          .hero-background > picture.vector[copyright-free] {
            background-position: center 8%;
            background-size: 24%; } }
        @media only screen and (max-width: 540px) {
          .hero-background > picture.vector[copyright-free] {
            background-position: center 6%;
            background-size: 22%; } }
        @media only screen and (max-width: 480px) {
          .hero-background > picture.vector[copyright-free] {
            background-position: center 4%;
            background-size: 21%; } }
      .hero-background > picture.vector[music-box] {
        background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/music-box.svg");
        background-size: 11%;
        background-position: 94% center;
        margin-top: -10px; }
        @media only screen and (max-width: 1700px) {
          .hero-background > picture.vector[music-box] {
            background-size: 12%;
            background-position: 95% center; } }
        @media only screen and (max-width: 1500px) {
          .hero-background > picture.vector[music-box] {
            background-size: 13%;
            background-position: 95% center; } }
        @media only screen and (max-width: 1200px) {
          .hero-background > picture.vector[music-box] {
            background-size: 11%;
            background-position: 92% 21%;
            opacity: .7; } }
        @media only screen and (max-width: 1000px) {
          .hero-background > picture.vector[music-box] {
            background-position: 92% 25%; } }
        @media only screen and (max-width: 768px) {
          .hero-background > picture.vector[music-box] {
            background-size: 18%;
            opacity: 1;
            background-position: 7% 93%; } }
        @media only screen and (max-width: 480px) {
          .hero-background > picture.vector[music-box] {
            display: none; } }
        .hero-background > picture.vector[music-box] ~ div {
          width: 20%;
          height: 100%;
          z-index: -1; }
          .hero-background > picture.vector[music-box] ~ div::after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            left: -95px;
            top: 0px;
            border-right: 95px solid #4bd2e2;
            border-top: 120px solid transparent;
            border-bottom: 120px solid transparent; }
          @media only screen and (max-width: 1200px) {
            .hero-background > picture.vector[music-box] ~ div {
              display: none; } }
  .hero[sm-rectangle] {
    padding-bottom: 16% !important; }
    @media only screen and (max-width: 1200px) {
      .hero[sm-rectangle] {
        padding-bottom: 20% !important; } }
    @media only screen and (max-width: 992px) {
      .hero[sm-rectangle] {
        padding-bottom: 28% !important; } }
    @media only screen and (max-width: 768px) {
      .hero[sm-rectangle] {
        padding-bottom: 42% !important; } }
    @media only screen and (max-width: 600px) {
      .hero[sm-rectangle] {
        padding-bottom: 70% !important; } }
    @media only screen and (max-width: 480px) {
      .hero[sm-rectangle] {
        padding-bottom: 100% !important; } }
  .hero[h-240] {
    padding-bottom: 0 !important; }
    @media only screen and (max-width: 560px) {
      .hero[h-240] {
        height: 260px !important; } }
  .hero-content {
    padding: 0 16px;
    padding: 0 1rem; }
    .hero-content a.container:hover {
      text-decoration: none; }
      .hero-content a.container:hover h1, .hero-content a.container:hover p {
        color: #b7f7ff; }
    .hero-content.heavy p {
      display: none;
      max-width: 800px;
      max-width: 50rem; }
    .hero-content .hero-button {
      margin: 32px 0 0;
      margin: 2rem 0 0; }
    .hero-content picture {
      border: 1px solid red; }
  .hero .heading {
    margin-bottom: 14px; }
  .hero .cta {
    margin-top: 32px;
    margin-top: 2rem; }
  .hero .cta {
    text-align: center; }
  .hero .cta-overlay {
    display: table;
    position: absolute;
    width: 100%;
    bottom: 0; }
    .hero .cta-overlay .btn-img-background {
      margin: 0px auto -50px; }
  .hero .link-corner {
    padding: 0 16px 12px;
    padding: 0 1rem 0.75rem;
    text-align: right; }
    .hero .link-corner a:link, .hero .link-corner a:visited {
      color: #FFFFFF;
      text-decoration: none; }
    .hero .link-corner a:hover, .hero .link-corner a:active {
      text-decoration: underline; }
  .hero p {
    max-width: 600px;
    max-width: 37.5rem;
    color: #FFFFFF;
    margin: 0;
    line-height: 1.4; }
    @media only screen and (max-width: 480px) {
      .hero p {
        max-width: 100%;
        margin: 0rem 1.5rem; } }
  .hero a.hero-content {
    text-decoration: none; }
    .hero a.hero-content:hover h1, .hero a.hero-content:hover h2, .hero a.hero-content:hover p {
      color: #b7f7ff; }
    .hero a.hero-content.track-pack .container, .hero a.hero-content.subscription .container {
      width: 50%;
      margin: 0 0 0 160px;
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important; }
      .hero a.hero-content.track-pack .container h1, .hero a.hero-content.subscription .container h1 {
        margin: 0 !important;
        max-width: none !important; }
      .hero a.hero-content.track-pack .container h2, .hero a.hero-content.subscription .container h2 {
        margin: 0 0 25px 0 !important;
        max-width: none !important; }
      .hero a.hero-content.track-pack .container .heading.overlay, .hero a.hero-content.subscription .container .heading.overlay {
        text-shadow: none; }
      .hero a.hero-content.track-pack .container > div, .hero a.hero-content.subscription .container > div {
        width: 100%; }
        .hero a.hero-content.track-pack .container > div p, .hero a.hero-content.subscription .container > div p {
          text-shadow: none;
          padding-right: 15px; }
      @media only screen and (max-width: 1600px) {
        .hero a.hero-content.track-pack .container, .hero a.hero-content.subscription .container {
          margin: 0 0 0 100px;
          width: 60%; } }
      @media only screen and (max-width: 1400px) {
        .hero a.hero-content.track-pack .container, .hero a.hero-content.subscription .container {
          width: 65%; } }
      @media only screen and (max-width: 1200px) {
        .hero a.hero-content.track-pack .container, .hero a.hero-content.subscription .container {
          width: 95%;
          margin: 0 auto; } }
      @media only screen and (max-width: 768px) {
        .hero a.hero-content.track-pack .container, .hero a.hero-content.subscription .container {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          .hero a.hero-content.track-pack .container > div, .hero a.hero-content.subscription .container > div {
            -ms-flex-flow: column;
                flex-flow: column; }
            .hero a.hero-content.track-pack .container > div p[text-left], .hero a.hero-content.subscription .container > div p[text-left] {
              padding-right: 0px;
              display: none; } }
      @media only screen and (max-width: 480px) {
        .hero a.hero-content.track-pack .container h2, .hero a.hero-content.subscription .container h2 {
          font-size: 1.375rem !important; }
        .hero a.hero-content.track-pack .container button, .hero a.hero-content.subscription .container button {
          margin-bottom: 20px; } }
    .hero a.hero-content.track-pack:hover .container > div p, .hero a.hero-content.subscription:hover .container > div p {
      color: #FFFFFF; }
    .hero a.hero-content.track-pack:hover .container > div .button-cart::before, .hero a.hero-content.subscription:hover .container > div .button-cart::before {
      content: none; }
    .hero a.hero-content.track-pack:hover .container > div .button-cart .button-cart-text-container p, .hero a.hero-content.subscription:hover .container > div .button-cart .button-cart-text-container p {
      color: #e78e03; }
    .hero a.hero-content.track-pack:hover .container > div .button-cart:hover, .hero a.hero-content.subscription:hover .container > div .button-cart:hover {
      transition-delay: 0s; }
      .hero a.hero-content.track-pack:hover .container > div .button-cart:hover .button-cart-text-container p, .hero a.hero-content.subscription:hover .container > div .button-cart:hover .button-cart-text-container p {
        color: #fdef16; }
    .hero a.hero-content.track-pack ~ .link-corner a, .hero a.hero-content.subscription ~ .link-corner a {
      color: #FFFFFF;
      text-decoration: none;
      cursor: pointer; }
      .hero a.hero-content.track-pack ~ .link-corner a:hover, .hero a.hero-content.subscription ~ .link-corner a:hover {
        text-decoration: underline; }
  .hero.seo .search-module {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    font-size: 16px;
    color: black;
    border: 1px solid black;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }
    @media only screen and (max-width: 768px) {
      .hero.seo .search-module {
        margin-top: 80px; } }
    .hero.seo .search-module__left {
      padding-right: 10px; }
    .hero.seo .search-module__right {
      padding-left: 10px; }
    .hero.seo .search-module .icon-search {
      color: black; }
    .hero.seo .search-module input[type="text"] {
      color: black !important; }
    .hero.seo .search-module ::-webkit-input-placeholder {
      /* Edge */
      color: black; }
    .hero.seo .search-module :-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      color: black; }
    .hero.seo .search-module ::-moz-placeholder {
      color: black; }
    .hero.seo .search-module ::placeholder {
      color: black; }
    .hero.seo .search-module .chosen-choices {
      padding-top: 8px;
      padding-bottom: 8px; }
  .hero.catalog .hero-background {
    z-index: 0; }
  .hero.catalog .hero-content {
    width: 100%; }
    @media only screen and (max-width: 700px) {
      .hero.catalog .hero-content {
        width: 100%; } }
    .hero.catalog .hero-content > div {
      display: block; }
    .hero.catalog .hero-content .container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      @media only screen and (max-width: 700px) {
        .hero.catalog .hero-content .container {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; } }
      .hero.catalog .hero-content .container h1 {
        font-size: 50px;
        line-height: 55px;
        margin-bottom: 0;
        color: #000000; }
        @media only screen and (max-width: 700px) {
          .hero.catalog .hero-content .container h1 {
            font-size: 30px;
            line-height: 33px;
            text-align: center;
            margin-bottom: 30px; } }
      .hero.catalog .hero-content .container h2 {
        font-size: 20px;
        line-height: 62px;
        color: #000000; }
        @media only screen and (max-width: 700px) {
          .hero.catalog .hero-content .container h2 {
            font-size: 16px;
            line-height: 30px;
            text-align: center; } }
      .hero.catalog .hero-content .container .search-module {
        max-width: 450px;
        margin-top: 0;
        background-color: white;
        font-size: 16px;
        color: black;
        border: 1px solid black;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }
        @media only screen and (max-width: 770px) {
          .hero.catalog .hero-content .container .search-module {
            margin-top: 80px; } }
        .hero.catalog .hero-content .container .search-module__left {
          padding-right: 10px; }
        .hero.catalog .hero-content .container .search-module__right {
          padding-left: 10px; }
        .hero.catalog .hero-content .container .search-module .icon-search {
          color: black; }
        .hero.catalog .hero-content .container .search-module input[type="text"] {
          color: black !important; }
        .hero.catalog .hero-content .container .search-module ::-webkit-input-placeholder {
          /* Edge */
          color: black; }
        .hero.catalog .hero-content .container .search-module :-ms-input-placeholder {
          /* Internet Explorer 10-11 */
          color: black; }
        .hero.catalog .hero-content .container .search-module ::-moz-placeholder {
          color: black; }
        .hero.catalog .hero-content .container .search-module ::placeholder {
          color: black; }
        .hero.catalog .hero-content .container .search-module .chosen-choices {
          padding-top: 8px;
          padding-bottom: 8px; }
  .hero.instore .hero-background {
    z-index: 0; }
  .hero.instore .hero-content {
    width: 100%;
    max-width: 500px; }
    @media only screen and (max-width: 768px) {
      .hero.instore .hero-content {
        width: 100%;
        max-width: 100%; } }
    .hero.instore .hero-content > div {
      display: block; }
    .hero.instore .hero-content .container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      @media only screen and (max-width: 768px) {
        .hero.instore .hero-content .container {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start; } }
      .hero.instore .hero-content .container .title {
        text-align: left; }
        .hero.instore .hero-content .container .title h1 {
          font-size: 50px;
          line-height: 55px;
          margin-bottom: 0;
          color: #000000; }
          @media only screen and (max-width: 768px) {
            .hero.instore .hero-content .container .title h1 {
              font-size: 30px;
              line-height: 33px;
              text-align: center;
              margin-bottom: 30px;
              margin-top: 20%; } }
        .hero.instore .hero-content .container .title h2 {
          font-size: 20px;
          line-height: 35px;
          color: #000000;
          margin-top: 40px;
          margin-bottom: 0; }
          @media only screen and (max-width: 768px) {
            .hero.instore .hero-content .container .title h2 {
              font-size: 16px;
              line-height: 30px;
              text-align: center;
              margin-top: 0px; } }
      .hero.instore .hero-content .container .trial-cta {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-top: 40px; }
        @media only screen and (max-width: 915px) {
          .hero.instore .hero-content .container .trial-cta {
            margin-top: 20px; } }
        @media only screen and (max-width: 768px) {
          .hero.instore .hero-content .container .trial-cta {
            margin-top: 0;
            position: absolute;
            bottom: 18%; } }
  .hero.catalog, .hero.instore {
    padding-bottom: 130% !important; }
  @media only screen and (min-width: 768px) {
    .hero {
      padding-bottom: 27% !important; }
      .hero.catalog, .hero.instore {
        padding-bottom: 39% !important; }
      .hero .heading {
        font-size: 32px;
        font-size: 2rem; }
      .hero-content.heavy p {
        display: none; } }
  @media only screen and (min-width: 992px) {
    .hero .heading {
      font-size: 40px;
      font-size: 2.5rem; }
    .hero-content.heavy p {
      display: inline-block; }
    .hero p {
      font-size: 16px;
      font-size: 1rem; }
    .hero .search-module {
      margin-top: 16px;
      margin-top: 1rem; } }
  @media only screen and (min-width: 1200px) {
    .hero .search-module {
      margin-top: 32px;
      margin-top: 2rem; } }
  @media only screen and (min-width: 1600px) {
    .hero .heading {
      font-size: 48px;
      font-size: 3rem; } }
  .hero.filmora .how-to {
    margin-top: 30px; }

.hero-catalog-ribbon {
  background-color: whitesmoke;
  min-height: 56px;
  border: 1px solid #D8D8D8;
  box-sizing: border-box;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  white-space: nowrap; }
  @media only screen and (max-width: 768px) {
    .hero-catalog-ribbon {
      box-shadow: none;
      border-bottom: 1px solid #DADADA; } }
  .hero-catalog-ribbon__container {
    min-height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
    @media only screen and (max-width: 768px) {
      .hero-catalog-ribbon__container {
        padding-left: 0;
        padding-right: 0; } }
    @media only screen and (max-width: 992px) {
      .hero-catalog-ribbon__container {
        /* Hide scrollbar for Chrome, Safari and Opera */
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch; }
        .hero-catalog-ribbon__container::-webkit-scrollbar {
          display: none; } }
    .hero-catalog-ribbon__container__home {
      color: black !important;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .hero-catalog-ribbon__container__breadcrumb {
      vertical-align: middle;
      color: #C4C4C4; }
    .hero-catalog-ribbon__container__tree-item, .hero-catalog-ribbon__container__select {
      display: inline-block;
      margin: 0 8px;
      margin: 0 0.5rem; }
    .hero-catalog-ribbon__container__tree-item,
    .hero-catalog-ribbon__container__select select, .hero-catalog-ribbon__container__select:after {
      font-family: "futurademi", Arial, sans-serif;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: black;
      line-height: 1; }
    .hero-catalog-ribbon__container__select {
      position: relative;
      display: inline-block;
      z-index: 0; }
      .hero-catalog-ribbon__container__select--last {
        margin-right: 25px; }
        @media only screen and (max-width: 768px) {
          .hero-catalog-ribbon__container__select--last {
            padding-right: 5px; } }
      .hero-catalog-ribbon__container__select select {
        padding: 10px 28px 10px 12px;
        padding: 0.625rem 1.75rem 0.625rem 0.75rem;
        border-width: 1px;
        border-width: 0.0625rem;
        border-style: solid;
        border-color: #cccccc;
        text-transform: uppercase;
        background: transparent;
        color: black;
        outline: none; }
        .hero-catalog-ribbon__container__select select:hover {
          cursor: pointer; }
        .hero-catalog-ribbon__container__select select::-ms-expand {
          display: none; }
      .hero-catalog-ribbon__container__select:after {
        position: absolute;
        right: 12px;
        right: 0.75rem;
        top: 10px;
        top: 0.625rem;
        content: '\25BC';
        color: black;
        z-index: -1; }
      .hero-catalog-ribbon__container__select:focus {
        outline-width: 0; }
      .hero-catalog-ribbon__container__select:hover {
        cursor: pointer; }
    .hero-catalog-ribbon__container__flex-spacing {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
      @media only screen and (max-width: 1300px) {
        .hero-catalog-ribbon__container__flex-spacing {
          -webkit-box-flex: 0;
              -ms-flex-positive: 0;
                  flex-grow: 0; } }
    .hero-catalog-ribbon__container__filter-container {
      height: 56px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: #636363;
      padding-left: 24px;
      margin: 0 !important;
      border-left: 1px solid #D8D8D8; }
      @media only screen and (max-width: 992px) {
        .hero-catalog-ribbon__container__filter-container {
          display: none; } }
      .hero-catalog-ribbon__container__filter-container__text {
        margin-right: 10px; }

.hero-in-store-ribbon {
  padding: 18px 0;
  padding: 1.125rem 0;
  margin-bottom: 64px;
  margin-bottom: 4rem;
  background-color: #67b7bf; }
  .hero-in-store-ribbon p {
    text-align: center;
    display: block;
    margin-bottom: 10px;
    margin-bottom: 0.625rem; }
  .hero-in-store-ribbon h1, .hero-in-store-ribbon h2, .hero-in-store-ribbon h3 {
    margin: 0; }
  .hero-in-store-ribbon .button-list {
    text-align: center; }

.hero-track {
  padding: 28px 0 12px;
  padding: 1.75rem 0 0.75rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
  background-color: #333333;
  color: #FFFFFF; }
  .hero-track:after {
    position: absolute;
    content: '';
    bottom: -13px;
    bottom: -0.8125rem;
    margin-left: -8px;
    margin-left: -0.5rem;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    border-top: 0.86rem solid #333333; }
  .hero-track__waveform {
    position: relative; }
    .hero-track__waveform:hover {
      cursor: pointer; }
    .hero-track__waveform .button-play {
      margin-left: -32px;
      margin-left: -2rem;
      margin-top: -32px;
      margin-top: -2rem; }
    .hero-track__waveform > canvas {
      width: 100%; }
  .hero-track__duration {
    text-align: right; }
  .hero-track__information .mobile-cart-cta {
    display: none; }
    .hero-track__information .mobile-cart-cta:focus {
      outline: none; }
  .hero-track__information .button-cart.transparent,
  .hero-track__information .button-cart.bordered {
    margin-top: 8px; }
    @media only screen and (max-width: 992px) {
      .hero-track__information .button-cart.transparent,
      .hero-track__information .button-cart.bordered {
        border-color: #FFF;
        margin-top: 12px; } }
  @media only screen and (max-width: 650px) {
    .hero-track__information .buy-buttons-container {
      float: left;
      margin: 12px 0px 0px 12px; }
      .hero-track__information .buy-buttons-container .button-cart:not(.transparent) {
        display: none; }
      .hero-track__information .buy-buttons-container .mobile-cart-cta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
    .hero-track__information .change-license-container {
      float: left;
      margin-top: -6px; }
    .hero-track__information .hero-track__actions {
      clear: both;
      margin-top: 66px; } }
  .hero-track__title {
    font-family: "futurademi", Arial, sans-serif;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .hero-track__title__contentid-icon {
      margin-top: 5px;
      margin-left: 5px;
      margin-right: 5px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      .hero-track__title__contentid-icon img {
        width: 20px;
        height: 20px; }
  .hero-track__artist-name {
    line-height: 1.714; }
    .hero-track__artist-name span {
      text-transform: uppercase; }
  .hero-track__tags {
    color: #b3b3b3;
    display: inline-block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    min-height: 16px; }
    .hero-track__tags li:nth-child(n+7) {
      display: none; }
    .hero-track__tags li:nth-child(6):after {
      content: ''; }
  .hero-track__actions {
    margin-top: 14.4px;
    margin-top: 0.9rem; }
    .hero-track__actions .button.small {
      font-size: 14.4px;
      font-size: 0.9rem;
      min-width: 8rem;
      text-decoration: none; }
    .hero-track__actions > li:nth-child(2) {
      margin-bottom: 0.25rem; }
      .hero-track__actions > li:nth-child(2) .hero-track__action {
        font-size: 12.8px;
        font-size: 0.8rem;
        margin-bottom: 0.25rem; }
  .hero-track__action {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 12px 0;
    margin: 0.75rem 0;
    text-align: left;
    text-decoration: none; }
    .hero-track__action:link, .hero-track__action:visited {
      color: #FFFFFF; }
    .hero-track__action:hover, .hero-track__action:active {
      color: #67b7bf; }
    .hero-track__action:focus {
      outline: none !important; }
  .hero-track__tease {
    color: gray;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px; }
  @media only screen and (min-width: 992px) {
    .hero-track__waveform {
      margin-top: 6px;
      margin-top: 0.375rem; } }
  @media only screen and (min-width: 1200px) {
    .hero-track__a {
      padding-right: 24px;
      padding-right: 1.5rem; }
    .hero-track__b {
      padding-left: 24px;
      padding-left: 1.5rem; } }

.header-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-flow: column;
      flex-flow: column;
  height: 100%;
  width: 100%;
  position: relative;
  min-height: calc(100vh - 50vh);
  margin-bottom: 40px; }
  @media only screen and (max-width: 768px) {
    .header-2 {
      min-height: calc(100vh - 31vh); } }
  .header-2 .video-2 {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    overflow: hidden;
    position: absolute;
    margin: 0;
    padding: 0; }
    .header-2 .video-2 video {
      min-height: 100%;
      min-width: 100%; }
  .header-2 h1, .header-2 h2, .header-2 .search-module {
    z-index: 1;
    text-align: center; }
  .header-2 h1, .header-2 h2 {
    padding: 0 1rem; }
  .header-2 .search-module {
    width: 50%; }
    @media only screen and (max-width: 880px) {
      .header-2 .search-module {
        display: none; } }
  @media only screen and (max-width: 1109px) {
    .header-2 {
      margin-top: -48px;
      margin-top: -3rem; } }

.link-map {
  clear: both; }
  .link-map .tabs {
    text-align: center;
    border-bottom-width: 1px;
    border-bottom-width: 0.0625rem;
    border-bottom-style: solid;
    border-bottom-color: #e6e6e6; }
    .link-map .tabs li {
      display: inline; }
      .link-map .tabs li.is-active button {
        color: #67b7bf; }
        .link-map .tabs li.is-active button:before {
          position: absolute;
          bottom: -1px;
          bottom: -0.0625rem;
          height: 1px;
          height: 0.0625rem;
          left: 0;
          right: 0;
          content: "";
          display: block;
          background-color: #67b7bf; }
    .link-map .tabs button {
      display: inline-block;
      padding: 8px 8px;
      padding: 0.5rem 0.5rem;
      margin: 0 8px;
      margin: 0 0.5rem;
      cursor: pointer;
      position: relative;
      color: #999999; }
      .link-map .tabs button:focus {
        outline: none; }
  .link-map.discreet {
    padding-top: 16px;
    padding-top: 1rem; }
    .link-map.discreet .tabs {
      border-bottom: none; }
      .link-map.discreet .tabs button {
        display: inline;
        padding: 0;
        margin: 0; }
        .link-map.discreet .tabs button:after {
          content: " / "; }
      .link-map.discreet .tabs li:last-child button:after,
      .link-map.discreet .tabs li.is-active button:before {
        display: none; }
      .link-map.discreet .tabs li.is-active button {
        color: #999999; }
  .link-map .tabs-content {
    margin: 32px 0 0;
    margin: 2rem 0 0; }
    .link-map .tabs-content > li {
      display: none;
      width: 100%;
      text-align: center; }
      .link-map .tabs-content > li > div {
        display: inline-block;
        width: auto; }
      .link-map .tabs-content > li.is-active {
        display: block; }
    .link-map .tabs-content a {
      text-decoration: none; }
  .link-map .link-group a:not(.main):link, .link-map .link-group a:not(.main):visited,
  .link-map .link-group-unique a:not(.main):link,
  .link-map .link-group-unique a:not(.main):visited {
    color: #999999; }
  .link-map .link-group a:not(.main):hover, .link-map .link-group a:not(.main):active,
  .link-map .link-group-unique a:not(.main):hover,
  .link-map .link-group-unique a:not(.main):active {
    color: gray; }
  .link-map .link-group {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
    float: left;
    text-align: left;
    width: 50%; }
    .link-map .link-group li {
      float: left;
      clear: left; }
      .link-map .link-group li .main {
        line-height: 2; }
      .link-map .link-group li .more {
        line-height: 2.667; }
  .link-map .link-group-unique li {
    float: left;
    width: 50%;
    text-align: left;
    margin-bottom: 20px;
    margin-bottom: 1.25rem; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .link-map .link-group {
      width: 240px; }
      .link-map .link-group:nth-child(3n+3) {
        width: auto; }
      .link-map .link-group:nth-child(3n+4) {
        clear: left; }
    .link-map .link-group-unique li {
      width: 33%; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .link-map .link-group {
      width: 230px; }
      .link-map .link-group:nth-child(4n+4) {
        width: auto; }
      .link-map .link-group:nth-child(4n+5) {
        clear: left; }
    .link-map .link-group-unique li {
      width: 20%; } }
  @media only screen and (min-width: 1200px) {
    .link-map .link-group {
      width: 220px; }
      .link-map .link-group:nth-child(5n+5) {
        width: auto; }
      .link-map .link-group:nth-child(5n+6) {
        clear: left; }
    .link-map .link-group-unique li {
      width: 14.2%; } }
  @media only screen and (min-width: 992px) {
    .link-map .tabs button {
      padding: 20px 20px;
      padding: 1.25rem 1.25rem;
      margin: 0 16px;
      margin: 0 1rem; } }

.link-map-v2 {
  position: relative; }
  .link-map-v2 h1 {
    text-transform: uppercase; }
  .link-map-v2 > li {
    width: 20%; }
    @media only screen and (max-width: 992px) {
      .link-map-v2 > li {
        width: 25%; } }
    .link-map-v2 > li a {
      color: gray;
      text-decoration: none;
      cursor: pointer; }
      .link-map-v2 > li a h2 {
        margin-bottom: 0.5rem;
        font-size: 20px; }
      .link-map-v2 > li a:hover {
        color: #67b7bf; }
      .link-map-v2 > li a.is-active h2 {
        font-family: "futurademi", Arial, sans-serif; }
    .link-map-v2 > li .menu-list {
      display: block;
      max-height: 0px;
      overflow: hidden;
      transition: max-height 0.7s cubic-bezier(0, 1, 0, 1); }
      .link-map-v2 > li .menu-list.is-active {
        padding-left: 0.75rem;
        border-left: 4px solid #f1f1f1;
        -webkit-animation: mymove 0.5s 0.1s cubic-bezier(0.5, 0, 0.5, 0) forwards;
                animation: mymove 0.5s 0.1s cubic-bezier(0.5, 0, 0.5, 0) forwards; }

@-webkit-keyframes mymove {
  0% {
    max-height: 0px; }
  99% {
    max-height: 370px; }
  100% {
    max-height: 370px;
    overflow: visible; } }

@keyframes mymove {
  0% {
    max-height: 0px; }
  99% {
    max-height: 370px; }
  100% {
    max-height: 370px;
    overflow: visible; } }
      .link-map-v2 > li .menu-list li:last-of-type {
        margin-bottom: 1rem; }
      .link-map-v2 > li .menu-list li a {
        position: relative; }
        .link-map-v2 > li .menu-list li a::before {
          content: '';
          position: absolute;
          width: 4px;
          margin-left: calc(-0.75rem - 4px);
          top: 0;
          left: 0;
          height: 0px;
          background-color: #67b7bf;
          -webkit-transform: scale3d(1, 0, 1);
                  transform: scale3d(1, 0, 1);
          -webkit-transform-origin: 0% 0%;
                  transform-origin: 0% 0%;
          transition: -webkit-transform .5s;
          transition: transform .5s;
          transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
        .link-map-v2 > li .menu-list li a h3 {
          font-size: 14px;
          margin-bottom: 0.5rem; }
        .link-map-v2 > li .menu-list li a:hover::before {
          height: 21px;
          -webkit-transform: scale3d(1, 1, 1);
                  transform: scale3d(1, 1, 1); }
      .link-map-v2 > li .menu-list li.is-active {
        border-left: 4px solid #67b7bf;
        z-index: 1;
        padding-left: 1.125rem;
        margin-left: calc(-0.75rem -  4px); }
        .link-map-v2 > li .menu-list li.is-active a::before {
          content: none; }
        .link-map-v2 > li .menu-list li.is-active a h3 {
          color: #67b7bf; }
    .link-map-v2 > li .container-icons {
      display: none;
      opacity: 0;
      width: 80%; }
      @media only screen and (max-width: 992px) {
        .link-map-v2 > li .container-icons {
          width: 75% !important; } }
      .link-map-v2 > li .container-icons.is-active {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 80%;
        -webkit-animation: fadeicons .5s forwards;
                animation: fadeicons .5s forwards; }

@-webkit-keyframes fadeicons {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeicons {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
        .link-map-v2 > li .container-icons.is-active p {
          margin-left: 2%;
          margin-bottom: 0.5rem; }
          @media only screen and (max-width: 992px) {
            .link-map-v2 > li .container-icons.is-active p {
              margin-left: 3.33%; } }
        .link-map-v2 > li .container-icons.is-active .icons-display {
          display: none;
          overflow: hidden; }
          .link-map-v2 > li .container-icons.is-active .icons-display.is-active {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: start;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
          .link-map-v2 > li .container-icons.is-active .icons-display li {
            width: 18%;
            margin-left: 2%;
            margin-bottom: 2%;
            overflow: hidden; }
            @media only screen and (max-width: 1200px) {
              .link-map-v2 > li .container-icons.is-active .icons-display li {
                width: 23%;
                margin-left: 2%;
                margin-bottom: 2%; } }
            @media only screen and (max-width: 992px) {
              .link-map-v2 > li .container-icons.is-active .icons-display li {
                width: 30%;
                margin-left: 3.33%;
                margin-bottom: 3.33%; } }
            .link-map-v2 > li .container-icons.is-active .icons-display li a {
              display: block;
              position: relative;
              height: 100%;
              text-align: center;
              color: #FFFFFF;
              text-decoration: none;
              text-transform: uppercase;
              cursor: url("https://images.jamendo.com/jamendolicensing/static/png-imgs/magnifying-glass-icon.webp"), pointer;
              transition: background-color .2s ease-in-out; }
              .link-map-v2 > li .container-icons.is-active .icons-display li a::before {
                content: none; }
              .link-map-v2 > li .container-icons.is-active .icons-display li a h4 {
                margin: 0; }
              .link-map-v2 > li .container-icons.is-active .icons-display li a figure {
                display: block;
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
                margin: 0;
                height: 100%;
                width: 100%;
                position: relative; }
                .link-map-v2 > li .container-icons.is-active .icons-display li a figure::after {
                  content: '';
                  position: absolute;
                  z-index: 2;
                  right: 0;
                  top: 0;
                  left: 0;
                  bottom: 0;
                  background-color: #67b7bf;
                  opacity: 0;
                  -webkit-transform: translate3d(0, 100%, 0);
                          transform: translate3d(0, 100%, 0);
                  transition: opacity .17s, -webkit-transform .17s ease-out;
                  transition: opacity .17s, transform .17s ease-out; }
                .link-map-v2 > li .container-icons.is-active .icons-display li a figure img {
                  position: absolute;
                  width: 100%;
                  height: 100%;
                  left: 0;
                  max-height: 90px;
                  transition: all .2s ease-in-out;
                  top: calc((100% - 46px - 90px)/2); }
                .link-map-v2 > li .container-icons.is-active .icons-display li a figure figcaption {
                  display: table-cell;
                  vertical-align: middle;
                  word-break: break-all;
                  padding: 5%;
                  width: 100%;
                  font-size: 14px;
                  font-family: "futurabook", Arial, sans-serif;
                  padding: 0 8px;
                  margin: 0;
                  text-shadow: none;
                  text-transform: capitalize;
                  line-height: 1.3;
                  background-color: #67b7bf;
                  display: -webkit-box;
                  display: -ms-flexbox;
                  display: flex;
                  -webkit-box-pack: center;
                      -ms-flex-pack: center;
                          justify-content: center;
                  -webkit-box-align: center;
                      -ms-flex-align: center;
                          align-items: center;
                  width: 100%;
                  height: 46px;
                  text-align: center;
                  position: absolute;
                  bottom: 0;
                  white-space: normal;
                  word-break: break-word;
                  background-color: #67b7bf;
                  transition: height .1s ease-out .1s; }
                .link-map-v2 > li .container-icons.is-active .icons-display li a figure[rock] {
                  background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/paper-plane.svg"); }
            .link-map-v2 > li .container-icons.is-active .icons-display li:hover figure::after {
              -webkit-transform: translate3d(0, 0%, 0);
                      transform: translate3d(0, 0%, 0);
              opacity: .75;
              -webkit-filter: brightness(100%) saturate(100%);
                      filter: brightness(100%) saturate(100%); }
            .link-map-v2 > li .container-icons.is-active .icons-display li:hover figure img {
              -webkit-filter: saturate(135%) brightness(125%);
                      filter: saturate(135%) brightness(125%);
              z-index: 10;
              -webkit-transform: translateZ(0) scale(1.05, 1.05);
                      transform: translateZ(0) scale(1.05, 1.05);
              margin-top: -1px; }
              @media only screen and (max-width: 1110px) {
                .link-map-v2 > li .container-icons.is-active .icons-display li:hover figure img {
                  margin-top: -3px; } }
            .link-map-v2 > li .container-icons.is-active .icons-display li:hover figure figcaption {
              color: #FFFFFF;
              background-color: #4bd2e2;
              height: 54px;
              z-index: 3; }
          .link-map-v2 > li .container-icons.is-active .icons-display .thumb-seo {
            display: initial;
            overflow: hidden; }
            .link-map-v2 > li .container-icons.is-active .icons-display .thumb-seo > a {
              overflow: hidden;
              position: relative;
              width: 100%;
              height: 100%; }
              .link-map-v2 > li .container-icons.is-active .icons-display .thumb-seo > a > div:first-child {
                z-index: -1;
                position: absolute;
                right: 0;
                top: 0;
                left: 0;
                bottom: 0;
                height: 100%; }
                .link-map-v2 > li .container-icons.is-active .icons-display .thumb-seo > a > div:first-child:after {
                  content: '';
                  position: absolute;
                  z-index: 2;
                  right: 0;
                  top: 0;
                  left: 0;
                  bottom: 0;
                  background-color: #67b7bf;
                  opacity: 0;
                  -webkit-transform: translate3d(0, 100%, 0);
                          transform: translate3d(0, 100%, 0);
                  transition: opacity .17s, -webkit-transform .17s ease-out;
                  transition: opacity .17s, transform .17s ease-out; }
                .link-map-v2 > li .container-icons.is-active .icons-display .thumb-seo > a > div:first-child img {
                  transition: all .2s ease-in-out;
                  width: 100%;
                  height: auto; }
              .link-map-v2 > li .container-icons.is-active .icons-display .thumb-seo > a > div:last-child {
                position: absolute;
                right: 0;
                top: 0;
                left: 0;
                bottom: 0;
                height: 100%; }
                .link-map-v2 > li .container-icons.is-active .icons-display .thumb-seo > a > div:last-child > div {
                  display: -webkit-box;
                  display: -ms-flexbox;
                  display: flex;
                  -webkit-box-pack: center;
                      -ms-flex-pack: center;
                          justify-content: center;
                  -webkit-box-align: center;
                      -ms-flex-align: center;
                          align-items: center;
                  width: 100%;
                  height: 46px;
                  padding: 0;
                  text-align: center;
                  position: absolute;
                  bottom: 0;
                  white-space: normal;
                  word-break: break-word;
                  background-color: #67b7bf;
                  transition: height .1s ease-out .1s; }
                  .link-map-v2 > li .container-icons.is-active .icons-display .thumb-seo > a > div:last-child > div h2 {
                    font-size: 14px;
                    font-family: "futurabook", Arial, sans-serif;
                    padding: 0 8px;
                    margin: 0;
                    text-shadow: none;
                    text-transform: capitalize;
                    line-height: 1.3; }
              .link-map-v2 > li .container-icons.is-active .icons-display .thumb-seo > a:hover {
                cursor: url("https://images.jamendo.com/jamendolicensing/static/png-imgs/magnifying-glass-icon.webp"), pointer; }
                .link-map-v2 > li .container-icons.is-active .icons-display .thumb-seo > a:hover > div:first-child:after {
                  -webkit-transform: translate3d(0, 0%, 0);
                          transform: translate3d(0, 0%, 0);
                  opacity: .75; }
                .link-map-v2 > li .container-icons.is-active .icons-display .thumb-seo > a:hover img {
                  -webkit-transform: translateZ(0) scale(1.06, 1.06);
                          transform: translateZ(0) scale(1.06, 1.06); }
                .link-map-v2 > li .container-icons.is-active .icons-display .thumb-seo > a:hover > div:last-child > div {
                  color: #FFFFFF;
                  background-color: #4bd2e2;
                  height: 54px; }
  @media only screen and (max-width: 768px) {
    .link-map-v2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .link-map-v2 > li {
        width: 30%;
        height: 50px;
        margin: 1.666%; }
        .link-map-v2 > li a {
          height: 100%;
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          text-align: center;
          border: 1px solid gray;
          border-radius: 6px; }
          .link-map-v2 > li a.is-active {
            background-color: gray;
            border-color: gray;
            color: #FFFFFF; }
          .link-map-v2 > li a h2 {
            width: 100%;
            margin: 0;
            padding: 0 8px;
            line-height: 1.3; }
        .link-map-v2 > li .menu-list, .link-map-v2 > li .menu-list.is-active {
          position: absolute;
          top: 160px;
          left: 0;
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          border-left: none;
          padding-left: 0; }
          .link-map-v2 > li .menu-list > li, .link-map-v2 > li .menu-list.is-active > li {
            width: 30%;
            margin: 1.666%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center; }
            .link-map-v2 > li .menu-list > li > a, .link-map-v2 > li .menu-list.is-active > li > a {
              min-height: 50px;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: center;
                  -ms-flex-pack: center;
                      justify-content: center;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              border: 1px solid #67b7bf;
              color: #67b7bf; }
              .link-map-v2 > li .menu-list > li > a:hover::before, .link-map-v2 > li .menu-list.is-active > li > a:hover::before {
                content: none; }
              .link-map-v2 > li .menu-list > li > a h3, .link-map-v2 > li .menu-list.is-active > li > a h3 {
                text-align: center;
                margin: 0;
                padding: 0 8px;
                font-size: 20px;
                line-height: 1.3; }
            .link-map-v2 > li .menu-list > li.is-active, .link-map-v2 > li .menu-list.is-active > li.is-active {
              border-left: 0;
              padding: 0; }
              .link-map-v2 > li .menu-list > li.is-active > a, .link-map-v2 > li .menu-list.is-active > li.is-active > a {
                background-color: gray; }
                .link-map-v2 > li .menu-list > li.is-active > a h3, .link-map-v2 > li .menu-list.is-active > li.is-active > a h3 {
                  font-family: "futurabold", Arial, sans-serif;
                  color: #FFFFFF; }
        .link-map-v2 > li .container-icons.is-active {
          width: 100% !important;
          display: block; }
          .link-map-v2 > li .container-icons.is-active p {
            margin-left: 1.666%;
            margin-bottom: 0; }
            .link-map-v2 > li .container-icons.is-active p:first-of-type {
              margin-bottom: 20px; }
          .link-map-v2 > li .container-icons.is-active .icons-display.is-active {
            width: 100%;
            background-color: bisque;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: flex-start;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
            .link-map-v2 > li .container-icons.is-active .icons-display.is-active > li {
              width: 30%;
              margin: 0 1.666%;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: center;
                  -ms-flex-pack: center;
                      justify-content: center; }
              .link-map-v2 > li .container-icons.is-active .icons-display.is-active > li a {
                min-height: 52px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: start;
                    -ms-flex-pack: start;
                        justify-content: flex-start;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                background-color: #FFFFFF;
                color: gray;
                cursor: default;
                border-radius: 0;
                border-bottom: 0;
                border-left: 0;
                border-right: 0;
                border-top-width: 1px;
                border-color: #e6e6e6; }
                .link-map-v2 > li .container-icons.is-active .icons-display.is-active > li a:hover {
                  cursor: pointer;
                  background-color: #FFFFFF;
                  color: black; }
                .link-map-v2 > li .container-icons.is-active .icons-display.is-active > li a h4 {
                  margin: 0;
                  text-transform: capitalize;
                  font-size: 14px; }
              .link-map-v2 > li .container-icons.is-active .icons-display.is-active > li:nth-of-type(1) a, .link-map-v2 > li .container-icons.is-active .icons-display.is-active > li:nth-of-type(2) a, .link-map-v2 > li .container-icons.is-active .icons-display.is-active > li:nth-of-type(3) a {
                border-top-width: 0px; }
        .link-map-v2 > li .container-icons.first-level {
          display: none; } }
  @media only screen and (max-width: 650px) {
    .link-map-v2 > li {
      width: 47%;
      margin: 1.5%; }
      .link-map-v2 > li .menu-list > li, .link-map-v2 > li .menu-list.is-active > li {
        width: 47%;
        margin: 1.5%; }
      .link-map-v2 > li .menu-list.is-active {
        top: 220px; }
      .link-map-v2 > li .container-icons.is-active p {
        margin-left: 1.5%;
        margin-bottom: 0; }
      .link-map-v2 > li .container-icons.is-active .icons-display.is-active > li {
        width: 47%;
        margin: 0 1.5%; }
        .link-map-v2 > li .container-icons.is-active .icons-display.is-active > li:nth-of-type(3) a {
          border-top-width: 1px; } }
  @media only screen and (max-width: 420px) {
    .link-map-v2 > li {
      width: 90%;
      margin: 8px 5%; }
      .link-map-v2 > li .menu-list > li, .link-map-v2 > li .menu-list.is-active > li {
        width: 90%;
        margin: 8px 5%; }
      .link-map-v2 > li .menu-list.is-active {
        top: 410px; }
      .link-map-v2 > li .container-icons.is-active p {
        margin-left: 5%; }
      .link-map-v2 > li .container-icons.is-active .icons-display.is-active > li {
        width: 90%;
        margin: 0 5%; }
        .link-map-v2 > li .container-icons.is-active .icons-display.is-active > li:nth-of-type(2) a {
          border-top-width: 1px; } }

.mini-player {
  padding: 6px 8px 6px 6px;
  padding: 0.375rem 0.5rem 0.375rem 0.375rem;
  bottom: -64px;
  bottom: -4rem;
  width: 100%;
  position: fixed;
  right: 0;
  background-color: #232323;
  z-index: 100;
  color: #FFFFFF;
  transition: bottom .25s ease-out; }
  .mini-player__cover {
    width: 50px;
    width: 3.125rem;
    height: 50px;
    height: 3.125rem; }
  .mini-player__track {
    padding: 0 16px 0 8px;
    padding: 0 1rem 0 0.5rem;
    width: 100%;
    line-height: 1; }
    .mini-player__track .title {
      line-height: 1.143; }
    .mini-player__track .artist {
      text-transform: uppercase;
      line-height: 1.455; }
  .mini-player__actions {
    white-space: nowrap; }
    .mini-player__actions li {
      display: inline-block; }
  .mini-player.is-visible {
    bottom: 0; }
  .mini-player.mobile {
    z-index: 750 !important; }
  @media only screen and (min-width: 992px) {
    .mini-player {
      width: 304px;
      width: 19rem; } }

.player-full {
  padding: 6px 8px 6px 6px;
  padding: 0.375rem 0.5rem 0.375rem 0.375rem;
  bottom: -80px;
  width: 100%;
  position: fixed;
  right: 0;
  background-color: black;
  z-index: 100;
  color: #FFFFFF;
  transition: bottom .25s ease-out;
  padding: 8px 22px 8px 8px; }
  .player-full.is-visible {
    bottom: 0; }
  .player-full.mobile {
    z-index: 750 !important; }
  @media only screen and (max-width: 410px) {
    .player-full {
      padding: 8px; } }
  .player-full .btn-icon-data.is-active:after, .player-full .btn-icon-data:focus:after {
    content: "";
    position: absolute;
    border-radius: 100%;
    background-color: #ffffff;
    -webkit-animation: active-btn1 .4s linear;
            animation: active-btn1 .4s linear; }

@-webkit-keyframes active-btn1 {
  0% {
    width: 35%;
    height: 35%;
    opacity: 0; }
  50% {
    width: 50%;
    height: 50%;
    opacity: .20; }
  100% {
    width: 125%;
    height: 125%;
    opacity: 0; } }

@keyframes active-btn1 {
  0% {
    width: 35%;
    height: 35%;
    opacity: 0; }
  50% {
    width: 50%;
    height: 50%;
    opacity: .20; }
  100% {
    width: 125%;
    height: 125%;
    opacity: 0; } }
  .player-full .track-container {
    width: 22%;
    max-width: 22%;
    white-space: nowrap; }
    @media only screen and (max-width: 1300px) {
      .player-full .track-container {
        width: 27%;
        max-width: 27%; } }
    @media only screen and (max-width: 1200px) {
      .player-full .track-container {
        width: 25%;
        max-width: 25%; } }
    @media only screen and (max-width: 992px) {
      .player-full .track-container {
        width: calc(100% - 176px);
        max-width: calc(100% - 176px); } }
    @media only screen and (max-width: 410px) {
      .player-full .track-container {
        padding-right: 8px; } }
    .player-full .track-container .cover {
      width: 50px;
      height: 50px;
      min-width: 50px; }
    .player-full .track-container .track-text {
      padding: 0 0 0 8px;
      padding: 0 0 0 0.5rem;
      width: 100%;
      line-height: 1;
      text-decoration: none;
      color: white; }
      .player-full .track-container .track-text:hover {
        color: #67b7bf; }
      .player-full .track-container .track-text .title {
        line-height: 1.143; }
      .player-full .track-container .track-text .artist {
        text-transform: uppercase;
        line-height: 1.455; }
  .player-full .commands-container {
    padding: 0 60px; }
    @media only screen and (max-width: 1200px) {
      .player-full .commands-container {
        padding: 0 20px; } }
    @media only screen and (max-width: 992px) {
      .player-full .commands-container {
        padding: 0; } }
    .player-full .commands-container .track__waveform {
      width: 100%;
      height: auto; }
      .player-full .commands-container .track__waveform .track__waveform-wrap {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .player-full .commands-container .track__waveform .track__waveform-wrap canvas {
          width: 100%;
          max-height: 50px;
          display: block; }
    @media only screen and (max-width: 992px) {
      .player-full .commands-container > div {
        display: none; } }
    @media only screen and (max-width: 410px) {
      .player-full .commands-container > ul li:first-of-type {
        display: none; } }
    .player-full .commands-container .button-play.round.animated.player-full i {
      font-size: 42px; }
  .player-full .actions-container .actions {
    white-space: nowrap; }
    .player-full .actions-container .actions li {
      display: inline-block; }
      .player-full .actions-container .actions li.item {
        display: list-item; }
    @media only screen and (max-width: 992px) {
      .player-full .actions-container .actions {
        right: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
                justify-content: space-evenly;
        position: absolute;
        width: 100%;
        z-index: 100;
        height: 66px;
        top: -66px;
        right: -100%;
        background-color: #1b1b1b;
        transition: right .25s ease; }
        .player-full .actions-container .actions.is-visible {
          right: 0%; }
          .player-full .actions-container .actions.is-visible ~ .mobile-cart-cta i {
            color: #67b7bf; } }
    .player-full .actions-container .actions .pop-in-wrapper.top-right {
      bottom: 39px;
      right: 3px; }
    .player-full .actions-container .actions .pop-in-wrapper.top-center {
      bottom: 39px; }
    .player-full .actions-container .actions .pop-in-wrapper .pop-in__actions {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: column;
          flex-flow: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .player-full .actions-container .actions .pop-in-wrapper .pop-in.pin-small.pin-top.pin-second-corner:after, .player-full .actions-container .actions .pop-in-wrapper .pop-in.pin-small.pin-bottom.pin-second-corner:after {
      bottom: -10px; }
    .player-full .actions-container .actions .btn-icon-data[disabled] {
      opacity: 1; }
    .player-full .actions-container .actions .btn-icon-data .icon-cart-new2-added {
      color: #4bd2e2; }
  .player-full .actions-container > button {
    display: none; }
    @media only screen and (max-width: 992px) {
      .player-full .actions-container > button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
  .player-full.instore {
    padding: 15px 8px; }
    .player-full.instore .track-container {
      max-width: initial; }
      .player-full.instore .track-container a {
        white-space: normal;
        width: auto; }
        .player-full.instore .track-container a .title {
          font-size: 16px;
          margin-left: 12px;
          line-height: 1.7; }
      @media only screen and (max-width: 500px) {
        .player-full.instore .track-container {
          width: calc(100% - 192px);
          max-width: calc(100% - 192px); }
          .player-full.instore .track-container a {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; } }
    .player-full.instore .commands-container {
      -webkit-box-flex: initial;
          -ms-flex-positive: initial;
              flex-grow: initial;
      padding: 0 0 0 16px; }
      @media only screen and (max-width: 400px) {
        .player-full.instore .commands-container {
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1; } }

.navigation {
  position: relative;
  z-index: 610; }
  .navigation .links li {
    display: inline; }
  .navigation .logo-link {
    outline: 0;
    padding: 0 10px; }
  .navigation__mobile-bar {
    position: fixed;
    top: 0;
    left: 0;
    height: 48px;
    height: 3rem;
    background-color: #232323; }
    .navigation__mobile-bar .actions {
      width: 50%; }
      .navigation__mobile-bar .actions li {
        display: inline-block;
        width: 48px;
        width: 3rem; }
      .navigation__mobile-bar .actions.secondary {
        text-align: right; }
        .navigation__mobile-bar .actions.secondary .iconic-link,
        .navigation__mobile-bar .actions.secondary .iconic-link .link {
          display: inline-block;
          height: 48px;
          height: 3rem;
          width: 40px;
          width: 2.5rem;
          vertical-align: top;
          line-height: 1.2;
          color: #FFFFFF; }
          .navigation__mobile-bar .actions.secondary .iconic-link:hover,
          .navigation__mobile-bar .actions.secondary .iconic-link .link:hover {
            background-color: #67b7bf;
            text-shadow: none; }
            .navigation__mobile-bar .actions.secondary .iconic-link:hover .pill,
            .navigation__mobile-bar .actions.secondary .iconic-link .link:hover .pill {
              color: #67b7bf; }
              .navigation__mobile-bar .actions.secondary .iconic-link:hover .pill::before,
              .navigation__mobile-bar .actions.secondary .iconic-link .link:hover .pill::before {
                background-color: #FFF; }
        .navigation__mobile-bar .actions.secondary .iconic-link > a > div {
          display: table;
          height: 100%;
          width: 100%;
          text-align: center;
          vertical-align: middle; }
          .navigation__mobile-bar .actions.secondary .iconic-link > a > div > div {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            position: relative; }
            .navigation__mobile-bar .actions.secondary .iconic-link > a > div > div:first-child .icon-cart-new {
              font-size: 1.375rem;
              width: 1.375rem;
              height: 1.375rem;
              left: -3px;
              top: 1px; }
            .navigation__mobile-bar .actions.secondary .iconic-link > a > div > div:last-child .pill {
              height: 14px;
              width: 14px;
              min-width: inherit;
              top: 8px;
              right: 6px;
              position: absolute;
              font-size: 10px;
              line-height: 1.6;
              font-family: "futurabold", Arial, sans-serif; }
              .navigation__mobile-bar .actions.secondary .iconic-link > a > div > div:last-child .pill::before {
                border-radius: 50%; }
        .navigation__mobile-bar .actions.secondary .iconic-link span {
          text-transform: uppercase; }
    .navigation__mobile-bar .action .icon {
      line-height: 3;
      height: 48px;
      height: 3rem;
      width: 48px;
      width: 3rem; }
    .navigation__mobile-bar label.action {
      margin: 0; }
      .navigation__mobile-bar label.action:hover {
        cursor: pointer; }
  .navigation__opener-check {
    display: none; }
    .navigation__opener-check:checked + .navigation__pane {
      left: 0; }
      .navigation__opener-check:checked + .navigation__pane + .navigation__mobile-overlay {
        visibility: visible;
        opacity: 0.95;
        filter: alpha(opacity=95); }
  .navigation__pane {
    position: fixed;
    top: 48px;
    top: 3rem;
    padding-bottom: 24px;
    padding-bottom: 1.5rem;
    bottom: 0;
    left: -85%;
    width: 85%;
    height: auto;
    overflow-y: auto;
    background-color: black;
    transition: left .3s linear; }
    .navigation__pane .logo-link {
      display: none; }
    .navigation__pane .link {
      display: block;
      background-color: transparent;
      color: #FFFFFF;
      text-decoration: none;
      transition: background-color .25s linear;
      padding: 0 16px 0 24px;
      padding: 0 1rem 0 1.5rem;
      line-height: 3; }
      .navigation__pane .link:hover {
        background-color: #67b7bf;
        text-shadow: none; }
      .navigation__pane .link:focus {
        outline: none; }
      .navigation__pane .link.is-new {
        background-image: url(https://images.jamendo.com/jamendolicensing/static/navigation/new-on-menu.webp);
        background-repeat: no-repeat;
        background-color: #ffffff2b;
        padding-left: 40px;
        padding-left: 2.5rem;
        padding-top: 4px;
        padding-top: 0.25rem;
        padding-bottom: 4px;
        padding-bottom: 0.25rem; }
        .navigation__pane .link.is-new:hover {
          background-color: #67b7bf; }
    .navigation__pane .primary .link {
      text-transform: uppercase; }
    .navigation__pane .secondary {
      margin-top: 8px;
      margin-top: 0.5rem; }
      .navigation__pane .secondary .link {
        padding: 0 24px;
        padding: 0 1.5rem; }
      .navigation__pane .secondary .links.second-level li a, .navigation__pane .secondary .links.second-level li button {
        display: block;
        color: #FFFFFF;
        text-decoration: none;
        transition: background-color .25s linear;
        padding: 0 16px 0 24px;
        padding: 0 1rem 0 1.5rem;
        text-transform: uppercase;
        line-height: 3; }
        .navigation__pane .secondary .links.second-level li a:hover, .navigation__pane .secondary .links.second-level li button:hover {
          background-color: #67b7bf;
          text-shadow: none; }
        .navigation__pane .secondary .links.second-level li a.is-current, .navigation__pane .secondary .links.second-level li button.is-current {
          position: relative;
          color: #8bc8ce;
          pointer-events: none; }
      .navigation__pane .secondary .links.second-level li button {
        width: 100%;
        text-align: left; }
      .navigation__pane .secondary .links.second-level.reseller {
        margin-top: 24px;
        margin-top: 1.5rem; }
        .navigation__pane .secondary .links.second-level.reseller li:first-of-type {
          text-transform: uppercase;
          padding-left: 16px;
          padding-left: 1rem;
          color: #FFFFFF; }
          .navigation__pane .secondary .links.second-level.reseller li:first-of-type i {
            display: none; }
      @media (max-width: 1110px) {
        .navigation__pane .secondary .links.second-level div[anchor-links] .button-cart {
          border: none;
          width: 100%;
          padding: 0 0 0 12px;
          margin-bottom: 0;
          border-radius: 0; }
          .navigation__pane .secondary .links.second-level div[anchor-links] .button-cart .button-cart-text-container {
            padding: 0;
            text-align: left; }
            .navigation__pane .secondary .links.second-level div[anchor-links] .button-cart .button-cart-text-container p {
              font-family: "futurabook", Arial, sans-serif;
              font-size: 12px;
              color: #FFFFFF;
              line-height: 3; } }
    .navigation__pane .top-level > li > a {
      padding: 0 16px;
      padding: 0 1rem;
      margin-top: 24px;
      margin-top: 1.5rem;
      line-height: 2.462;
      font-family: "futurademi", Arial, sans-serif; }
    .navigation__pane .aside-level .iconic-link {
      position: relative;
      height: auto; }
      .navigation__pane .aside-level .iconic-link,
      .navigation__pane .aside-level .iconic-link .link {
        display: inline-block;
        height: 64px;
        height: 4rem;
        vertical-align: top;
        line-height: 1.2;
        height: 4.5rem; }
      .navigation__pane .aside-level .iconic-link > a {
        min-width: 7.5rem; }
      .navigation__pane .aside-level .iconic-link > a > div {
        display: table;
        height: 100%;
        text-align: left; }
        .navigation__pane .aside-level .iconic-link > a > div > div {
          display: table-cell;
          vertical-align: middle;
          position: relative; }
          .navigation__pane .aside-level .iconic-link > a > div > div:first-child {
            padding-right: 8px;
            padding-right: 0.5rem; }
            .navigation__pane .aside-level .iconic-link > a > div > div:first-child .icon-cart-new {
              font-size: 30px;
              margin-left: 15px; }
          .navigation__pane .aside-level .iconic-link > a > div > div:last-child .pill {
            height: 20px;
            width: 20px;
            top: 8px;
            right: -2px;
            position: absolute;
            font-size: 12px;
            line-height: 1.6;
            font-family: "futurademi", Arial, sans-serif;
            padding: 0; }
            .navigation__pane .aside-level .iconic-link > a > div > div:last-child .pill::before {
              border-radius: 50%; }
      .navigation__pane .aside-level .iconic-link span {
        text-transform: uppercase;
        top: 0;
        left: 1rem;
        margin-top: 1rem;
        white-space: nowrap; }
      .navigation__pane .aside-level .iconic-link:last-of-type .link > div {
        padding-top: 0; }
        .navigation__pane .aside-level .iconic-link:last-of-type .link > div .pill {
          top: 11px;
          right: 0px;
          left: -20px; }
    .navigation__pane .aside-level .button-link {
      display: inline-block;
      padding: 0 20px;
      padding: 0 1.25rem;
      height: 64px;
      height: 4rem;
      vertical-align: top; }
      .navigation__pane .aside-level .button-link .button.xsmall {
        margin-top: 20px;
        margin-top: 1.25rem; }
      .navigation__pane .aside-level .button-link .button.small {
        margin-top: 14px;
        margin-top: 0.875rem; }
    .navigation__pane .aside-level li:last-child .link:hover > div > div:last-child .pill {
      color: #67b7bf; }
      .navigation__pane .aside-level li:last-child .link:hover > div > div:last-child .pill:before {
        background: #ffffff; }
  .navigation__mobile-overlay {
    top: 48px;
    top: 3rem;
    overflow-y: initial;
    z-index: -1; }
  @media only screen and (min-width: 1110px) {
    .navigation {
      z-index: 425; }
      .navigation.no-nav .navigation__pane .top-level,
      .navigation.no-nav .navigation__pane .aside-level {
        visibility: hidden; }
      .navigation.translucid .navigation__pane {
        background-color: rgba(0, 0, 0, 0.7); }
      .navigation__mobile-bar {
        display: none;
        position: relative; }
      .navigation__pane {
        position: relative;
        display: table;
        top: 0;
        left: 0;
        padding: 0;
        width: 100%;
        transition: none;
        z-index: auto; }
        .navigation__pane .primary,
        .navigation__pane .logo-link,
        .navigation__pane .secondary {
          display: table-cell;
          vertical-align: middle; }
        .navigation__pane .primary,
        .navigation__pane .secondary {
          width: 50%; }
        .navigation__pane .secondary {
          text-align: right; }
          .navigation__pane .secondary .iconic-link {
            height: 4rem; }
            .navigation__pane .secondary .iconic-link .link {
              height: 4rem;
              min-width: initial; }
              .navigation__pane .secondary .iconic-link .link > div {
                padding-top: 0; }
                .navigation__pane .secondary .iconic-link .link > div span {
                  font-size: 10px;
                  font-size: 0.625rem;
                  position: static;
                  display: inline; }
              .navigation__pane .secondary .iconic-link .link .icon-cart-new {
                margin-left: 0 !important; }
            .navigation__pane .secondary .iconic-link:last-of-type .link > div .pill {
              top: 11px;
              right: 21px; }
        .navigation__pane .links {
          font-size: 0;
          white-space: nowrap; }
        .navigation__pane .link {
          display: inline-block; }
        .navigation__pane .top-level .link {
          margin-top: 0;
          line-height: 4.923;
          padding: 1px 24px 0;
          padding: 0.0625rem 1.5rem 0;
          text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); }
          .navigation__pane .top-level .link.is-current {
            position: relative;
            color: #8bc8ce;
            pointer-events: none; }
            .navigation__pane .top-level .link.is-current:after {
              content: '';
              position: absolute;
              display: inline-block;
              width: 14px;
              height: 7px;
              bottom: 0;
              left: 50%;
              margin-left: -7px;
              background-repeat: no-repeat;
              background-position: center center;
              background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAHCAYAAAA4R3wZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEVJREFUeNpiYMAB3Nzc5oMwLnlmXJqAVAIQGygrKyvcvXt3I0GNSJpgAKtmZgKacGpmJkITVs3MRGrC0MxIgiZksAAgwABmjSJ+ECEgNgAAAABJRU5ErkJggg==);
              z-index: 1; }
        .navigation__pane .second-level {
          position: absolute;
          left: 0;
          right: 0;
          background-color: #464646;
          display: none; }
          .navigation__pane .second-level li:first-child .link {
            padding-left: 24px;
            padding-left: 1.5rem; }
          .navigation__pane .second-level .link {
            line-height: 3.923;
            padding: 1px 16px 0;
            padding: 0.0625rem 1rem 0; }
            .navigation__pane .second-level .link.is-current {
              pointer-events: none; }
          .navigation__pane .second-level.is-current {
            display: block;
            height: 48px;
            height: 3rem; }
        .navigation__pane .aside-level .link {
          line-height: 5.334;
          padding: 0rem 20px;
          padding: 0rem 1.25rem; }
        .navigation__pane .aside-level li:last-child .link {
          padding-right: 24px;
          padding-right: 1.5rem; }
      .navigation.has-second-level {
        padding-bottom: 48px;
        padding-bottom: 3rem; }
      .navigation__mobile-overlay {
        display: none; } }

.main-menu-container {
  background: black;
  color: #FFFFFF;
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  width: 100%;
  z-index: 620; }
  .main-menu-container .logo {
    min-height: 64px; }
    .main-menu-container .logo div figure {
      margin: 0 20px 0 0; }
      .main-menu-container .logo div figure img {
        width: 123px;
        height: 43px;
        margin: 0; }
    @media only screen and (max-width: 1100px) {
      .main-menu-container .logo {
        margin-left: 0; }
        .main-menu-container .logo div {
          margin-left: 0;
          position: static; }
          .main-menu-container .logo div a {
            padding: 0 11px !important; }
            .main-menu-container .logo div a figure {
              margin: 0;
              /*img {
                            width: initial;
                            height: 32px;
                        }*/ } }
  .main-menu-container .main-menu {
    min-height: 64px;
    padding: 0 30px;
    /*.menu_left {

            > a figure {

                margin: 0 20px 0 0;

                    img {
                    width: 123px;
                    height: 43px;
                    margin: 0;
                    }

            }

        }*/ }
    .main-menu-container .main-menu ul li:not(.account-actions) {
      position: relative; }
      .main-menu-container .main-menu ul li:not(.account-actions):hover > a {
        color: #FFFFFF;
        cursor: pointer; }
      .main-menu-container .main-menu ul li:not(.account-actions) a {
        font-family: "futurabold", Arial, sans-serif;
        display: block;
        padding: 0 20px;
        font-size: 14px;
        font-size: 0.875rem;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        line-height: 4.6;
        transition: background-color .2s linear; }
        .main-menu-container .main-menu ul li:not(.account-actions) a.active span {
          position: relative; }
          .main-menu-container .main-menu ul li:not(.account-actions) a.active span::after {
            content: '';
            width: 100%;
            display: block;
            position: absolute;
            bottom: -3px;
            left: 0;
            border-bottom-width: 1px;
            border-bottom-color: #FFFFFF;
            border-bottom-style: solid; }

@-webkit-keyframes l-move-from-left1 {
  0% {
    -webkit-transform: translateX(-15px);
            transform: translateX(-15px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; } }

@keyframes l-move-from-left1 {
  0% {
    -webkit-transform: translateX(-15px);
            transform: translateX(-15px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; } }
      .main-menu-container .main-menu ul li:not(.account-actions) ul {
        display: none;
        position: absolute;
        top: 64px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        min-width: 170px;
        -webkit-filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));
                filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));
        -webkit-animation: l-move-from-left1 .25s ease both;
                animation: l-move-from-left1 .25s ease both; }
        .main-menu-container .main-menu ul li:not(.account-actions) ul li {
          background-color: #FFFFFF; }
          .main-menu-container .main-menu ul li:not(.account-actions) ul li a {
            font-family: "futurabook", Arial, sans-serif;
            color: gray;
            text-transform: none;
            line-height: 2.8; }
            .main-menu-container .main-menu ul li:not(.account-actions) ul li a::first-letter {
              text-transform: uppercase; }
            .main-menu-container .main-menu ul li:not(.account-actions) ul li a:hover {
              color: #4bd2e2;
              background-color: #ebebeb; }
            .main-menu-container .main-menu ul li:not(.account-actions) ul li a.active {
              color: #4bd2e2; }
          .main-menu-container .main-menu ul li:not(.account-actions) ul li:last-of-type, .main-menu-container .main-menu ul li:not(.account-actions) ul li:last-of-type a {
            border-bottom-left-radius: 8px;
            border-bottom-right-radius: 8px; }
      .main-menu-container .main-menu ul li:not(.account-actions):hover ul {
        display: block; }
    .main-menu-container .main-menu .menu_right > a, .main-menu-container .main-menu .menu_right button, .main-menu-container .main-menu .menu_right .button-checkbox {
      width: 24px;
      height: 24px;
      margin-left: 20px;
      color: white; }
      .main-menu-container .main-menu .menu_right > a .icon, .main-menu-container .main-menu .menu_right button .icon, .main-menu-container .main-menu .menu_right .button-checkbox .icon {
        font-size: 24px;
        width: 24px;
        height: 24px; }
      .main-menu-container .main-menu .menu_right > a [class*="hint--"]::before, .main-menu-container .main-menu .menu_right button [class*="hint--"]::before, .main-menu-container .main-menu .menu_right .button-checkbox [class*="hint--"]::before {
        border-bottom-color: #4bd2e2; }
      .main-menu-container .main-menu .menu_right > a [class*="hint--"]::after, .main-menu-container .main-menu .menu_right button [class*="hint--"]::after, .main-menu-container .main-menu .menu_right .button-checkbox [class*="hint--"]::after {
        font-size: 14px;
        font-weight: 300;
        text-transform: initial;
        border-radius: 4px;
        background-color: #4bd2e2; }
      .main-menu-container .main-menu .menu_right > a [class*="hint--"].warning::before, .main-menu-container .main-menu .menu_right button [class*="hint--"].warning::before, .main-menu-container .main-menu .menu_right .button-checkbox [class*="hint--"].warning::before {
        border-bottom-color: #ed795a; }
      .main-menu-container .main-menu .menu_right > a [class*="hint--"].warning::after, .main-menu-container .main-menu .menu_right button [class*="hint--"].warning::after, .main-menu-container .main-menu .menu_right .button-checkbox [class*="hint--"].warning::after {
        background-color: #ed795a; }
      .main-menu-container .main-menu .menu_right > a.cart, .main-menu-container .main-menu .menu_right button.cart, .main-menu-container .main-menu .menu_right .button-checkbox.cart {
        width: 28px;
        height: 28px;
        margin: 0 4px 0 14px; }
        .main-menu-container .main-menu .menu_right > a.cart .icon, .main-menu-container .main-menu .menu_right button.cart .icon, .main-menu-container .main-menu .menu_right .button-checkbox.cart .icon {
          width: 28px;
          height: 28px;
          font-size: 28px; }
        .main-menu-container .main-menu .menu_right > a.cart .pill, .main-menu-container .main-menu .menu_right button.cart .pill, .main-menu-container .main-menu .menu_right .button-checkbox.cart .pill {
          position: absolute;
          top: -7px;
          right: -8px;
          width: 20px;
          height: 20px;
          font-size: 12px;
          line-height: 1.8;
          color: black; }
          .main-menu-container .main-menu .menu_right > a.cart .pill::before, .main-menu-container .main-menu .menu_right button.cart .pill::before, .main-menu-container .main-menu .menu_right .button-checkbox.cart .pill::before {
            border-radius: 50%;
            background-color: white; }
      .main-menu-container .main-menu .menu_right > a.notification, .main-menu-container .main-menu .menu_right button.notification, .main-menu-container .main-menu .menu_right .button-checkbox.notification {
        width: 24px;
        height: 24px;
        margin: 0 4px 0 14px;
        background-color: transparent; }
        .main-menu-container .main-menu .menu_right > a.notification .icon, .main-menu-container .main-menu .menu_right button.notification .icon, .main-menu-container .main-menu .menu_right .button-checkbox.notification .icon {
          width: 24px;
          height: 24px;
          font-size: 24px; }
        .main-menu-container .main-menu .menu_right > a.notification .pill, .main-menu-container .main-menu .menu_right button.notification .pill, .main-menu-container .main-menu .menu_right .button-checkbox.notification .pill {
          position: absolute;
          top: -7px;
          right: -8px;
          width: 20px;
          height: 20px;
          font-size: 12px;
          line-height: 1.8;
          color: black; }
          .main-menu-container .main-menu .menu_right > a.notification .pill::before, .main-menu-container .main-menu .menu_right button.notification .pill::before, .main-menu-container .main-menu .menu_right .button-checkbox.notification .pill::before {
            background-color: white;
            border-radius: 50%; }
      .main-menu-container .main-menu .menu_right > a[size-34], .main-menu-container .main-menu .menu_right button[size-34], .main-menu-container .main-menu .menu_right .button-checkbox[size-34] {
        width: 34px;
        height: 34px;
        margin: 0 0px 0 14px; }
        .main-menu-container .main-menu .menu_right > a[size-34] .icon, .main-menu-container .main-menu .menu_right button[size-34] .icon, .main-menu-container .main-menu .menu_right .button-checkbox[size-34] .icon {
          width: 34px;
          height: 34px;
          font-size: 34px; }
      .main-menu-container .main-menu .menu_right > a:focus, .main-menu-container .main-menu .menu_right button:focus, .main-menu-container .main-menu .menu_right .button-checkbox:focus {
        outline: none; }
      .main-menu-container .main-menu .menu_right > a:hover i:not(.pill):not(.icon-info-new2):not(.icon-chevron-new2), .main-menu-container .main-menu .menu_right button:hover i:not(.pill):not(.icon-info-new2):not(.icon-chevron-new2), .main-menu-container .main-menu .menu_right .button-checkbox:hover i:not(.pill):not(.icon-info-new2):not(.icon-chevron-new2) {
        color: #4bd2e2; }
    .main-menu-container .main-menu .menu_right > .user-name {
      margin-left: 10px; }
    .main-menu-container .main-menu .menu_right > .new {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      min-height: 33px;
      height: 33px;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 0;
      padding-bottom: 0; }
      .main-menu-container .main-menu .menu_right > .new div {
        min-height: 33px;
        height: 33px;
        line-height: 0;
        padding: 0; }
    .main-menu-container .main-menu .menu_right .button-checkbox input[type="checkbox"]:checked + label {
      color: #ed795a; }
      .main-menu-container .main-menu .menu_right .button-checkbox input[type="checkbox"]:checked + label span {
        pointer-events: none; }
        .main-menu-container .main-menu .menu_right .button-checkbox input[type="checkbox"]:checked + label span::before, .main-menu-container .main-menu .menu_right .button-checkbox input[type="checkbox"]:checked + label span::after {
          transition-duration: .1s;
          transition-delay: 0ms; }
    .main-menu-container .main-menu .menu_right .button-checkbox.switch input[type="checkbox"]:checked + label span {
      pointer-events: all; }
    .main-menu-container .main-menu .menu_right .button-checkbox.no-content-displaying input[type="checkbox"]:checked + label {
      color: #4bd2e2; }
      .main-menu-container .main-menu .menu_right .button-checkbox.no-content-displaying input[type="checkbox"]:checked + label span {
        pointer-events: all; }
    .main-menu-container .main-menu .menu_right .button-checkbox.pop-in-expand ul li a {
      line-height: 2;
      font-family: "futurabook", Arial, sans-serif; }
    .main-menu-container .main-menu .menu_right .button-checkbox.pop-in-expand input[type="checkbox"]:checked + label {
      color: #4bd2e2; }
    .main-menu-container .main-menu .menu_right .mobile-search {
      display: none; }
    .main-menu-container .main-menu .menu_right .button-burger {
      display: none;
      z-index: 1;
      margin-left: 10px; }
      .main-menu-container .main-menu .menu_right .button-burger .hamburger {
        z-index: 2; }
    .main-menu-container .main-menu .menu_right .mobile-nav {
      background-color: #48a2ab;
      display: block;
      overflow: auto;
      width: 0px;
      right: -100%;
      /* activation de l'AM grâce à cette ligne valeur 0 */
      -webkit-transform: translateZ(0);
              transform: translateZ(0);
      transition: right 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .main-menu-container .main-menu .menu_right .mobile-nav .mobile-nav-content {
        display: none; }
      .main-menu-container .main-menu .menu_right .mobile-nav .sub-sub-menu {
        padding-top: 24px;
        padding-bottom: 0px; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: .6; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: .6; } }
    .main-menu-container .main-menu .menu_right .background-overlay {
      display: none;
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
      z-index: -1;
      background-color: #000000;
      -webkit-animation: fade-in .5s;
              animation: fade-in .5s; }
    .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked + label {
      position: absolute;
      top: 16px;
      right: 16px; }
    .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked ~ .mobile-nav {
      display: block;
      position: fixed;
      height: 100%;
      width: 90%;
      top: 0;
      right: 0; }
      .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked ~ .mobile-nav .mobile-nav-content {
        display: block;
        padding: 2.5rem; }
        .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked ~ .mobile-nav .mobile-nav-content .mobile-client-menu {
          width: 100%; }
          .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked ~ .mobile-nav .mobile-nav-content .mobile-client-menu li a.is-disabled {
            color: #777777 !important; }
            .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked ~ .mobile-nav .mobile-nav-content .mobile-client-menu li a.is-disabled:hover {
              cursor: not-allowed; }
        .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked ~ .mobile-nav .mobile-nav-content .account-actions ul li {
          background: none; }
          .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked ~ .mobile-nav .mobile-nav-content .account-actions ul li:nth-of-type(1) a {
            line-height: 1.8; }
          .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked ~ .mobile-nav .mobile-nav-content .account-actions ul li:nth-of-type(2) {
            margin-left: 0.75rem; }
            .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked ~ .mobile-nav .mobile-nav-content .account-actions ul li:nth-of-type(2) a {
              color: #FFFFFF;
              letter-spacing: 1px;
              padding: 0 0.75rem; }
              .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked ~ .mobile-nav .mobile-nav-content .account-actions ul li:nth-of-type(2) a:hover {
                background-color: transparent; }
        .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked ~ .mobile-nav .mobile-nav-content .account-actions + li {
          margin-bottom: 20px; }
          .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked ~ .mobile-nav .mobile-nav-content .account-actions + li[hidden] {
            display: none !important; }
          .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked ~ .mobile-nav .mobile-nav-content .account-actions + li i {
            margin-right: 12px; }
        .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked ~ .mobile-nav .mobile-nav-content li.new {
          padding-top: 20px; }
          .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked ~ .mobile-nav .mobile-nav-content li.new .new {
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            min-height: 33px;
            height: 33px;
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 0;
            padding-bottom: 0;
            margin-left: auto;
            margin-right: auto; }
            .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked ~ .mobile-nav .mobile-nav-content li.new .new div {
              min-height: 33px;
              height: 33px;
              line-height: 0;
              padding: 0; }
        .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked ~ .mobile-nav .mobile-nav-content .button-checkbox {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin: 0;
          width: 100%;
          height: 100%;
          min-height: 46px;
          margin-top: 4px; }
          .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked ~ .mobile-nav .mobile-nav-content .button-checkbox::after {
            content: '';
            border-bottom: 1px solid #FFF;
            width: 100%;
            bottom: 0px;
            position: absolute; }
          .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked ~ .mobile-nav .mobile-nav-content .button-checkbox label {
            color: #FFF;
            font-size: 16px;
            -webkit-box-align: stretch;
                -ms-flex-align: stretch;
                    align-items: stretch; }
            .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked ~ .mobile-nav .mobile-nav-content .button-checkbox label span {
              line-height: 2; }
            .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked ~ .mobile-nav .mobile-nav-content .button-checkbox label i {
              font-size: 20px;
              width: 20px;
              -webkit-transform: rotate(90deg);
                      transform: rotate(90deg); }
              .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked ~ .mobile-nav .mobile-nav-content .button-checkbox label i::before {
                top: 0;
                right: -2px; }
          .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked ~ .mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul {
            display: block;
            position: relative;
            top: 0;
            -webkit-filter: none;
                    filter: none; }
            .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked ~ .mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li {
              background-color: transparent;
              margin-left: 10px;
              margin-bottom: 4px; }
              .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked ~ .mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li:last-of-type {
                margin-bottom: 12px; }
              .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked ~ .mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li a, .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked ~ .mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li button {
                width: auto;
                height: auto;
                margin: 0;
                display: block;
                padding: 0 12px;
                position: relative;
                background-color: transparent;
                color: white;
                border-bottom-left-radius: 0 !important;
                border-bottom-right-radius: 0 !important; }
                .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked ~ .mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li a.active:before, .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked ~ .mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li button.active:before {
                  content: "";
                  position: absolute;
                  width: 3px;
                  height: 19px;
                  background-color: white;
                  left: 0;
                  margin-top: 10px; }
              .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked ~ .mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li div {
                background-color: transparent;
                padding-left: 10px; }
                .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked ~ .mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li div a {
                  border: none;
                  -ms-flex-item-align: stretch;
                      align-self: stretch; }
                  .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked ~ .mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li div a div {
                    text-align: left; }
                  .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked ~ .mobile-nav .mobile-nav-content .button-checkbox .content-displaying ul li div a p {
                    color: white; }
          .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked ~ .mobile-nav .mobile-nav-content .button-checkbox input[type="radio"]:checked ~ label {
            margin-top: 10px; }
            .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked ~ .mobile-nav .mobile-nav-content .button-checkbox input[type="radio"]:checked ~ label i {
              -webkit-transform: rotate(180deg);
                      transform: rotate(180deg);
              color: #FFF; }
              .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked ~ .mobile-nav .mobile-nav-content .button-checkbox input[type="radio"]:checked ~ label i::before {
                top: 0;
                right: -2px; }
          .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked ~ .mobile-nav .mobile-nav-content .button-checkbox input[type="radio"]:checked ~ .content-displaying {
            max-height: 1000px; }
    .main-menu-container .main-menu .menu_right .button-burger input[type="checkbox"]:checked ~ .background-overlay {
      display: block;
      opacity: .6; }
    @media only screen and (max-width: 1100px) {
      .main-menu-container .main-menu {
        padding: 0 15px; }
        .main-menu-container .main-menu .menu_left ul li {
          display: none; }
          .main-menu-container .main-menu .menu_left ul li:first-child {
            display: block; }
        .main-menu-container .main-menu .menu_right .hide-on-mobile {
          display: none; }
        .main-menu-container .main-menu .menu_right > .new {
          display: none; }
        .main-menu-container .main-menu .menu_right .button-burger, .main-menu-container .main-menu .menu_right .mobile-search, .main-menu-container .main-menu .menu_right .cart {
          display: block; } }

.not-contractual-ribbon {
  background-color: #464646;
  color: #646464;
  text-align: center;
  padding: 4px;
  padding: 0.25rem; }

.offer__category {
  height: 32px;
  height: 2rem;
  margin-bottom: 8px;
  margin-bottom: 0.5rem; }

.offer__product-row {
  width: auto; }

.offer.container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  margin-left: -12px;
  margin-right: -12px;
  padding: 0; }
  @media only screen and (max-width: 1200px) {
    .offer.container {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }

.offer__product {
  position: relative; }
  .offer__product:before {
    border-width: 4px;
    border-width: 0.25rem;
    border-style: solid;
    border-color: #afd9dd;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 12px;
    right: 12px;
    background-color: #FFFFFF;
    z-index: -1; }
  .offer__product.no-border::before {
    border: none; }
  .offer__product .body {
    padding: 48px 24px 16px;
    padding: 3rem 1.5rem 1rem;
    text-align: center; }
  .offer__product.licence {
    width: 25%; }
    .offer__product.licence:before {
      border-width: 3px;
      border-width: 0.1875rem;
      border-radius: 10px; }
    .offer__product.licence:hover {
      cursor: default; }
      .offer__product.licence:hover:before {
        background-color: #ebf6f7; }
    .offer__product.licence.abtesting {
      width: 50%; }
    .offer__product.licence.highlight:before {
      border-color: #ebf6f7;
      background-color: #ebf6f7; }
    .offer__product.licence .body {
      padding: 32px 48px 16px;
      padding: 2rem 3rem 1rem; }
      @media only screen and (max-width: 768px) {
        .offer__product.licence .body {
          padding: 32px 32px 16px;
          padding: 2rem 2rem 1rem; } }
      .offer__product.licence .body .offer-subheading {
        color: #646464; }
      .offer__product.licence .body h3 {
        display: inline-block;
        color: #67b7bf;
        font-family: "futurademi", Arial, sans-serif;
        line-height: 1.2;
        margin-bottom: 1.5rem;
        margin-left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        white-space: nowrap; }
        @media only screen and (max-width: 1200px) {
          .offer__product.licence .body h3 {
            margin-left: 0;
            -webkit-transform: none;
                    transform: none; } }
        .offer__product.licence .body h3 div {
          color: #646464; }
        .offer__product.licence .body h3 .cut-price {
          display: inline-block;
          text-decoration: line-through;
          color: #646464;
          margin-bottom: 0; }
      .offer__product.licence .body .button-list {
        max-width: 250px; }
      .offer__product.licence .body .button-price-tag > div > div:last-child {
        background-color: #67b7bf; }
        .offer__product.licence .body .button-price-tag > div > div:last-child:hover {
          background-color: #48a2ab; }
      .offer__product.licence .body .button.bordered:hover {
        background-color: #FFFFFF;
        color: #67b7bf; }
    .offer__product.licence[promo] .body h3 {
      color: #4bd2e2; }
    .offer__product.licence[promo] .body .button-price-tag > div > div:last-child {
      background-color: #4bd2e2; }
      .offer__product.licence[promo] .body .button-price-tag > div > div:last-child:hover {
        background-color: #0ec6dc; }
    .offer__product.licence[promo] .button-cart {
      background-color: #4bd2e2; }
      .offer__product.licence[promo] .button-cart:hover {
        background-color: #0ec6dc; }
    @media only screen and (max-width: 1200px) {
      .offer__product.licence {
        width: 50%;
        margin-bottom: 1.5rem; } }
    @media only screen and (max-width: 620px) {
      .offer__product.licence {
        width: 100%;
        margin-bottom: 1.5rem; } }
  .offer__product.trackpacks {
    width: 100%;
    display: block;
    padding: 4px 16px; }
    .offer__product.trackpacks::before {
      border-style: none;
      border-radius: 10px; }
    @media only screen and (max-width: 1200px) {
      .offer__product.trackpacks {
        margin-bottom: 1.5rem; } }
    .offer__product.trackpacks .pack-selector {
      margin-bottom: 30px; }
      .offer__product.trackpacks .pack-selector .pack {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column;
            flex-flow: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 32px 32px 0rem 32px;
        padding: 2rem 2rem 0rem 2rem; }
        .offer__product.trackpacks .pack-selector .pack > * {
          width: 12rem;
          text-align: center; }
        .offer__product.trackpacks .pack-selector .pack .quantity-picker {
          margin-bottom: 12px;
          margin-bottom: 0.75rem; }
        .offer__product.trackpacks .pack-selector .pack .offer-heading {
          font-size: 1rem;
          margin-bottom: 8px;
          margin-bottom: 0.5rem; }
        .offer__product.trackpacks .pack-selector .pack .button-checkbox {
          margin: 0 7px; }
        .offer__product.trackpacks .pack-selector .pack .discount {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          margin: 8px 0rem 0rem 0rem;
          margin: 0.5rem 0rem 0rem 0rem;
          text-transform: uppercase;
          white-space: nowrap; }
          .offer__product.trackpacks .pack-selector .pack .discount .discount-amount {
            font-family: "futurabold", Arial, sans-serif;
            margin-left: 8px; }
    .offer__product.trackpacks .pack-displaying {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin: 20px 4rem 0 4rem; }
      @media only screen and (max-width: 992px) {
        .offer__product.trackpacks .pack-displaying {
          -ms-flex-flow: column;
              flex-flow: column;
          margin: 0 3rem; } }
      .offer__product.trackpacks .pack-displaying .pack {
        padding: 8px 32px 40px 32px;
        padding: 0.5rem 2rem 2.5rem 2rem;
        text-align: center;
        width: 100%; }
        @media only screen and (max-width: 992px) {
          .offer__product.trackpacks .pack-displaying .pack {
            padding: 16px;
            padding: 1rem; }
            .offer__product.trackpacks .pack-displaying .pack:last-child {
              padding-bottom: 40px;
              padding-bottom: 2.5rem; } }
        .offer__product.trackpacks .pack-displaying .pack .offer-heading {
          text-align: center; }
        .offer__product.trackpacks .pack-displaying .pack h3 {
          display: inline-block;
          color: #67b7bf;
          font-family: "futurabook", Arial, sans-serif;
          line-height: 1.2;
          margin-bottom: 1rem;
          min-height: 56px; }
          @media only screen and (max-width: 992px) {
            .offer__product.trackpacks .pack-displaying .pack h3 {
              margin-bottom: 0.5rem;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: baseline;
                  -ms-flex-align: baseline;
                      align-items: baseline;
              -webkit-box-pack: center;
                  -ms-flex-pack: center;
                      justify-content: center;
              min-height: initial; } }
          .offer__product.trackpacks .pack-displaying .pack h3 div {
            color: #646464;
            display: inline-block; }
            @media only screen and (max-width: 992px) {
              .offer__product.trackpacks .pack-displaying .pack h3 div {
                margin-left: 8px; } }
        .offer__product.trackpacks .pack-displaying .pack .button-list {
          margin: 0;
          width: auto; }
          @media only screen and (max-width: 992px) {
            .offer__product.trackpacks .pack-displaying .pack .button-list {
              max-width: 250px;
              margin: 0 auto; } }
      .offer__product.trackpacks .pack-displaying.all-licences .pack {
        padding: 8px 16px 40px 16px;
        padding: 0.5rem 1rem 2.5rem 1rem; }
        .offer__product.trackpacks .pack-displaying.all-licences .pack:nth-of-type(1) {
          padding: 8px 16px 40px 64px;
          padding: 0.5rem 1rem 2.5rem 4rem; }
        .offer__product.trackpacks .pack-displaying.all-licences .pack:nth-of-type(4) {
          padding: 8px 64px 40px 16px;
          padding: 0.5rem 4rem 2.5rem 1rem; }
        @media only screen and (max-width: 992px) {
          .offer__product.trackpacks .pack-displaying.all-licences .pack:nth-of-type(1), .offer__product.trackpacks .pack-displaying.all-licences .pack:nth-of-type(2), .offer__product.trackpacks .pack-displaying.all-licences .pack:nth-of-type(3), .offer__product.trackpacks .pack-displaying.all-licences .pack:nth-of-type(4) {
            padding: 8px 64px 12px 64px;
            padding: 0.5rem 4rem 0.75rem 4rem; }
          .offer__product.trackpacks .pack-displaying.all-licences .pack:nth-of-type(4) {
            padding: 8px 64px 40px 64px;
            padding: 0.5rem 4rem 2.5rem 4rem; } }
  .offer__product.exclusive {
    width: 50%;
    display: block;
    padding: 4px 16px; }
    .offer__product.exclusive::before {
      border-radius: 10px; }
    @media only screen and (max-width: 1200px) {
      .offer__product.exclusive {
        margin-bottom: 1.5rem; } }
    @media only screen and (max-width: 992px) {
      .offer__product.exclusive {
        width: 90%; } }
    .offer__product.exclusive .exclusive-offer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin: 0; }
      @media only screen and (max-width: 992px) {
        .offer__product.exclusive .exclusive-offer {
          -ms-flex-flow: column;
              flex-flow: column; } }
      .offer__product.exclusive .exclusive-offer .pack {
        padding: 32px;
        padding: 2rem;
        text-align: center;
        width: 100%; }
        @media only screen and (max-width: 992px) {
          .offer__product.exclusive .exclusive-offer .pack {
            padding: 32px;
            padding: 2rem; } }
        .offer__product.exclusive .exclusive-offer .pack .offer-heading {
          text-align: center;
          margin-bottom: 1.5rem; }
        .offer__product.exclusive .exclusive-offer .pack h1 {
          line-height: 1;
          margin-bottom: 0.5rem; }
        .offer__product.exclusive .exclusive-offer .pack h3 {
          display: inline-block;
          color: #4bd2e2;
          font-family: "futurademi", Arial, sans-serif;
          line-height: 1.2;
          margin-bottom: 1.5rem; }
          .offer__product.exclusive .exclusive-offer .pack h3 div {
            color: #646464; }
            @media only screen and (max-width: 992px) {
              .offer__product.exclusive .exclusive-offer .pack h3 div {
                display: inline-block; } }
          .offer__product.exclusive .exclusive-offer .pack h3.cut-price {
            display: block;
            text-decoration: line-through;
            color: #646464;
            margin-bottom: 0; }
        .offer__product.exclusive .exclusive-offer .pack .button-list {
          margin: 0;
          width: auto; }
          @media only screen and (max-width: 992px) {
            .offer__product.exclusive .exclusive-offer .pack .button-list {
              max-width: 250px;
              margin: 0 auto; } }
  .offer__product .button-list.vertical {
    margin-bottom: 1rem;
    margin: 0rem auto 1.5rem; }
    .offer__product .button-list.vertical .button-price-tag > div > div {
      text-align: center; }
  .offer__product .price, .offer__product .old-price {
    font-size: 26px;
    color: #67b7bf; }
    .offer__product .price, .offer__product .price-year, .offer__product .old-price, .offer__product .old-price-year {
      display: inline-block; }
    .offer__product .price-year, .offer__product .old-price-year {
      margin-bottom: 16px;
      margin-bottom: 1rem;
      color: #b3b3b3;
      line-height: 3.182; }
  .offer__product .old-price {
    border: none;
    color: #999999;
    font-size: 1.5rem;
    position: relative;
    display: inline-block;
    margin-right: 8px; }
    .offer__product .old-price::before {
      content: '';
      width: 100%;
      position: absolute;
      right: 0;
      top: 50%;
      border-bottom: 1px solid;
      -webkit-transform: skewY(-10deg);
              transform: skewY(-10deg); }
  .offer__product .price-condition {
    color: #67b7bf;
    font-size: 0.75rem;
    padding-bottom: 1.25rem;
    margin-top: -0.5rem; }
  .offer__product .information {
    text-align: left;
    line-height: 1.334; }
    @media only screen and (max-width: 620px) {
      .offer__product .information {
        text-align: center; } }
    .offer__product .information p {
      color: gray;
      font-family: "futurademi", Arial, sans-serif;
      margin-bottom: 8px;
      margin-bottom: 0.5rem; }
    .offer__product .information ul {
      color: #646464;
      margin-bottom: 16px;
      margin-bottom: 1rem; }
      .offer__product .information ul > li {
        margin-bottom: 6px;
        margin-bottom: 0.375rem;
        font-size: 13px; }
    .offer__product .information .button-checkbox {
      min-width: 200px; }
      @media only screen and (max-width: 620px) {
        .offer__product .information .button-checkbox > label {
          text-align: center; } }
  .offer__product.no-year-price .body {
    padding: 2rem 1.5rem 1rem; }
  .offer__product.no-year-price .price {
    margin-bottom: 20px; }

.offer__alternative-cta {
  margin: 32px auto;
  margin: 2rem auto; }

.button-checkbox.expand > .licences-displaying {
  transition: all 0.1s ease-in;
  height: 0px;
  display: block;
  opacity: 0;
  margin-top: 2rem; }
  .button-checkbox.expand > .licences-displaying > ul {
    display: none; }

.button-checkbox.expand .separator {
  display: block;
  margin: 0 auto 2rem;
  width: 2.5rem;
  height: 0.5rem;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  content: "";
  display: table; }

.button-checkbox.expand .offer__alternative-cta {
  margin-bottom: 4rem; }

.button-checkbox.expand input[type="checkbox"]:checked ~ .licences-displaying {
  opacity: 1;
  transition-property: all;
  height: 100%;
  margin-bottom: 2rem; }
  .button-checkbox.expand input[type="checkbox"]:checked ~ .licences-displaying > ul {
    display: block; }

.button-checkbox.expand input[type="checkbox"]:checked ~ .offer__alternative-cta {
  -webkit-animation-name: opak;
          animation-name: opak;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s; }

@-webkit-keyframes opak {
  0%, 68% {
    opacity: 0; }
  68%, 100% {
    opacity: 1; } }

@keyframes opak {
  0%, 68% {
    opacity: 0; }
  68%, 100% {
    opacity: 1; } }

.offer-category {
  line-height: 1.334;
  color: #b3b3b3;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center; }
  .offer-category.highlight {
    color: #8bc8ce; }

.offer-heading {
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  font-family: "futurademi", Arial, sans-serif;
  line-height: 1.2; }
  .offer-heading.highlight {
    color: #48a2ab; }

.offer-subheading {
  margin: 8px 0 16px;
  margin: 0.5rem 0 1rem;
  min-height: 41px;
  min-height: 2.5625rem;
  display: block;
  line-height: 1.5; }
  .offer-subheading.highlight {
    color: #48a2ab; }

.pagination {
  width: 100%;
  text-align: center;
  margin-top: 48px;
  margin-top: 3rem; }
  .pagination * {
    display: inline-block; }
  .pagination li {
    font-size: 0; }
  .pagination a,
  .pagination span:not(.pager-gap) {
    padding: 16px;
    padding: 1rem;
    height: 48px;
    height: 3rem;
    min-width: 48px;
    min-width: 3rem;
    text-align: center;
    line-height: 1;
    text-decoration: none; }
    .pagination a:link, .pagination a:visited,
    .pagination span:not(.pager-gap):link,
    .pagination span:not(.pager-gap):visited {
      color: gray; }
    .pagination a:hover, .pagination a:active,
    .pagination span:not(.pager-gap):hover,
    .pagination span:not(.pager-gap):active {
      color: #67b7bf; }
    .pagination a.current-page, .pagination a.disabled,
    .pagination span:not(.pager-gap).current-page,
    .pagination span:not(.pager-gap).disabled {
      cursor: default; }
    .pagination a.disabled,
    .pagination span:not(.pager-gap).disabled {
      color: #b3b3b3;
      pointer-events: none; }
  .pagination .pager-gap {
    display: none; }
  .pagination .group {
    margin: 0 16px;
    margin: 0 1rem; }
    .pagination .group.quick {
      font-family: "futurademi", Arial, sans-serif; }
    .pagination .group.pages a,
    .pagination .group.pages span:not(.pager-gap) {
      border-bottom-width: 1px;
      border-bottom-style: solid;
      border-bottom-color: #e6e6e6; }
      .pagination .group.pages a:hover, .pagination .group.pages a:active, .pagination .group.pages a.current-page,
      .pagination .group.pages span:not(.pager-gap):hover,
      .pagination .group.pages span:not(.pager-gap):active,
      .pagination .group.pages span:not(.pager-gap).current-page {
        border-bottom-color: #67b7bf; }
      .pagination .group.pages a.current-page,
      .pagination .group.pages span:not(.pager-gap).current-page {
        color: #67b7bf; }
  @media only screen and (max-width: 768px) {
    .pagination {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .pagination .group {
        margin: 0; }
        .pagination .group ul li span {
          padding-left: 0;
          padding-right: 0; }
        .pagination .group.pages a {
          display: none; } }

.playlist-pane {
  padding-top: 24px;
  padding-top: 1.5rem;
  background-color: black;
  z-index: 450;
  position: fixed;
  right: -300px;
  right: -18.75rem;
  top: 0;
  bottom: 0;
  color: #FFFFFF;
  transition: right .25s ease-out;
  width: 304px;
  width: 19rem; }
  .playlist-pane.is-opened {
    right: 0; }
  .playlist-pane > div:first-child {
    display: table;
    table-layout: fixed;
    height: 100%; }
    .playlist-pane > div:first-child > div {
      display: table-row; }
      .playlist-pane > div:first-child > div:first-child > div {
        margin: 0 10px 0 24px;
        margin: 0 0.625rem 0 1.5rem; }
      .playlist-pane > div:first-child > div:last-child {
        height: 100%; }
        .playlist-pane > div:first-child > div:last-child > div {
          position: relative;
          height: 100%; }
          .playlist-pane > div:first-child > div:last-child > div > div {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0; }
  .playlist-pane .opener {
    position: absolute;
    background-color: inherit;
    left: -32px;
    left: -2rem;
    margin-top: -18px;
    margin-top: -1.125rem;
    top: 50%; }
  .playlist-pane .tabs-nav {
    padding-right: 14px;
    padding-right: 0.875rem; }
    .playlist-pane .tabs-nav li {
      padding: 12px;
      padding: 0.75rem;
      position: relative;
      white-space: normal; }
      .playlist-pane .tabs-nav li:after {
        content: '';
        height: 1px;
        height: 0.0625rem;
        background-color: #464646;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0; }
      .playlist-pane .tabs-nav li:focus {
        outline: none; }
      .playlist-pane .tabs-nav li.is-active {
        color: #67b7bf; }
        .playlist-pane .tabs-nav li.is-active:after {
          background-color: #67b7bf; }
  .playlist-pane .button-cart {
    margin-top: 24px;
    margin-top: 1.5rem;
    font-size: 12px;
    font-size: 0.75rem;
    width: calc(100% - 36px); }
  .playlist-pane .playlist-picker {
    margin-top: 16px;
    margin-top: 1rem; }
    .playlist-pane .playlist-picker > div:first-child {
      width: 100%; }
  .playlist-pane .tabs-content .tab {
    display: none; }
    .playlist-pane .tabs-content .tab.is-active {
      display: block; }
  .playlist-pane .tabs-content .informational {
    padding: 24px;
    padding: 1.5rem;
    text-align: center; }
    .playlist-pane .tabs-content .informational .button {
      margin-top: 12px;
      margin-top: 0.75rem; }
  .playlist-pane .playlist-track-list {
    margin: 24px 10px 24px 24px;
    margin: 1.5rem 0.625rem 1.5rem 1.5rem; }
    .playlist-pane .playlist-track-list .playlist-track {
      margin-top: 12px;
      margin-top: 0.75rem; }
  .playlist-pane .playlist-track > div:first-child {
    height: 50px;
    height: 3.125rem;
    z-index: 0; }
  .playlist-pane .playlist-track .play {
    width: 50px;
    width: 3.125rem;
    position: relative; }
    .playlist-pane .playlist-track .play img {
      width: 50px;
      width: 3.125rem;
      height: auto; }
    .playlist-pane .playlist-track .play .play-button {
      z-index: 1; }
      .playlist-pane .playlist-track .play .play-button button {
        z-index: 3;
        left: 0;
        width: 50px;
        width: 3.125rem;
        height: 50px;
        height: 3.125rem; }
  .playlist-pane .playlist-track .information {
    width: 100%;
    position: relative;
    padding-left: 10px;
    padding-left: 0.625rem; }
    .playlist-pane .playlist-track .information .layered-hover {
      z-index: 1;
      background-color: #48a2ab;
      display: none;
      line-height: 4.167;
      text-align: center; }
      .playlist-pane .playlist-track .information .layered-hover .button-cart {
        margin: 0;
        width: 100%;
        height: 100%; }
    .playlist-pane .playlist-track .information .link-wrap:hover .layered-hover {
      display: block; }
  .playlist-pane .playlist-track .track-information > div {
    height: 50px;
    height: 3.125rem;
    padding-top: 1px; }
  .playlist-pane .playlist-track.unavailable .information {
    color: gray; }
  .playlist-pane .playlist-track > .info {
    display: block;
    border: 1px dotted #464646;
    text-align: center;
    color: #cccccc;
    padding: 8px;
    padding: 0.5rem; }
  .playlist-pane .playlist-track .action > div {
    width: 36px;
    width: 2.25rem;
    height: 36px;
    height: 2.25rem; }
  .playlist-pane.wiggle {
    -webkit-animation-duration: .7s;
            animation-duration: .7s;
    -webkit-animation-name: paneWiggle;
            animation-name: paneWiggle;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }

@-webkit-keyframes paneWiggle {
  0% {
    background-color: #232323; }
  25% {
    background-color: #67b7bf; }
  50% {
    background-color: #232323; }
  75% {
    background-color: #67b7bf; }
  100% {
    background-color: #232323; } }

@keyframes paneWiggle {
  0% {
    background-color: #232323; }
  25% {
    background-color: #67b7bf; }
  50% {
    background-color: #232323; }
  75% {
    background-color: #67b7bf; }
  100% {
    background-color: #232323; } }
  @media only screen and (max-width: 1110px) {
    .playlist-pane {
      z-index: 640; } }

.promocode-ribbon {
  background-color: #67b7bf;
  color: #FFFFFF;
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 430;
  cursor: pointer; }
  .promocode-ribbon:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    box-shadow: inset 0px -2px 0px 0px white;
    pointer-events: none; }
  .promocode-ribbon > div {
    color: #FFFFFF;
    text-decoration: none;
    cursor: pointer;
    display: inherit;
    padding: 24px;
    padding: 1.5rem; }
  .promocode-ribbon_primary, .promocode-ribbon_secondary {
    text-align: center; }
  .promocode-ribbon_primary {
    font-weight: "futurabold", Arial, sans-serif; }
  .promocode-ribbon_countdown {
    display: none; }
    .promocode-ribbon_countdown .item {
      display: inline-block;
      text-align: center;
      margin: 1px 4px 0; }
      .promocode-ribbon_countdown .item .value,
      .promocode-ribbon_countdown .item .unit {
        display: inline-block; }
    @media only screen and (max-width: 1200px) {
      .promocode-ribbon_countdown.free-trial .item:last-of-type {
        display: none; } }
    @media only screen and (max-width: 992px) {
      .promocode-ribbon_countdown.free-trial {
        display: inline-block;
        text-align: center;
        width: 100%; }
        .promocode-ribbon_countdown.free-trial .item .value {
          font-size: 1.5rem; } }
  .promocode-ribbon_secondary span {
    font-weight: "futurabold", Arial, sans-serif; }
  .promocode-ribbon_cta {
    text-align: right; }
    @media only screen and (max-width: 992px) {
      .promocode-ribbon_cta .cta {
        display: none; } }
    @media only screen and (max-width: 992px) {
      .promocode-ribbon_cta.free-trial {
        display: inline-block;
        text-align: center;
        width: 100%;
        padding-top: 10px; }
        .promocode-ribbon_cta.free-trial .cta {
          height: 48px;
          height: 3rem; } }
    .promocode-ribbon_cta.free-trial .cta {
      display: inline-block;
      color: white;
      background-color: #67b7bf; }
      .promocode-ribbon_cta.free-trial .cta:hover {
        background-color: #48a2ab; }
  .promocode-ribbon .cta {
    height: 64px;
    height: 4rem;
    padding: 0 21px 0 24px;
    padding: 0 1.3125rem 0 1.5rem;
    background-color: #ffe31a;
    font-weight: "futurabold", Arial, sans-serif;
    color: #000000; }
    .promocode-ribbon .cta:hover {
      background-color: #e6ca00; }
    .promocode-ribbon .cta span {
      margin-right: 8px;
      margin-right: 0.5rem;
      display: none; }
    .promocode-ribbon .cta .free-trial {
      display: inline; }
    .promocode-ribbon .cta .icon {
      top: 1px; }
  .promocode-ribbon .cta-disclaimer {
    color: white;
    font-size: 12px;
    margin: 0 5px; }
  .promocode-ribbon .button-cart {
    background-color: #ffe31a;
    width: 210px;
    float: right; }
    .promocode-ribbon .button-cart .button-cart-text-container p {
      color: black;
      line-height: 1.4; }
    .promocode-ribbon .button-cart:hover {
      background-color: #fbff00; }
    @media only screen and (max-width: 992px) {
      .promocode-ribbon .button-cart {
        float: none;
        margin: 10px auto 10px; } }
  @media only screen and (min-width: 992px) {
    .promocode-ribbon > div {
      display: table;
      width: 100%;
      padding: 0;
      height: 64px;
      height: 4rem; }
      .promocode-ribbon > div > div {
        display: table-cell;
        vertical-align: middle; }
    .promocode-ribbon_primary, .promocode-ribbon_countdown, .promocode-ribbon_cta {
      white-space: nowrap; }
    .promocode-ribbon_primary, .promocode-ribbon_secondary {
      padding: 0 24px;
      padding: 0 1.5rem; }
    .promocode-ribbon_secondary {
      text-align: right;
      width: 100%; } }
  @media only screen and (min-width: 1200px) {
    .promocode-ribbon .cta span {
      display: inline-block; } }
  @media only screen and (max-width: 1110px) {
    .promocode-ribbon {
      position: relative; } }

.scheme {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  text-align: center;
  font-size: 0; }
  .scheme > * {
    display: inline-block;
    vertical-align: middle; }
  .scheme__ball {
    width: 128px;
    width: 8rem;
    height: 128px;
    height: 8rem;
    padding: 24px 0;
    padding: 1.5rem 0;
    position: relative;
    text-transform: uppercase;
    color: #FFFFFF;
    font-family: "futurademi", Arial, sans-serif; }
    .scheme__ball > div {
      height: 100%;
      position: relative; }
    .scheme__ball:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      border-radius: 100%;
      width: 100%;
      height: 100%;
      background-color: #67b7bf;
      color: #FFFFFF;
      z-index: -1; }
  .scheme__link-money {
    width: 160px;
    width: 10rem;
    height: 64px;
    height: 4rem;
    text-align: center;
    position: relative;
    color: #67b7bf; }
    .scheme__link-money > div {
      width: 64px;
      width: 4rem;
      height: 64px;
      height: 4rem;
      border-width: 2px;
      border-width: 0.125rem;
      padding-left: 1px;
      padding-left: 0.0625rem;
      display: inline-block;
      border-radius: 100%;
      border-color: #67b7bf;
      border-style: solid;
      line-height: 3.75;
      text-align: center;
      font-family: "futurademi", Arial, sans-serif;
      background-color: #FFFFFF; }
    .scheme__link-money:before {
      content: '';
      position: absolute;
      top: 32px;
      top: 2rem;
      height: 2px;
      height: 0.125rem;
      left: 0;
      width: 100%;
      z-index: -1;
      background-color: #67b7bf; }
    .scheme__link-money:after {
      right: -2px;
      right: -0.125rem;
      margin-top: -7px;
      margin-top: -0.4375rem;
      position: absolute;
      content: '';
      width: 0;
      height: 0;
      top: 50%;
      border-width: 8px;
      border-width: 0.5rem;
      border-left-width: 13px;
      border-left-width: 0.8125rem;
      border-style: solid;
      border-color: transparent;
      border-left-color: #67b7bf;
      border-right: none; }

.search-module {
  table-layout: fixed;
  position: relative;
  border-bottom: 1px solid #cccccc; }
  @media only screen and (max-width: 768px) {
    .search-module {
      min-height: 48px; } }
  .search-module__left, .search-module__right {
    text-align: center;
    width: 64px;
    width: 4rem;
    background-color: #FFFFFF; }
    .search-module__left button, .search-module__right button {
      line-height: 1;
      vertical-align: middle; }
      .search-module__left button:focus, .search-module__right button:focus {
        outline: none; }
  .search-module__left {
    color: #8bc8ce; }
  .search-module__field {
    width: 100%; }
  .search-module__right {
    color: #b3b3b3;
    width: 84px;
    width: 5.25rem; }
  .search-module .chosen-container {
    width: 100%;
    position: initial; }
    .search-module .chosen-container .chosen-drop {
      box-shadow: none;
      border: none;
      border-bottom: 2px solid #8bc8ce;
      margin-top: 1px;
      left: 0rem;
      right: 4rem;
      max-height: 288px;
      max-height: 18rem;
      overflow-y: scroll; }
    .search-module .chosen-container .chosen-results {
      max-height: none;
      padding-bottom: 16px;
      padding-bottom: 1rem; }
      .search-module .chosen-container .chosen-results li {
        padding: 12px;
        padding: 0.75rem;
        line-height: 1.143;
        color: gray; }
        .search-module .chosen-container .chosen-results li.highlighted {
          color: #FFFFFF; }
        .search-module .chosen-container .chosen-results li.group-result {
          color: #b3b3b3;
          line-height: 1.334;
          margin-top: 16px;
          margin-top: 1rem; }
          .search-module .chosen-container .chosen-results li.group-result:first-child {
            margin-top: 8px;
            margin-top: 0.5rem; }
  .search-module .chosen-container-multi .chosen-choices {
    border: none;
    background-image: none;
    padding: 16px 0;
    padding: 1rem 0; }
    @media only screen and (max-width: 768px) {
      .search-module .chosen-container-multi .chosen-choices {
        padding: 4px 0; } }
    .search-module .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
      padding-left: 0; }
  .search-module .chosen-container-active .chosen-choices {
    box-shadow: none;
    display: block; }

.showcase {
  padding: 48px 0 38px;
  padding: 3rem 0 2.375rem;
  background-color: #fcfcfc; }
  .showcase__slider {
    overflow-x: hidden;
    padding: 24px 0;
    padding: 1.5rem 0; }
  .showcase__rail {
    position: relative;
    width: 10000%;
    left: 0;
    transition: left .4s linear; }
  .showcase__view {
    float: left;
    width: 1%; }
  .showcase__nav {
    text-align: center;
    margin-top: 24px;
    margin-top: 1.5rem; }
    .showcase__nav [type='radio'] {
      display: none; }
      .showcase__nav [type='radio']:checked + .showcase__radio:before {
        background-color: #67b7bf; }
  .showcase__radio {
    display: inline-block;
    height: 32px;
    height: 2rem;
    width: 32px;
    width: 2rem;
    position: relative;
    cursor: pointer; }
    .showcase__radio:before {
      position: absolute;
      top: 10px;
      top: 0.625rem;
      left: 10px;
      left: 0.625rem;
      content: '';
      height: 12px;
      height: 0.75rem;
      width: 12px;
      width: 0.75rem;
      border-radius: 100%;
      background-color: #cccccc; }
    .showcase__radio:hover:before {
      background-color: #999999; }
  .showcase__screen {
    margin-bottom: 24px;
    margin-bottom: 1.5rem; }
  .showcase__title {
    line-height: 1.2; }
  .showcase__author {
    font-family: "futurademi", Arial, sans-serif;
    color: #67b7bf;
    text-transform: uppercase; }
  .showcase__track {
    padding: 0 0 16px 32px;
    padding: 0 0 1rem 2rem;
    position: relative;
    display: block; }
    .showcase__track-icon {
      position: absolute;
      top: 24px;
      top: 1.5rem;
      left: 0; }
  @media only screen and (min-width: 768px) {
    .showcase__description {
      font-size: 16px;
      font-size: 1rem; } }
  @media only screen and (min-width: 992px) {
    .showcase__screen {
      padding-right: 12px;
      padding-right: 0.75rem;
      margin-bottom: 0; }
    .showcase__case {
      padding-left: 12px;
      padding-left: 0.75rem; } }

.credits-table {
  width: 100%; }
  .credits-table tr.most-popular td {
    border-top: 2px solid #67b7bf;
    border-bottom: 2px solid #67b7bf; }
    .credits-table tr.most-popular td:first-child {
      border-left: 2px solid #67b7bf; }
    .credits-table tr.most-popular td:last-child {
      border-right: 2px solid #67b7bf; }
  .credits-table th,
  .credits-table td {
    padding: 16px;
    padding: 1rem; }
  .credits-table th {
    background-color: #67b7bf;
    color: #FFFFFF;
    font-family: "futurademi", Arial, sans-serif;
    text-align: center; }
  .credits-table td {
    border-bottom: 1px solid #e6e6e6;
    white-space: nowrap; }
    .credits-table td:nth-child(1) {
      border-left: 1px solid #e6e6e6;
      font-family: "futurademi", Arial, sans-serif; }
    .credits-table td:nth-child(2) {
      font-family: "futurademi", Arial, sans-serif;
      color: #8bc8ce; }
    .credits-table td:nth-child(3), .credits-table td:nth-child(4) {
      color: gray; }
    .credits-table td:nth-child(3) {
      width: 100%;
      white-space: normal; }
    .credits-table td:nth-child(4) span {
      font-family: "futurademi", Arial, sans-serif;
      color: #67b7bf; }
    .credits-table td:nth-child(5) {
      border-right: 1px solid #e6e6e6; }
  .credits-table.table-b th {
    background-color: #b3b3b3; }
  .credits-table.table-b td {
    color: gray !important;
    font-weight: initial !important;
    text-transform: uppercase; }
    .credits-table.table-b td span {
      text-transform: none; }
    .credits-table.table-b td:nth-child(1) {
      width: 100%; }
    .credits-table.table-b td:nth-child(2) {
      text-align: right;
      border-right: 1px solid #e6e6e6; }

.credit-perks {
  margin-top: 32px;
  margin-top: 2rem;
  color: #67b7bf; }
  .credit-perks li:before {
    content: '\25B6';
    padding-right: 8px;
    padding-right: 0.5rem; }

@media only screen and (min-width: 1200px) {
  .testimonials > li:nth-child(odd) {
    padding-right: 1.5rem; }
  .testimonials > li:nth-child(even) {
    padding-left: 1.5rem; } }

.testimonials .testimonial {
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }
  .testimonials .testimonial:last-child {
    margin-bottom: 0; }
  .testimonials .testimonial > div:last-child {
    width: 100%;
    padding-left: 24px;
    padding-left: 1.5rem; }
  .testimonials .testimonial .avatar {
    border-width: 3px;
    border-width: 0.1875rem;
    border-style: solid;
    border-color: #8bc8ce;
    border-radius: 100%;
    width: 72px;
    width: 4.5rem;
    height: 72px;
    height: 4.5rem;
    overflow: hidden; }
    .testimonials .testimonial .avatar img {
      float: left; }
  .testimonials .testimonial .name {
    color: gray;
    line-height: 1.3125;
    margin-top: 16px;
    margin-top: 1rem; }
  .testimonials .testimonial .function {
    color: #67b7bf;
    text-transform: uppercase;
    line-height: 1.636;
    margin-bottom: 16px;
    margin-bottom: 1rem;
    letter-spacing: 1px; }

.triptych {
  color: #67b7bf; }
  .triptych .checked-advantages li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    min-height: initial;
    text-align: left;
    font-size: 16px;
    line-height: 1.3;
    margin: 12px 0 0 0;
    color: gray; }
    .triptych .checked-advantages li[bold] {
      font-family: "futurademi", Arial, sans-serif; }
    @media only screen and (max-width: 992px) {
      .triptych .checked-advantages li {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    @media only screen and (max-width: 480px) {
      .triptych .checked-advantages li {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; } }
    .triptych .checked-advantages li i {
      color: #67b7bf;
      margin: 0 6px 0 0;
      font-size: 16px;
      height: 16px;
      width: 16px; }
  .triptych__heading {
    text-align: center;
    margin-bottom: 24px;
    margin-bottom: 1.5rem; }
    @media only screen and (max-width: 768px) {
      .triptych__heading {
        margin-bottom: 0; } }
  .triptych__text-center {
    text-align: center; }
  .triptych__text-center-highlight {
    text-align: center;
    color: #67b7bf !important;
    display: block;
    font-weight: 450; }
  .triptych__category {
    margin-bottom: 16px;
    margin-bottom: 1rem; }
  .triptych__visual {
    display: inline-block;
    width: 71px;
    height: 58px;
    background-repeat: no-repeat;
    background-image: url("https://images.jamendo.com/jamendolicensing/sprites/sprite-triptychs.webp?v1"); }
    .triptych__visual.discount {
      width: 64px;
      height: 64px;
      background-image: url("https://images.jamendo.com/jamendolicensing/sprites/discount.svg?v1"); }
    .triptych__visual.social-media {
      width: 64px;
      height: 64px;
      background-image: url("https://images.jamendo.com/jamendolicensing/sprites/social-media.svg?v1"); }
    .triptych__visual.tracks-for-sync {
      width: 64px;
      height: 64px;
      background-image: url("https://images.jamendo.com/jamendolicensing/sprites/tracks-for-sync.svg?v1"); }
    .triptych__visual.devices {
      background-position: -150px 0px; }
    .triptych__visual.broadcast {
      background-position: -150px -120px; }
    .triptych__visual.surface-based {
      background-position: -150px -240px; }
    .triptych__visual.monetize {
      background-position: -150px -360px; }
    .triptych__visual.secure {
      background-position: -150px -480px; }
    .triptych__visual.pen {
      background-position: -150px -600px; }
    .triptych__visual.a-to-z {
      background-position: -380px 0px; }
    .triptych__visual.music {
      background-position: -380px -120px; }
    .triptych__visual.legal-safety {
      background-position: -380px -240px; }
    .triptych__visual.referral {
      background-position: -380px -360px; }
    .triptych__visual.broadcast-thick {
      background-position: -380px -480px; }
    .triptych__visual.brief {
      background-position: -610px 0px; }
    .triptych__visual.artist-pick {
      background-position: -610px -120px; }
    .triptych__visual.file-delivered {
      background-position: -610px -240px; }
    .triptych__visual.affordable {
      background-position: -610px -360px; }
    .triptych__visual.file-delivered-thick {
      background-position: -610px -480px; }
    .triptych__visual.finest-data {
      background-position: -840px 0px; }
    .triptych__visual.selection {
      background-position: -840px -120px; }
    .triptych__visual.speaker {
      background-position: -840px -240px; }
    .triptych__visual.smile {
      background-position: -840px -360px; }
    .triptych__visual.report {
      background-position: -840px -480px; }
    .triptych__visual.quality {
      background-position: -380px -600px; }
    .triptych__visual.equity {
      background-position: -610px -600px; }
    .triptych__visual.streaming {
      background-position: -840px -600px; }
    .triptych__visual.royalty-free {
      background-position: -150px -720px; }
  .triptych__upside-title {
    margin-bottom: 1.25rem; }
  .triptych__title > div > div {
    height: 48px;
    height: 3rem;
    line-height: 1.2; }
    @media only screen and (max-width: 480px) {
      .triptych__title > div > div {
        display: inline-block;
        margin-bottom: 20px;
        height: auto; } }
  @media only screen and (max-width: 768px) {
    .triptych__title {
      border-bottom: none;
      margin-bottom: -12px;
      margin-bottom: -0.75rem; } }
  .triptych__fact {
    color: #999999;
    margin-bottom: 4px;
    margin-bottom: 0.25rem; }
  .triptych__cta {
    text-align: center;
    margin-top: 24px;
    margin-top: 1.5rem; }
  @media only screen and (min-width: 768px) {
    .triptych__visual {
      width: 142px;
      height: 116px; }
      .triptych__visual.devices {
        background-position: 0px 0px; }
      .triptych__visual.broadcast {
        background-position: 0px -120px; }
      .triptych__visual.surface-based {
        background-position: 0px -240px; }
      .triptych__visual.monetize {
        background-position: 0px -360px; }
      .triptych__visual.secure {
        background-position: 0px -480px; }
      .triptych__visual.pen {
        background-position: 0px -600px; }
      .triptych__visual.a-to-z {
        background-position: -230px 0px; }
      .triptych__visual.music {
        background-position: -230px -120px; }
      .triptych__visual.legal-safety {
        background-position: -230px -240px; }
      .triptych__visual.referral {
        background-position: -230px -360px; }
      .triptych__visual.broadcast-thick {
        background-position: -230px -480px; }
      .triptych__visual.brief {
        background-position: -460px 0px; }
      .triptych__visual.artist-pick {
        background-position: -460px -120px; }
      .triptych__visual.file-delivered {
        background-position: -460px -240px; }
      .triptych__visual.affordable {
        background-position: -460px -360px; }
      .triptych__visual.file-delivered-thick {
        background-position: -460px -480px; }
      .triptych__visual.finest-data {
        background-position: -690px 0px; }
      .triptych__visual.selection {
        background-position: -690px -120px; }
      .triptych__visual.speaker {
        background-position: -690px -240px; }
      .triptych__visual.smile {
        background-position: -690px -360px; }
      .triptych__visual.report {
        background-position: -690px -480px; }
      .triptych__visual.quality {
        background-position: -230px -600px; }
      .triptych__visual.equity {
        background-position: -460px -600px; }
      .triptych__visual.streaming {
        background-position: -690px -600px; }
      .triptych__visual.royalty-free {
        background-position: 0px -720px; } }
  @media only screen and (min-width: 1200px) {
    .triptych_col:nth-of-type(1) {
      padding-right: 24px;
      padding-right: 1.5rem; }
    .triptych_col:nth-of-type(2) {
      padding: 0 18px;
      padding: 0 1.125rem; }
    .triptych_col:nth-of-type(3) {
      padding-left: 24px;
      padding-left: 1.5rem; } }
  @media only screen and (max-width: 992px) {
    .triptych_col {
      text-align: center;
      padding-bottom: 25px; }
    .triptych__heading .button-tradingdesk.wide {
      width: 50%;
      margin: 0 auto; } }

.slider-container {
  border: 1px solid black;
  background-color: #50d891;
  padding-bottom: 25%;
  position: relative; }

.slider-dots {
  margin: 0;
  position: absolute;
  bottom: 0.75rem;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 10; }
  .slider-dots__item {
    display: inline-block;
    padding: 0 .1875rem;
    list-style-type: none;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  .slider-dots__button {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    margin: 0 0.25rem;
    border-radius: 50%;
    border: 2px solid #fff;
    cursor: pointer; }
    .slider-dots__button:before {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      width: 10px;
      height: 10px;
      background: #fff;
      border-radius: 50%;
      transition: -webkit-transform 0.15s;
      transition: transform 0.15s;
      -webkit-transform: translate(-50%, -50%) scale(0);
              transform: translate(-50%, -50%) scale(0); }
    .slider-dots__button.active:before, .slider-dots__button:hover:before {
      -webkit-transform: translate(-50%, -50%) scale(1);
              transform: translate(-50%, -50%) scale(1); }
    .slider-dots__button:focus {
      outline: none; }

.slider-arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none; }
  .slider-arrows__item {
    display: inline-block;
    padding: 0 1rem;
    pointer-events: initial; }
  .slider-arrows__button {
    cursor: pointer;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    color: #FFFFFF;
    outline: none;
    line-height: 1;
    opacity: 0.8;
    transition: .10s;
    transition-timing-function: ease-out;
    transition-property: -webkit-transform;
    transition-property: transform; }
    .slider-arrows__button .icon-chevron-left {
      margin-right: 3px; }
    .slider-arrows__button .icon-chevron-right {
      margin-left: 3px; }
    .slider-arrows__button:focus {
      outline: none; }
    .slider-arrows__button:hover {
      -webkit-transform: scale(1.2);
              transform: scale(1.2);
      opacity: 1; }

.slides-content {
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
  height: 100%; }
  .slides-content .slide {
    position: absolute;
    width: 100%;
    height: 100%; }
    .slides-content .slide__media {
      overflow: hidden;
      position: relative;
      padding-bottom: 25%;
      max-height: 25rem; }
      .slides-content .slide__media.filter::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        opacity: 0.95;
        background-image: linear-gradient(to right, #67b7bf, #67b7bf 25%, transparent 100%); }
      .slides-content .slide__media picture img {
        width: 100%;
        max-width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0; }
      .slides-content .slide__media iframe {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 1; }
    .slides-content .slide__caption {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 10%;
      max-width: 33.33%;
      color: #FFFFFF;
      z-index: 2; }

.slides-sections-content {
  transition: min-height 0.5s 1s;
  margin: 0;
  padding: 0;
  width: 100%;
  position: relative; }
  .slides-sections-content:after {
    content: "";
    display: table;
    clear: both; }
  .slides-sections-content .slide-section {
    position: absolute;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    transition-duration: .5s;
    transition-delay: .5s;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); }
    .slides-sections-content .slide-section.relative {
      position: relative; }
    .slides-sections-content .slide-section.active {
      visibility: visible;
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0); }

.collapse-section {
  position: relative;
  width: 100%;
  max-height: 0;
  visibility: hidden;
  display: none;
  opacity: 0;
  overflow: hidden;
  transition-duration: .3s; }
  .collapse-section.active {
    visibility: visible;
    max-height: 350px;
    opacity: 1;
    display: block; }

.refine-results {
  line-height: 0.8; }

@-webkit-keyframes text-color-less {
  0% {
    color: #b3b3b3; }
  100% {
    color: #b3b3b3; } }

@keyframes text-color-less {
  0% {
    color: #b3b3b3; }
  100% {
    color: #b3b3b3; } }
  .refine-results .main-refine-btn {
    margin: 0.5rem 0; }
  .refine-results .button-checkbox.expand label[for=refine-content] {
    padding: 0rem 0 0.75rem 0; }
    @media only screen and (max-width: 768px) {
      .refine-results .button-checkbox.expand label[for=refine-content] {
        padding: 0.75rem 0; } }
  .refine-results .button-checkbox.expand .content-displaying {
    width: 100%;
    font-size: 0.875rem; }
    @media only screen and (max-width: 768px) {
      .refine-results .button-checkbox.expand .content-displaying {
        margin-top: 10px;
        padding-left: 5px;
        padding-right: 10px; } }
    .refine-results .button-checkbox.expand .content-displaying section {
      border-bottom: 1px solid #ebebeb;
      padding-top: 0.75rem;
      padding-bottom: 0.5rem;
      margin-bottom: 0;
      font-size: 14px;
      font-size: 0.875rem; }
      .refine-results .button-checkbox.expand .content-displaying section h2 {
        color: gray; }
    .refine-results .button-checkbox.expand .content-displaying[visible] {
      max-height: 999px;
      transition: max-height 0.6s cubic-bezier(1, 0, 1, 0); }
      .refine-results .button-checkbox.expand .content-displaying[visible] .see-more-less span {
        -webkit-animation: text-color-less .1s linear .5s;
                animation: text-color-less .1s linear .5s;
        color: #b3b3b3; }
    .refine-results .button-checkbox.expand .content-displaying[no-animation] {
      transition: none; }
      .refine-results .button-checkbox.expand .content-displaying[no-animation] .tgl-light + .tgl-btn, .refine-results .button-checkbox.expand .content-displaying[no-animation] .tgl-light + .tgl-btn:after {
        transition: none; }
  .refine-results .button-checkbox.expand .content-displaying-tags {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-height: 0;
    overflow: hidden; }
    .refine-results .button-checkbox.expand .content-displaying-tags[visible] {
      max-height: 500px;
      transition: max-height 0.6s cubic-bezier(1, 0, 1, 0); }
  .refine-results .button-checkbox.expand input[type="checkbox"]:checked ~ .content-displaying {
    max-height: 2999px;
    -webkit-animation: text-color-less .1s linear .5s;
            animation: text-color-less .1s linear .5s; }
    .refine-results .button-checkbox.expand input[type="checkbox"]:checked ~ .content-displaying[visible] {
      max-height: 1870px;
      transition: max-height 0.6s cubic-bezier(1, 0, 1, 0); }
      @media screen and (max-width: 768px) {
        .refine-results .button-checkbox.expand input[type="checkbox"]:checked ~ .content-displaying[visible] {
          max-height: 1870px; } }
    .refine-results .button-checkbox.expand input[type="checkbox"]:checked ~ .content-displaying[no-animation] {
      transition: none; }
      .refine-results .button-checkbox.expand input[type="checkbox"]:checked ~ .content-displaying[no-animation] .tgl-light + .tgl-btn, .refine-results .button-checkbox.expand input[type="checkbox"]:checked ~ .content-displaying[no-animation] .tgl-light + .tgl-btn:after {
        transition: none; }
  .refine-results .content-displaying.toggle-actions [flex-raw-space-between] {
    margin-bottom: 0.5rem; }
  .refine-results .content-displaying.toggle-actions h3 {
    margin: 0;
    font-size: 15px;
    font-size: 0.9375rem;
    color: gray; }
  .refine-results .content-displaying.toggle-actions .content-displaying h3 {
    padding-left: 12px; }
  .refine-results .content-displaying.toggle-actions .tgl-light + .tgl-btn {
    background: #cccccc !important;
    padding: 2px; }
  .refine-results .content-displaying.toggle-actions .tgl-light:checked + .tgl-btn {
    background: #67b7bf !important; }
  @media screen and (max-width: 768px) {
    .refine-results .content-displaying.toggle-actions[visible] {
      min-height: calc(100vh - 167px);
      max-height: 1870px; }
    @-webkit-keyframes toggle-height {
      0% {
        min-height: 0px;
        max-height: 0px; }
      100% {
        min-height: calc(100vh - 167px);
        max-height: 1870px; } }
    @keyframes toggle-height {
      0% {
        min-height: 0px;
        max-height: 0px; }
      100% {
        min-height: calc(100vh - 167px);
        max-height: 1870px; } } }
  .refine-results .content-displaying.toggle-actions > button {
    margin: 1.5rem auto;
    display: block; }
    @media screen and (min-width: 768px) {
      .refine-results .content-displaying.toggle-actions > button {
        display: none; } }
  .refine-results .form-checkbox-buttons-group {
    position: relative;
    margin-bottom: 0.5rem; }
    .refine-results .form-checkbox-buttons-group .button-checkbox {
      margin: 3px 0px;
      padding: 0;
      width: calc((100% - 12px) / 3); }
      .refine-results .form-checkbox-buttons-group .button-checkbox:nth-child(3n+1) {
        margin-right: 6px; }
      .refine-results .form-checkbox-buttons-group .button-checkbox:nth-child(3n+3) {
        margin-left: 6px; }
      .refine-results .form-checkbox-buttons-group .button-checkbox.right-position {
        margin-left: 6px;
        margin-right: 0px; }
      .refine-results .form-checkbox-buttons-group .button-checkbox label span {
        color: #FFFFFF;
        background-color: #b3b3b3;
        width: 100%;
        text-align: center;
        font-size: 14px;
        font-size: 0.875rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 10px 5px;
        height: 49px;
        line-height: 2.1;
        font-size: 13px; }
      .refine-results .form-checkbox-buttons-group .button-checkbox input[type="checkbox"]:checked + label span {
        background-color: #67b7bf; }
      .refine-results .form-checkbox-buttons-group .button-checkbox.see-more-less label {
        position: relative; }
        .refine-results .form-checkbox-buttons-group .button-checkbox.see-more-less label::after {
          content: '';
          position: absolute;
          border: 1px solid #b3b3b3;
          border-radius: 4px;
          width: 100%;
          height: 100%;
          background-color: transparent;
          display: block; }
        .refine-results .form-checkbox-buttons-group .button-checkbox.see-more-less label span {
          background-color: transparent;
          color: #b3b3b3;
          line-height: 1;
          white-space: initial;
          z-index: 1;
          overflow: visible;
          text-overflow: initial;
          line-height: 2.1;
          font-size: 13px; }
      .refine-results .form-checkbox-buttons-group .button-checkbox.see-more-less ~ .content-displaying, .refine-results .form-checkbox-buttons-group .button-checkbox.see-more-less ~ .content-displaying[visible] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  .refine-results .form-group {
    margin-bottom: 0; }
    .refine-results .form-group label {
      font-size: 15px;
      font-size: 0.9375rem;
      color: gray;
      font-weight: initial;
      text-transform: capitalize; }
      .refine-results .form-group label[for=track_speed] {
        margin-top: 0.75rem;
        margin-bottom: 0.75rem; }
      .refine-results .form-group label[for=track_duration] {
        margin-top: 0.75rem;
        margin-bottom: 0.75rem; }
    .refine-results .form-group .ui-widget-content {
      width: calc(100% - 20px);
      margin-left: 8px; }
    .refine-results .form-group .scale .start, .refine-results .form-group .scale .end {
      margin-top: 1rem; }
    .refine-results .form-group .scale .intermediate {
      margin-top: 0.5rem;
      left: 6%;
      right: 6%; }
    .refine-results .form-group .scale.scale10 {
      margin-bottom: 1rem;
      left: 8px;
      right: 8px;
      width: calc(100% - 16px); }
    .refine-results .form-group .ui-slider-horizontal .ui-slider-handle {
      width: 26px;
      height: 26px;
      top: -10px;
      margin-left: -8px;
      border-width: 2px; }
      .refine-results .form-group .ui-slider-horizontal .ui-slider-handle:last-of-type {
        margin-left: -14px; }

.section-promote {
  padding: 2rem; }
  .section-promote * {
    color: #FFFFFF; }
  .section-promote > div {
    max-width: 75%;
    margin: 0 auto; }
    @media screen and (max-width: 1400px) {
      .section-promote > div {
        max-width: 80%; } }
    @media screen and (max-width: 1400px) {
      .section-promote > div {
        max-width: 85%; } }
    @media screen and (max-width: 1300px) {
      .section-promote > div {
        max-width: 95%; } }
    @media screen and (max-width: 950px) {
      .section-promote > div {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
    @media screen and (max-width: 460px) {
      .section-promote > div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .section-promote > div figure {
      margin: 0; }
      .section-promote > div figure.phone-video {
        background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/phone-video.svg");
        height: 115px;
        width: 65px;
        min-width: 65px; }
    .section-promote > div .text-container {
      padding: 0 2.5rem; }
      .section-promote > div .text-container h1 {
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1.3; }
        .section-promote > div .text-container h1 span {
          color: #87edf9;
          font-family: "futurabold", Arial, sans-serif; }
      .section-promote > div .text-container > p {
        line-height: 1.4; }
        .section-promote > div .text-container > p:last-of-type {
          margin-bottom: 0; }
      @media screen and (max-width: 950px) {
        .section-promote > div .text-container {
          padding-right: 0;
          width: calc(100% - 65px); } }
      @media screen and (max-width: 460px) {
        .section-promote > div .text-container {
          padding-left: 0;
          width: 100%;
          margin-top: 1rem;
          text-align: center; } }
    .section-promote > div button {
      width: 250px;
      min-width: 250px; }
      @media screen and (max-width: 950px) {
        .section-promote > div button {
          margin-left: calc(2.5rem + 65px);
          margin-top: 1rem; } }
      @media screen and (max-width: 460px) {
        .section-promote > div button {
          margin-left: 0; } }
  @media screen and (max-width: 992px) {
    .section-promote.no-picture h1 {
      font-size: 32px; }
    .section-promote.no-picture h2 {
      font-size: 18px; } }
  @media screen and (max-width: 950px) {
    .section-promote.no-picture button {
      margin-left: 0;
      margin-top: 1rem; } }

.banner-promote {
  background-color: #67b7bf;
  width: 100%;
  max-height: 100%;
  position: fixed;
  bottom: 0;
  z-index: 770;
  padding: 2.5rem 2rem;
  transition-duration: .6s;
  transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-transform: translate3d(0px, 100%, 0px);
          transform: translate3d(0px, 100%, 0px);
  overflow: auto !important; }
  .banner-promote.active {
    -webkit-transform: translate3d(0px, 0%, 0px);
            transform: translate3d(0px, 0%, 0px); }
  .banner-promote__close-action {
    float: right;
    margin: -1.5rem -1rem 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .banner-promote__close-action__text {
      margin: 0;
      color: white;
      font-size: 15px; }
    .banner-promote__close-action__icon {
      transition-duration: .4s;
      transition-property: -webkit-transform;
      transition-property: transform;
      font-size: 12px;
      color: white;
      margin-left: 10px; }
    .banner-promote__close-action:hover {
      text-decoration: none; }
      .banner-promote__close-action:hover__icon {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
  .banner-promote__container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (max-width: 992px) {
      .banner-promote__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .banner-promote__container__text-container {
      margin-right: 2.5rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      @media screen and (max-width: 992px) {
        .banner-promote__container__text-container {
          margin-right: 0;
          width: 100%;
          text-align: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; } }
      .banner-promote__container__text-container__text1 {
        font-size: 33px;
        margin-bottom: 8px;
        color: white; }
        @media screen and (max-width: 992px) {
          .banner-promote__container__text-container__text1 {
            font-size: 25px; } }
        @media screen and (max-width: 480px) {
          .banner-promote__container__text-container__text1 {
            font-size: 20px; } }
      .banner-promote__container__text-container__text2 {
        font-size: 24px;
        color: white; }
        @media screen and (max-width: 992px) {
          .banner-promote__container__text-container__text2 {
            font-size: 20px; } }
        @media screen and (max-width: 480px) {
          .banner-promote__container__text-container__text2 {
            font-size: 18px; } }
    .banner-promote__container__cta-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .banner-promote__container__cta-container__btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 250px;
        min-width: 250px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        transition: 0.15s ease-in;
        padding: 0.75rem 0.75rem;
        border-radius: 0.25rem; }
        .banner-promote__container__cta-container__btn--fluo {
          background-color: #fdef16;
          color: #e78e03;
          text-shadow: none;
          font-family: "futurabold", Arial, sans-serif; }
          .banner-promote__container__cta-container__btn--fluo:hover {
            background-color: #ffa200;
            color: #fdef16;
            max-width: calc(100% - 30px); }
      .banner-promote__container__cta-container__countdown {
        color: white;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-top: 10px; }
        .banner-promote__container__cta-container__countdown__item {
          margin-right: 10px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          .banner-promote__container__cta-container__countdown__item:last-of-type {
            margin-right: 0px; }
  .banner-promote__legal {
    max-width: 95%;
    margin: 0 auto;
    font-size: 11px;
    color: white;
    margin-top: 25px; }
    @media screen and (max-width: 992px) {
      .banner-promote__legal {
        margin-top: 15px; } }
  .banner-promote a {
    color: white; }
    .banner-promote a:hover {
      color: white; }

.track-pack-v2 {
  /* /!\ INIT VAR /!\*/
  --color-main: black;
  --color-gray: #7d7d7d;
  --default-font-family: "futurademi", Arial, sans-serif;
  --bold-font-family: "futurabold", Arial, sans-serif;
  --default-font-size: 18px;
  --container-padding: 36px;
  /* /!\ END INIT VAR /!\*/
  color: var(--color-main);
  font-family: var(--default-font-family);
  padding: var(--container-padding);
  text-align: center;
  margin: 0 auto; }
  .track-pack-v2 h2 {
    font-family: var(--bold-font-family); }
  .track-pack-v2 hr {
    border-top: 1px dashed black;
    background: none;
    margin: 24px 0; }
  @media only screen and (max-width: 400px) {
    .track-pack-v2 {
      background-color: var(--color-lightgray);
      padding: 25px;
      margin-bottom: 25px; } }
  .track-pack-v2__p {
    color: var(--color-main);
    display: block; }
    .track-pack-v2__p.bold {
      font-family: var(--bold-font-family); }
    .track-pack-v2__p.biggest {
      font-size: 29px; }
    .track-pack-v2__p.uppercase,
    .track-pack-v2__p span.uppercase {
      text-transform: uppercase; }
    .track-pack-v2__p.excl-tax {
      color: var(--color-gray);
      font-size: 13px; }
    .track-pack-v2__p.no-margin {
      margin: 0; }
  .track-pack-v2__picker {
    margin: 8px auto;
    background-color: white; }
  .track-pack-v2 .informational-link {
    font-family: "futurabook", Arial, sans-serif;
    text-decoration: none; }
    .track-pack-v2 .informational-link:hover {
      text-decoration: underline; }

.dispatch-item {
  padding: 0 12px;
  padding: 0 0.75rem;
  margin-top: 16px;
  margin-top: 1rem; }
  .dispatch-item.catalog a {
    margin-top: 25px; }
    @media only screen and (max-width: 768px) {
      .dispatch-item.catalog a {
        max-width: 337px;
        margin: 0 auto; } }
  .dispatch-item.catalog.no-trial a {
    margin-top: 0px; }
    @media only screen and (max-width: 768px) {
      .dispatch-item.catalog.no-trial a {
        max-width: 100%;
        margin: initial; } }
  @media only screen and (max-width: 992px) {
    .dispatch-item.in-store .btn-img-background {
      margin-left: -30px; } }
  @media only screen and (max-width: 768px) {
    .dispatch-item.in-store .btn-img-background {
      margin: 0 auto; } }

.dispatch h2 {
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  border-bottom-color: #FFFFFF;
  color: #FFFFFF;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  letter-spacing: 0.0625rem; }

.dispatch h2.hidden-xs {
  text-shadow: none;
  color: #FFFFFF;
  text-transform: uppercase; }

@media only screen and (min-width: 768px) {
  .dispatch-item {
    padding: 0 24px;
    padding: 0 1.5rem;
    width: 336px;
    width: 21rem;
    margin-top: 32px;
    margin-top: 2rem; }
    .dispatch-item.catalog {
      float: right; } }

@media only screen and (min-width: 992px) {
  .dispatch-item {
    width: 384px;
    width: 24rem; } }

.referral-form-wrap {
  margin-bottom: 64px;
  margin-bottom: 4rem; }
  .referral-form-wrap-bg {
    background-color: whitesmoke;
    padding: 48px 24px;
    padding: 3rem 1.5rem; }

.import-contacts-wrap {
  display: table;
  margin-top: 16px;
  margin-top: 1rem; }
  .import-contacts-wrap > div:first-child {
    padding-right: 16px;
    padding-right: 1rem; }
  @media only screen and (max-width: 768px) {
    .import-contacts-wrap .button.spread {
      margin: 5px; } }

.share-wrap {
  margin-top: 48px;
  margin-top: 3rem;
  padding-top: 48px;
  padding-top: 3rem;
  border-top: 1px solid #cccccc; }
  .share-wrap .share-url,
  .share-wrap .share-promocode {
    display: inline-block; }
    .share-wrap .share-url + .button,
    .share-wrap .share-promocode + .button {
      margin: 0 8px 4px 8px;
      margin: 0 0.5rem 0.25rem 0.5rem; }
  .share-wrap .share-url {
    width: 384px;
    width: 24rem;
    margin-bottom: 1rem; }
  .share-wrap .share-promocode {
    width: 128px;
    width: 8rem; }
  .share-wrap .button.facebook, .share-wrap .button.messenger {
    margin: 0 4px 4px 0;
    margin: 0 0.25rem 0.25rem 0; }
  @media only screen and (max-width: 480px) {
    .share-wrap .form-control.share-url {
      margin: 5px;
      width: 100%; } }

@media only screen and (min-width: 992px) {
  .referral-aside {
    padding-left: 36px;
    padding-left: 2.25rem; } }

@media only screen and (max-width: 992px) {
  .referral-aside {
    margin-top: 16px;
    margin-top: 1rem; } }

.paypal-change {
  margin-bottom: 16px;
  margin-bottom: 1rem; }
  .paypal-change + .button {
    margin-bottom: 32px;
    margin-bottom: 2rem; }
  .paypal-change a {
    padding-left: 12px;
    padding-left: 0.75rem; }

.referral-table-header > div {
  width: 50%;
  text-align: right; }

.referral-table-header select {
  margin: 1px 0 24px;
  margin: 0.0625rem 0 1.5rem;
  width: auto;
  display: inline-block; }

.referral-table-header .picker-filter {
  padding-right: 24px;
  padding-right: 1.5rem; }

.referral-earnings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 30px 0; }
  .referral-earnings > div {
    width: 50%; }
  .referral-earnings .left-part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
        flex-flow: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-right: 10px; }
  .referral-earnings .total {
    height: 100%;
    background-color: #ebebeb;
    padding: 16px;
    padding: 1rem;
    margin-bottom: 10px;
    font-weight: bold; }
    .referral-earnings .total span {
      margin-top: 8px;
      margin-top: 0.5rem;
      display: block;
      font-weight: initial;
      line-height: 1; }
  .referral-earnings .button-list {
    margin: 0; }
  .referral-earnings a:hover {
    text-decoration: none; }
  @media only screen and (max-width: 1200px) {
    .referral-earnings {
      -ms-flex-flow: column;
          flex-flow: column; }
      .referral-earnings > div {
        width: 100%; }
      .referral-earnings .left-part {
        padding-right: 0px;
        margin-bottom: 30px; } }

#page-myaccount-affiliation .chosen-container-multi .chosen-choices {
  padding: 2px 6px; }

#page-myaccount-affiliation .chosen-container-multi .chosen-choices li.total-width {
  width: 100%; }

#page-myaccount-affiliation .chosen-container-multi .chosen-choices li input.total-width {
  width: 100%; }

#page-myaccount-affiliation .chosen-container-multi .chosen-choices li.search-choice.wrong {
  background-color: #ed795a; }

#page-myaccount-dashboard-v2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  #page-myaccount-dashboard-v2.l-admin {
    background-color: #f2f2f2; }
  @media only screen and (min-width: 1110px) {
    #page-myaccount-dashboard-v2 .accordion {
      border-width: 2px 2px 1px 2px;
      border-style: solid;
      border-color: #d0d0d0; } }
  #page-myaccount-dashboard-v2 .client-space-heading {
    display: block; }
    @media only screen and (max-width: 1110px) {
      #page-myaccount-dashboard-v2 .client-space-heading {
        display: block;
        margin: 32px 0 16px 0;
        margin: 2rem 0 1rem 0; } }
  #page-myaccount-dashboard-v2 .container.hero {
    padding-bottom: 100%; }
    @media only screen and (max-width: 1110px) {
      #page-myaccount-dashboard-v2 .container.hero {
        margin: 16px 0;
        margin: 1rem 0; } }
    #page-myaccount-dashboard-v2 .container.hero .heading {
      text-shadow: none;
      max-width: 65%;
      margin: 0 auto 1rem; }
      @media only screen and (max-width: 480px) {
        #page-myaccount-dashboard-v2 .container.hero .heading {
          max-width: 100%;
          margin: 0rem 1.5rem 0.5rem;
          font-size: 28px;
          font-size: 1.75rem; } }
      #page-myaccount-dashboard-v2 .container.hero .heading + p {
        text-shadow: none;
        line-height: 1.5; }
    #page-myaccount-dashboard-v2 .container.hero a.hero-content .container {
      display: inline; }
  @media only screen and (max-width: 1110px) {
    #page-myaccount-dashboard-v2 .container.section-promote {
      margin: 16px 0;
      margin: 1rem 0; } }
  @media only screen and (max-width: 480px) {
    #page-myaccount-dashboard-v2 .container.section-promote .text-container p {
      display: none; } }
  #page-myaccount-dashboard-v2 .container.widgets {
    background-color: #f2f2f2; }
    @media only screen and (max-width: 1110px) {
      #page-myaccount-dashboard-v2 .container.widgets {
        margin: 16px 0;
        margin: 1rem 0; } }
    #page-myaccount-dashboard-v2 .container.widgets > div {
      margin: 0 auto;
      width: 90%;
      max-width: 1600px; }
      #page-myaccount-dashboard-v2 .container.widgets > div > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        padding: 1rem; }
        #page-myaccount-dashboard-v2 .container.widgets > div > div .widget {
          margin: 1rem auto;
          width: calc(50% - 2rem); }
          @media only screen and (min-width: 1300px) {
            #page-myaccount-dashboard-v2 .container.widgets > div > div .widget {
              min-width: 560px;
              margin: 1rem; } }
          #page-myaccount-dashboard-v2 .container.widgets > div > div .widget.half-width {
            width: calc(25% - 1.5rem); }
            @media only screen and (min-width: 1300px) {
              #page-myaccount-dashboard-v2 .container.widgets > div > div .widget.half-width {
                min-width: 278px;
                margin-right: 0; }
                #page-myaccount-dashboard-v2 .container.widgets > div > div .widget.half-width.grid-spacing {
                  margin-left: 32px; } }
          #page-myaccount-dashboard-v2 .container.widgets > div > div .widget[no-purchase] {
            margin: 4rem auto;
            min-height: auto;
            width: auto; }
          @media only screen and (max-width: 670px) {
            #page-myaccount-dashboard-v2 .container.widgets > div > div .widget .pop-in-wrapper.licence-tip {
              width: 100%;
              left: 0; }
            #page-myaccount-dashboard-v2 .container.widgets > div > div .widget .pop-in-wrapper .pop-in::before, #page-myaccount-dashboard-v2 .container.widgets > div > div .widget .pop-in-wrapper .pop-in:after {
              content: none; }
            #page-myaccount-dashboard-v2 .container.widgets > div > div .widget .pop-in-wrapper .pop-in p {
              display: block; } }
        @media only screen and (min-width: 1300px) {
          #page-myaccount-dashboard-v2 .container.widgets > div > div[no-purchase-one-offer-widget] .widget[no-purchase] {
            margin-left: 10%; }
          #page-myaccount-dashboard-v2 .container.widgets > div > div[no-purchase-one-offer-widget] .widget.half-width {
            margin-right: 10%; } }
      @media (max-width: 1645px) {
        #page-myaccount-dashboard-v2 .container.widgets > div {
          width: 100%; } }
      @media (max-width: 1300px) {
        #page-myaccount-dashboard-v2 .container.widgets > div {
          width: 100%; }
          #page-myaccount-dashboard-v2 .container.widgets > div > div {
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            padding-left: 1.5rem;
            padding-right: 1.5rem; }
            #page-myaccount-dashboard-v2 .container.widgets > div > div .widget {
              min-height: auto; }
              #page-myaccount-dashboard-v2 .container.widgets > div > div .widget.half-width {
                width: calc(50% - 2rem);
                min-width: 662px; } }
  @media only screen and (max-width: 480px) {
    #page-myaccount-dashboard-v2 .page-overlay.visible {
      visibility: hidden; } }
  #page-myaccount-dashboard-v2 .page-overlay.visible ~ section.widgets .widget .content ul > li .actions .action:hover .dropdown-content-open {
    visibility: hidden; }
  @media (max-width: 670px) {
    #page-myaccount-dashboard-v2 .page-overlay.visible ~ section.widgets .widget .content ul > li .actions .action {
      position: initial; } }
  #page-myaccount-dashboard-v2 .pop-in-wrapper:hover ~ .dropdown-content-open {
    display: none; }
  @media only screen and (max-width: 480px) {
    #page-myaccount-dashboard-v2 .pop-in-wrapper[block] {
      display: none !important; } }
  #page-myaccount-dashboard-v2 .pop-in-wrapper.bottom-center {
    margin-top: 80px; }
    #page-myaccount-dashboard-v2 .pop-in-wrapper.bottom-center .pop-in.tips::before, #page-myaccount-dashboard-v2 .pop-in-wrapper.bottom-center .pop-in.tips::after {
      content: none; }
    @media (max-width: 670px) {
      #page-myaccount-dashboard-v2 .pop-in-wrapper.bottom-center .pop-in {
        width: 100%; } }

.dashboard-catalog {
  border: 1px solid red; }

#page-licensing-catalog .l-side-menu__content {
  width: calc(100% - 264px); }
  @media only screen and (max-width: 992px) {
    #page-licensing-catalog .l-side-menu__content {
      width: 100%; } }

#search-page {
  position: relative; }
  #search-page .results-heading__filter select {
    padding: 0; }
  #search-page .l-side-menu__content {
    width: calc(100% - 309px); }
    @media only screen and (max-width: 768px) {
      #search-page .l-side-menu__content {
        width: 100%;
        padding-top: 0; } }
    #search-page .l-side-menu__content .mobile-refine {
      display: none; }
      @media only screen and (max-width: 768px) {
        #search-page .l-side-menu__content .mobile-refine {
          display: block; } }

.page-pricing {
  /* /!\ INIT VAR /!\*/
  --color-main: black;
  --color-reverse-main: white;
  --color-lite: #8E8E93;
  --color-lite-dark: #646464;
  --color-blue: #183F6C;
  --background-color: #FFFFFF;
  --background-color-dark: #FAFAFA;
  --font: "futurabook", Arial, sans-serif;
  --font-style: normal;
  --font-weight: 500;
  --font-size: 16px;
  --font-size-small: 14px;
  --font-size-big: 20px;
  --font-size-very-big: 40px;
  --line-height: 24px;
  --font-size-h1: 50px;
  --line-height-h1: 55px;
  --font-size-h2: 30px;
  --line-height-h2: 40px;
  --font-size-h3: 26px;
  --line-height-h3: 35px;
  --cta-height: 40px;
  --cat-width: 220px;
  /* /!\ END INIT VAR /!\*/
  background-color: var(--background-color);
  font-family: var(--font);
  font-style: var(--font-style);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
  margin-bottom: 115px; }
  @media only screen and (max-width: 700px) {
    .page-pricing {
      --font-size-h1: 30px;
      --line-height-h1: 33px;
      --font-size-h2: 20px;
      --line-height-h2: 27px;
      --font-size-h2-original: 30px;
      --line-height-h2-original: 40px; } }
  .page-pricing__header-section {
    /* TODO CHANGE TO BEM */
    margin-bottom: 50px;
    padding: 2rem 0 0 0; }
    @media only screen and (max-width: 700px) {
      .page-pricing__header-section {
        display: none; } }
    .page-pricing__header-section__title {
      font-size: 40px !important;
      color: var(--color-main); }
      .page-pricing__header-section__title > hr {
        margin-top: 10px; }
    @media only screen and (max-width: 1110px) {
      .page-pricing__header-section > h1 {
        font-size: 38px !important; } }
    .page-pricing__header-section .licences-advantages {
      /*@media only screen and (max-width: 700px) {
                width: 100%;
            }*/ }
      .page-pricing__header-section .licences-advantages p {
        margin-bottom: 0; }
      @media only screen and (max-width: 700px) {
        .page-pricing__header-section .licences-advantages {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          width: 49%; } }
      @media only screen and (max-width: 480px) {
        .page-pricing__header-section .licences-advantages {
          width: 55%; } }
      @media only screen and (max-width: 450px) {
        .page-pricing__header-section .licences-advantages {
          width: 60%; } }
      @media only screen and (max-width: 400px) {
        .page-pricing__header-section .licences-advantages {
          width: 70%; } }
      @media only screen and (max-width: 370px) {
        .page-pricing__header-section .licences-advantages {
          width: 75%; } }
      .page-pricing__header-section .licences-advantages li {
        text-align: left !important;
        width: 24.9%;
        padding: 10px; }
        .page-pricing__header-section .licences-advantages li i {
          display: none; }
        .page-pricing__header-section .licences-advantages li p {
          color: gray !important; }
        .page-pricing__header-section .licences-advantages li h1 {
          color: #000;
          margin-bottom: 10px;
          font-style: normal;
          font-weight: 500;
          font-size: 20px !important; }
        @media only screen and (max-width: 992px) {
          .page-pricing__header-section .licences-advantages li {
            width: 49.9%; } }
        @media only screen and (max-width: 700px) {
          .page-pricing__header-section .licences-advantages li {
            width: 100%;
            padding: 6px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between; }
            .page-pricing__header-section .licences-advantages li div {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              -ms-flex-pack: distribute;
                  justify-content: space-around; }
              .page-pricing__header-section .licences-advantages li div i {
                display: block;
                margin-right: 12px;
                color: #67b7bf; }
            .page-pricing__header-section .licences-advantages li p {
              display: none !important; } }
  .page-pricing__nav {
    height: 135px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .page-pricing__nav__button {
      height: 100%;
      width: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); }
      .page-pricing__nav__button__text {
        margin: 0;
        color: var(--color-main);
        font-size: var(--font-size-big); }
  .page-pricing__tracks__licenses__header {
    margin-top: 60px;
    text-align: center; }
    .page-pricing__tracks__licenses__header__title {
      color: var(--color-main);
      font-size: var(--font-size-h2);
      line-height: var(--line-height-h2); }
    .page-pricing__tracks__licenses__header__text {
      margin-top: 14px;
      color: var(--color-main);
      max-width: 815px; }
      .page-pricing__tracks__licenses__header__text__link {
        color: var(--color-main);
        cursor: pointer; }
  .page-pricing__tracks__licenses__body {
    margin-top: 20px;
    padding-left: 30px;
    padding-right: 30px; }
    .page-pricing__tracks__licenses__body__horizontal-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .page-pricing__tracks__licenses__body__horizontal-list__license {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        max-width: 386px;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
        border-radius: 20px;
        padding-top: 60px;
        padding-bottom: 60px;
        padding-left: 45px;
        padding-right: 45px; }
        .page-pricing__tracks__licenses__body__horizontal-list__license:first-child {
          margin-right: 30px; }
        .page-pricing__tracks__licenses__body__horizontal-list__license:last-child {
          margin-left: 30px; }
        .page-pricing__tracks__licenses__body__horizontal-list__license__title {
          color: var(--color-main);
          font-size: var(--font-size-h3);
          line-height: var(--line-height-h3); }
        .page-pricing__tracks__licenses__body__horizontal-list__license__price {
          margin-top: 50px;
          color: var(--color-main);
          font-size: 50px;
          line-height: 52px;
          text-align: center; }
        .page-pricing__tracks__licenses__body__horizontal-list__license__excl-tax {
          color: var(--color-lite);
          text-align: center;
          font-size: var(--font-size-small); }
        .page-pricing__tracks__licenses__body__horizontal-list__license__offer {
          margin-top: 50px;
          margin-left: auto;
          margin-right: auto;
          min-height: 150px; }
          .page-pricing__tracks__licenses__body__horizontal-list__license__offer__element {
            color: var(--color-lite-dark); }
            .page-pricing__tracks__licenses__body__horizontal-list__license__offer__element__icon {
              color: #77C1C8; }
              .page-pricing__tracks__licenses__body__horizontal-list__license__offer__element__icon--wrong {
                color: red;
                opacity: 0.5; }
        .page-pricing__tracks__licenses__body__horizontal-list__license__exemples {
          margin-top: 60px; }
          .page-pricing__tracks__licenses__body__horizontal-list__license__exemples__cta {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            text-transform: uppercase;
            color: var(--color-main); }
            .page-pricing__tracks__licenses__body__horizontal-list__license__exemples__cta__icon {
              margin-left: 20px; }
          .page-pricing__tracks__licenses__body__horizontal-list__license__exemples__list {
            height: 280px;
            margin-top: 35px; }
            .page-pricing__tracks__licenses__body__horizontal-list__license__exemples__list__element {
              color: var(--color-lite-dark); }
    .page-pricing__tracks__licenses__body__horizontal-license {
      max-width: 1219px;
      box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
      border-radius: 20px;
      margin-top: 30px;
      margin-left: auto;
      margin-right: auto;
      padding-top: 40px;
      padding-bottom: 40px;
      padding-left: 45px;
      padding-right: 45px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .page-pricing__tracks__licenses__body__horizontal-license__title-container__title {
        color: var(--color-main);
        font-size: var(--font-size-h3);
        line-height: var(--line-height-h3);
        margin: 0; }
      .page-pricing__tracks__licenses__body__horizontal-license__text {
        color: var(--color-main);
        font-size: var(--font-size-big);
        max-width: 300px; }
      .page-pricing__tracks__licenses__body__horizontal-license__list__element__icon {
        color: #77C1C8;
        margin-right: 5px; }
      .page-pricing__tracks__licenses__body__horizontal-license__list__element__icon-wrong {
        color: red;
        opacity: 0.5;
        margin-right: 5px; }
      .page-pricing__tracks__licenses__body__horizontal-license__list__element--no-icon {
        margin-left: 21px; }
      .page-pricing__tracks__licenses__body__horizontal-license__cta {
        text-transform: uppercase; }
      .page-pricing__tracks__licenses__body__horizontal-license__price-container {
        margin-right: 30px; }
        .page-pricing__tracks__licenses__body__horizontal-license__price-container__price {
          color: var(--color-main);
          font-size: var(--font-size-h3);
          text-align: center; }
        .page-pricing__tracks__licenses__body__horizontal-license__price-container__excl-tax {
          color: var(--color-lite);
          text-align: center;
          font-size: var(--font-size-small); }
  .page-pricing__tracks__table {
    margin-top: 70px;
    width: 100%;
    padding: 0 25px; }
    .page-pricing__tracks__table__title {
      color: var(--color-main);
      text-align: center;
      font-size: var(--font-size-h2);
      line-height: var(--line-height-h2);
      margin-bottom: 50px; }
    .page-pricing__tracks__table__container {
      width: 100%; }
      .page-pricing__tracks__table__container__line__title {
        text-align: center;
        color: var(--color-main);
        font-size: var(--font-size-big);
        height: 100px;
        border: 1px solid #D8D8D8; }
        .page-pricing__tracks__table__container__line__title__small {
          color: var(--color-lite-dark);
          font-size: var(--font-size); }
        .page-pricing__tracks__table__container__line__title--no-left-border {
          border-left: none; }
        .page-pricing__tracks__table__container__line__title--no-left-top-border {
          border-left: none;
          border-top: none; }
        .page-pricing__tracks__table__container__line__title--no-top-border {
          border-top: none; }
        .page-pricing__tracks__table__container__line__title--no-top-right-border {
          border-top: none;
          border-right: none; }
      .page-pricing__tracks__table__container__line__row {
        border: 1px solid #D8D8D8;
        text-align: center;
        height: 100px; }
        .page-pricing__tracks__table__container__line__row--no-right-border {
          border-right: none; }
        .page-pricing__tracks__table__container__line__row__icon-wrong {
          color: red;
          opacity: 0.5; }
        .page-pricing__tracks__table__container__line__row__icon-check {
          color: #67b7bf; }
  .page-pricing__tracks__trackpacks {
    margin-top: 110px !important;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    margin: 0 30px;
    color: var(--color-main); }
    .page-pricing__tracks__trackpacks__header {
      border-bottom: 1px solid #D8D8D8;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding-left: 6%;
      padding-right: 6%;
      height: 140px; }
      .page-pricing__tracks__trackpacks__header__title {
        color: var(--color-main);
        font-size: var(--font-size-h3);
        line-height: var(--line-height-h3);
        margin: 0 !important;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content; }
      .page-pricing__tracks__trackpacks__header__text {
        color: var(--color-main);
        font-size: var(--font-size-big); }
      .page-pricing__tracks__trackpacks__header__extend-cta {
        height: 44px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        text-transform: uppercase;
        color: var(--color-reverse-main); }
        .page-pricing__tracks__trackpacks__header__extend-cta__icon {
          margin-left: 20px; }
    .page-pricing__tracks__trackpacks__container {
      margin: 0 10%;
      padding-top: 0px;
      padding-bottom: 0;
      padding-left: 0;
      padding-right: 0; }
      .page-pricing__tracks__trackpacks__container__title-container {
        text-align: center; }
        .page-pricing__tracks__trackpacks__container__title-container__title {
          margin-bottom: 10px;
          font-size: var(--font-size-h2);
          line-height: var(--line-height-h2); }
          @media only screen and (max-width: 992px) {
            .page-pricing__tracks__trackpacks__container__title-container__title {
              font-size: var(--font-size-h1); } }
      .page-pricing__tracks__trackpacks__container__quantity {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-top: 110px;
        padding-bottom: 50px;
        border-bottom: 1px dashed #000000; }
        @media only screen and (max-width: 992px) {
          .page-pricing__tracks__trackpacks__container__quantity {
            margin-top: 40px;
            padding-bottom: 0px;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            border: none; } }
        .page-pricing__tracks__trackpacks__container__quantity__element {
          width: 33%; }
          @media only screen and (max-width: 992px) {
            .page-pricing__tracks__trackpacks__container__quantity__element {
              width: 100%; } }
          .page-pricing__tracks__trackpacks__container__quantity__element__title {
            margin: 0 !important;
            text-align: right !important; }
            @media only screen and (max-width: 992px) {
              .page-pricing__tracks__trackpacks__container__quantity__element__title {
                text-align: center !important;
                margin: auto !important; } }
          .page-pricing__tracks__trackpacks__container__quantity__element--left {
            text-align: left; }
            @media only screen and (max-width: 992px) {
              .page-pricing__tracks__trackpacks__container__quantity__element--left {
                text-align: center;
                margin-bottom: 15px; } }
          .page-pricing__tracks__trackpacks__container__quantity__element--right {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
                -ms-flex-pack: end;
                    justify-content: flex-end; }
            @media only screen and (max-width: 992px) {
              .page-pricing__tracks__trackpacks__container__quantity__element--right {
                display: block;
                text-align: center;
                margin-top: 40px; } }
        .page-pricing__tracks__trackpacks__container__quantity__quantity-picker {
          background-color: var(--color-reverse-main);
          height: 44px;
          width: 200px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          border: 1px solid #000000;
          box-sizing: border-box;
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
          border-radius: 40px;
          padding: 0 15px; }
          .page-pricing__tracks__trackpacks__container__quantity__quantity-picker__cta {
            padding-bottom: 5px;
            font-size: var(--font-size-big); }
          .page-pricing__tracks__trackpacks__container__quantity__quantity-picker__field {
            text-align: center;
            width: 31px;
            border: none;
            outline: none;
            outline-width: 0; }
      .page-pricing__tracks__trackpacks__container__licenses {
        margin-top: 50px;
        margin-bottom: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        @media only screen and (max-width: 992px) {
          .page-pricing__tracks__trackpacks__container__licenses {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            margin-top: 35px;
            margin-bottom: 0px; } }
        .page-pricing__tracks__trackpacks__container__licenses__license {
          text-align: center; }
          .page-pricing__tracks__trackpacks__container__licenses__license__container__price__excl-tax {
            color: var(--color-lite);
            font-size: var(--font-size-small); }
          .page-pricing__tracks__trackpacks__container__licenses__license__cta {
            margin-top: 30px;
            color: var(--color-reverse-main);
            text-transform: uppercase;
            height: 40px; }
            @media only screen and (max-width: 992px) {
              .page-pricing__tracks__trackpacks__container__licenses__license__cta {
                margin-top: 15px;
                margin-bottom: 30px; } }
      .page-pricing__tracks__trackpacks__container__show-more {
        padding: 20px 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; }
        @media only screen and (max-width: 992px) {
          .page-pricing__tracks__trackpacks__container__show-more {
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            padding-top: 0; } }
        .page-pricing__tracks__trackpacks__container__show-more__cta {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          color: var(--color-lite);
          font-size: var(--font-size-small); }
          .page-pricing__tracks__trackpacks__container__show-more__cta__icon {
            margin-right: 5px; }
  .page-pricing__tracks__faq {
    margin-top: 70px;
    background-color: var(--background-color-dark);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-flow: column;
        flex-flow: column; }
    .page-pricing__tracks__faq__title {
      color: var(--color-main);
      font-size: var(--font-size-h2);
      line-height: var(--line-height-h2);
      text-transform: uppercase;
      text-align: center;
      padding-top: 40px;
      padding-bottom: 40px;
      margin: 0; }
      @media only screen and (max-width: 700px) {
        .page-pricing__tracks__faq__title {
          font-size: var(--font-size-h1);
          line-height: var(--line-height-h1); } }
    .page-pricing__tracks__faq__questions-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 40px 90px; }
      @media only screen and (max-width: 700px) {
        .page-pricing__tracks__faq__questions-container {
          -ms-flex-flow: column;
              flex-flow: column; } }
      .page-pricing__tracks__faq__questions-container__questions {
        width: 100%;
        color: var(--color-main);
        margin-bottom: 50px; }
        @media only screen and (max-width: 700px) {
          .page-pricing__tracks__faq__questions-container__questions {
            width: 100%; } }
        .page-pricing__tracks__faq__questions-container__questions__questions-container {
          border: 1px solid blue; }
  .page-pricing__tracks__help {
    margin-top: 70px;
    text-align: center; }
    .page-pricing__tracks__help__title {
      color: var(--color-main);
      font-size: var(--font-size-h2);
      line-height: var(--line-height-h2);
      margin-bottom: 40px; }
    .page-pricing__tracks__help__cta {
      height: 40px;
      text-transform: uppercase;
      color: var(--color-reverse-main); }
  .page-pricing__subscriptions__container {
    margin-top: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly; }
    @media only screen and (max-width: 980px) {
      .page-pricing__subscriptions__container {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    .page-pricing__subscriptions__container__element {
      padding: 40px;
      box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
      border-radius: 20px; }
      @media only screen and (max-width: 980px) {
        .page-pricing__subscriptions__container__element {
          border-radius: 0;
          box-shadow: none;
          padding-left: 0;
          padding-right: 0; } }
      .page-pricing__subscriptions__container__element__title {
        color: var(--color-main);
        font-size: var(--font-size-h2);
        line-height: var(--line-height-h2); }
      .page-pricing__subscriptions__container__element__subtitle {
        font-size: var(--font-size-small);
        text-align: center;
        margin-bottom: 30px; }
      .page-pricing__subscriptions__container__element__triptych__col {
        color: var(--color-main);
        font-size: var(--font-size-big);
        line-height: var(--line-height-h2); }
        .page-pricing__subscriptions__container__element__triptych__col--offline {
          font-size: var(--font-size); }
        .page-pricing__subscriptions__container__element__triptych__col__icon {
          margin-right: 25px;
          color: #67b7bf; }
      .page-pricing__subscriptions__container__element__products {
        margin-top: 30px;
        margin-bottom: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        @media only screen and (max-width: 1300px) {
          .page-pricing__subscriptions__container__element__products {
            margin-left: 30px;
            margin-right: 30px;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center; } }
        @media only screen and (max-width: 800px) {
          .page-pricing__subscriptions__container__element__products {
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center; } }
        .page-pricing__subscriptions__container__element__products__product {
          text-align: center; }
          .page-pricing__subscriptions__container__element__products__product:first-child {
            margin-right: 30px; }
          @media only screen and (max-width: 1300px) {
            .page-pricing__subscriptions__container__element__products__product:first-child {
              margin-right: 15px; }
            .page-pricing__subscriptions__container__element__products__product:last-child {
              margin-left: 15px; } }
          @media only screen and (max-width: 830px) {
            .page-pricing__subscriptions__container__element__products__product:first-child {
              margin-right: 0; }
            .page-pricing__subscriptions__container__element__products__product:last-child {
              margin-left: 0; } }
          .page-pricing__subscriptions__container__element__products__product__body {
            padding: 30px;
            width: 340px;
            height: 374px;
            box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
            border-radius: 20px; }
            @media only screen and (max-width: 980px) {
              .page-pricing__subscriptions__container__element__products__product__body {
                border-radius: 0; } }
            .page-pricing__subscriptions__container__element__products__product__body__title {
              color: var(--color-main);
              font-size: var(--font-size-big);
              text-transform: uppercase; }
            .page-pricing__subscriptions__container__element__products__product__body__price {
              font-size: 30px;
              color: var(--color-main); }
              .page-pricing__subscriptions__container__element__products__product__body__price__cross-price {
                -webkit-text-decoration-line: line-through;
                   -moz-text-decoration-line: line-through;
                        text-decoration-line: line-through;
                color: var(--color-lite);
                margin-bottom: 40px;
                font-size: var(--font-size-big); }
              .page-pricing__subscriptions__container__element__products__product__body__price__ht {
                margin-top: 15px;
                color: var(--color-main);
                font-size: var(--font-size); }
            .page-pricing__subscriptions__container__element__products__product__body__star {
              margin-top: 35px;
              font-size: var(--font-size-small);
              color: var(--color-lite); }
          .page-pricing__subscriptions__container__element__products__product__buy-btn {
            margin-top: 20px; }
            @media only screen and (max-width: 1300px) {
              .page-pricing__subscriptions__container__element__products__product__buy-btn {
                margin-bottom: 20px; } }
      .page-pricing__subscriptions__container__element__text {
        color: var(--color-main);
        margin-top: 50px;
        margin-bottom: 50px; }
      .page-pricing__subscriptions__container__element__contact-us {
        margin-top: 60px;
        margin-bottom: 60px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .page-pricing__subscriptions__container__element__contact-us__link {
          text-decoration: none !important;
          color: var(--color-reverse-main) !important;
          cursor: pointer; }
          .page-pricing__subscriptions__container__element__contact-us__link :hover {
            color: var(--color-reverse-main); }
          .page-pricing__subscriptions__container__element__contact-us__link__content {
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            height: 40px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center; }
      .page-pricing__subscriptions__container__element__learn-more {
        margin-top: 30px;
        width: 100%;
        text-align: center; }
        .page-pricing__subscriptions__container__element__learn-more__link {
          color: var(--color-main);
          font-size: var(--font-size-big); }
        .page-pricing__subscriptions__container__element__learn-more--offline {
          margin-top: 123px; }
      .page-pricing__subscriptions__container__element__phone {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .page-pricing__subscriptions__container__element__phone__icon {
          background-image: url(https://images.jamendo.com/jamendolicensing/icon/mobile.svg);
          width: 26px;
          height: 46px;
          margin-right: 20px; }
        .page-pricing__subscriptions__container__element__phone__text {
          color: var(--color-main); }
      .page-pricing__subscriptions__container__element--online {
        width: 61%;
        min-width: 340px; }
        @media only screen and (max-width: 980px) {
          .page-pricing__subscriptions__container__element--online {
            box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
            padding: 30px;
            width: 100%; } }
      .page-pricing__subscriptions__container__element--offline {
        width: 32%;
        min-width: 340px; }
        @media only screen and (max-width: 980px) {
          .page-pricing__subscriptions__container__element--offline {
            width: 100%;
            padding: 30px; } }
  .page-pricing__container-mobile__nav {
    padding-top: 40px; }
    @media only screen and (max-width: 820px) {
      .page-pricing__container-mobile__nav {
        padding-top: 30px; } }

#dashboard-in-store {
  background-color: #F2F2F2; }
  @media only screen and (max-width: 771px) {
    #dashboard-in-store {
      margin: 0px; } }
  #dashboard-in-store .main-div {
    padding: 0px;
    margin-bottom: 50px; }
    @media only screen and (max-width: 771px) {
      #dashboard-in-store .main-div {
        margin: 0px; } }
    #dashboard-in-store .main-div h1 {
      text-align: center;
      text-transform: uppercase;
      margin-top: 25px;
      margin-bottom: 35px;
      font-family: "futurabook", Arial, sans-serif;
      font-style: normal;
      font-weight: bold;
      font-size: 25px;
      line-height: 29px;
      color: #000000; }
    #dashboard-in-store .main-div h2 {
      text-align: center;
      text-transform: uppercase;
      margin-top: 15px;
      margin-bottom: 25px;
      font-family: "futurademi", Arial, sans-serif;
      font-style: normal;
      font-weight: bold;
      font-size: 22px;
      line-height: 25px;
      color: #000000; }
    #dashboard-in-store .main-div header p {
      width: 10em;
      outline: 1px solid #000;
      margin: 0 0 2em 0;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    #dashboard-in-store .main-div .section > .content {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    #dashboard-in-store .main-div .box {
      background-color: white;
      margin-left: 11px;
      margin-right: 11px;
      margin-bottom: 22px; }
      @media only screen and (max-width: 771px) {
        #dashboard-in-store .main-div .box {
          border-radius: 0px !important;
          width: 100% !important;
          height: auto !important;
          margin-left: 0px;
          margin-right: 0px;
          padding: 10px; } }
    #dashboard-in-store .main-div .steps .box.step {
      width: 360px;
      height: auto; }
      #dashboard-in-store .main-div .steps .box.step h1 {
        margin-bottom: 25px; }
      #dashboard-in-store .main-div .steps .box.step h2 {
        margin-bottom: 15px; }
      #dashboard-in-store .main-div .steps .box.step i.scheme__ball {
        z-index: 10;
        padding: 10px 16px;
        font-family: "futurademi", Arial, sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        line-height: 29px; }
      #dashboard-in-store .main-div .steps .box.step .list-app {
        margin-top: 30px; }
        #dashboard-in-store .main-div .steps .box.step .list-app li {
          margin-top: 17px;
          height: 41px; }
      #dashboard-in-store .main-div .steps .box.step .c-select {
        width: 308px !important; }
        #dashboard-in-store .main-div .steps .box.step .c-select:before {
          left: 0; }
        #dashboard-in-store .main-div .steps .box.step .c-select .c-select__textbox {
          width: 285px;
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden; }
          #dashboard-in-store .main-div .steps .box.step .c-select .c-select__textbox::after {
            width: 308px; }
        #dashboard-in-store .main-div .steps .box.step .c-select .c-select__listbox {
          width: 308px; }
          #dashboard-in-store .main-div .steps .box.step .c-select .c-select__listbox .c-select__option {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden; }
      #dashboard-in-store .main-div .steps .box.step .credential {
        margin-top: 25px; }
        #dashboard-in-store .main-div .steps .box.step .credential li {
          display: inline-block;
          margin-left: 10px;
          margin-right: 10px; }
      @media only screen and (max-width: 771px) {
        #dashboard-in-store .main-div .steps .box.step {
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          margin-bottom: 0px; }
          #dashboard-in-store .main-div .steps .box.step h1 {
            margin-top: 0px;
            margin-bottom: 10px; }
          #dashboard-in-store .main-div .steps .box.step h2 {
            margin-top: 0px;
            margin-bottom: 5px; }
          #dashboard-in-store .main-div .steps .box.step .left {
            min-width: 49px;
            margin-top: auto;
            margin-bottom: auto; }
          #dashboard-in-store .main-div .steps .box.step .right {
            width: 100%; }
            #dashboard-in-store .main-div .steps .box.step .right .c-select {
              margin-left: auto;
              margin-right: auto; }
          #dashboard-in-store .main-div .steps .box.step.one {
            height: auto;
            border-radius: 6px 6px 0px 0px; }
            #dashboard-in-store .main-div .steps .box.step.one ul {
              margin-top: 0px;
              display: -webkit-inline-box;
              display: -ms-inline-flexbox;
              display: inline-flex; }
              #dashboard-in-store .main-div .steps .box.step.one ul li {
                margin-left: 5px;
                margin-right: 5px; }
          #dashboard-in-store .main-div .steps .box.step.two {
            border-radius: 0; }
          #dashboard-in-store .main-div .steps .box.step.three {
            border-radius: 0px 0px 6px 6px; }
            #dashboard-in-store .main-div .steps .box.step.three h1 {
              margin-top: 10px;
              margin-bottom: 10px; } }
      @media only screen and (min-width: 772px) and (max-width: 1134px) {
        #dashboard-in-store .main-div .steps .box.step.three {
          width: 702px;
          height: 100%; }
          #dashboard-in-store .main-div .steps .box.step.three h1 {
            display: inline-block;
            margin-top: 10px;
            margin-bottom: 10px; }
          #dashboard-in-store .main-div .steps .box.step.three i {
            margin-right: 15px; } }
    #dashboard-in-store .main-div .start-stream .box {
      width: 520px;
      height: 150px; }
      @media only screen and (min-width: 551px) and (max-width: 771px) {
        #dashboard-in-store .main-div .start-stream .box {
          width: 100%; } }
      @media only screen and (min-width: 772px) and (max-width: 1134px) {
        #dashboard-in-store .main-div .start-stream .box {
          width: 340px; } }
      #dashboard-in-store .main-div .start-stream .box h1 {
        margin-top: 0px;
        margin-bottom: 20px;
        font-weight: 400;
        font-size: 20px;
        line-height: 27px;
        text-transform: none;
        color: #000000; }
        #dashboard-in-store .main-div .start-stream .box h1 i {
          margin-right: 15px;
          font-size: 1.3rem; }
      #dashboard-in-store .main-div .start-stream .box a {
        text-transform: uppercase;
        font-size: 20px;
        color: #FFFFFF; }
    #dashboard-in-store .main-div .other-box .button {
      margin-bottom: 15px; }
    @media only screen and (max-width: 771px) {
      #dashboard-in-store .main-div .other-box .header-and-box {
        width: 100%; } }
    #dashboard-in-store .main-div .other-box .box {
      width: 520px;
      height: 410px;
      padding: 26px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media only screen and (min-width: 772px) and (max-width: 1134px) {
        #dashboard-in-store .main-div .other-box .box {
          width: 702px;
          height: auto; } }
      #dashboard-in-store .main-div .other-box .box.widget {
        min-width: auto;
        min-height: auto; }
      #dashboard-in-store .main-div .other-box .box a {
        text-transform: uppercase;
        font-size: 20px;
        color: #FFFFFF;
        width: 100%; }
      #dashboard-in-store .main-div .other-box .box p {
        font-size: 14px; }
      #dashboard-in-store .main-div .other-box .box .content {
        margin: 0px;
        padding: 0px;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: start; }

#wrapper-cart {
  min-height: calc(100vh - 64px); }

#cart-page .license > button, #cart-page .instore-product > button {
  display: none; }

#cart-page .remove > ul {
  display: none; }

#cart-page .mobile-next-prev, #cart-page .mobile-next, #cart-page .mobile-prev {
  display: none; }
  #cart-page .mobile-next-prev .icon-data, #cart-page .mobile-next .icon-data, #cart-page .mobile-prev .icon-data {
    margin-right: 0; }
  #cart-page .mobile-next-prev .mobile-next .icon-data, #cart-page .mobile-next .mobile-next .icon-data, #cart-page .mobile-prev .mobile-next .icon-data {
    margin-right: 0; }
  #cart-page .mobile-next-prev.place-order, #cart-page .mobile-next.place-order, #cart-page .mobile-prev.place-order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    #cart-page .mobile-next-prev.place-order .mobile-prev, #cart-page .mobile-next.place-order .mobile-prev, #cart-page .mobile-prev.place-order .mobile-prev {
      display: none; }
    #cart-page .mobile-next-prev.place-order .mobile-next, #cart-page .mobile-next.place-order .mobile-next, #cart-page .mobile-prev.place-order .mobile-next {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }

#cart-page .slide-section .button-cart-text-container {
  line-height: 1; }
  #cart-page .slide-section .button-cart-text-container p {
    font-size: 14px; }

#cart-page .button-cart.payment-cart::after {
  content: '';
  position: absolute;
  right: 12px;
  width: 20px;
  height: 20px;
  background-image: url("https://images.jamendo.com/jamendolicensing/static/navigation/chevron-down-white.svg");
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: center center;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg); }

#cart-page .button-cart.payment-cart > div {
  width: 100%;
  text-align: center; }

@media only screen and (max-width: 420px) {
  #cart-page .button-cart.payment-cart > div {
    max-width: 85%; } }

#cart-page .error-notification {
  color: black;
  border: none;
  background-color: #ffd7d7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 8px; }
  #cart-page .error-notification .icon {
    font-size: 1.75rem;
    width: 1.75rem;
    height: 1.75rem; }
  #cart-page .error-notification > div {
    display: inline-block; }
    #cart-page .error-notification > div > div {
      font-size: 13px;
      height: 28px; }
  #cart-page .error-notification.success {
    background-color: #d9ffd7; }

#cart-page .product-summary__product {
  font-size: inherit;
  font-weight: inherit; }

#cart-page .cart__total.grand .content-displaying {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  #cart-page .cart__total.grand .content-displaying label {
    color: black; }
    #cart-page .cart__total.grand .content-displaying label.too-long {
      position: relative;
      white-space: normal;
      height: auto;
      max-width: 340px;
      margin-top: 10px; }

#cart-page .quantity-picker .field {
  font-family: "futurabook", Arial, sans-serif; }
  #cart-page .quantity-picker .field div {
    font-size: 14px; }

#cart-page .taxes-calculator input[type="checkbox"] ~ .content-displaying, #cart-page input[type="radio"] ~ .content-displaying {
  display: none; }

#cart-page .taxes-calculator input[type="checkbox"]:checked ~ .content-displaying, #cart-page input[type="radio"]:checked ~ .content-displaying {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  transition: none; }
  #cart-page .taxes-calculator input[type="checkbox"]:checked ~ .content-displaying .chosen-container-single:focus, #cart-page input[type="radio"]:checked ~ .content-displaying .chosen-container-single:focus {
    outline: none;
    box-shadow: none; }
  #cart-page .taxes-calculator input[type="checkbox"]:checked ~ .content-displaying .chosen-container-single:first-of-type, #cart-page input[type="radio"]:checked ~ .content-displaying .chosen-container-single:first-of-type {
    margin-top: 12px; }
  #cart-page .taxes-calculator input[type="checkbox"]:checked ~ .content-displaying .chosen-results, #cart-page input[type="radio"]:checked ~ .content-displaying .chosen-results {
    font-family: "futurabook", Arial, sans-serif; }
  #cart-page .taxes-calculator input[type="checkbox"]:checked ~ .content-displaying .chosen-container-single .chosen-single, #cart-page input[type="radio"]:checked ~ .content-displaying .chosen-container-single .chosen-single {
    border: none;
    box-shadow: none;
    color: #7d7d7d;
    font-family: "futurabook", Arial, sans-serif;
    background-image: url("https://images.jamendo.com/jamendolicensing/static/navigation/chevron-down-gray-8.svg");
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: 92% center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
    #cart-page .taxes-calculator input[type="checkbox"]:checked ~ .content-displaying .chosen-container-single .chosen-single div, #cart-page input[type="radio"]:checked ~ .content-displaying .chosen-container-single .chosen-single div {
      display: none; }
  #cart-page .taxes-calculator input[type="checkbox"]:checked ~ .content-displaying .chosen-with-drop .chosen-single, #cart-page input[type="radio"]:checked ~ .content-displaying .chosen-with-drop .chosen-single {
    border: 1px solid #7d7d7d;
    border-radius: 4px; }
  #cart-page .taxes-calculator input[type="checkbox"]:checked ~ .content-displaying .chosen-container .error, #cart-page input[type="radio"]:checked ~ .content-displaying .chosen-container .error {
    position: absolute;
    bottom: 0;
    padding: 8px 16px 10px 8px;
    font-size: 12px !important;
    height: 36px;
    width: 100%;
    background-color: #ffd7d7;
    color: black;
    background-image: url("https://images.jamendo.com/jamendolicensing/static/navigation/chevron-down-gray-8.svg");
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: 92% center; }

#cart-page .coupon-code-container .button-checkbox input[type="checkbox"]:checked + label, #cart-page .coupon-code-container .button-checkbox input[type="radio"]:checked + label {
  display: block;
  text-align: right;
  margin-bottom: 130px; }

#cart-page .coupon-code-container .button-checkbox input[type="checkbox"]:checked ~ .content-displaying, #cart-page .coupon-code-container .button-checkbox input[type="radio"]:checked ~ .content-displaying {
  visibility: visible;
  overflow: visible; }

#cart-page .coupon-code-container .button-checkbox .content-displaying {
  visibility: hidden;
  position: absolute;
  width: 100%;
  right: 0;
  top: 110px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

@media only screen and (max-width: 1110px) {
  #cart-page > form > div {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  #cart-page .cart-section {
    margin: 0 auto; }
    #cart-page .cart-section ~ aside {
      margin: 0 auto;
      width: 650px;
      -ms-flex-flow: row;
          flex-flow: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline; }
      #cart-page .cart-section ~ aside > div {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; }
        #cart-page .cart-section ~ aside > div:first-of-type {
          margin-right: 15px; }
        #cart-page .cart-section ~ aside > div:last-of-type {
          margin-left: 15px;
          min-width: 320px; } }

@media only screen and (max-width: 750px) {
  #cart-page {
    padding-top: 0; }
    #cart-page .mobile-next-prev, #cart-page .mobile-next, #cart-page .mobile-prev {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    #cart-page .mobile-next {
      max-width: 320px; }
    #cart-page .mobile-next-prev.place-order .mobile-prev {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    #cart-page > form > div {
      margin-top: 0; }
    #cart-page .cart-section {
      width: 100%;
      min-width: 1px; }
      #cart-page .cart-section > div {
        padding: 0; }
      #cart-page .cart-section .coupon-code-container {
        -ms-flex-flow: column;
            flex-flow: column; }
        #cart-page .cart-section .coupon-code-container .button-checkbox {
          margin-top: 12px;
          width: 100%;
          text-align: left; }
          #cart-page .cart-section .coupon-code-container .button-checkbox label {
            text-align: left;
            margin-bottom: 0px; }
          #cart-page .cart-section .coupon-code-container .button-checkbox .content-displaying {
            visibility: hidden;
            position: relative;
            width: 100%;
            left: 0;
            top: 0px;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start; }
            #cart-page .cart-section .coupon-code-container .button-checkbox .content-displaying .input-vat {
              margin-left: 0; }
          #cart-page .cart-section .coupon-code-container .button-checkbox input[type="checkbox"]:checked + label, #cart-page .cart-section .coupon-code-container .button-checkbox input[type="radio"]:checked + label {
            display: block;
            text-align: left;
            margin-bottom: 0px; }
          #cart-page .cart-section .coupon-code-container .button-checkbox input[type="checkbox"]:checked ~ .content-displaying, #cart-page .cart-section .coupon-code-container .button-checkbox input[type="radio"]:checked ~ .content-displaying {
            visibility: visible; }
    #cart-page .cart-section ~ aside {
      -ms-flex-flow: column;
          flex-flow: column;
      width: 100%; }
      #cart-page .cart-section ~ aside > div:first-of-type, #cart-page .cart-section ~ aside > div:last-of-type {
        margin: 0 auto;
        width: 100%; }
        #cart-page .cart-section ~ aside > div:first-of-type > div > section, #cart-page .cart-section ~ aside > div:last-of-type > div > section {
          padding: 0;
          max-width: 320px; }
      #cart-page .cart-section ~ aside > div:last-of-type > div:first-of-type {
        padding: 0;
        max-width: 320px; }
      #cart-page .cart-section ~ aside > div > button {
        max-width: 320px; }
    #cart-page .cart-section header {
      width: calc(100% + 60px);
      margin-left: -30px;
      padding: 30px 30px 18px 30px;
      margin-bottom: 20px;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end; }
      #cart-page .cart-section header > h1 {
        padding: 0; }
      #cart-page .cart-section header > a {
        margin-left: 16px;
        text-align: right; }
    #cart-page .cart-section ~ aside {
      overflow: visible; }
      #cart-page .cart-section ~ aside > div h1 {
        width: calc(100% + 60px);
        margin: 0px 0px 20px -30px;
        padding: 30px 30px 26px 30px;
        background-color: #f2f2f2; } }

@media only screen and (max-width: 720px) {
  #cart-page .cart-section table, #cart-page .cart-section ~ aside, #cart-page .cart-section aside {
    width: 100%; } }

@media only screen and (max-width: 650px) {
  #cart-page .cart-section table .product-summary__information .tags {
    display: none; }
  #cart-page .cart-section table .information.instore .product-summary__information {
    max-width: none;
    width: auto; }
  #cart-page .cart-section table tbody .cart__item:first-of-type {
    display: none; }
  #cart-page .cart-section table tbody .cart__item select, #cart-page .cart-section table tbody .cart__item .quantity-picker {
    display: none; }
  #cart-page .cart-section table tbody .license button, #cart-page .cart-section table tbody .instore-product button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  #cart-page .cart-section table tbody .cart__item td:nth-of-type(2) {
    padding: 0; }
  #cart-page .cart-section table tbody .cart__item td:nth-of-type(4) {
    padding: 0; }
  #cart-page .cart-section table .content-displaying {
    -ms-flex-flow: column;
        flex-flow: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    #cart-page .cart-section table .content-displaying > div {
      margin: 0; }
    #cart-page .cart-section table .content-displaying > button {
      margin: 12px 0 30px 0; }
  #cart-page .cart-section table + div {
    -ms-flex-flow: column;
        flex-flow: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  @-webkit-keyframes l-fade-in-background {
    0% {
      background-color: rgba(255, 255, 255, 0); }
    100% {
      background-color: white; } }
  @keyframes l-fade-in-background {
    0% {
      background-color: rgba(255, 255, 255, 0); }
    100% {
      background-color: white; } }
  @-webkit-keyframes l-move-from-left {
    0%, 50% {
      -webkit-transform: translateX(-650px);
              transform: translateX(-650px); }
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0); } }
  @keyframes l-move-from-left {
    0%, 50% {
      -webkit-transform: translateX(-650px);
              transform: translateX(-650px); }
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0); } }
  @-webkit-keyframes l-move-from-top {
    0%, 50% {
      -webkit-transform: translateY(-150px);
              transform: translateY(-150px);
      opacity: 0; }
    100% {
      -webkit-transform: translateY(70) rotate(180deg);
              transform: translateY(70) rotate(180deg);
      opacity: 1; } }
  @keyframes l-move-from-top {
    0%, 50% {
      -webkit-transform: translateY(-150px);
              transform: translateY(-150px);
      opacity: 0; }
    100% {
      -webkit-transform: translateY(70) rotate(180deg);
              transform: translateY(70) rotate(180deg);
      opacity: 1; } }
  #cart-page .cart-section table .cart__item.is-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
        flex-flow: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 760;
    height: calc(100% + 58px);
    margin: -58px 0 -58px 0;
    padding: 58px 1.5rem 0rem 1.5rem;
    -webkit-animation: l-fade-in-background .1s;
            animation: l-fade-in-background .1s;
    background-color: #FFFFFF;
    overflow-y: scroll;
    overflow-x: hidden; }
    #cart-page .cart-section table .cart__item.is-active.instore .amount {
      padding-left: 0; }
    #cart-page .cart-section table .cart__item.is-active td {
      border: none;
      -webkit-animation: l-move-from-left .5s;
              animation: l-move-from-left .5s; }
      #cart-page .cart-section table .cart__item.is-active td .btn-icon-data {
        position: absolute;
        top: 70px;
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
        -webkit-animation: l-move-from-top .6s .1s;
                animation: l-move-from-top .6s .1s; }
      #cart-page .cart-section table .cart__item.is-active td.information {
        margin-top: 50px;
        padding-right: 0; }
        #cart-page .cart-section table .cart__item.is-active td.information button {
          display: none; }
        #cart-page .cart-section table .cart__item.is-active td.information .product-summary__information {
          max-width: none;
          width: 100%;
          line-height: 1.5; }
          #cart-page .cart-section table .cart__item.is-active td.information .product-summary__information > span {
            white-space: initial; }
          #cart-page .cart-section table .cart__item.is-active td.information .product-summary__information .tags {
            display: block; }
      #cart-page .cart-section table .cart__item.is-active td select {
        display: block; }
      #cart-page .cart-section table .cart__item.is-active td .quantity-picker {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0; }
        #cart-page .cart-section table .cart__item.is-active td .quantity-picker button {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
      #cart-page .cart-section table .cart__item.is-active td.remove {
        width: 100%; }
        #cart-page .cart-section table .cart__item.is-active td.remove > div {
          display: none; }
        #cart-page .cart-section table .cart__item.is-active td.remove ul {
          display: block; } }

@media only screen and (max-width: 590px) {
  #cart-page .cart-section table .product-summary__information {
    max-width: 200px; } }

@media only screen and (max-width: 490px) {
  #cart-page .cart-section table .product-summary__information {
    max-width: 190px; }
  #cart-page .coupon-code-container .content-displaying {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    #cart-page .coupon-code-container .content-displaying > div, #cart-page .coupon-code-container .content-displaying > button {
      margin-bottom: 12px; } }

@media only screen and (max-width: 480px) {
  #cart-page .cart-section header {
    width: calc(100% + 30px);
    margin-left: -15px;
    padding: 30px 15px 18px 15px;
    margin-bottom: 20px; }
  #cart-page .cart-section table .product-summary__information {
    line-height: 1.2;
    max-width: 180px; }
    #cart-page .cart-section table .product-summary__information span {
      white-space: initial; }
  #cart-page .cart-section ~ aside {
    overflow: visible; }
    #cart-page .cart-section ~ aside > div h1 {
      width: calc(100% + 30px);
      margin: 20px 0px 20px -15px;
      padding: 15px;
      background-color: #f2f2f2; }
  #cart-page .button-cart[icon] i:not(.icon-chevron-down) {
    display: block; } }

@media only screen and (max-width: 450px) {
  #cart-page .cart-section table .product-summary__information {
    max-width: 170px; }
  #cart-page .cart-section tfoot .button-checkbox {
    max-width: 220px; }
    #cart-page .cart-section tfoot .button-checkbox > span {
      margin-right: 0; }
    #cart-page .cart-section tfoot .button-checkbox label span {
      white-space: normal; }
    #cart-page .cart-section tfoot .button-checkbox .content-displaying {
      float: left;
      visibility: hidden;
      margin-bottom: 0; }
      #cart-page .cart-section tfoot .button-checkbox .content-displaying > button {
        margin-bottom: 20px; }
      #cart-page .cart-section tfoot .button-checkbox .content-displaying select {
        font-size: 12px;
        margin-top: 0; }
    #cart-page .cart-section tfoot .button-checkbox input[type="checkbox"]:checked ~ .content-displaying, #cart-page .cart-section tfoot .button-checkbox input[type="radio"]:checked ~ .content-displaying {
      visibility: visible; }
      #cart-page .cart-section tfoot .button-checkbox input[type="checkbox"]:checked ~ .content-displaying label, #cart-page .cart-section tfoot .button-checkbox input[type="radio"]:checked ~ .content-displaying label {
        margin-bottom: 50px; } }

@media only screen and (max-width: 430px) {
  #cart-page .cart-section table .product-summary__information {
    max-width: 150px; } }

@media only screen and (max-width: 410px) {
  #cart-page .cart-section table .product-summary__information {
    max-width: 130px; }
  #cart-page .cart-section table #cb-taxes ~ label {
    white-space: initial; } }

@media only screen and (max-width: 390px) {
  #cart-page .cart-section table .product-summary__information {
    max-width: 110px; } }

@media only screen and (max-width: 380px) {
  #cart-page .cart-section table .product-summary__information {
    max-width: 100px; }
  #cart-page .cart-section, #cart-page .mobile-next-prev {
    max-width: 350px; } }

@media only screen and (max-width: 370px) {
  #cart-page .cart-section table .product-summary__information {
    max-width: 90px; }
  #cart-page .cart-section, #cart-page .mobile-next-prev {
    max-width: 340px; } }

@media only screen and (max-width: 360px) {
  #cart-page .cart-section, #cart-page .mobile-next-prev {
    max-width: 330px; }
  #cart-page .mobile-next-prev .button-cart {
    max-width: 145px; }
    #cart-page .mobile-next-prev .button-cart .button-cart-text-container {
      word-break: break-all; } }

@media only screen and (max-width: 350px) {
  #cart-page {
    margin: 0;
    overflow: hidden; }
    #cart-page > div {
      display: block; }
      #cart-page > div > .button-cart.mobile-next {
        margin: 0 auto; }
    #cart-page .cart-section {
      margin: 0 auto;
      width: inherit;
      max-width: -webkit-min-content;
      max-width: -moz-min-content;
      max-width: min-content; }
    #cart-page .cart-section header {
      max-width: none; }
      #cart-page .cart-section header > p {
        padding-left: 16px;
        text-align: right; }
    #cart-page .cart-section > div table {
      max-width: inherit; }
    #cart-page .cart-section > div > div:last-of-type {
      max-width: none; }
    #cart-page .cart-section ~ aside {
      display: block;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      margin: 0 auto; } }

@media only screen and (max-width: 340px) {
  #cart-page .cart-section header {
    margin-left: -25px;
    width: calc(100% + 50px);
    padding: 30px 25px 18px 25px; }
  #cart-page .cart .amount {
    padding: 6px 12px 6px 0px; }
  #cart-page .mobile-next {
    max-width: 290px; }
  #cart-page .mobile-next-prev, #cart-page .mobile-next-prev.place-order {
    max-width: inherit; }
  #cart-page .cart-section ~ aside {
    min-width: inherit;
    width: 100%; }
    #cart-page .cart-section ~ aside > div > h1 {
      padding: 35px; }
    #cart-page .cart-section ~ aside > div:first-of-type, #cart-page .cart-section ~ aside > div:last-of-type {
      margin: 0 auto;
      width: inherit; }
      #cart-page .cart-section ~ aside > div:first-of-type > div, #cart-page .cart-section ~ aside > div:last-of-type > div {
        margin: 0 20px;
        width: auto; }
      #cart-page .cart-section ~ aside > div:first-of-type > div > section, #cart-page .cart-section ~ aside > div:last-of-type > div > section {
        max-width: 300px; }
    #cart-page .cart-section ~ aside > div:last-of-type > div:first-of-type {
      max-width: 300px;
      margin: 0 auto; }
    #cart-page .cart-section ~ aside > div > button {
      max-width: 300px; } }

#page-myaccount-mymusic .playlistSwitch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  #page-myaccount-mymusic .playlistSwitch > * {
    margin-top: 4px;
    margin-bottom: 4px; }
  #page-myaccount-mymusic .playlistSwitch > span {
    margin-right: 10px;
    white-space: nowrap; }

#page-myaccount-mymusic .playlistInformation {
  margin-top: 12px; }

#page-myaccount-mymusic .track-v2:not(:first-of-type) .track__rating > p {
  display: none; }

@media only screen and (max-width: 920px) {
  #page-myaccount-mymusic .track-v2 {
    padding: 0.75rem; }
    #page-myaccount-mymusic .track-v2 .track__information {
      width: auto; }
    #page-myaccount-mymusic .track-v2 .track__actions {
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0; }
      #page-myaccount-mymusic .track-v2 .track__actions .hint--bottom {
        color: #979797; }
        #page-myaccount-mymusic .track-v2 .track__actions .hint--bottom i {
          font-size: 20px;
          height: 20px;
          width: 20px; }
    #page-myaccount-mymusic .track-v2 .track__rating {
      -webkit-box-ordinal-group: 6;
          -ms-flex-order: 5;
              order: 5;
      width: 100%;
      text-align: left;
      margin-left: 46px;
      margin-top: 4px; }
      #page-myaccount-mymusic .track-v2 .track__rating .br-widget {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; } }

#page-myaccount-subscription-settings form > div {
  margin-bottom: 15px; }
  #page-myaccount-subscription-settings form > div .button-checkbox.icon {
    width: auto;
    height: auto; }
    #page-myaccount-subscription-settings form > div .button-checkbox.icon label {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      text-transform: inherit;
      font-size: 14px;
      width: auto;
      height: auto; }
      #page-myaccount-subscription-settings form > div .button-checkbox.icon label i {
        margin-right: 12px; }
      #page-myaccount-subscription-settings form > div .button-checkbox.icon label p {
        white-space: normal;
        text-align: left;
        text-transform: initial;
        font-size: 13px;
        line-height: 1.15;
        margin-bottom: 0; }

.page_myaccount-referral-variables, .page-myaccount-referral, .page-myaccount-referral-see-more {
  /* /!\ INIT VAR /!\*/
  --color-main: black;
  --color-reverse-main: white;
  --color-lite: #8E8E93;
  --color-blue: #183F6C;
  --background-color: #FFFFFF;
  --background-color-dark: #FAFAFA;
  --font: "futurabook", Arial, sans-serif;
  --font-style: normal;
  --font-weight: 400;
  --font-size: 16px;
  --font-size-small: 14px;
  --font-size-big: 20px;
  --font-size-very-big: 40px;
  --line-height: 24px;
  --line-height-big: 27px;
  --font-size-h1: 50px;
  --line-height-h1: 55px;
  --font-size-h2: 30px;
  --line-height-h2: 40px;
  --font-size-h3: 20px;
  --line-height-h3: 27px;
  --cta-height: 40px;
  --cat-width: 220px;
  /* /!\ END INIT VAR /!\*/ }
  @media only screen and (max-width: 1000px) {
    .page_myaccount-referral-variables, .page-myaccount-referral, .page-myaccount-referral-see-more {
      --font-size-h1: 30px;
      --line-height-h1: 33px;
      --font-size-h2: 20px;
      --line-height-h2: 27px;
      --font-size-h2-original: 30px;
      --line-height-h2-original: 40px; } }

.page-myaccount-referral {
  font-size: var(--font-size);
  line-height: var(--line-height);
  color: var(--color-main);
  background: #FAFAFA; }
  @media only screen and (max-width: 1000px) {
    .page-myaccount-referral {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      background: white; } }
  .page-myaccount-referral__header {
    border-radius: 20px;
    background: #15dcf0;
    background: linear-gradient(150deg, #15dcf0 0%, #2c88b6 100%);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    height: 340px;
    width: 96%;
    color: var(--color-reverse-main);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 50px;
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto; }
    @media only screen and (max-width: 1000px) {
      .page-myaccount-referral__header {
        background: white;
        box-shadow: none;
        border-radius: unset;
        width: 100%;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        color: var(--color-reverse-main);
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        padding-top: 30px;
        padding-bottom: 30px;
        margin-top: 0;
        margin-right: 0;
        margin-left: 0;
        background: linear-gradient(150deg, #15dcf0 0%, #2c88b6 100%); } }
    .page-myaccount-referral__header__title {
      font-size: var(--font-size-h2);
      line-height: var(--line-height-h2);
      margin: 0;
      text-align: center; }
      @media only screen and (max-width: 1000px) {
        .page-myaccount-referral__header__title {
          width: 100%;
          padding-left: 10px;
          padding-right: 10px; } }
    .page-myaccount-referral__header__subtitle {
      font-size: var(--font-size-h3);
      line-height: var(--line-height-h3);
      text-align: center;
      width: 800px;
      margin-top: 22px;
      margin-bottom: 0; }
      @media only screen and (max-width: 1000px) {
        .page-myaccount-referral__header__subtitle {
          font-size: var(--font-size);
          line-height: var(--line-height);
          width: 100%;
          padding-left: 10px;
          padding-right: 10px; } }
  .page-myaccount-referral__actions {
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    max-width: 1060px;
    min-height: 360px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -100px;
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media only screen and (max-width: 1380px) {
      .page-myaccount-referral__actions {
        margin-left: 36px;
        margin-right: 36px; } }
    @media only screen and (max-width: 1000px) {
      .page-myaccount-referral__actions {
        width: 100%;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        margin: 0;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3; } }
    .page-myaccount-referral__actions__code {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      border-bottom: 1px solid #E5E5E5;
      width: 100%;
      height: 50%;
      padding-bottom: 30px; }
      @media only screen and (max-width: 1000px) {
        .page-myaccount-referral__actions__code {
          height: -webkit-fit-content;
          height: -moz-fit-content;
          height: fit-content;
          border-bottom-style: none;
          margin-top: 15px;
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          border-radius: 0;
          padding: 20px; } }
      .page-myaccount-referral__actions__code__input {
        margin-top: 15px;
        border: 1px solid var(--color-lite);
        box-sizing: border-box;
        border-radius: 6px;
        width: 280px;
        height: 40px;
        padding-left: 15px;
        padding-right: 15px; }
      .page-myaccount-referral__actions__code__cta {
        margin-top: 15px;
        color: var(--color-reverse-main);
        text-transform: uppercase;
        width: 280px;
        height: 40px; }
        .page-myaccount-referral__actions__code__cta[disabled] {
          -webkit-filter: grayscale(100%);
                  filter: grayscale(100%); }
    .page-myaccount-referral__actions__bottom {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      padding-top: 30px; }
      @media only screen and (max-width: 1000px) {
        .page-myaccount-referral__actions__bottom {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          padding-top: 0; } }
      .page-myaccount-referral__actions__bottom__email {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        border-right: 1px solid #E5E5E5;
        width: 50%; }
        @media only screen and (max-width: 1000px) {
          .page-myaccount-referral__actions__bottom__email {
            width: 100%;
            border-right: none;
            margin-top: 15px;
            box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
            border-radius: 0;
            padding: 20px; } }
        .page-myaccount-referral__actions__bottom__email__input {
          margin-top: 15px;
          border: 1px solid var(--color-lite);
          box-sizing: border-box;
          border-radius: 6px;
          width: 280px;
          height: 40px;
          padding-left: 15px;
          padding-right: 15px; }
        .page-myaccount-referral__actions__bottom__email__error {
          width: 280px;
          color: #CE2E2E; }
        .page-myaccount-referral__actions__bottom__email__processing {
          margin-top: 4px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          width: 280px; }
          .page-myaccount-referral__actions__bottom__email__processing__icon {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center; }
            .page-myaccount-referral__actions__bottom__email__processing__icon .lds-ring {
              display: inline-block;
              position: relative;
              width: 28px;
              height: 28px; }
            .page-myaccount-referral__actions__bottom__email__processing__icon .lds-ring div {
              box-sizing: border-box;
              display: block;
              position: absolute;
              width: 22px;
              height: 22px;
              margin: 2px;
              border: 2px solid #7ED321;
              border-radius: 50%;
              -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
                      animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
              border-color: #7ED321 transparent transparent transparent; }
            .page-myaccount-referral__actions__bottom__email__processing__icon .lds-ring div:nth-child(1) {
              -webkit-animation-delay: -0.45s;
                      animation-delay: -0.45s; }
            .page-myaccount-referral__actions__bottom__email__processing__icon .lds-ring div:nth-child(2) {
              -webkit-animation-delay: -0.3s;
                      animation-delay: -0.3s; }
            .page-myaccount-referral__actions__bottom__email__processing__icon .lds-ring div:nth-child(3) {
              -webkit-animation-delay: -0.15s;
                      animation-delay: -0.15s; }

@keyframes lds-ring {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
        .page-myaccount-referral__actions__bottom__email__cta-container {
          width: 280px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          margin-top: 15px; }
          @media only screen and (max-width: 1000px) {
            .page-myaccount-referral__actions__bottom__email__cta-container {
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column; } }
          .page-myaccount-referral__actions__bottom__email__cta-container__cta {
            color: var(--color-reverse-main);
            text-transform: uppercase;
            height: 40px;
            width: 280px; }
            @media only screen and (max-width: 1000px) {
              .page-myaccount-referral__actions__bottom__email__cta-container__cta {
                width: 280px; } }
            .page-myaccount-referral__actions__bottom__email__cta-container__cta[disabled] {
              -webkit-filter: grayscale(100%);
                      filter: grayscale(100%); }
          .page-myaccount-referral__actions__bottom__email__cta-container__email {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            width: 50%; }
            @media only screen and (max-width: 1000px) {
              .page-myaccount-referral__actions__bottom__email__cta-container__email {
                -ms-flex-pack: distribute;
                    justify-content: space-around;
                width: 100%;
                margin-top: 18px; } }
            .page-myaccount-referral__actions__bottom__email__cta-container__email__gmail {
              width: 40px;
              height: 30px;
              background-image: url("https://images.jamendo.com/jamendolicensing/icon/gmail-grey-icon.webp");
              background-size: cover; }
              .page-myaccount-referral__actions__bottom__email__cta-container__email__gmail:hover {
                background-image: url("https://images.jamendo.com/jamendolicensing/icon/gmail-color-icon.webp"); }
            .page-myaccount-referral__actions__bottom__email__cta-container__email__yahoo {
              width: 30px;
              height: 30px;
              background-image: url("https://images.jamendo.com/jamendolicensing/icon/yahoo-grey-icon.webp");
              background-size: cover; }
              .page-myaccount-referral__actions__bottom__email__cta-container__email__yahoo:hover {
                background-image: url("https://images.jamendo.com/jamendolicensing/icon/yahoo-color-icon.webp"); }
            .page-myaccount-referral__actions__bottom__email__cta-container__email__outlook {
              width: 32px;
              height: 30px;
              background-image: url("https://images.jamendo.com/jamendolicensing/icon/outlook-grey-icon.webp");
              background-size: cover; }
              .page-myaccount-referral__actions__bottom__email__cta-container__email__outlook:hover {
                background-image: url("https://images.jamendo.com/jamendolicensing/icon/outlook-color-icon.webp"); }
      .page-myaccount-referral__actions__bottom__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        width: 50%; }
        @media only screen and (max-width: 1000px) {
          .page-myaccount-referral__actions__bottom__link {
            width: 100%;
            margin-top: 15px;
            box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
            border-radius: 0;
            padding: 20px; } }
        .page-myaccount-referral__actions__bottom__link__input {
          margin-top: 15px;
          border: 1px solid var(--color-lite);
          box-sizing: border-box;
          border-radius: 6px;
          width: 280px;
          height: 40px;
          padding-left: 15px;
          padding-right: 15px; }
        .page-myaccount-referral__actions__bottom__link__cta {
          margin-top: 15px;
          color: var(--color-reverse-main);
          text-transform: uppercase;
          width: 280px;
          height: 40px; }
          .page-myaccount-referral__actions__bottom__link__cta[disabled] {
            -webkit-filter: grayscale(100%);
                    filter: grayscale(100%); }
  .page-myaccount-referral__blocks {
    width: 100%;
    margin-top: 40px;
    padding-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media only screen and (max-width: 1000px) {
      .page-myaccount-referral__blocks {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2; } }
    .page-myaccount-referral__blocks__accepted {
      width: 522px;
      margin-right: 18px; }
      @media only screen and (max-width: 1300px) {
        .page-myaccount-referral__blocks__accepted {
          width: 45%; } }
      .page-myaccount-referral__blocks__accepted__title {
        font-size: var(--font-size-big);
        line-height: var(--line-height-big); }
        @media only screen and (max-width: 1000px) {
          .page-myaccount-referral__blocks__accepted__title {
            display: none; } }
      .page-myaccount-referral__blocks__accepted__content {
        width: 100%;
        min-height: 500px;
        background: #FFFFFF;
        margin-top: 16px;
        padding: 30px;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 10px; }
        @media only screen and (max-width: 1000px) {
          .page-myaccount-referral__blocks__accepted__content {
            height: -webkit-fit-content;
            height: -moz-fit-content;
            height: fit-content;
            min-height: -webkit-fit-content;
            min-height: -moz-fit-content;
            min-height: fit-content;
            padding: 10px; } }
        .page-myaccount-referral__blocks__accepted__content__title {
          font-size: var(--font-size-h2);
          line-height: var(--line-height-h2);
          color: #66B6BE;
          text-align: center; }
        .page-myaccount-referral__blocks__accepted__content__subtitle {
          text-align: center; }
        .page-myaccount-referral__blocks__accepted__content__text {
          margin-top: 30px;
          height: 80px; }
          @media only screen and (max-width: 1000px) {
            .page-myaccount-referral__blocks__accepted__content__text {
              display: none; } }
        .page-myaccount-referral__blocks__accepted__content__list {
          margin-top: 20px; }
          @media only screen and (max-width: 1000px) {
            .page-myaccount-referral__blocks__accepted__content__list {
              display: none; } }
          .page-myaccount-referral__blocks__accepted__content__list__line {
            border-bottom: 1px solid #E5E5E5;
            padding-top: 15px;
            padding-bottom: 15px;
            height: 80px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
            .page-myaccount-referral__blocks__accepted__content__list__line__left {
              max-width: 100%; }
            .page-myaccount-referral__blocks__accepted__content__list__line__right {
              text-align: right; }
        .page-myaccount-referral__blocks__accepted__content__see-more {
          margin-top: 30px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          width: 100%; }
          .page-myaccount-referral__blocks__accepted__content__see-more a {
            color: var(--color-main);
            cursor: pointer; }
    .page-myaccount-referral__blocks__pending {
      width: 522px; }
      @media only screen and (max-width: 1300px) {
        .page-myaccount-referral__blocks__pending {
          width: 45%; } }
      .page-myaccount-referral__blocks__pending__title {
        font-size: var(--font-size-big);
        line-height: var(--line-height-big); }
        @media only screen and (max-width: 1000px) {
          .page-myaccount-referral__blocks__pending__title {
            display: none; } }
      .page-myaccount-referral__blocks__pending__content {
        width: 100%;
        min-height: 500px;
        background: #FFFFFF;
        margin-top: 16px;
        padding: 30px;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 10px; }
        @media only screen and (max-width: 1000px) {
          .page-myaccount-referral__blocks__pending__content {
            height: -webkit-fit-content;
            height: -moz-fit-content;
            height: fit-content;
            min-height: -webkit-fit-content;
            min-height: -moz-fit-content;
            min-height: fit-content;
            padding: 10px; } }
        .page-myaccount-referral__blocks__pending__content__title {
          font-size: var(--font-size-h2);
          line-height: var(--line-height-h2);
          color: #66B6BE;
          text-align: center; }
        .page-myaccount-referral__blocks__pending__content__subtitle {
          text-align: center; }
        .page-myaccount-referral__blocks__pending__content__text {
          margin-top: 30px;
          height: 80px; }
          @media only screen and (max-width: 1000px) {
            .page-myaccount-referral__blocks__pending__content__text {
              display: none; } }
        .page-myaccount-referral__blocks__pending__content__list {
          margin-top: 20px; }
          @media only screen and (max-width: 1000px) {
            .page-myaccount-referral__blocks__pending__content__list {
              display: none; } }
          .page-myaccount-referral__blocks__pending__content__list__line {
            border-bottom: 1px solid #E5E5E5;
            padding-top: 15px;
            padding-bottom: 15px;
            height: 80px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
            .page-myaccount-referral__blocks__pending__content__list__line__right {
              color: var(--color-lite); }
              .page-myaccount-referral__blocks__pending__content__list__line__right__cta--disabled {
                cursor: no-drop; }
        .page-myaccount-referral__blocks__pending__content__see-more {
          margin-top: 30px;
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
          .page-myaccount-referral__blocks__pending__content__see-more a {
            color: var(--color-main);
            cursor: pointer; }
  .page-myaccount-referral__steps {
    padding-top: 40px;
    padding-bottom: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    background-color: white; }
    @media only screen and (max-width: 1000px) {
      .page-myaccount-referral__steps {
        margin-bottom: 0;
        -webkit-box-ordinal-group: 5;
            -ms-flex-order: 4;
                order: 4; } }
    .page-myaccount-referral__steps__title {
      font-size: var(--font-size-h3);
      line-height: var(--line-height-h3);
      margin: 0; }
    .page-myaccount-referral__steps__list {
      /* Hide scrollbar for Chrome, Safari and Opera */
      -ms-overflow-style: none;
      /* IE and Edge */
      scrollbar-width: none;
      /* Firefox */
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-pack: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      scroll-behavior: smooth;
      -webkit-overflow-scrolling: touch; }
      .page-myaccount-referral__steps__list::-webkit-scrollbar {
        display: none; }
      @media only screen and (max-width: 1000px) {
        .page-myaccount-referral__steps__list {
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start; } }
      .page-myaccount-referral__steps__list__step {
        width: 33%;
        scroll-snap-align: start;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        padding-left: 50px;
        padding-right: 50px;
        -webkit-transform-origin: center center;
                transform-origin: center center;
        -webkit-transform: scale(1);
                transform: scale(1);
        transition: -webkit-transform 0.5s;
        transition: transform 0.5s; }
        @media only screen and (max-width: 1000px) {
          .page-myaccount-referral__steps__list__step {
            width: 100%;
            padding-bottom: 0;
            padding-left: 2%;
            padding-right: 2%; } }
        .page-myaccount-referral__steps__list__step__number {
          margin-top: 70px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          height: 60px;
          width: 100%; }
          @media only screen and (max-width: 1000px) {
            .page-myaccount-referral__steps__list__step__number {
              margin-top: 35px; } }
          .page-myaccount-referral__steps__list__step__number__content {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            width: 60px;
            color: var(--color-main);
            border-radius: 30px;
            border: 1px solid var(--color-main); }
        .page-myaccount-referral__steps__list__step__title {
          font-size: var(--font-size-big);
          line-height: var(--line-height);
          color: var(--color-main);
          margin-bottom: 0;
          text-align: center;
          margin-top: 30px;
          margin-bottom: 25px; }
        .page-myaccount-referral__steps__list__step__text {
          color: var(--color-lite);
          font-size: var(--font-size); }
    .page-myaccount-referral__steps__bubble {
      display: none; }
      @media only screen and (max-width: 1000px) {
        .page-myaccount-referral__steps__bubble {
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          width: 12px;
          height: 12px;
          background: rgba(155, 155, 155, 0.3);
          text-decoration: none;
          border-radius: 50%;
          margin-left: 6px;
          margin-right: 6px; }
          .page-myaccount-referral__steps__bubble--current {
            background: #9B9B9B; } }
  .page-myaccount-referral__hr {
    width: 100%;
    background-color: white; }
    @media only screen and (max-width: 1000px) {
      .page-myaccount-referral__hr {
        -webkit-box-ordinal-group: 6;
            -ms-flex-order: 5;
                order: 5; } }
    .page-myaccount-referral__hr__border {
      margin-left: auto;
      margin-right: auto;
      width: 33%;
      border-bottom: 1px solid var(--color-lite); }
  .page-myaccount-referral__faq {
    background-color: var(--background-color-dark);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-flow: column;
        flex-flow: column;
    background-color: white;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px; }
    @media only screen and (max-width: 1000px) {
      .page-myaccount-referral__faq {
        -webkit-box-ordinal-group: 7;
            -ms-flex-order: 6;
                order: 6; } }
    .page-myaccount-referral__faq__title {
      color: var(--color-main);
      font-size: var(--font-size-h2);
      line-height: var(--line-height-h2);
      text-transform: uppercase;
      text-align: center;
      padding-top: 40px;
      padding-bottom: 40px;
      margin: 0; }
      @media only screen and (max-width: 1000px) {
        .page-myaccount-referral__faq__title {
          font-size: var(--font-size-h1);
          line-height: var(--line-height-h1); } }
    .page-myaccount-referral__faq__questions-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      @media only screen and (max-width: 1000px) {
        .page-myaccount-referral__faq__questions-container {
          -ms-flex-flow: column;
              flex-flow: column; } }
      .page-myaccount-referral__faq__questions-container__questions {
        width: 70%;
        color: var(--color-main);
        margin-bottom: 50px; }
        @media only screen and (max-width: 1000px) {
          .page-myaccount-referral__faq__questions-container__questions {
            width: 100%; } }
        .page-myaccount-referral__faq__questions-container__questions .button-checkbox {
          border-bottom: none;
          color: var(--color-main); }
      .page-myaccount-referral__faq__questions-container__cta-container {
        width: 30%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column;
            flex-flow: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 5%; }
        @media only screen and (max-width: 1000px) {
          .page-myaccount-referral__faq__questions-container__cta-container {
            border-left: 0;
            border-top: 7px solid var(--background-color);
            width: 100%; } }
        .page-myaccount-referral__faq__questions-container__cta-container__text {
          font-size: var(--font-size-big);
          line-height: 44px;
          color: var(--color-main); }
        .page-myaccount-referral__faq__questions-container__cta-container__cta {
          color: var(--color-main);
          border: 1px solid var(--color-main);
          background-color: var(--color-reverse-main);
          text-transform: uppercase;
          min-height: var(--cta-height);
          min-width: var(--cat-width);
          width: -webkit-fit-content;
          width: -moz-fit-content;
          width: fit-content; }
  .page-myaccount-referral__terms {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    background-color: white;
    padding-bottom: 20px; }
    .page-myaccount-referral__terms__link {
      color: black !important; }
      .page-myaccount-referral__terms__link:hover {
        color: black; }

.page-myaccount-referral-see-more {
  width: 100%;
  padding: 30px; }
  .page-myaccount-referral-see-more__header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .page-myaccount-referral-see-more__header__back {
      position: absolute;
      left: 0px;
      top: 0px;
      background-image: url("https://images.jamendo.com/jamendolicensing/icon/back-icon-3.svg");
      background-size: cover;
      width: 30px;
      height: 30px;
      cursor: pointer; }
    .page-myaccount-referral-see-more__header__text {
      font-size: var(--font-size-h2);
      line-height: var(--line-height-h2); }
      .page-myaccount-referral-see-more__header__text__span {
        color: #66B6BE; }
  .page-myaccount-referral-see-more__content {
    width: 100%;
    height: 80%; }
    .page-myaccount-referral-see-more__content__text {
      margin-top: 30px; }
    .page-myaccount-referral-see-more__content__list {
      margin-top: 20px;
      overflow-y: auto;
      height: 80%; }
      .page-myaccount-referral-see-more__content__list__line {
        border-bottom: 1px solid #E5E5E5;
        padding-top: 15px;
        padding-bottom: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .page-myaccount-referral-see-more__content__list__line__left {
          max-width: 60%; }
        .page-myaccount-referral-see-more__content__list__line__right {
          text-align: right; }
          .page-myaccount-referral-see-more__content__list__line__right--lite {
            color: var(--color-lite); }

#page-licensing-login .form-group.registrer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column; }
  #page-licensing-login .form-group.registrer .button-checkbox.icon {
    margin-bottom: 10px;
    width: auto; }
    #page-licensing-login .form-group.registrer .button-checkbox.icon label {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      width: auto; }
      #page-licensing-login .form-group.registrer .button-checkbox.icon label .icon {
        font-size: 22px;
        height: 22px;
        width: 22px; }
      #page-licensing-login .form-group.registrer .button-checkbox.icon label span {
        display: block;
        text-transform: initial;
        margin-left: 12px;
        font-size: 13px;
        text-align: left;
        line-height: 1.15;
        white-space: normal; }

.landing-subscription hr {
  background-color: #66B6BE;
  border: 1px solid #66B6BE;
  border-radius: 7px 7px 7px 7px;
  height: 2px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 20px; }

.landing-subscription h1 {
  text-transform: capitalize; }
  .landing-subscription h1 span {
    line-height: normal; }

.landing-subscription__advantages {
  width: 100%;
  padding: 64px 5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .landing-subscription__advantages__list i {
    margin-bottom: 35px; }
  .landing-subscription__advantages__list .triptych__heading {
    margin-bottom: 0rem; }
    .landing-subscription__advantages__list .triptych__heading .triptych__category {
      margin-bottom: 10px !important;
      color: black;
      text-align: left;
      text-transform: none;
      font-size: 20px; }
      @media only screen and (max-width: 992px) {
        .landing-subscription__advantages__list .triptych__heading .triptych__category {
          text-align: center; } }
  .landing-subscription__advantages__list .triptych__text {
    color: gray;
    font-size: 15px; }

.landing-subscription .description {
  margin-top: 4rem; }
  .landing-subscription .description h1 {
    color: black;
    font-family: "futurademi", Arial, sans-serif, Arial, sans-serif; }
  .landing-subscription .description .triptych__category {
    color: black;
    font-family: "futurademi", Arial, sans-serif, Arial, sans-serif; }

.landing-subscription section.section.container:before {
  display: none; }

.landing-subscription .square {
  border-radius: 0 !important; }

.landing-subscription .offer {
  display: block;
  width: 100%;
  margin: 0; }
  .landing-subscription .offer header {
    margin-bottom: 1rem; }
    .landing-subscription .offer header h2 {
      color: black; }
    .landing-subscription .offer header h3 {
      margin: 0px; }
  .landing-subscription .offer .products {
    background-color: #fbfbfb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .landing-subscription .offer .products .offer__product {
      text-align: center;
      max-width: 300px;
      margin-top: 4rem;
      margin-bottom: 2rem;
      margin-left: 1.5rem;
      margin-right: 1.5rem; }
      .landing-subscription .offer .products .offer__product .body {
        background-color: white;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
        margin-bottom: 2rem; }
        .landing-subscription .offer .products .offer__product .body h4 {
          font-size: 14px;
          color: black;
          text-transform: uppercase;
          margin-bottom: 4px; }
        .landing-subscription .offer .products .offer__product .body .duration-btn {
          min-width: 100px;
          margin-left: -2.5px;
          margin-right: -2.5px; }
        .landing-subscription .offer .products .offer__product .body .button {
          background-color: #67b7bf; }
        .landing-subscription .offer .products .offer__product .body p {
          font-size: 12px; }
        .landing-subscription .offer .products .offer__product .body .price {
          border: none;
          color: black;
          font-size: 25px;
          font-weight: bold;
          margin-bottom: 2rem; }
          .landing-subscription .offer .products .offer__product .body .price .cross-price {
            margin-bottom: 1.5rem;
            min-height: 37px; }
            .landing-subscription .offer .products .offer__product .body .price .cross-price span {
              text-decoration: none;
              font-size: 14px;
              position: relative;
              color: gray; }
              .landing-subscription .offer .products .offer__product .body .price .cross-price span:before {
                content: " ";
                display: block;
                width: 110%;
                border-top: 1px solid gray;
                height: 11px;
                position: absolute;
                bottom: 0;
                left: 0;
                -webkit-transform: rotate(0deg);
                        transform: rotate(0deg); }
          .landing-subscription .offer .products .offer__product .body .price .ht {
            color: black;
            font-size: 14px; }
      .landing-subscription .offer .products .offer__product .buy-btn {
        min-width: 200px;
        font-size: 16px; }
        @media (max-width: 767px) {
          .landing-subscription .offer .products .offer__product .buy-btn {
            margin-bottom: 2rem; } }
      @media (max-width: 767px) {
        .landing-subscription .offer .products .offer__product {
          margin: 0px;
          margin-left: auto;
          margin-right: auto; } }
    @media (max-width: 767px) {
      .landing-subscription .offer .products {
        display: block; } }
  .landing-subscription .offer .limit-offer {
    color: gray;
    font-size: 10px;
    text-align: center;
    padding-bottom: 50px;
    padding-left: 5px;
    background-color: #fbfbfb; }

.landing-subscription .section-background h1 {
  font-size: 1.2rem; }

.landing-subscription .offer-heading header h2 {
  font-size: 22px;
  border: 1px solid red; }

.landing-subscription .banner-referral {
  margin-top: 60px;
  margin-bottom: 60px;
  border-radius: 20px;
  background: #15dcf0;
  background: linear-gradient(150deg, #15dcf0 0%, #2c88b6 100%);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  min-height: 300px;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 30px;
  padding-bottom: 30px; }
  @media (max-width: 767px) {
    .landing-subscription .banner-referral {
      border-radius: 0; } }
  .landing-subscription .banner-referral__icon {
    width: 60px;
    height: 60px;
    background-image: url(https://images.jamendo.com/jamendolicensing/icon/gift-white.svg);
    background-repeat: no-repeat;
    background-size: 60px 60px; }
  .landing-subscription .banner-referral__title {
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    margin-top: 30px; }
  .landing-subscription .banner-referral__text {
    font-size: 20px;
    line-height: 27px;
    margin-top: 30px;
    text-align: center; }
  .landing-subscription .banner-referral__cta {
    text-transform: uppercase;
    color: black;
    font-size: 16px;
    line-height: 21px;
    margin-top: 30px;
    background-color: white;
    text-decoration: none;
    cursor: pointer;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

.banner-referral-subscription {
  border-radius: 20px;
  background: #15dcf0;
  background: linear-gradient(150deg, #15dcf0 0%, #2c88b6 100%);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  min-height: 300px;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 30px;
  padding-bottom: 30px; }
  .banner-referral-subscription--dashboard {
    box-shadow: none;
    padding: 36px;
    min-height: 460px; }
    .banner-referral-subscription--dashboard .banner-referral-subscription__cta {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content; }
  .banner-referral-subscription--pricing {
    margin-top: 60px; }
  .banner-referral-subscription--subscription {
    margin-top: 60px;
    margin-bottom: 60px; }
  @media (max-width: 767px) {
    .banner-referral-subscription {
      border-radius: 0; }
      .banner-referral-subscription--dashboard {
        border-radius: 20px; } }
  .banner-referral-subscription__icon {
    width: 60px;
    height: 60px;
    background-image: url(https://images.jamendo.com/jamendolicensing/icon/gift-white.svg);
    background-repeat: no-repeat;
    background-size: 60px 60px; }
  .banner-referral-subscription__title {
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    margin-top: 30px; }
  .banner-referral-subscription__text {
    font-size: 20px;
    line-height: 27px;
    margin-top: 30px;
    text-align: center; }
  .banner-referral-subscription__cta {
    text-transform: uppercase;
    color: black !important;
    font-size: 16px;
    line-height: 21px;
    margin-top: 30px;
    background-color: white;
    text-decoration: none;
    cursor: pointer;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .banner-referral-subscription__cta:hover {
      color: black;
      text-decoration: none; }

#page-licensing-paid .main {
  width: 100%;
  padding-bottom: 50px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); }
  #page-licensing-paid .main .cta-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    #page-licensing-paid .main .cta-container .cta {
      font-size: 16px;
      margin-bottom: 20px; }

.catalog-landing {
  /* /!\ INIT VAR /!\*/
  --color-main: black;
  --color-reverse-main: white;
  --color-lite: #8E8E93;
  --color-blue: #183F6C;
  --color-promote-subscription: #4a4a4a;
  --background-color: #FFFFFF;
  --background-color-dark: #FAFAFA;
  --font: "futurabook", Arial, sans-serif;
  --font-bold: "futurabold", Arial, sans-serif;
  --font-style: normal;
  --font-weight: 400;
  --font-size: 16px;
  --font-size-small: 14px;
  --font-size-big: 20px;
  --font-size-very-big: 40px;
  --line-height: 24px;
  --line-height-big: 27px;
  --font-size-h1: 50px;
  --line-height-h1: 55px;
  --font-size-h2: 30px;
  --line-height-h2: 40px;
  --font-size-h3: 20px;
  --line-height-h3: 27px;
  --cta-height: 40px;
  --cat-width: 220px;
  --big-section-width: 86%;
  /* /!\ END INIT VAR /!\*/
  background-color: var(--background-color);
  font-family: var(--font);
  font-style: var(--font-style);
  font-weight: var(--font-weight);
  line-height: var(--line-height); }
  @media only screen and (max-width: 700px) {
    .catalog-landing {
      --font-size-h1: 30px;
      --line-height-h1: 33px;
      --font-size-h2: 20px;
      --line-height-h2: 27px;
      --font-size-h2-original: 30px;
      --line-height-h2-original: 40px; } }
  .catalog-landing__landing-catalog-promote-subscription {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    width: var(--big-section-width);
    position: relative;
    margin: -50px auto 20px;
    padding: 80px;
    background-color: var(--background-color);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    font-family: "futurademi", Arial, sans-serif; }
    @media only screen and (max-width: 1500px) {
      .catalog-landing__landing-catalog-promote-subscription {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; } }
    @media only screen and (max-width: 1000px) {
      .catalog-landing__landing-catalog-promote-subscription {
        padding: 50px;
        margin-top: -12px; } }
    @media only screen and (max-width: 767px) {
      .catalog-landing__landing-catalog-promote-subscription {
        -ms-flex-flow: column-reverse;
            flex-flow: column-reverse;
        margin-top: -60px;
        position: relative;
        padding: 40px; } }
    @media only screen and (max-width: 600px) {
      .catalog-landing__landing-catalog-promote-subscription {
        box-shadow: none;
        margin-top: 0px;
        padding: 40px 0; } }
    .catalog-landing__landing-catalog-promote-subscription__plan-container {
      width: 25%;
      max-width: 300px;
      padding: 25px;
      box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
      border-radius: 20px;
      color: var(--color-main);
      font-size: 14px;
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: column;
          flex-flow: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      @media only screen and (max-width: 1500px) {
        .catalog-landing__landing-catalog-promote-subscription__plan-container {
          width: 33.33%;
          line-height: 20px; } }
      @media only screen and (max-width: 1000px) {
        .catalog-landing__landing-catalog-promote-subscription__plan-container {
          width: 40%; } }
      @media only screen and (max-width: 768px) {
        .catalog-landing__landing-catalog-promote-subscription__plan-container {
          width: 70%;
          margin-bottom: 90px; } }
      @media only screen and (max-width: 375px) {
        .catalog-landing__landing-catalog-promote-subscription__plan-container {
          width: 100%; } }
      .catalog-landing__landing-catalog-promote-subscription__plan-container h3 {
        font-family: var(--font-bold);
        font-size: 20px;
        margin-bottom: 6px; }
      .catalog-landing__landing-catalog-promote-subscription__plan-container span {
        display: inline-block;
        line-height: 1.2; }
      .catalog-landing__landing-catalog-promote-subscription__plan-container hr {
        border: none;
        height: 4px;
        width: 33.33%;
        margin: 10px 0 70px;
        background: linear-gradient(206.99deg, #F4CC00 10.11%, #F76F00 65.06%); }
        @media only screen and (max-width: 425px) {
          .catalog-landing__landing-catalog-promote-subscription__plan-container hr {
            margin: 30px 0; } }
      .catalog-landing__landing-catalog-promote-subscription__plan-container__price-part {
        margin-bottom: 50px; }
        @media only screen and (max-width: 425px) {
          .catalog-landing__landing-catalog-promote-subscription__plan-container__price-part {
            margin-bottom: 30px; } }
        .catalog-landing__landing-catalog-promote-subscription__plan-container__price-part__price-number {
          font-size: 30px;
          font-family: "futurabold", Arial, sans-serif;
          margin-bottom: 8px; }
    .catalog-landing__landing-catalog-promote-subscription__cta-part {
      width: 60%;
      color: var(--color-promote-subscription);
      font-size: 16px; }
      @media only screen and (max-width: 1500px) {
        .catalog-landing__landing-catalog-promote-subscription__cta-part {
          width: 55%; } }
      @media only screen and (max-width: 1000px) {
        .catalog-landing__landing-catalog-promote-subscription__cta-part {
          width: 50%; } }
      @media only screen and (max-width: 768px) {
        .catalog-landing__landing-catalog-promote-subscription__cta-part {
          width: 70%; } }
      @media only screen and (max-width: 600px) {
        .catalog-landing__landing-catalog-promote-subscription__cta-part {
          width: 100%;
          text-align: center; } }
      .catalog-landing__landing-catalog-promote-subscription__cta-part h2 {
        font-size: 30px;
        font-family: "futurabold", Arial, sans-serif;
        margin-bottom: 36px;
        line-height: 33px; }
      .catalog-landing__landing-catalog-promote-subscription__cta-part p {
        margin-bottom: 36px; }
      @media only screen and (max-width: 768px) {
        .catalog-landing__landing-catalog-promote-subscription__cta-part button, .catalog-landing__landing-catalog-promote-subscription__cta-part a {
          position: absolute;
          bottom: 40px;
          width: 300px;
          left: 50%;
          margin-left: -150px; } }
  .catalog-landing__landing-catalog-seo-section {
    padding-bottom: 60px; }
    .catalog-landing__landing-catalog-seo-section__header {
      /* Hide scrollbar for Chrome, Safari and Opera */
      -ms-overflow-style: none;
      /* IE and Edge */
      scrollbar-width: none;
      /* Firefox */
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border: 1px solid #D1D1D6;
      height: 70px;
      width: 100%;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      scroll-behavior: smooth;
      -webkit-overflow-scrolling: touch; }
      .catalog-landing__landing-catalog-seo-section__header::-webkit-scrollbar {
        display: none; }
      @media only screen and (max-width: 1230px) {
        .catalog-landing__landing-catalog-seo-section__header {
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start; } }
      .catalog-landing__landing-catalog-seo-section__header__menu-selecter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        cursor: pointer;
        scroll-snap-align: start;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        padding-left: 25px;
        padding-right: 25px;
        -webkit-transform-origin: center center;
                transform-origin: center center;
        -webkit-transform: scale(1);
                transform: scale(1);
        transition: -webkit-transform 0.5s;
        transition: transform 0.5s;
        height: 100%;
        color: var(--color-lite);
        text-decoration: none;
        text-transform: uppercase; }
        .catalog-landing__landing-catalog-seo-section__header__menu-selecter:hover {
          color: var(--color-main); }
        .catalog-landing__landing-catalog-seo-section__header__menu-selecter--is-current {
          color: var(--color-main);
          border-bottom: 1px solid var(--color-main); }
          .catalog-landing__landing-catalog-seo-section__header__menu-selecter--is-current:hover {
            text-decoration: none; }
    .catalog-landing__landing-catalog-seo-section__container-featured__tracks {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
      -ms-flex-line-pack: center;
          align-content: center;
      width: 100%;
      height: 300px;
      margin-top: 15px; }
      @media only screen and (max-width: 1268px) {
        .catalog-landing__landing-catalog-seo-section__container-featured__tracks {
          height: 495px; } }
      @media only screen and (max-width: 840px) {
        .catalog-landing__landing-catalog-seo-section__container-featured__tracks {
          height: -webkit-fit-content;
          height: -moz-fit-content;
          height: fit-content; } }
    .catalog-landing__landing-catalog-seo-section__container-featured__footer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding-bottom: 40px;
      padding-top: 40px; }
      .catalog-landing__landing-catalog-seo-section__container-featured__footer__show-more {
        text-transform: uppercase;
        text-decoration: none;
        border: 1px solid var(--color-main);
        min-height: var(--cta-height);
        min-width: var(--cat-width);
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        color: var(--color-main) !important;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .catalog-landing__landing-catalog-seo-section__container-featured__footer__show-more:hover {
          color: var(--color-main);
          text-transform: uppercase;
          text-decoration: none; }
    .catalog-landing__landing-catalog-seo-section__container-picto {
      --margin-between-picto: 15px;
      --picto-width: 110px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .catalog-landing__landing-catalog-seo-section__container-picto__grid {
        /* Hide scrollbar for Chrome, Safari and Opera */
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
        overflow: hidden;
        overflow-x: scroll;
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        justify-items: center;
        width: 100%;
        max-width: 1000px;
        max-height: -webkit-fit-content;
        max-height: -moz-fit-content;
        max-height: fit-content;
        padding-top: 15px;
        color: var(--color-lite); }
        .catalog-landing__landing-catalog-seo-section__container-picto__grid::-webkit-scrollbar {
          display: none; }
        .catalog-landing__landing-catalog-seo-section__container-picto__grid__column {
          width: -webkit-fit-content;
          width: -moz-fit-content;
          width: fit-content; }
          @media only screen and (max-width: 700px) {
            .catalog-landing__landing-catalog-seo-section__container-picto__grid__column {
              display: -webkit-inline-box;
              display: -ms-inline-flexbox;
              display: inline-flex;
              width: calc(var(--margin-between-picto) * 2 + var(--picto-width) * 2); } }
          @media only screen and (max-width: 700px) {
            .catalog-landing__landing-catalog-seo-section__container-picto__grid__column--first {
              margin-left: var(--margin-between-picto); } }
    .catalog-landing__landing-catalog-seo-section__container-all {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%; }
      .catalog-landing__landing-catalog-seo-section__container-all__grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding-top: 15px;
        padding-left: 15px;
        padding-right: 15px; }
        .catalog-landing__landing-catalog-seo-section__container-all__grid__column {
          border-left: 1px solid #9B9B9B;
          padding-left: 30px;
          padding-right: 30px;
          margin-bottom: 30px;
          height: -webkit-fit-content;
          height: -moz-fit-content;
          height: fit-content; }
          .catalog-landing__landing-catalog-seo-section__container-all__grid__column__title {
            color: var(--color-main);
            margin-bottom: 15px; }
          .catalog-landing__landing-catalog-seo-section__container-all__grid__column__list__element__link {
            color: var(--color-lite) !important;
            margin-bottom: 15px;
            text-decoration: none; }
            .catalog-landing__landing-catalog-seo-section__container-all__grid__column__list__element__link:hover {
              color: var(--color-main);
              text-decoration: none;
              cursor: pointer; }
  .catalog-landing__spotlights {
    padding-left: 20px;
    padding-right: 20px; }
    .catalog-landing__spotlights__title {
      color: black;
      font-size: 30px;
      line-height: 40px;
      margin-bottom: 30px;
      padding-left: 17px; }
    .catalog-landing__spotlights__container {
      position: relative; }
      .catalog-landing__spotlights__container .horizontal-scroll {
        padding-bottom: 5px; }
        .catalog-landing__spotlights__container .horizontal-scroll .item {
          border-radius: 0;
          margin-left: 7px;
          margin-right: 7px; }
          .catalog-landing__spotlights__container .horizontal-scroll .item .picto-and-info {
            height: -webkit-fit-content;
            height: -moz-fit-content;
            height: fit-content;
            padding-bottom: 10px;
            margin-top: 0;
            margin-bottom: 0; }
            .catalog-landing__spotlights__container .horizontal-scroll .item .picto-and-info__img-container {
              width: 270px;
              height: 270px; }
              @media only screen and (max-width: 768px) {
                .catalog-landing__spotlights__container .horizontal-scroll .item .picto-and-info__img-container {
                  width: 150px;
                  height: 150px; } }
              @media only screen and (max-width: 480px) {
                .catalog-landing__spotlights__container .horizontal-scroll .item .picto-and-info__img-container {
                  width: 94px;
                  height: 94px; } }
            .catalog-landing__spotlights__container .horizontal-scroll .item .picto-and-info__title {
              color: black;
              font-family: "futurademi", Arial, sans-serif; }
      .catalog-landing__spotlights__container__prev {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 50px;
        height: 270px;
        background: rgba(0, 0, 0, 0.5);
        color: white;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        @media only screen and (max-width: 768px) {
          .catalog-landing__spotlights__container__prev {
            height: 150px; } }
        @media only screen and (max-width: 480px) {
          .catalog-landing__spotlights__container__prev {
            height: 94px; } }
        .catalog-landing__spotlights__container__prev__icon {
          margin-left: -10px;
          font-size: 30px; }
      .catalog-landing__spotlights__container__next {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 50px;
        height: 270px;
        background: rgba(0, 0, 0, 0.5);
        color: white;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        @media only screen and (max-width: 768px) {
          .catalog-landing__spotlights__container__next {
            height: 150px; } }
        @media only screen and (max-width: 480px) {
          .catalog-landing__spotlights__container__next {
            height: 94px; } }
        .catalog-landing__spotlights__container__next__icon {
          margin-left: -10px;
          font-size: 30px; }
  .catalog-landing__landing-catalog-mission {
    margin-top: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 400px;
    padding-right: 5%;
    font-size: 20px;
    line-height: 43px;
    background-image: url("https://images.jamendo.com/jamendolicensing/landing/catalog/mission-d-xl.webp");
    background-repeat: no-repeat;
    background-size: cover; }
    @media only screen and (max-width: 1680px) {
      .catalog-landing__landing-catalog-mission {
        background-image: url("https://images.jamendo.com/jamendolicensing/landing/catalog/mission-d-l.webp"); } }
    @media only screen and (max-width: 1366px) {
      .catalog-landing__landing-catalog-mission {
        background-image: url("https://images.jamendo.com/jamendolicensing/landing/catalog/mission-d-m.webp"); } }
    @media only screen and (max-width: 1024px) {
      .catalog-landing__landing-catalog-mission {
        background-image: url("https://images.jamendo.com/jamendolicensing/landing/catalog/mission-d-s.webp"); } }
    @media only screen and (max-width: 700px) {
      .catalog-landing__landing-catalog-mission {
        background-size: contain;
        background-image: url("https://images.jamendo.com/jamendolicensing/landing/catalog/mission-m.webp"); } }
    .catalog-landing__landing-catalog-mission__text {
      font-size: var(--font-size-big);
      max-width: 45%;
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content; }
      .catalog-landing__landing-catalog-mission__text__title {
        color: var(--color-main);
        font-size: var(--font-size-h2);
        line-height: var(--line-height-h2); }
        @media only screen and (max-width: 700px) {
          .catalog-landing__landing-catalog-mission__text__title {
            font-size: var(--font-size-h2-original);
            line-height: var(--line-height-h2-original); } }
      .catalog-landing__landing-catalog-mission__text__strong {
        color: var(--color-blue); }
      @media only screen and (max-width: 700px) {
        .catalog-landing__landing-catalog-mission__text {
          max-width: 260px;
          font-size: 16px;
          line-height: 34px;
          text-align: center; } }
  .catalog-landing__numbers {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%; }
    .catalog-landing__numbers__bubble {
      display: none; }
      @media only screen and (max-width: 950px) {
        .catalog-landing__numbers__bubble {
          margin-bottom: 60px;
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          width: 12px;
          height: 12px;
          background: rgba(155, 155, 155, 0.3);
          text-decoration: none;
          border-radius: 50%;
          margin-left: 6px;
          margin-right: 6px; }
          .catalog-landing__numbers__bubble--current {
            background: #9B9B9B; } }
    .catalog-landing__numbers__list {
      /* Hide scrollbar for Chrome, Safari and Opera */
      -ms-overflow-style: none;
      /* IE and Edge */
      scrollbar-width: none;
      /* Firefox */
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-pack: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      scroll-behavior: smooth;
      -webkit-overflow-scrolling: touch; }
      .catalog-landing__numbers__list::-webkit-scrollbar {
        display: none; }
      @media only screen and (max-width: 950px) {
        .catalog-landing__numbers__list {
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start; } }
      .catalog-landing__numbers__list__element {
        padding-top: 160px;
        padding-bottom: 160px;
        scroll-snap-align: start;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        margin-left: 25px;
        margin-right: 25px;
        -webkit-transform-origin: center center;
                transform-origin: center center;
        -webkit-transform: scale(1);
                transform: scale(1);
        transition: -webkit-transform 0.5s;
        transition: transform 0.5s; }
        @media only screen and (max-width: 950px) {
          .catalog-landing__numbers__list__element {
            width: 100%;
            padding-bottom: 60px;
            padding-top: 80px;
            padding-bottom: 20px; } }
        .catalog-landing__numbers__list__element__title {
          font-size: 40px;
          line-height: 30px;
          color: var(--color-blue);
          margin-bottom: 16px; }
        .catalog-landing__numbers__list__element__text {
          color: var(--color-main);
          font-size: var(--font-size-big); }
  .catalog-landing__plans {
    background-color: #DFEEEF;
    padding-top: 50px;
    padding-bottom: 50px; }
    .catalog-landing__plans__title {
      color: var(--color-main);
      font-size: var(--font-size-h2);
      line-height: var(--line-height-h2);
      text-align: center;
      padding-left: 30px;
      padding-right: 30px; }
    .catalog-landing__plans__text {
      margin-top: 40px;
      color: var(--color-main);
      text-align: center;
      width: 100%;
      padding-left: 30px;
      padding-right: 30px; }
    .catalog-landing__plans__container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      width: 100%; }
      .catalog-landing__plans__container__list {
        margin-top: 50px;
        color: var(--color-main);
        /* Hide scrollbar for Chrome, Safari and Opera */
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch; }
        .catalog-landing__plans__container__list::-webkit-scrollbar {
          display: none; }
        @media only screen and (max-width: 950px) {
          .catalog-landing__plans__container__list {
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start;
            margin-top: 40px; } }
        .catalog-landing__plans__container__list__element {
          margin-left: 35px;
          margin-right: 35px;
          scroll-snap-align: start;
          -ms-flex-negative: 0;
              flex-shrink: 0;
          -webkit-transform-origin: center center;
                  transform-origin: center center;
          -webkit-transform: scale(1);
                  transform: scale(1);
          transition: -webkit-transform 0.5s;
          transition: transform 0.5s; }
          @media only screen and (max-width: 950px) {
            .catalog-landing__plans__container__list__element {
              width: 100%; } }
          .catalog-landing__plans__container__list__element__container {
            background: #FFFFFF;
            box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
            border-radius: 20px;
            width: 340px;
            height: 300px;
            padding: 45px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            text-align: center; }
            @media only screen and (max-width: 950px) {
              .catalog-landing__plans__container__list__element__container {
                margin-left: auto;
                margin-right: auto; } }
            .catalog-landing__plans__container__list__element__container__title {
              text-transform: uppercase;
              margin-bottom: 0;
              /*font-size: var(--font-size-big);
                            line-height: var(--line-height-big);*/ }
            .catalog-landing__plans__container__list__element__container__price {
              font-weight: bold;
              font-size: 30px;
              line-height: 52px; }
          .catalog-landing__plans__container__list__element__cta {
            margin-top: 30px;
            margin-bottom: 4px;
            box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            min-width: 165px;
            margin-left: auto;
            margin-right: auto; }
      .catalog-landing__plans__container__bubble {
        margin-top: 50px;
        display: none; }
        @media only screen and (max-width: 950px) {
          .catalog-landing__plans__container__bubble {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            width: 12px;
            height: 12px;
            background: rgba(155, 155, 155, 0.3);
            text-decoration: none;
            border-radius: 50%;
            margin-left: 6px;
            margin-right: 6px; }
            .catalog-landing__plans__container__bubble--current {
              background: #9B9B9B; } }
  .catalog-landing__landing-catalog-why {
    background-color: var(--background-color-dark);
    margin-bottom: 100px; }
    @media only screen and (max-width: 700px) {
      .catalog-landing__landing-catalog-why {
        margin-bottom: 50px; } }
    .catalog-landing__landing-catalog-why__title {
      color: var(--color-main);
      font-size: var(--font-size-h2);
      line-height: var(--line-height-h2);
      text-align: center;
      padding-top: 90px;
      margin-bottom: 90px;
      text-transform: capitalize; }
      @media only screen and (max-width: 700px) {
        .catalog-landing__landing-catalog-why__title {
          padding-top: 45px;
          margin-bottom: 45px; } }
    .catalog-landing__landing-catalog-why__text-image {
      width: 100%;
      padding-bottom: 115px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      @media only screen and (max-width: 700px) {
        .catalog-landing__landing-catalog-why__text-image {
          padding-bottom: 45px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; }
          .catalog-landing__landing-catalog-why__text-image--right {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
                -ms-flex-direction: column-reverse;
                    flex-direction: column-reverse; } }
      .catalog-landing__landing-catalog-why__text-image__text {
        width: 50%;
        padding-left: 7%;
        padding-right: 7%; }
        @media only screen and (max-width: 700px) {
          .catalog-landing__landing-catalog-why__text-image__text {
            width: 100%; } }
        .catalog-landing__landing-catalog-why__text-image__text__title {
          font-size: var(--font-size-h1);
          line-height: var(--line-height-h1);
          color: var(--color-main);
          margin-bottom: 30px; }
        .catalog-landing__landing-catalog-why__text-image__text__text {
          font-size: var(--font-size);
          color: var(--color-main);
          margin-bottom: 0; }
        .catalog-landing__landing-catalog-why__text-image__text__cta-container {
          margin-top: 26px; }
          @media only screen and (max-width: 700px) {
            .catalog-landing__landing-catalog-why__text-image__text__cta-container {
              text-align: center;
              margin-bottom: 26px; } }
          .catalog-landing__landing-catalog-why__text-image__text__cta-container__cta {
            min-height: var(--cta-height);
            min-width: var(--cat-width);
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            text-transform: uppercase;
            border: 1px solid var(--color-main);
            color: var(--color-main) !important;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            text-decoration: none;
            cursor: pointer; }
            .catalog-landing__landing-catalog-why__text-image__text__cta-container__cta:hover {
              color: var(--color-main);
              text-decoration: none; }
      .catalog-landing__landing-catalog-why__text-image__image {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        padding-top: 11px;
        padding-bottom: 11px;
        background: var(--background-color);
        box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.5); }
        @media only screen and (max-width: 700px) {
          .catalog-landing__landing-catalog-why__text-image__image {
            padding: 0; } }
        .catalog-landing__landing-catalog-why__text-image__image img {
          max-width: 572px;
          max-height: 334px; }
          @media only screen and (max-width: 1100px) {
            .catalog-landing__landing-catalog-why__text-image__image img {
              max-width: 400px; } }
          @media only screen and (max-width: 700px) {
            .catalog-landing__landing-catalog-why__text-image__image img {
              max-width: 100%;
              max-height: -webkit-fit-content;
              max-height: -moz-fit-content;
              max-height: fit-content; } }
        .catalog-landing__landing-catalog-why__text-image__image--right {
          border-radius: 20px 0 0 20px;
          padding-left: 11px; }
          .catalog-landing__landing-catalog-why__text-image__image--right img {
            border-radius: 20px 0 0 20px; }
            @media only screen and (max-width: 700px) {
              .catalog-landing__landing-catalog-why__text-image__image--right img {
                border-radius: unset; } }
          @media only screen and (max-width: 700px) {
            .catalog-landing__landing-catalog-why__text-image__image--right {
              padding-left: 0;
              border-radius: unset; } }
        .catalog-landing__landing-catalog-why__text-image__image--left {
          border-radius: 0 20px 20px 0;
          padding-right: 11px; }
          .catalog-landing__landing-catalog-why__text-image__image--left img {
            border-radius: 0 20px 20px 0; }
            @media only screen and (max-width: 700px) {
              .catalog-landing__landing-catalog-why__text-image__image--left img {
                border-radius: unset; } }
          @media only screen and (max-width: 700px) {
            .catalog-landing__landing-catalog-why__text-image__image--left {
              padding-right: 0;
              border-radius: unset; } }
  .catalog-landing__licensing__title {
    color: var(--color-main);
    font-size: var(--font-size-h2);
    line-height: var(--line-height-h2);
    text-align: center; }
    @media only screen and (max-width: 700px) {
      .catalog-landing__licensing__title {
        font-size: var(--font-size-h2-original);
        line-height: var(--line-height-h2-original); } }
  .catalog-landing__licensing__steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    margin-bottom: 50px; }
    @media only screen and (max-width: 700px) {
      .catalog-landing__licensing__steps {
        margin-bottom: 0; } }
    .catalog-landing__licensing__steps__list {
      /* Hide scrollbar for Chrome, Safari and Opera */
      -ms-overflow-style: none;
      /* IE and Edge */
      scrollbar-width: none;
      /* Firefox */
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-pack: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      scroll-behavior: smooth;
      -webkit-overflow-scrolling: touch; }
      .catalog-landing__licensing__steps__list::-webkit-scrollbar {
        display: none; }
      @media only screen and (max-width: 700px) {
        .catalog-landing__licensing__steps__list {
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start; } }
      .catalog-landing__licensing__steps__list__step {
        width: 33%;
        scroll-snap-align: start;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        padding-left: 50px;
        padding-right: 50px;
        -webkit-transform-origin: center center;
                transform-origin: center center;
        -webkit-transform: scale(1);
                transform: scale(1);
        transition: -webkit-transform 0.5s;
        transition: transform 0.5s; }
        @media only screen and (max-width: 700px) {
          .catalog-landing__licensing__steps__list__step {
            width: 100%;
            padding-bottom: 0; } }
        .catalog-landing__licensing__steps__list__step__number {
          margin-top: 70px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          height: 60px;
          width: 100%; }
          @media only screen and (max-width: 700px) {
            .catalog-landing__licensing__steps__list__step__number {
              margin-top: 35px; } }
          .catalog-landing__licensing__steps__list__step__number__content {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            width: 60px;
            color: var(--color-main);
            border-radius: 30px;
            border: 1px solid var(--color-main); }
        .catalog-landing__licensing__steps__list__step__title {
          font-size: var(--font-size-big);
          line-height: var(--line-height);
          color: var(--color-main);
          margin-bottom: 0;
          text-align: center;
          margin-top: 30px;
          margin-bottom: 25px; }
        .catalog-landing__licensing__steps__list__step__text {
          color: var(--color-lite);
          font-size: var(--font-size); }
    .catalog-landing__licensing__steps__bubble {
      display: none; }
      @media only screen and (max-width: 700px) {
        .catalog-landing__licensing__steps__bubble {
          margin-bottom: 60px;
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          width: 12px;
          height: 12px;
          background: rgba(155, 155, 155, 0.3);
          text-decoration: none;
          border-radius: 50%;
          margin-left: 6px;
          margin-right: 6px; }
          .catalog-landing__licensing__steps__bubble--current {
            background: #9B9B9B; } }
  .catalog-landing__licensing__subscription {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%; }
    .catalog-landing__licensing__subscription__content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-flow: column;
          flex-flow: column;
      background: #15dcf0;
      background: linear-gradient(150deg, #15dcf0 0%, #2c88b6 100%);
      border-radius: 20px;
      width: 90%;
      min-height: 300px;
      margin-bottom: 120px;
      padding-top: 35px;
      padding-bottom: 35px; }
      @media only screen and (max-width: 700px) {
        .catalog-landing__licensing__subscription__content {
          border-radius: 0;
          width: 100%; } }
      .catalog-landing__licensing__subscription__content__text {
        font-size: var(--font-size-very-big);
        line-height: 53px;
        color: var(--color-reverse-main);
        text-align: center;
        width: 70%; }
        @media only screen and (max-width: 700px) {
          .catalog-landing__licensing__subscription__content__text {
            font-size: var(--font-size-h1);
            line-height: 40px; } }
      .catalog-landing__licensing__subscription__content__cta {
        color: var(--color-main);
        background-color: var(--color-reverse-main);
        text-transform: uppercase;
        min-height: var(--cta-height);
        min-width: var(--cat-width);
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        text-decoration: none;
        cursor: pointer; }
        .catalog-landing__licensing__subscription__content__cta:hover {
          color: var(--color-main);
          text-decoration: none; }
  .catalog-landing__faq {
    background-color: var(--background-color-dark);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-flow: column;
        flex-flow: column; }
    .catalog-landing__faq__title {
      color: var(--color-main);
      font-size: var(--font-size-h2);
      line-height: var(--line-height-h2);
      text-transform: uppercase;
      text-align: center;
      padding-top: 40px;
      padding-bottom: 40px;
      margin: 0; }
      @media only screen and (max-width: 700px) {
        .catalog-landing__faq__title {
          font-size: var(--font-size-h1);
          line-height: var(--line-height-h1); } }
    .catalog-landing__faq__questions-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      @media only screen and (max-width: 700px) {
        .catalog-landing__faq__questions-container {
          -ms-flex-flow: column;
              flex-flow: column; } }
      .catalog-landing__faq__questions-container__questions {
        width: 70%;
        color: var(--color-main);
        margin-bottom: 50px; }
        @media only screen and (max-width: 700px) {
          .catalog-landing__faq__questions-container__questions {
            width: 100%; } }
        .catalog-landing__faq__questions-container__questions__questions-container {
          border: 1px solid blue; }
      .catalog-landing__faq__questions-container__cta-container {
        width: 30%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column;
            flex-flow: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 5%; }
        @media only screen and (max-width: 700px) {
          .catalog-landing__faq__questions-container__cta-container {
            border-left: 0;
            border-top: 7px solid var(--background-color);
            width: 100%; } }
        .catalog-landing__faq__questions-container__cta-container__text {
          font-size: var(--font-size-big);
          line-height: 44px;
          color: var(--color-main); }
        .catalog-landing__faq__questions-container__cta-container__cta {
          color: var(--color-main);
          border: 1px solid var(--color-main);
          background-color: var(--color-reverse-main);
          text-transform: uppercase;
          min-height: var(--cta-height);
          min-width: var(--cat-width);
          width: -webkit-fit-content;
          width: -moz-fit-content;
          width: fit-content; }
  .catalog-landing__they-trust-us {
    margin-top: 80px; }
    .catalog-landing__they-trust-us .h1-grey-aspect {
      color: var(--color-main) !important;
      font-size: var(--font-size-h2) !important;
      line-height: var(--line-height-h2) !important;
      font-family: var(--font) !important;
      font-style: var(--font-style) !important; }

.picto-and-info {
  margin-top: 15px;
  margin-bottom: 15px;
  cursor: pointer;
  width: var(--picto-width);
  height: 190px;
  background-color: var(--background-color);
  text-decoration: none; }
  .picto-and-info:hover {
    text-decoration: none; }
  @media only screen and (max-width: 700px) {
    .picto-and-info--right {
      margin-left: var(--margin-between-picto); } }
  .picto-and-info__img-container {
    width: var(--picto-width);
    height: var(--picto-width);
    background: var(--background-color);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .picto-and-info__img-container--square {
      border-radius: 0;
      box-shadow: none;
      background-color: var(--background-color-dark); }
      .picto-and-info__img-container--square__img {
        height: 100%;
        width: 100%;
        -webkit-filter: grayscale(0%);
                filter: grayscale(0%); }
    .picto-and-info__img-container__img {
      height: 60px;
      width: 60px;
      -webkit-filter: grayscale(100%);
              filter: grayscale(100%); }
      .picto-and-info__img-container__img--spotlights {
        width: 100%;
        height: 100%;
        border-radius: 10px;
        -webkit-filter: none;
                filter: none; }
  .picto-and-info__title {
    margin-top: 14px;
    color: black; }
  .picto-and-info__subtitle {
    font-size: 14px;
    color: var(--color-lite); }

.instore-landing {
  /* /!\ INIT VAR /!\*/
  --color-main: black;
  --color-reverse-main: white;
  --color-lite: #8E8E93;
  --color-blue: #183F6C;
  --color-lite-blue: #66B6BE;
  --background-color: #FFFFFF;
  --background-color-dark: #FAFAFA;
  --font: "futurabook", Arial, sans-serif;
  --font-style: normal;
  --font-weight: 400;
  --font-size: 16px;
  --font-size-small: 14px;
  --font-size-big: 20px;
  --font-size-very-big: 40px;
  --line-height: 24px;
  --font-size-h1: 50px;
  --line-height-h1: 55px;
  --font-size-h2: 30px;
  --line-height-h2: 40px;
  --font-size-h3: 20px;
  --line-height-h3: 27px;
  --cta-height: 40px;
  --cat-width: 220px;
  --radio-item-width: 275px;
  --radio-item-height: 275px;
  --max-screen-width: 1280px;
  /* /!\ END INIT VAR /!\*/
  background-color: var(--background-color);
  font-family: var(--font);
  font-style: var(--font-style);
  font-weight: var(--font-weight);
  line-height: var(--line-height); }
  @media only screen and (max-width: 700px) {
    .instore-landing {
      --font-size-big: 16px;
      --font-size-h1: 30px;
      --line-height-h1: 33px;
      --font-size-h2: 20px;
      --line-height-h2: 27px;
      --font-size-h2-original: 30px;
      --line-height-h2-original: 40px; } }
  .instore-landing__radios {
    max-width: var(--max-screen-width);
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 0; }
    @media only screen and (max-width: 1000px) {
      .instore-landing__radios {
        margin-top: 30px; } }
    .instore-landing__radios__header {
      margin-top: 30px;
      margin-bottom: 30px;
      margin-left: 10px;
      margin-right: 10px; }
      @media only screen and (max-width: 1000px) {
        .instore-landing__radios__header {
          margin-top: 24px;
          margin-bottom: 24px; } }
      .instore-landing__radios__header__text {
        text-align: center;
        color: var(--color-main);
        font-size: var(--font-size-h2);
        line-height: var(--line-height-h2); }
    @media only screen and (max-width: 1000px) {
      .instore-landing__radios__container {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        /*---- all horizontal scroll attribute ----*/
        width: 100%;
        -webkit-overflow-scrolling: auto;
        display: grid;
        grid-gap: calc(var(--gutter) / 2);
        grid-template-columns: 10px;
        grid-template-rows: minmax(116px, 1fr);
        grid-auto-flow: column;
        grid-auto-columns: calc(50% - var(--gutter) * 2);
        overflow-x: scroll;
        scroll-snap-type: x proximity;
        padding-bottom: calc(.75 * var(--gutter));
        margin-bottom: calc(-.25 * var(--gutter));
        /*---- END all horizontal scroll attribute ----*/ }
        .instore-landing__radios__container:before, .instore-landing__radios__container:after {
          content: '';
          width: 10px; }
        .instore-landing__radios__container.no-scrollbar {
          scrollbar-width: none;
          margin-bottom: 0;
          padding-bottom: 0; }
        .instore-landing__radios__container.no-scrollbar::-webkit-scrollbar {
          display: none; }
        .instore-landing__radios__container > li {
          scroll-snap-align: center;
          padding: calc(var(--gutter) / 2 * 1.5);
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          border-radius: 8px; } }
    @media only screen and (max-width: 1296px) {
      .instore-landing__radios__container__list {
        padding-left: 16px; } }
    @media only screen and (max-width: 1000px) {
      .instore-landing__radios__container__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: initial !important; } }
    .instore-landing__radios__container__list__item__title {
      width: 100%;
      height: 100%;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%;
      text-align: center !important;
      font-size: 24px !important;
      text-shadow: none !important; }
      @media only screen and (max-width: 1000px) {
        .instore-landing__radios__container__list__item__title {
          font-size: 14px !important;
          line-height: 19px !important;
          text-transform: capitalize !important; } }
    @media only screen and (max-width: 1000px) {
      .instore-landing__radios__container__list__item {
        width: 116px !important;
        height: 116px !important; } }
    .instore-landing__radios__container__list__item > div:first-of-type > div:first-of-type {
      z-index: 0 !important; }
    .instore-landing__radios__container__list__item > div:first-of-type > div:nth-child(2) {
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 0%, #000000 100%);
      background-size: 100% 90px;
      background-repeat: no-repeat;
      background-position-y: bottom;
      border-radius: 15px; }
    .instore-landing__radios__container__list__item a {
      padding-top: 10px !important;
      padding-bottom: 10px !important;
      padding-left: 3px !important;
      padding-right: 3px !important; }
      .instore-landing__radios__container__list__item a h2 {
        width: 100%;
        text-align: center !important;
        font-size: 24px !important;
        text-shadow: none !important; }
        @media only screen and (max-width: 1000px) {
          .instore-landing__radios__container__list__item a h2 {
            font-size: 14px !important;
            line-height: 19px !important;
            text-transform: capitalize !important; } }
    .instore-landing__radios__container__other {
      width: 100%; }
      @media only screen and (max-width: 1000px) {
        .instore-landing__radios__container__other {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          margin-top: 0px; }
          .instore-landing__radios__container__other input[type="checkbox"] ~ .licences-displaying {
            display: none; }
          .instore-landing__radios__container__other input[type="checkbox"]:checked ~ .licences-displaying {
            display: block; } }
      .instore-landing__radios__container__other__container {
        margin-top: 0px !important; }
        @media only screen and (max-width: 1000px) {
          .instore-landing__radios__container__other__container {
            margin-top: 0 !important;
            margin-bottom: 0 !important; } }
        @media only screen and (max-width: 1000px) {
          .instore-landing__radios__container__other__container__list {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important; }
            .instore-landing__radios__container__other__container__list:first-child {
              margin-left: 8px; } }
      .instore-landing__radios__container__other__show-more {
        margin-top: 22px !important;
        border-radius: 30px !important;
        background-color: white !important;
        color: var(--color-lite-blue) !important;
        width: 50%; }
        @media only screen and (max-width: 1000px) {
          .instore-landing__radios__container__other__show-more {
            margin-top: 0px !important;
            width: 100px;
            height: 100px;
            margin-left: 16px !important;
            margin-right: 16px !important;
            border-radius: 10px !important;
            padding: 4px !important;
            white-space: initial !important;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; } }
        @media only screen and (max-width: 1000px) {
          .instore-landing__radios__container__other__show-more__icon {
            display: none !important; } }
    .instore-landing__radios__container__seo {
      /* TODO CONVERT TO BEM */ }
      @media only screen and (max-width: 1000px) {
        .instore-landing__radios__container__seo {
          margin-left: 10px;
          margin-right: 10px; } }
      .instore-landing__radios__container__seo .tabs {
        margin-top: 30px;
        background: #FFFFFF;
        border: 1px solid #8E8E93;
        box-sizing: border-box;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 42px;
        max-width: 50%;
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content;
        margin-left: auto;
        margin-right: auto;
        min-height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
        @media only screen and (max-width: 1000px) {
          .instore-landing__radios__container__seo .tabs {
            max-width: 70%; } }
        @media only screen and (max-width: 800px) {
          .instore-landing__radios__container__seo .tabs {
            max-width: 80%; } }
        @media only screen and (max-width: 660px) {
          .instore-landing__radios__container__seo .tabs {
            max-width: 100%; } }
        .instore-landing__radios__container__seo .tabs li {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          height: 100%;
          width: 33% !important;
          padding: 5px;
          min-height: 40px; }
          .instore-landing__radios__container__seo .tabs li:nth-child(2) {
            border-left: 1px solid #8E8E93;
            border-right: 1px solid #8E8E93; }
          .instore-landing__radios__container__seo .tabs li.is-active button {
            color: var(--color-main);
            text-decoration: none; }
            .instore-landing__radios__container__seo .tabs li.is-active button::before {
              display: none; }
          .instore-landing__radios__container__seo .tabs li button {
            font-size: var(--font-size) !important;
            padding: 0;
            margin: 0; }
            .instore-landing__radios__container__seo .tabs li button:after {
              content: "" !important; }
      .instore-landing__radios__container__seo .tabs-content a.main {
        color: var(--color-main) !important; }
  .instore-landing__why {
    clear: both;
    max-width: var(--max-screen-width);
    margin-top: 110px;
    margin-bottom: 110px;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (max-width: 1300px) {
      .instore-landing__why {
        margin-left: 10px;
        margin-right: 10px; } }
    @media only screen and (max-width: 985px) {
      .instore-landing__why {
        margin-bottom: 50px; } }
    .instore-landing__why__title {
      color: var(--color-main);
      font-size: var(--font-size-h2);
      line-height: var(--line-height-h2);
      text-align: center; }
    .instore-landing__why__text {
      margin-top: 75px;
      color: var(--color-main);
      font-size: var(--font-size-big);
      line-height: 28px;
      text-align: center; }
      @media only screen and (max-width: 985px) {
        .instore-landing__why__text {
          margin-top: 22px; } }
    .instore-landing__why__list {
      margin-top: 50px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly; }
      @media only screen and (max-width: 985px) {
        .instore-landing__why__list {
          max-width: 100%;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          margin-top: 2px; } }
      .instore-landing__why__list__element {
        width: 33%; }
        @media only screen and (max-width: 985px) {
          .instore-landing__why__list__element {
            margin: 20px; } }
        .instore-landing__why__list__element__icon {
          height: 90px;
          background-repeat: no-repeat;
          background-position: center; }
          .instore-landing__why__list__element__icon--pro-free {
            background-image: url(https://images.jamendo.com/jamendolicensing/icon/pro-free.svg); }
          .instore-landing__why__list__element__icon--new-music-every-week {
            background-image: url(https://images.jamendo.com/jamendolicensing/icon/new-music-every-week.svg); }
          .instore-landing__why__list__element__icon--no-ad {
            background-image: url(https://images.jamendo.com/jamendolicensing/icon/no-ad.svg); }
          .instore-landing__why__list__element__icon--fair-share {
            background-image: url(https://images.jamendo.com/jamendolicensing/icon/fair-share.svg); }
        .instore-landing__why__list__element__title {
          color: var(--color-main);
          font-size: var(--font-size-big);
          margin-top: 15px;
          text-align: center; }
  .instore-landing__products {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: var(--background-color-dark); }
    .instore-landing__products__header {
      max-width: var(--max-screen-width);
      margin-left: auto;
      margin-right: auto; }
      .instore-landing__products__header__title {
        color: var(--color-main);
        font-size: var(--font-size-h2);
        line-height: var(--line-height-h2);
        text-align: center; }
    .instore-landing__products__container {
      max-width: var(--max-screen-width);
      margin-left: auto;
      margin-right: auto;
      margin-top: 120px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      @media only screen and (max-width: 1172px) {
        .instore-landing__products__container {
          max-width: 875px;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; } }
      @media only screen and (max-width: 680px) {
        .instore-landing__products__container {
          margin-top: 50px; } }
      .instore-landing__products__container__product {
        min-width: 280px;
        height: 400px;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
        border-radius: 8px;
        background-color: var(--background-color);
        padding: 40px 0px;
        text-align: center;
        margin-left: 6px;
        margin-right: 6px;
        margin-top: 20px;
        margin-bottom: 20px; }
        @media only screen and (max-width: 680px) {
          .instore-landing__products__container__product {
            width: 100%;
            min-height: 65px;
            height: -webkit-fit-content;
            height: -moz-fit-content;
            height: fit-content;
            padding: 0;
            margin-top: 15px;
            margin-bottom: 0px;
            margin-left: 0;
            margin-right: 0;
            border-radius: 0px; } }
        .instore-landing__products__container__product__top {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          @media only screen and (max-width: 680px) {
            .instore-landing__products__container__product__top {
              -webkit-box-orient: horizontal;
              -webkit-box-direction: normal;
                  -ms-flex-direction: row;
                      flex-direction: row;
              -webkit-box-pack: justify;
                  -ms-flex-pack: justify;
                      justify-content: space-between;
              height: 100%;
              margin-left: 12px;
              margin-right: 12px;
              padding-top: 20px;
              padding-bottom: 20px;
              cursor: pointer; } }
          .instore-landing__products__container__product__top__offer-heading {
            color: var(--color-main);
            font-size: var(--font-size-big); }
            @media only screen and (max-width: 680px) {
              .instore-landing__products__container__product__top__offer-heading {
                margin: 0 !important;
                text-align: left;
                width: 100%; }
                .instore-landing__products__container__product__top__offer-heading > hr {
                  display: none; } }
          @media only screen and (max-width: 680px) {
            .instore-landing__products__container__product__top__price-container {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: end;
                  -ms-flex-pack: end;
                      justify-content: flex-end;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              min-width: 275px; } }
          .instore-landing__products__container__product__top__price-container__price {
            margin-top: 70px;
            color: var(--color-main);
            font-size: 26px;
            font-weight: bold; }
            @media only screen and (max-width: 680px) {
              .instore-landing__products__container__product__top__price-container__price {
                margin-top: 0;
                font-size: var(--font-size-big);
                margin-right: 5px; } }
            .instore-landing__products__container__product__top__price-container__price__span {
              font-weight: normal; }
          .instore-landing__products__container__product__top__price-container__icon {
            display: none; }
            @media only screen and (max-width: 680px) {
              .instore-landing__products__container__product__top__price-container__icon {
                display: block; } }
        .instore-landing__products__container__product__bottom {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          @media only screen and (max-width: 680px) {
            .instore-landing__products__container__product__bottom {
              display: none;
              margin-bottom: 20px;
              margin-left: 12px;
              margin-right: 12px;
              text-align: start;
              -webkit-box-align: start;
                  -ms-flex-align: start;
                      align-items: flex-start; }
              .instore-landing__products__container__product__bottom--open {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex; } }
          .instore-landing__products__container__product__bottom__price-year {
            margin-top: 20px;
            font-size: var(--font-size); }
          .instore-landing__products__container__product__bottom__cta {
            margin-top: 70px;
            height: 40px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            text-transform: uppercase;
            font-weight: bold;
            color: var(--color-reverse-main) !important;
            background: linear-gradient(270deg, #9FDCE0 0%, #66B6BE 64.9%);
            text-decoration: none;
            cursor: pointer; }
            .instore-landing__products__container__product__bottom__cta:hover {
              cursor: pointer;
              text-decoration: none;
              color: var(--color-reverse-main); }
            @media only screen and (max-width: 680px) {
              .instore-landing__products__container__product__bottom__cta {
                margin-top: 30px;
                margin-left: auto;
                margin-right: auto; } }
    .instore-landing__products__price-condition {
      width: 100%;
      margin-top: 30px;
      text-align: center;
      color: var(--color-lite);
      margin: 30px 0 0 0; }
    .instore-landing__products__chainstore {
      max-width: var(--max-screen-width);
      margin-left: auto;
      margin-right: auto;
      margin-top: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 25px 60px;
      background: linear-gradient(270deg, #9FDCE0 0%, #66B6BE 64.9%);
      border-radius: 15px; }
      @media only screen and (max-width: 1300px) {
        .instore-landing__products__chainstore {
          margin-left: 10px;
          margin-right: 10px; } }
      @media only screen and (max-width: 1060px) {
        .instore-landing__products__chainstore {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
      @media only screen and (max-width: 700px) {
        .instore-landing__products__chainstore {
          margin-left: 0px;
          margin-right: 0px;
          border-radius: 0; } }
      .instore-landing__products__chainstore__title {
        color: var(--color-reverse-main);
        font-size: var(--font-size-h2);
        line-height: var(--line-height-h2);
        margin: 0; }
      .instore-landing__products__chainstore__text {
        color: var(--color-reverse-main);
        font-size: var(--font-size); }
        @media only screen and (max-width: 1060px) {
          .instore-landing__products__chainstore__text {
            margin-top: 30px;
            margin-bottom: 30px; } }
      .instore-landing__products__chainstore__cta {
        font-size: var(--font-size-small);
        text-transform: uppercase;
        background-color: var(--background-color);
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        color: var(--color-main);
        text-decoration: none;
        cursor: pointer; }
        .instore-landing__products__chainstore__cta:hover {
          color: var(--color-main);
          text-decoration: none;
          cursor: pointer; }
  .instore-landing__how-it-works {
    max-width: var(--max-screen-width);
    margin-left: auto;
    margin-right: auto;
    margin-top: 115px; }
    .instore-landing__how-it-works__header {
      margin-top: 85px; }
      .instore-landing__how-it-works__header__title {
        margin: 0;
        font-size: var(--font-size-h2);
        line-height: var(--line-height-h2);
        color: var(--color-main);
        text-align: center; }
    .instore-landing__how-it-works__container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      width: 100%; }
      .instore-landing__how-it-works__container__list {
        margin-top: 85px;
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
                justify-content: space-evenly;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch; }
        .instore-landing__how-it-works__container__list::-webkit-scrollbar {
          display: none; }
        @media only screen and (max-width: 950px) {
          .instore-landing__how-it-works__container__list {
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start;
            margin-top: 50px;
            margin-left: 20px;
            margin-right: 20px; } }
        .instore-landing__how-it-works__container__list__element {
          max-width: 325px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          scroll-snap-align: start;
          -ms-flex-negative: 0;
              flex-shrink: 0;
          -webkit-transform-origin: center center;
                  transform-origin: center center;
          -webkit-transform: scale(1);
                  transform: scale(1);
          transition: -webkit-transform 0.5s;
          transition: transform 0.5s; }
          @media only screen and (max-width: 950px) {
            .instore-landing__how-it-works__container__list__element {
              max-width: 100%;
              width: 100%;
              padding-bottom: 60px; } }
          .instore-landing__how-it-works__container__list__element__icon {
            height: 70px;
            width: 100%;
            background-repeat: no-repeat;
            background-position: center; }
            .instore-landing__how-it-works__container__list__element__icon--choose-plan {
              background-image: url(https://images.jamendo.com/jamendolicensing/icon/choose-plan.svg); }
            .instore-landing__how-it-works__container__list__element__icon--access-radios {
              background-image: url(https://images.jamendo.com/jamendolicensing/icon/access-radios.svg); }
            .instore-landing__how-it-works__container__list__element__icon--enjoy-radios {
              background-image: url(https://images.jamendo.com/jamendolicensing/icon/enjoy-radios.svg); }
          .instore-landing__how-it-works__container__list__element__title {
            color: var(--color-main);
            font-size: 24px;
            line-height: 32px;
            text-align: center;
            margin-top: 15px;
            min-height: 50px; }
          .instore-landing__how-it-works__container__list__element__text {
            font-size: 18px;
            margin: 0; }
          .instore-landing__how-it-works__container__list__element__apps {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: space-evenly;
                -ms-flex-pack: space-evenly;
                    justify-content: space-evenly;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            width: 100%;
            margin-top: 40px; }
    .instore-landing__how-it-works__bubbles {
      display: none; }
      @media only screen and (max-width: 950px) {
        .instore-landing__how-it-works__bubbles {
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
          .instore-landing__how-it-works__bubbles__bubble {
            margin-top: 15px;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            width: 12px;
            height: 12px;
            background: rgba(155, 155, 155, 0.3);
            text-decoration: none;
            border-radius: 50%;
            margin-left: 6px;
            margin-right: 6px; }
            .instore-landing__how-it-works__bubbles__bubble--current {
              background: #9B9B9B; } }
  .instore-landing__trusted {
    max-width: var(--max-screen-width);
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px; }
    .instore-landing__trusted__header {
      width: 100%; }
      .instore-landing__trusted__header__title {
        max-width: 1000px;
        font-size: var(--font-size-h2);
        line-height: var(--line-height-h2);
        text-align: center;
        color: var(--color-main);
        margin-left: auto;
        margin-right: auto; }
    .instore-landing__trusted__container {
      margin-top: 50px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .instore-landing__trusted__container__item {
        margin: 5px; }
  .instore-landing__testimonials {
    max-width: var(--max-screen-width);
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    margin-bottom: 100px; }
    @media only screen and (max-width: 1300px) {
      .instore-landing__testimonials {
        margin-left: 10px;
        margin-right: 10px; } }
    .instore-landing__testimonials__header__title {
      font-size: var(--font-size-h2);
      line-height: var(--line-height-h2);
      text-align: center;
      color: var(--color-main); }
    .instore-landing__testimonials__container {
      margin-top: 30px;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      max-width: 640px; }
      .instore-landing__testimonials__container__list {
        /* Hide scrollbar for Chrome, Safari and Opera */
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch; }
        .instore-landing__testimonials__container__list::-webkit-scrollbar {
          display: none; }
        .instore-landing__testimonials__container__list__item {
          text-align: left;
          scroll-snap-align: start;
          -ms-flex-negative: 0;
              flex-shrink: 0;
          margin-left: 25px;
          margin-right: 25px;
          -webkit-transform-origin: center center;
                  transform-origin: center center;
          -webkit-transform: scale(1);
                  transform: scale(1);
          transition: -webkit-transform 0.5s;
          transition: transform 0.5s;
          width: 100%; }
    .instore-landing__testimonials__bubbles {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .instore-landing__testimonials__bubbles__bubble {
        margin-top: 15px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 12px;
        height: 12px;
        background: rgba(155, 155, 155, 0.3);
        text-decoration: none;
        border-radius: 50%;
        margin-left: 6px;
        margin-right: 6px; }
        .instore-landing__testimonials__bubbles__bubble--current {
          background: #9B9B9B; }
  .instore-landing__faq {
    background-color: var(--background-color-dark);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-flow: column;
        flex-flow: column; }
    .instore-landing__faq__title {
      color: var(--color-main);
      font-size: var(--font-size-h2);
      line-height: var(--line-height-h2);
      text-transform: uppercase;
      text-align: center;
      padding-top: 40px;
      padding-bottom: 40px;
      margin: 0; }
      @media only screen and (max-width: 700px) {
        .instore-landing__faq__title {
          font-size: var(--font-size-h1);
          line-height: var(--line-height-h1); } }
    .instore-landing__faq__questions-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      @media only screen and (max-width: 700px) {
        .instore-landing__faq__questions-container {
          -ms-flex-flow: column;
              flex-flow: column; } }
      .instore-landing__faq__questions-container__questions {
        width: 70%;
        color: var(--color-main);
        margin-bottom: 50px; }
        @media only screen and (max-width: 700px) {
          .instore-landing__faq__questions-container__questions {
            width: 100%; } }
        .instore-landing__faq__questions-container__questions__cta {
          margin-left: 5px;
          color: #67b7bf;
          cursor: pointer; }
      .instore-landing__faq__questions-container__cta-container {
        width: 30%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column;
            flex-flow: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 5%; }
        @media only screen and (max-width: 700px) {
          .instore-landing__faq__questions-container__cta-container {
            border-left: 0;
            border-top: 7px solid var(--background-color);
            width: 100%; } }
        .instore-landing__faq__questions-container__cta-container__text {
          font-size: var(--font-size-big);
          line-height: 44px;
          color: var(--color-main); }
        .instore-landing__faq__questions-container__cta-container__cta {
          color: var(--color-main);
          border: 1px solid var(--color-main);
          background-color: var(--color-reverse-main);
          text-transform: uppercase;
          min-height: var(--cta-height);
          min-width: var(--cat-width);
          width: -webkit-fit-content;
          width: -moz-fit-content;
          width: fit-content; }
  .instore-landing__free-trial {
    max-width: var(--max-screen-width);
    margin-left: auto;
    margin-right: auto;
    margin-top: 70px;
    margin-bottom: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background: linear-gradient(248.12deg, #97D7DB 2.72%, #5EAAB1 53.84%);
    border-radius: 20px;
    padding-top: 80px;
    padding-bottom: 60px; }
    @media only screen and (max-width: 1300px) {
      .instore-landing__free-trial {
        margin-left: 10px;
        margin-right: 10px; } }
    @media only screen and (max-width: 700px) {
      .instore-landing__free-trial {
        margin-left: 0px;
        margin-right: 0px;
        border-radius: 0; } }
    .instore-landing__free-trial__title {
      color: var(--color-reverse-main);
      font-size: var(--font-size-very-big);
      line-height: 50px;
      text-align: center; }
    .instore-landing__free-trial__cta {
      margin-top: 40px;
      height: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-color: var(--background-color);
      color: var(--color-main);
      text-transform: uppercase;
      text-decoration: none;
      cursor: pointer; }
      .instore-landing__free-trial__cta:hover {
        color: var(--color-main);
        text-decoration: none;
        cursor: pointer; }

.unlimited-access-container .exclusive-offer {
  border: 4px solid #add9dd;
  border-radius: 10px;
  max-width: 670px; }
  @media only screen and (max-width: 480px) {
    .unlimited-access-container .exclusive-offer .pack h2 {
      margin-bottom: 10px; } }
  .unlimited-access-container .exclusive-offer .pack > div * {
    margin: 5px 0; }
  @media only screen and (max-width: 480px) {
    .unlimited-access-container .exclusive-offer .pack > div a {
      margin-bottom: 20px; } }
  .unlimited-access-container .exclusive-offer .pack > div > p {
    margin: 0 16px 0 22px; }
  .unlimited-access-container .exclusive-offer .pack > div > div i {
    margin-right: 4px;
    width: 48px;
    height: 48px;
    background-image: url("https://images.jamendo.com/jamendolicensing/static/vector-imgs/smartphone-grey.svg"); }
  @media only screen and (max-width: 480px) {
    .unlimited-access-container .exclusive-offer .pack > div > div p {
      font-size: 18px; } }

.page-track {
  /* /!\ INIT VAR /!\*/
  --color-main: black;
  --color-lightgray: whitesmoke;
  --color-link-gray: #636363;
  --box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
  --default-font-family: "futurademi", Arial, sans-serif;
  /* /!\ END INIT VAR /!\*/ }
  .page-track__main-advantages {
    color: var(--color-main);
    font-family: var(--default-font-family); }
    .page-track__main-advantages h1 {
      text-align: center;
      padding: 0 24px; }
    .page-track__main-advantages__list-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      box-shadow: var(--box-shadow);
      padding: 16px; }
      .page-track__main-advantages__list-container ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
                justify-content: space-evenly; }
        @media only screen and (max-width: 900px) {
          .page-track__main-advantages__list-container ul {
            -ms-flex-flow: column;
                flex-flow: column; } }
        .page-track__main-advantages__list-container ul li {
          font-size: 14px;
          position: relative;
          padding-left: 24px;
          line-height: 1.3;
          margin: 0 8px;
          min-height: 40px; }
          @media only screen and (max-width: 1776px) {
            .page-track__main-advantages__list-container ul li {
              width: 200px; } }
          .page-track__main-advantages__list-container ul li i {
            position: absolute;
            top: 1px;
            left: 0; }
          .page-track__main-advantages__list-container ul li span {
            display: block;
            font-size: 12px; }
  .page-track__licenses-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 24px; }
    @media only screen and (max-width: 830px) {
      .page-track__licenses-container {
        -ms-flex-flow: column;
            flex-flow: column; } }
    .page-track__licenses-container .license-component {
      width: 350px;
      margin: 0 25px; }
      @media only screen and (max-width: 830px) {
        .page-track__licenses-container .license-component {
          -ms-flex-item-align: center;
              align-self: center; }
          .page-track__licenses-container .license-component.first {
            -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                    order: 1; }
          .page-track__licenses-container .license-component.second {
            -webkit-box-ordinal-group: 4;
                -ms-flex-order: 3;
                    order: 3; } }
      @media only screen and (max-width: 400px) {
        .page-track__licenses-container .license-component {
          width: calc(100% - 50px);
          margin: 0; } }
    .page-track__licenses-container .track-pack-v2 {
      width: 75%; }
      @media only screen and (max-width: 830px) {
        .page-track__licenses-container .track-pack-v2 {
          width: 100%;
          -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
                  order: 2;
          padding-top: 0; } }
      @media only screen and (max-width: 830px) {
        .page-track__licenses-container .track-pack-v2 {
          padding-top: 25px; } }
    .page-track__licenses-container[no-licences-displayed] {
      display: none; }
      .page-track__licenses-container[no-licences-displayed] ~ .container.center.informational {
        visibility: hidden;
        min-height: 200px; }
  .page-track .container.center.informational {
    margin-bottom: 64px;
    padding: 0 36px; }
    .page-track .container.center.informational a.informational-link {
      text-decoration: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 0;
      width: 100%;
      color: var(--color-link-gray); }
      .page-track .container.center.informational a.informational-link i {
        position: relative;
        margin-right: 8px; }
      .page-track .container.center.informational a.informational-link span {
        text-decoration: underline;
        margin-left: 8px; }