/* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html
{
  line-height: 1.15; /* 1 */

  -webkit-text-size-adjust: 100%; /* 2 */
}

body
{
  margin: 0;
}

main
{
  display: block;
}

h1
{
  font-size: 2em;

  margin: .67em 0;
}

hr
{
  overflow: visible; /* 2 */

  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
}

pre
{
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

a
{
  background-color: transparent;
}

abbr[title]
{
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */

  border-bottom: none; /* 1 */
}

b,
strong
{
  font-weight: bolder;
}

code,
kbd,
samp
{
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

small
{
  font-size: 80%;
}

sub,
sup
{
  font-size: 75%;
  line-height: 0;

  position: relative;

  vertical-align: baseline;
}

sub
{
  bottom: -.25em;
}

sup
{
  top: -.5em;
}

img
{
  border-style: none;
}

button,
input,
optgroup,
select,
textarea
{
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */

  margin: 0; /* 2 */
}

button,
input
{
  /* 1 */
  overflow: visible;
}

button,
select
{
  /* 1 */
  text-transform: none;
}

button,
[type='button'],
[type='reset'],
[type='submit']
{
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner
{
  padding: 0;

  border-style: none;
}

button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring
{
  outline: 1px dotted ButtonText;
}

fieldset
{
  padding: .35em .75em .625em;
}

legend
{
  display: table; /* 1 */

  box-sizing: border-box; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */

  white-space: normal; /* 1 */

  color: inherit; /* 2 */
}

progress
{
  vertical-align: baseline;
}

textarea
{
  overflow: auto;
}

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

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

[type='search']
{
  outline-offset: -2px; /* 2 */

  -webkit-appearance: textfield; /* 1 */
}

[type='search']::-webkit-search-decoration
{
  -webkit-appearance: none;
}

::-webkit-file-upload-button
{
  font: inherit; /* 2 */

  -webkit-appearance: button; /* 1 */
}

details
{
  display: block;
}

summary
{
  display: list-item;
}

template
{
  display: none;
}

[hidden]
{
  display: none;
}

*
{
  box-sizing: border-box;
  margin: 0;
  padding: 0;

  outline: none;
}

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

html,
body
{
  height: 100%;

  background: #fff;

  appearance: none;
}

body
{
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;

  -ms-flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.container,
.container-narrow,
.language,
.slider-wrapper,
.slider__gallery,
.slider-mobile
{
  width: 100%;
  max-width: 1172px;
  margin: 0 auto;
  padding-right: 16px;
  padding-left: 16px;
}

.container-narrow
{
  max-width: 978px;
}

.technical-bg
{
  padding: 1px 0;

  background-color: rgba(38,38,38,.3);
}

.technical-bg .modal
{
  display: block;
}

.technical-msg
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;

  margin: 24px 0;
  padding: 24px 16px;

  letter-spacing: -.015em;

  color: #262626;
  color: #6f6f6f;
  border: 1px solid #fc8416;
  border-radius: 4px;
  background: rgba(252,132,22,.1);
}

.technical-msg::before
{
  display: inline-block;

  margin-right: 8px;

  content: 'WARNING:';

  color: #fc8416;
}

.technical-msg::after
{
  content: 'This page is WIP';
}

.technical-str
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;

  margin-bottom: 16px;

  letter-spacing: -.015em;

  color: #262626;
}

.logo
{
  display: inline-block;

  width: 88px;
  margin-right: 44px;

  text-decoration: none;
}

.logo__image
{
  display: block;

  width: 100%;
}

.header
{
  position: relative;
  z-index: 2;

  border-bottom: 1px solid #e8e8e8;
}

.header__primary
{
  width: 100%;
  height: 64px;

  background-color: #fff;
}

.header__primary .container
{
  position: relative;

  display: -ms-flexbox;
  display: flex;

  width: 100%;
  height: inherit;

  -ms-flex-pack: justify;
  justify-content: space-between;
}

.header__primary-left,
.header__primary-right
{
  display: -ms-flexbox;
  display: flex;

  height: inherit;

  -ms-flex-align: center;
  align-items: center;
}

.header__primary-right .ui-btn-sm
{
  display: none;
}

.header__secondary
{
  width: 100%;
  height: 44px;

  background-color: #f8f8f8;
}

.language
{
  display: -ms-flexbox;
  display: flex;

  height: 100%;

  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.language__link
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.25;

  position: relative;

  display: inline-block;

  cursor: pointer;
  text-decoration: none;
  letter-spacing: -.015em;
  text-transform: uppercase;

  color: #262626;
  color: #6f6f6f;
}

.language__link::after
{
  position: absolute;
  top: 0;
  left: 0;

  display: none;

  height: 100%;

  content: '';

  border-left: 1px solid #b7b7b7;
}

.language__link + .language__link
{
  margin-left: 12px;
  padding-left: 12px;
}

.language__link + .language__link::after
{
  display: inline-block;
}

.language__link.active
{
  color: #262626;
}

.menu-group
{
  height: 100%;
}

.menu-group__header
{
  display: none;
}

.menu-group__header .menu__icon
{
  color: #262626;
}

.menu-group__container
{
  display: -ms-flexbox;
  display: flex;

  height: inherit;

  -ms-flex-align: center;
  align-items: center;
}

.menu
{
  position: relative;

  display: inherit;

  height: inherit;
  margin: 0 22px;

  -ms-flex-align: inherit;
  align-items: inherit;
}

.menu__name
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.25;

  position: relative;

  display: inherit;

  width: inherit;
  height: inherit;

  cursor: pointer;
  text-decoration: none;
  letter-spacing: -.015em;

  color: #262626;
  color: #262626;

  -ms-flex-align: inherit;
  align-items: inherit;
}

.menu__name-icon
{
  position: absolute;
  top: 50%;
  right: 24px;

  display: none;

  width: 24px;
  height: 24px;

  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

  color: #262626;
}

.menu__icon
{
  display: none;

  width: 24px;
  height: 24px;
  margin-left: 24px;

  cursor: pointer;

  color: #f280bd;
}

.menu__dropdown
{
  display: none;

  padding-right: 24px;
  padding-left: 24px;
}

.menu__dropdown-list
{
  margin-bottom: 32px;
}

.menu__dropdown-link
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;

  display: block;

  text-decoration: none;
  letter-spacing: -.015em;

  color: #262626;
  color: #262626;
}

.footer
{
  height: 175px;
  padding-top: 40px;

  background-color: #262626;

  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.footer .container
{
  display: -ms-flexbox;
  display: flex;

  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.footer__label,
.footer__link
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.25;

  letter-spacing: -.015em;

  color: #262626;
  color: #fff;
}

.footer__link
{
  display: inline-block;

  text-decoration: none;
}

.footer__link + .footer__link
{
  margin-left: 40px;
}

.category-preview-group .category-preview
{
  margin-top: 88px;
  margin-bottom: 88px;
}

.category-preview__header
{
  margin-bottom: 40px;
}

.category-preview__container
{
  display: grid;

  grid-template-columns: repeat(4, minmax(0, 100%));
  grid-gap: 24px;
}

.category-preview__footer
{
  display: -ms-flexbox;
  display: flex;

  padding-top: 32px;

  -ms-flex-pack: center;
  justify-content: center;
}

.category-preview__container + .category-preview__container
{
  margin-top: 24px;
}

.category-preview--3in1 .category-preview__container
{
  grid-template-columns: repeat(3, minmax(0, 100%));
}

.card
{
  display: -ms-flexbox;
  display: flex;

  width: 100%;
  padding: 8px;

  transition: border .15s ease-in-out;

  border: 1px solid #e8e8e8;
  border-radius: 4px;

  -ms-flex-align: center;
  align-items: center;
}

.card:hover,
.card.active
{
  border-color: #f280bd;
}

.card:hover .card__cover::after,
.card.active .card__cover::after
{
  opacity: 1;
}

.card:hover .card__control-wrapper,
.card.active .card__control-wrapper
{
  opacity: 1;
}

.card__cover
{
  position: relative;

  overflow: hidden;

  width: 72px;
  min-width: 72px;
  height: 72px;

  border-radius: 2px;
}

.card__cover::after
{
  position: absolute;
  top: 0;
  left: 0;

  display: block;

  width: 100%;
  height: 100%;

  content: '';
  transition: opacity .15s ease-in-out;

  opacity: 0;
  background: rgba(242,128,189,.58);
}

.card__cover-image
{
  display: block;

  width: 100%;
}

.card__control-wrapper
{
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

  transition: opacity .15s ease-in-out;

  opacity: 0;
}

.card__control-inner
{
  position: absolute;
  top: 50%;
  left: 50%;

  width: 40px;
  height: 40px;

  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

  border-radius: 50%;
  background-color: #fff;
}

.card__control
{
  position: absolute;
  top: 50%;
  left: 50%;

  display: none;

  width: 100%;
  height: 100%;

  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.card__control.active
{
  display: -ms-flexbox;
  display: flex;
}

.card__control-icon
{
  display: block;

  width: 16px;
  height: 16px;
}

.card__control-play
{
  cursor: pointer;

  border: 1px solid #e8e8e8;
  border-radius: 50%;
}

.card__control-play .card__control-icon
{
  margin-left: 4px;

  color: #e5007c;
}

.card__container
{
  width: calc(100% - 88px);
  margin-left: 16px;
}

.card__title
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-weight: 400;
  font-style: normal;
  line-height: 1.25;

  overflow: hidden;

  margin-bottom: 3px;

  cursor: pointer;
  white-space: nowrap;
  letter-spacing: -.015em;
  text-overflow: ellipsis;

  color: #262626;
}

.card__label,
.card-a__label
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.230769230769231;

  display: block;
  overflow: hidden;

  margin-bottom: 6px;

  white-space: nowrap;
  letter-spacing: -.015em;
  text-overflow: ellipsis;

  color: #6f6f6f;
}

.card--with-checkbox.active .card__cover::after
{
  display: none;
}

.card--with-checkbox .ui-form-field-checkbox
{
  margin-right: 19px;
  margin-left: 11px;
}

.card--with-checkbox .ui-form-field-checkbox__label
{
  padding-left: 18px;
}

.card-a
{
  width: 156px;
  height: 238px;
}

.card-a__header
{
  position: relative;
}

.card-a__cover
{
  overflow: hidden;

  width: 156px;
  height: 156px;

  border-radius: 4px 4px 0 0;
}

.card-a__cover-image
{
  display: block;

  width: 100%;
  height: 100%;
}

.card-a__container
{
  overflow: hidden;

  padding: 8px;

  border: 1px solid #e8e8e8;
  border-top: 0;
  border-radius: 0 0 4px 4px;
}

.card-a__title
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.222222222222222;

  display: block;

  margin-bottom: 2px;

  letter-spacing: -.015em;

  color: #262626;
}

.card-a__label
{
  display: block;

  margin-bottom: 4px;
}

.card-a__control-wrapper
{
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;
}

.card-a__control-inner
{
  position: absolute;
  top: 50%;
  left: 50%;

  width: 80px;
  height: 80px;
  padding: 5px;

  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

  border-radius: 50%;
  background-color: #fff;
}

.card-a__control
{
  position: absolute;
  top: 50%;
  left: 50%;

  display: none;

  width: 100%;
  height: 100%;

  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.card-a__control.active
{
  display: -ms-flexbox;
  display: flex;
}

.card-a__control-icon
{
  display: block;

  width: 24px;
  height: 24px;
}

.card-a__control-progressbar
{
  width: calc(100% - 10px);
  height: calc(100% - 10px);

  border-radius: 50%;
}

.card-a__control-play
{
  cursor: pointer;
}

.card-a__control-play .card-a__control-icon
{
  margin-left: 6px;

  color: #e5007c;
}

.card-a__control-pause
{
  cursor: pointer;
}

.card-a__control-pause .card-a__control-icon
{
  color: #97979b;
}

.card-b
{
  display: -ms-flexbox;
  display: flex;

  width: 100%;
  padding: 16px;

  -ms-flex-align: center;
  align-items: center;
}

.card-b__cover
{
  overflow: hidden;

  width: 72px;
  height: 72px;

  border-radius: 50%;

  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.card-b__cover-image
{
  display: block;

  width: 100%;
  height: 100%;
}

.card-b__container
{
  width: calc(100% - 88px);
  margin-left: 20px;
}

.card-b__title
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 700;
  font-style: normal;
  line-height: 1.2;

  overflow: hidden;

  cursor: pointer;
  white-space: nowrap;
  letter-spacing: -.015em;
  text-overflow: ellipsis;

  color: #262626;
}

.card-b__label
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.230769230769231;

  letter-spacing: -.015em;

  color: #b7b7b7;
}

.promo
{
  width: 100%;
  max-width: 1140px;
  height: 380px;
  margin: 0 auto;

  background-color: #f8f8f8;
}

.promo .container
{
  display: -ms-flexbox;
  display: flex;

  height: inherit;
}

.promo .ui-btn
{
  margin-top: 40px;
}

.promo__image-wrapper
{
  position: relative;

  display: -ms-flexbox;
  display: flex;

  width: 50%;

  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-pack: center;
  justify-content: center;
}

.promo__image
{
  display: block;

  width: 100%;
  max-width: 375px;
}

.promo__text
{
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;

  width: 50%;
  padding-left: 8.2764505119454%;

  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
}

.promo__label
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;

  display: block;

  letter-spacing: -.015em;

  color: #262626;
  color: #e5007c;
}

.promo__title
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 40px;
  font-weight: 700;
  font-style: normal;
  line-height: 1;
}

.promo__label + .promo__title,
.promo__title + .promo__label
{
  margin-top: 24px;
}

.promo--top-position
{
  max-width: 100%;
  height: 400px;

  background-color: #fcc9d0;
}

.promo--top-position .container
{
  flex-direction: row-reverse;

  -ms-flex-direction: row-reverse;
}

.promo--top-position .promo__text
{
  width: 40%;
  min-width: 340px;
  padding-left: 0;
}

.promo--top-position .promo__image-wrapper
{
  width: 60%;
}

.promo--top-position .promo__image
{
  position: absolute;
  right: 50%;
  bottom: 0;

  max-width: 400px;

  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}

.search
{
  margin-right: 32px;
}

.search.active .search__btn-close
{
  display: block;
}

.search.active .search__form
{
  display: -ms-flexbox;
  display: flex;

  -ms-flex-pack: justify;
  justify-content: space-between;
}

.search__btn
{
  cursor: pointer;
}

.search__btn .search__icon
{
  color: #6f6f6f;
}

.search__icon
{
  display: block;

  width: 24px;
  height: 24px;
}

.search__btn-close
{
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 16px;

  display: none;

  cursor: pointer;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.search__btn-close .search__icon
{
  color: #262626;
}

.search__form
{
  position: absolute;
  top: 0;
  right: 0;

  display: none;

  width: calc(100% - 148px);
  height: 100%;

  background-color: #fff;

  -ms-flex-align: center;
  align-items: center;
}

.search__form .search__btn
{
  display: none;
}

.search__form .search__icon
{
  color: #b7b7b7;
}

.search__field
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.25;

  display: block;

  width: calc(100% - 56px);
  height: inherit;

  letter-spacing: -.015em;

  color: #262626;
  border: 0;
}

.search-simple
{
  display: none;

  width: 100%;
  height: 48px;
  margin-bottom: 16px;
  padding: 0 8px;

  border: 1px solid #e8e8e8;
  border-radius: 4px;
  background-color: #f8f8f8;

  -ms-flex-align: center;
  align-items: center;
}

.search-simple__field
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;

  width: 100%;
  height: 100%;
  padding-right: 8px;

  letter-spacing: -.015em;

  color: #262626;
  color: #6f6f6f;
  border: 0;
  background: none;
}

.search-simple__submit
{
  display: block;

  width: 24px;
  height: 100%;

  border: 0;
  background: none;

  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.search-simple__submit-icon
{
  display: block;

  width: 100%;
  height: 100%;

  color: #b7b7b7;
}

.search-ajax-results
{
  position: absolute;
  top: calc(100% + 1px);
  left: 50%;

  display: none;

  width: calc(100% - 32px);
  padding: 24px 48px;

  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);

  border-radius: 0 0 4px 4px;
  background-color: #fff;
  box-shadow: 0 10px 20px rgba(0,0,0,.06);
}

.search-ajax-results.active
{
  display: block;
}

.search-ajax-results--empty
{
  display: none;

  height: 156px;

  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.search-ajax-results--empty.active
{
  display: -ms-flexbox;
  display: flex;
}

.search-ajax-results--empty h2
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;

  letter-spacing: -.015em;

  color: #262626;
}

.group-items
{
  display: -ms-flexbox;
  display: flex;

  width: 100%;

  -ms-flex-align: start;
  align-items: flex-start;
}

.group-items + .group-items
{
  margin-top: 40px;
}

.group-items__label
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 700;
  font-style: normal;
  line-height: 1.2;

  display: block;

  width: 195px;

  letter-spacing: -.015em;

  color: #262626;

  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.group-items__container
{
  width: 100%;
  max-width: 850px;
}

.spinner
{
  width: 100%;
}

.spinner__image
{
  display: block;

  width: 56px;
  height: 56px;
  margin: 0 auto;

  -webkit-animation: spinner 2s linear infinite;
  animation: spinner 2s linear infinite;
}

.chips
{
  position: relative;

  width: 100%;
}

.chips::before
{
  position: absolute;
  bottom: 0;
  left: 0;

  display: block;

  width: 100%;

  content: '';

  border-bottom: 1px solid #e8e8e8;
}

.chips .container
{
  height: 100%;
}

.chips.active .chips__inner
{
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;

  transition: top .3s ease-in-out;
}

.chips.show .chips__inner
{
  top: 0 !important;

  transition: top .3s ease-in-out;
}

.chips__inner
{
  width: 100%;
  height: 54px;

  background-color: #f8f8f8;
}

.chips__list
{
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow-x: auto;
  overflow-y: hidden;

  width: 100%;
  height: 100%;
}

.chips__list-item
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.222222222222222;

  position: relative;

  display: -ms-flexbox;
  display: flex;

  height: 100%;
  margin-right: 36px;
  padding-right: 4px;
  padding-left: 4px;

  cursor: pointer;
  white-space: nowrap;
  letter-spacing: -.015em;

  color: #262626;
  color: #6f6f6f;

  -ms-flex-align: center;
  align-items: center;
}

.chips__list-item:last-child
{
  margin-right: 0;
}

.chips__list-item::after
{
  position: absolute;
  bottom: 0;
  left: 0;

  display: none;

  width: 100%;

  content: '';

  border-top: 2px solid #e5007c;
}

.chips__list-item:hover,
.chips__list-item.active
{
  color: #e5007c;
}

.chips__list-item:hover::after,
.chips__list-item.active::after
{
  display: block;
}

.info-box
{
  border-radius: 4px;
}

.info-box h2
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 28px;
  font-weight: 700;
  font-style: normal;
  line-height: 1.214285714285714;

  margin-top: 40px;
  margin-bottom: 24px;
}

.info-box h2:first-child
{
  margin-top: 0;
}

.info-box p
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;

  margin-bottom: 24px;

  letter-spacing: -.015em;

  color: #262626;
}

.info-box p:last-child
{
  margin-bottom: 0;
}

.info-box p a
{
  text-decoration: none;

  color: #e5007c;
}

.info-box p a:hover
{
  text-decoration: underline;
}

.info-box .list
{
  max-width: 695px;
}

.info-copyrights
{
  display: -ms-flexbox;
  display: flex;

  -ms-flex-align: start;
  align-items: flex-start;
}

.info-copyrights__cell
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;

  width: 100%;

  letter-spacing: -.015em;

  color: #262626;
}

.info-copyrights__cell + .info-copyrights__cell
{
  margin-left: 20px;
}

.info-box-grey
{
  padding: 40px 56px;

  background-color: #f8f8f8;
}

.info-box-bordered
{
  padding: 40px 56px;

  border: 1px solid #e8e8e8;
}

.track
{
  display: -ms-flexbox;
  display: flex;

  width: 100%;

  -ms-flex-align: center;
  align-items: center;
}

.track__controls
{
  position: relative;

  width: 40px;
  height: 40px;
}

.track__control
{
  position: absolute;
  top: 0;
  left: 0;

  display: none;

  width: 100%;
  height: 100%;

  cursor: pointer;

  border-radius: 50%;

  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.track__control.active
{
  display: -ms-flexbox;
  display: flex;
}

.track__control-play
{
  border: 1px solid #e8e8e8;
  background-color: #fff;
}

.track__control-play .track__control-icon
{
  margin-left: 5px;
}

.track__control-pause .track__control-icon
{
  margin-left: 1px;
}

.track__control-icon
{
  display: block;

  width: 15px;
  height: 18px;

  color: #e5007c;
}

.track__info
{
  display: block;

  width: calc(100% - 48px);
  margin-left: 8px;
}

.track__title
{
  display: -ms-flexbox;
  display: flex;

  width: 100%;
}

.track__title-text
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.222222222222222;

  display: block;
  overflow: hidden;

  white-space: nowrap;
  letter-spacing: -.015em;
  text-overflow: ellipsis;

  color: #262626;
}

.track__title-label
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.25;

  display: inline-block;
  overflow: hidden;

  min-width: 90px;
  max-width: 50%;
  margin-left: 16px;

  white-space: nowrap;
  letter-spacing: -.015em;
  text-overflow: ellipsis;

  color: #262626;
  color: #6f6f6f !important;
}

.track__subtitle
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.25;

  display: block;
  overflow: hidden;

  white-space: nowrap;
  letter-spacing: -.015em;
  text-overflow: ellipsis;

  color: #262626;
  color: #6f6f6f !important;
}

.track__label
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.230769230769231;

  display: block;
  overflow: hidden;

  white-space: nowrap;
  letter-spacing: -.015em;
  text-overflow: ellipsis;

  color: #b7b7b7;
}

.list
{
  margin: 0;
}

.list__item
{
  display: -ms-flexbox;
  display: flex;

  padding: 12px 0;

  border-top: 1px solid #e8e8e8;

  -ms-flex-align: center;
  align-items: center;
}

.list__item:last-child
{
  border-bottom: 1px solid #e8e8e8;
}

.list__item-number
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.222222222222222;

  display: inline-block;

  min-width: 22px;
  margin-right: 8px;

  letter-spacing: -.015em;

  color: #262626;
  color: #97979b !important;
}

.list--numeric-with-rating .track
{
  width: calc(100% - 30px - 35px - 40px);
}

.list--numeric-with-rating .list__item
{
  padding-right: 32px;
}

.list--numeric-with-rating .list__item .rating
{
  margin-left: 21px;
}

.list--with-rating .track
{
  width: calc(100% - 35px - 40px);
}

.list--with-rating .list__item
{
  padding-right: 32px;
}

.list--with-rating .list__item .rating
{
  margin-left: 21px;
}

.track-table
{
  width: 100%;
}

.track-table__row
{
  display: -ms-flexbox;
  display: flex;

  width: 100%;

  border-top: 1px solid #e8e8e8;

  -ms-flex-align: center;
  align-items: center;
}

.track-table__row:first-child
{
  border: 0;

  -ms-flex-align: start;
  align-items: flex-start;
}

.track-table__row:first-child .track-table__cell
{
  padding: 5px 16px;
}

.track-table__row:first-child .track-table__cell:first-child
{
  padding-left: 0;
}

.track-table__row:first-child .track-table__cell:last-child
{
  padding-right: 0;
}

.track-table__row:last-child
{
  border-bottom: 1px solid #e8e8e8;
}

.track-table__cell
{
  width: 80px;
  height: 100%;
  padding: 13px 16px;

  -ms-flex-positive: 1;
  flex-grow: 1;
}

.track-table__cell:first-child
{
  padding-left: 0;

  -ms-flex-positive: 5;
  flex-grow: 5;
}

.track-table__cell:last-child
{
  width: 100%;
  max-width: 80px;
  padding-right: 0;

  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.track-table__cell .ui-form-field-checkbox
{
  margin: 0 !important;
}

.track-table__icon
{
  position: relative;

  display: block;

  width: 24px;
  height: 24px;

  color: #e5007c;
}

.track-table__label
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.25;

  letter-spacing: -.015em;

  color: #262626;
}

.rating
{
  display: -ms-inline-flexbox;
  display: inline-flex;

  cursor: pointer;

  -ms-flex-align: center;
  align-items: center;
}

.rating.active .rating__icon:first-of-type
{
  display: none;
}

.rating.active .rating__icon:last-of-type
{
  display: block;
}

.rating__icon
{
  display: block;

  width: 16px;
  height: 16px;
  margin-right: 4px;

  color: #e5007c;
}

.rating__icon:last-of-type
{
  display: none;
}

.rating__value
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.230769230769231;

  letter-spacing: -.015em;

  color: #b7b7b7;
}

.accordion [data-accordion-control]
{
  cursor: pointer;
}

.accordion__item.active .accordion__item-container
{
  display: block;
}

.accordion__item.active .accordion__item-icon
{
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}

.accordion__item-header
{
  position: relative;

  padding-top: 16px;
  padding-right: 32px;
  padding-bottom: 16px;

  border-bottom: 1px solid #e8e8e8;
}

.accordion__item-label
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.222222222222222;

  letter-spacing: -.015em;

  color: #262626;
}

.accordion__item-icon
{
  position: absolute;
  top: 50%;
  right: 0;

  display: block;

  width: 24px;
  height: 24px;

  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);

  color: #e5007c;
}

.accordion__item-container
{
  display: none;

  padding-top: 16px;
  padding-bottom: 24px;
}

.accordion__item-container p
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.222222222222222;

  margin: 0 0 16px;

  letter-spacing: -.015em;

  color: #262626;
}

.accordion__item-container p:last-child
{
  margin: 0;
}

.accordion__item-container p a
{
  text-decoration: none;

  color: #e5007c;
}

.accordion__item-container p a:hover
{
  text-decoration: underline;
}

.lk-topline
{
  padding-top: 19px;
  padding-bottom: 19px;

  background-color: #f8f8f8;
}

.lk-topline .container
{
  display: -ms-flexbox;
  display: flex;

  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.lk-topline__label
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.222222222222222;

  letter-spacing: -.015em;

  color: #262626;
}

.lk-topline__link
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.222222222222222;

  display: -ms-flexbox;
  display: flex;

  text-decoration: none;
  letter-spacing: -.015em;

  color: #262626;

  -ms-flex-align: center;
  align-items: center;
}

.lk-topline__link-icon
{
  display: inline-block;

  width: 24px;
  height: 24px;

  color: #6f6f6f;
}

.lk-topline__link-label
{
  padding-left: 8px;
}

.modals
{
  position: fixed;
  z-index: 9992;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: none;
  overflow: auto;

  background: rgba(38,38,38,.3);
}

.modals.active
{
  display: block;
}

.modal
{
  position: relative;

  display: none;

  width: 100%;
  max-width: 504px;
  margin: 50px auto;
}

.modal.active
{
  display: block;
}

.modal__inner
{
  width: 100%;
  padding: 56px 32px 40px;

  background: #fff;
}

.modal__header
{
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 56px;

  background-color: #fff;
}

.modal__close
{
  position: absolute;
  z-index: 1;
  top: 16px;
  right: 16px;

  display: block;

  width: 24px;
  height: 24px;

  cursor: pointer;
}

.modal__close-icon
{
  display: block;

  width: 100%;
  height: 100%;

  color: #262626;
}

.modal__container
{
  width: 100%;
  margin: 0 auto;
  padding-top: 16px;
}

.modal.wide
{
  max-width: 655px;
}

.modal.wide .modal__container
{
  max-width: 480px;
}

.modal.wide .modal__inner
{
  padding-right: 16px;
  padding-left: 16px;
}

.modal.narrow .modal__container
{
  max-width: 332px;
}

.modal.narrow .modal__inner
{
  padding-right: 16px;
  padding-left: 16px;
}

.modal.busy::after
{
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;

  display: block;

  width: 100%;
  height: 100%;

  content: '';
  cursor: not-allowed;

  background: url('../img/icons/icon-time-line.svg') center no-repeat rgba(255,255,255,.7);
}

.auth .ui-btn-lg
{
  margin-top: 32px;
}

.auth p
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.25;

  margin-bottom: 16px;

  letter-spacing: -.015em;

  color: #262626;
  color: #6f6f6f !important;
}

.auth p a
{
  text-decoration: none;

  color: #e5007c;
}

.auth .ui-form-field-pincode
{
  margin-bottom: 32px;
}

.info > .ui-btn-lg
{
  margin-top: 32px;
}

.info .card
{
  margin-bottom: 24px;
}

.info .ui-btn-group
{
  margin-top: 24px;
  margin-bottom: 24px;
}

.info .ui-btn-group .ui-btn-lg
{
  padding-right: 0;
  padding-left: 0;
}

.info p
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;

  margin-bottom: 16px;

  letter-spacing: -.015em;

  color: #262626;
}

.info p a
{
  text-decoration: none;

  color: #e5007c;
}

.install .h4
{
  margin-bottom: 16px;
}

.install .h5
{
  margin-top: 40px;
  margin-bottom: 24px;
}

.install .ui-form-field
{
  max-width: 330px;
}

.install .ui-btn-group,
.install .accordion
{
  margin-top: 24px;
}

.install .ui-btn-lg
{
  max-width: 212px;
  padding-right: 0;
  padding-left: 0;
}

.install .card-a
{
  margin: 0 auto 32px;
}

.install .card
{
  margin-bottom: 16px;
}

.install .card:last-of-type
{
  margin-bottom: 24px;
}

.install .card__container
{
  width: calc(100% - 148px);
}

.install p
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.222222222222222;

  margin-bottom: 16px;

  letter-spacing: -.015em;

  color: #262626;
}

.install p a
{
  text-decoration: none;

  color: #e5007c;
}

.install__grid
{
  display: -ms-flexbox;
  display: flex;

  margin-bottom: 16px;
}

.install__grid-cell + .install__grid-cell
{
  margin-left: 24px;
}

.install__grid-cell:last-child
{
  width: calc(100% - 135px - 24px);
}

.install__grid-cell .ui-text-size-md
{
  display: none;
}

.tabs
{
  width: 100%;
}

.tabs__header
{
  display: -ms-flexbox;
  display: flex;

  width: 100%;
  margin-bottom: 40px;

  border-bottom: 1px solid #e8e8e8;

  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.tabs__container
{
  width: 100%;
}

.tab__label
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.222222222222222;

  position: relative;

  padding: 3px 19px 11px 8px;

  cursor: pointer;
  transition: color .15s ease-in-out;
  letter-spacing: -.015em;

  color: #262626;
  color: #6f6f6f !important;
}

.tab__label::after
{
  position: absolute;
  bottom: -1px;
  left: 0;

  display: block;

  width: 100%;

  content: '';
  transition: border-color .15s ease-in-out;

  border-top: 2px solid transparent;
}

.tab__label:hover
{
  transition: color .15s ease-in-out;

  color: #e5007c !important;
}

.tab__label.active
{
  transition: color .15s ease-in-out;

  color: #e5007c !important;
}

.tab__label.active::after
{
  transition: border-color .15s ease-in-out;

  border-color: #e5007c;
}

.tab__box
{
  display: none;
}

.tab__box.active
{
  display: block;
}

.slider-wrapper
{
  position: relative;

  padding-bottom: 50px;
}

.slider__gallery
{
  position: absolute !important;
  right: 0;
  bottom: 0;
}

.slider__gallery-items
{
  display: -ms-flexbox;
  display: flex;

  width: 100%;
}

.slider__gallery-item
{
  position: relative;

  display: -ms-flexbox;
  display: flex;
  overflow: hidden;

  width: 200px;
  height: 100px;
  padding: 16px;

  cursor: pointer;

  border-radius: 4px;
  background-color: #f8f8f8;

  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.slider__gallery-item-label
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.222222222222222;

  display: block;

  width: 100%;

  letter-spacing: -.015em;

  color: #262626;
}

.slider__gallery-item-cover
{
  display: block;
  overflow: hidden;

  width: 68px;
  height: 68px;
  margin-left: 16px;

  border-radius: 50%;

  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.slider__gallery-item-cover-image
{
  display: block;

  width: 100%;
}

.slider__gallery-nav
{
  position: absolute;
  top: 50%;
  left: 0;

  width: 100%;

  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.slider__gallery-nav-control
{
  position: absolute;
  top: 50%;

  display: -ms-flexbox;
  display: flex;

  width: 36px;
  height: 36px;

  cursor: pointer;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 1px 12px rgba(0,0,0,.08);

  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.slider__gallery-nav-control-prev
{
  left: -36px;
}

.slider__gallery-nav-control-prev .slider__gallery-nav-control-icon
{
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.slider__gallery-nav-control-next
{
  right: -36px;
}

.slider__gallery-nav-control-icon
{
  display: block;

  width: 24px;
  height: 24px;
}

.slider-mobile
{
  width: 100%;
  margin-top: 40px;
}

.slider-mobile__frames
{
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;

  width: calc(100% + 32px);
  margin-right: -16px;
  margin-left: -16px;
  padding-right: 16px;
  padding-left: 16px;
}

.slider-mobile__frame
{
  position: relative;

  width: 136px;
  height: 150px;
  padding: 8px 16px;

  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.slider-mobile__frame + .slider-mobile__frame
{
  margin-left: 8px;
}

.slider-mobile__frame-label
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.222222222222222;

  position: absolute;
  z-index: 1;
  bottom: 8px;
  left: 8px;

  max-width: calc(100% - 16px);
  padding: 2px 8px;

  letter-spacing: -.015em;

  color: #262626;
  border-radius: 4px;
  background-color: rgba(255,255,255,.85);
}

.slider-mobile__frame-cover
{
  position: absolute;
  top: 0;
  left: 0;

  display: block;

  width: 100%;
  height: 100%;
}

.track-cut
{
  width: 100%;
  max-width: 530px;
  margin: 50px auto 0;
}

.track-cut .wavesurfer-region
{
  z-index: 3 !important;

  background-color: rgba(229,0,124,.15) !important;
}

.track-cut .wavesurfer-handle
{
  width: 1px !important;

  background-color: #00a843 !important;
}

.track-cut .wavesurfer-handle::after
{
  position: absolute;
  bottom: 0;
  left: -4px;

  display: block;

  width: 9px;
  height: 12px;

  content: '';

  background: url('../img/icons/icon-union.svg') center no-repeat;
}

.track-cut__container
{
  position: relative;
}

.track-cut__preview
{
  position: relative;
  z-index: 1;

  visibility: hidden;

  width: 100%;
  max-width: 530px;
}

.track-cut__preview.active
{
  visibility: visible;
}

.track-cut__preview-container > wave
{
  overflow: visible !important;
}

.track-cut__preview__label
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.230769230769231;

  position: absolute;
  top: 0;

  color: #b7b7b7;
}

.track-cut__preview__label:first-of-type
{
  left: 0;
}

.track-cut__preview__label:last-of-type
{
  right: 0;
}

.track-cut__footer
{
  margin-top: 16px;
}

.track-cut__preview-controls
{
  display: -ms-flexbox;
  display: flex;
}

.track-cut__preview-control
{
  position: relative;

  display: -ms-flexbox;
  display: flex;

  width: 40px;
  height: 40px;

  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.track-cut__preview-control + .track-cut__preview-control
{
  margin-left: 24px;
}

.track-cut__preview-control-play
{
  color: #e5007c;
  border: 1px solid #e8e8e8;
  border-radius: 50%;
}

.track-cut__preview-control-play::before
{
  position: absolute;
  top: 50%;
  left: 50%;

  display: block;

  width: 15px;
  height: 18px;
  margin-left: 2px;

  content: '';
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

  background: url('../img/icons/icon-play.svg') center/15px 18px no-repeat;
}

.track-cut__preview-control-play::after
{
  position: absolute;
  top: 50%;
  left: 50%;

  display: none;

  width: 100%;
  height: 100%;

  content: '';
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

  background: url('../img/icons/icon-pause.svg') center/15px no-repeat;
}

.track-cut__preview-control-play.active::before
{
  display: none;
}

.track-cut__preview-control-play.active::after
{
  display: block;
}

.track-cut__preview-control-refresh
{
  color: #6f6f6f;
}

.track-cut__preview-control-refresh .ui-icon
{
  width: 40px;
  height: 40px;
}

.track-cut__preview-control-refresh.active
{
  color: #e5007c;
}

.track-cover
{
  position: relative;

  width: 135px;
  height: 135px;
}

.track-cover::before,
.track-cover::after
{
  position: absolute;
  left: 50%;

  display: block;

  content: '';
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);

  border-radius: 4px;
}

.track-cover::before
{
  z-index: 1;
  bottom: -4px;

  width: 127px;
  height: 127px;

  background-color: #b7b7b7;
}

.track-cover::after
{
  z-index: 0;
  bottom: -8px;

  width: 119px;
  height: 119px;

  background-color: #f8f8f8;
}

.track-cover__image
{
  position: relative;
  z-index: 2;

  display: block;

  width: 100%;
  height: 100%;

  border-radius: 4px;
}

.alert
{
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;

  background-color: #ee6f2d;
}

.alert .container
{
  position: relative;
}

.alert .container > .ui-icon
{
  position: absolute;
  top: 0;
  left: 16px;
}

.alert .ui-icon
{
  display: block;

  width: 24px;
  height: 24px;

  cursor: pointer;

  color: #fff;
}

.alert__str
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;

  padding-right: 48px;
  padding-left: 40px;

  letter-spacing: -.015em;

  color: #262626;
  color: #fff;
}

.alert__close
{
  position: absolute;
  top: 50%;
  right: 16px;

  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.ui-btn
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.25;
  line-height: 30px;

  display: -ms-inline-flexbox;
  display: inline-flex;

  height: 32px;
  padding-right: 14px;
  padding-left: 14px;

  cursor: pointer;
  text-align: center;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  letter-spacing: -.015em;

  color: #262626;
  color: #fff;
  border: 0;
  border-radius: 4px;
  background-color: #e5007c;

  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ui-btn-lg
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  line-height: 46px;

  display: -ms-inline-flexbox;
  display: inline-flex;

  height: 48px;
  padding-right: 55px;
  padding-left: 55px;

  cursor: pointer;
  text-align: center;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  letter-spacing: -.015em;

  color: #262626;
  color: #fff;
  border: 0;
  border-radius: 4px;
  background-color: #e5007c;

  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ui-btn-sm
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-weight: 400;
  font-style: normal;
  line-height: 1.25;
  line-height: 26px;

  display: -ms-inline-flexbox;
  display: inline-flex;

  height: 28px;
  padding-right: 14px;
  padding-left: 14px;

  cursor: pointer;
  text-align: center;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  letter-spacing: -.015em;

  color: #262626;
  color: #fff;
  border: 0;
  border-radius: 4px;
  background-color: #e5007c;

  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ui-btn__icon
{
  display: block;

  width: 16px;
  height: 16px;

  color: inherit;

  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.ui-btn__icon + span
{
  display: inline-block;

  margin-left: 8px;
}

.ui-btn-outline
{
  color: #e5007c;
  border: 1px solid #e5007c;
  background: none;
}

.ui-btn-group,
.ui-btn-group-center
{
  display: -ms-flexbox;
  display: flex;

  width: 100%;

  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.ui-btn-group .ui-btn + .ui-btn,
.ui-btn-group-center .ui-btn + .ui-btn,
.ui-btn-group .ui-btn-lg + .ui-btn-lg,
.ui-btn-group-center .ui-btn-lg + .ui-btn-lg,
.ui-btn-group .ui-btn-sm + .ui-btn-sm,
.ui-btn-group-center .ui-btn-sm + .ui-btn-sm
{
  margin-left: 16px;
}

.ui-btn-group-center
{
  -ms-flex-pack: center;
  justify-content: center;
}

.h2
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 40px;
  font-weight: 700;
  font-style: normal;
  line-height: 1;

  margin: 0;
}

.h4
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 28px;
  font-weight: 700;
  font-style: normal;
  line-height: 1.214285714285714;

  margin: 0;
}

.h5
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 700;
  font-style: normal;
  line-height: 1.166666666666667;

  margin: 0;
}

.ui-text-warning
{
  color: #ee6f2d !important;
}

.ui-text-secondary
{
  color: #6f6f6f !important;
}

.ui-text-size-xs
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.25 !important;

  letter-spacing: -.015em;

  color: #262626;
}

.ui-text-size-sm
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.222222222222222 !important;

  letter-spacing: -.015em;

  color: #262626;
}

.ui-text-size-md
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  font-weight: 700 !important;
  font-style: normal !important;
  line-height: 1.2 !important;

  letter-spacing: -.015em;

  color: #262626;
}

.overflow
{
  overflow: hidden !important;
}

.ui-disabled,
[disabled]
{
  cursor: not-allowed !important;

  opacity: .5 !important;
}

.mt-xs
{
  margin-top: 24px !important;
}

.mt-xl
{
  margin-top: 72px !important;
}

.mt-xxl
{
  margin-top: 88px !important;
}

.mb-xs
{
  margin-bottom: 24px !important;
}

.mb-sm
{
  margin-bottom: 32px !important;
}

.mb-xxl
{
  margin-bottom: 88px !important;
}

.w-100
{
  width: 100% !important;
}

.ui-form-field
{
  position: relative;

  display: inline-block;

  padding-top: 0;

  transition: padding-top .3s ease-in-out;
}

.ui-form-field.active
{
  padding-top: 30px;

  transition: padding-top .3s ease-in-out;
}

.ui-form-field.active .ui-form-field__label
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.222222222222222;

  height: 22px;
  padding-right: 0;
  padding-left: 0;

  transition: all .3s ease-in-out;
  letter-spacing: -.015em;

  color: #262626;
}

.ui-form-field.active .ui-form-field__control
{
  transition: background-color .3s ease-in-out, color .15s ease-in-out .3s;

  color: #6f6f6f;
  background-color: transparent;
}

.ui-form-field.labeled
{
  padding-top: 30px;
}

.ui-form-field.labeled .ui-form-field__label
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.222222222222222;

  height: 22px;
  padding-right: 0;
  padding-left: 0;

  transition: all .3s ease-in-out;
  letter-spacing: -.015em;

  color: #262626;
}

.ui-form-field.labeled .ui-form-field__control
{
  color: #6f6f6f;
}

.ui-form-field.labeled .ui-form-field__control::-webkit-input-placeholder
{
  opacity: 1;
  color: #6f6f6f;
}

.ui-form-field.labeled .ui-form-field__control:-ms-input-placeholder
{
  opacity: 1;
  color: #6f6f6f;
}

.ui-form-field.labeled .ui-form-field__control::placeholder
{
  opacity: 1;
  color: #6f6f6f;
}

.ui-form-field.error .ui-form-field__control
{
  border-color: #ee6f2d;
}

.ui-form-field.error .ui-form-field__msg
{
  color: #ee6f2d;
}

.ui-form-field__label
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;

  position: absolute;
  top: 0;
  left: 0;

  display: -ms-flexbox;
  display: flex;

  width: 100%;
  height: 100%;
  padding-right: 8px;
  padding-left: 8px;

  transition: all .3s ease-in-out;
  letter-spacing: -.015em;

  color: #262626;
  color: #6f6f6f !important;

  -ms-flex-align: center;
  align-items: center;
}

.ui-form-field__control
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;

  display: inline-block;

  width: 100%;
  height: 48px;
  padding-right: 8px;
  padding-left: 8px;

  transition: background-color .3s ease-in-out, color .15s ease-in-out;
  letter-spacing: -.015em;

  color: #262626;
  color: transparent;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  background-color: #f8f8f8;
}

.ui-form-field__control::-webkit-input-placeholder
{
  color: transparent;
}

.ui-form-field__control:-ms-input-placeholder
{
  color: transparent;
}

.ui-form-field__control::placeholder
{
  color: transparent;
}

.ui-form-field__msg,
.ui-form-field-pincode__msg
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.166666666666667;

  display: inline-block;

  margin-top: 8px;
}

.ui-form-field-file
{
  display: -ms-flexbox;
  display: flex;

  width: 100%;

  -ms-flex-align: center;
  align-items: center;
}

.ui-form-field-file__label
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.25;

  display: inline-block;

  width: 100%;
  margin-left: 24px;

  letter-spacing: -.015em;

  color: #262626;
  color: #6f6f6f;
}

.ui-form-field-file__control
{
  display: none;
}

.ui-form-field-file__btn
{
  margin: 0 !important;
}

.ui-form-field-checkbox
{
  display: inline-block;

  min-height: 29px;
  padding-top: 5px;
  padding-bottom: 3px;
}

.ui-form-field-checkbox__control
{
  display: none;
}

.ui-form-field-checkbox__label
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.230769230769231;

  position: relative;

  display: inline-block;

  padding-top: 2px;
  padding-left: 29px;

  letter-spacing: -.015em;

  color: #6f6f6f;
}

.ui-form-field-checkbox__label::before
{
  position: absolute;
  top: 50%;
  left: 0;

  display: block;

  width: 18px;
  height: 18px;

  content: '';
  cursor: pointer;
  transition: border-color .15s ease-in-out;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

  border: 2px solid #6f6f6f;
  border-radius: 2px;
}

.ui-form-field-checkbox__label::after
{
  position: absolute;
  top: calc(50% - 2px);
  left: 5px;

  display: block;

  width: 12px;
  height: 6px;

  content: '';
  cursor: pointer;
  transition: opacity .15s ease-in-out;
  -webkit-transform: rotate(-45deg) translateY(-50%);
  -ms-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);

  opacity: 0;
  border-bottom: 2px solid #e5007c;
  border-left: 2px solid #e5007c;
}

.ui-form-field-checkbox__label a
{
  text-decoration: none;

  color: #e5007c;
}

.ui-form-field-checkbox__label a:hover
{
  text-decoration: underline;
}

.ui-form-field-checkbox__control:checked + .ui-form-field-checkbox__label::before
{
  transition: border-color .15s ease-in-out;

  border-color: #e5007c;
}

.ui-form-field-checkbox__control:checked + .ui-form-field-checkbox__label::after
{
  transition: opacity .15s ease-in-out;

  opacity: 1;
}

.ui-form-field-pincode
{
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;

  width: 100%;
  margin: 0;

  -ms-flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
}

.ui-form-field-pincode__inner
{
  display: inline-block;
}

.ui-form-field-pincode__container
{
  width: 100%;
}

.ui-form-field-pincode__control
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 28px;
  font-weight: 700;
  font-style: normal;
  line-height: 1.214285714285714;

  display: inline-block;

  width: 45px;
  height: 54px;

  text-align: center;

  color: #e5007c !important;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  background-color: #f0f0f0;
}

.ui-form-field-pincode__control + .ui-form-field-pincode__control
{
  margin-left: 9px;
}

.ui-form-field-pincode__footer
{
  display: none;

  width: 100%;
}

.ui-form-field-pincode__msg
{
  margin-top: 5px;
}

.ui-form-field-pincode.warning .ui-form-field-pincode__control
{
  border-color: rgba(232,232,232,.2);
  background-color: rgba(238,111,45,.2);
}

.ui-form-field-pincode.error .ui-form-field-pincode__footer
{
  display: block;
}

.ui-form-field-pincode.error .ui-form-field-pincode__msg
{
  color: #ee6f2d;
}

.page-search-empty
{
  padding-top: 64px;
  padding-bottom: 256px;
}

.page-search-empty h1
{
  margin-bottom: 24px;

  text-align: center;
}

.page-search-empty h1 span:last-child
{
  display: none;
}

.page-search-empty p
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;

  text-align: center;
  letter-spacing: -.015em;

  color: #262626;
}

.page-search-results
{
  padding-top: 64px;
  padding-bottom: 128px;
}

.page-search-results h1
{
  margin-bottom: 64px;

  text-align: center;
}

.page-search-results__list
{
  margin: 0;
  padding: 0;

  list-style: none;
}

.page-search-results__list-item + .page-search-results__list-item
{
  margin-top: 16px;
}

.page-search-results__list-link
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.222222222222222;

  text-decoration: none;
  letter-spacing: -.015em;

  color: #262626;
  color: #6f6f6f;
}

.page-catalog .spinner
{
  padding-top: 8px;
}

.page-catalog__header h1
{
  margin-top: 64px;
  margin-bottom: 40px;

  text-align: center;
}

.page-info
{
  margin-top: 64px;
}

.page-info__header
{
  margin-bottom: 40px;
}

.page-info-about .page-info__header
{
  margin-bottom: 70px;

  text-align: center;
}

.page-download .ui-form-field-file
{
  margin-bottom: 24px;
}

.page-download .ui-form-field
{
  display: block;

  width: 100%;
  max-width: 330px;
}

.page-download .ui-form-field-checkbox
{
  display: block;

  margin-top: 8px;
}

.page-download .ui-btn-lg
{
  margin-top: 32px;
}

.page-download .track__subtitle
{
  display: none;
}

.page-download__items-group
{
  display: -ms-flexbox;
  display: flex;

  width: 100%;

  -ms-flex-align: center;
  align-items: center;
}

.page-download__items-group .ui-btn-lg
{
  width: auto;
  margin: 0 24px 0 0;
}

p.page-download__item
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.25;

  width: 100%;
  margin: 0 !important;

  letter-spacing: -.015em;

  color: #262626;
  color: #6f6f6f !important;
}

.page-not-found
{
  display: -ms-flexbox;
  display: flex;

  padding-top: 200px;
  padding-bottom: 200px;

  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.page-not-found__cover
{
  display: block;

  width: 100%;
  max-width: 460px;

  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.page-not-found__box
{
  width: 100%;
  max-width: 440px;
  height: auto;
  margin-left: 122px;
}

.page-not-found__title
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 40px;
  font-weight: 700;
  font-style: normal;
  line-height: 1;

  margin: 0 0 32px;
}

.page-not-found__str
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;

  letter-spacing: -.015em;

  color: #262626;
}

.page-not-found__link
{
  margin-top: 56px;
}

.page-artist
{
  display: -ms-flexbox;
  display: flex;

  margin-top: 64px;
  margin-bottom: 88px;

  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.page-artist .h2
{
  margin: 0 0 40px;
}

.page-artist .category-preview-group .category-preview
{
  margin: 64px 0;
}

.page-artist .category-preview-group .category-preview:first-child
{
  margin-top: 0;
}

.page-artist .category-preview-group .category-preview:last-child
{
  margin-bottom: 0;
}

.page-artist .category-preview__header
{
  margin-bottom: 32px;
}

.page-artist .category-preview__container
{
  grid-template-columns: repeat(1, minmax(0, 100%));
}

.page-artist .list
{
  margin-top: 64px;
}

.page-artist__main
{
  width: 100%;
  max-width: 655px;
}

.page-artist__main .ui-btn-lg
{
  margin-top: 40px;
}

.page-artist__cover
{
  display: -ms-flexbox;
  display: flex;

  padding: 32px;

  border: 1px solid #e8e8e8;
  border-radius: 4px;

  -ms-flex-align: center;
  align-items: center;
}

.page-artist__cover-image
{
  display: block;

  width: 192px;
  height: 192px;

  border-radius: 50%;
}

.page-artist__cover-text
{
  margin-left: 64px;
}

.page-artist__cover-title
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 28px;
  font-weight: 700;
  font-style: normal;
  line-height: 1.214285714285714;

  display: block;
}

.page-artist__cover-subtitle
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.222222222222222;

  display: block;

  margin-top: 16px;

  letter-spacing: -.015em;

  color: #262626;
  color: #6f6f6f !important;
}

.page-artist__sidebar
{
  width: 100%;
  max-width: 267px;
  margin-left: 24px;

  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.page-settings
{
  margin-top: 0 !important;
}

.page-settings .page-info__header
{
  margin-top: 48px;
}

.page-settings .ui-form-field-checkbox
{
  margin-top: 32px;
}

.page-settings .info-box-bordered
{
  margin-top: 40px;
  margin-bottom: 64px;
}

.page-settings .accordion
{
  display: none;
}

.page-settings .accordion__item.active .accordion__item-header
{
  border: 0;
}

.page-settings .accordion__item-container
{
  margin-right: -16px;
  margin-left: -16px;
  padding-right: 16px;
  padding-left: 16px;

  border-bottom: 1px solid #e8e8e8;
  background-color: #f8f8f8;
}

.page-settings .accordion__item-container .ui-form-field-checkbox
{
  display: block;

  margin: 0 0 16px !important;
}

.page-settings .track__subtitle
{
  display: none;
}

.page-settings__infobox
{
  display: inline-block;

  margin-bottom: 40px;
  padding: 24px 32px;

  border-radius: 4px;
  background-color: #f8f8f8;
}

.page-settings__infobox-main
{
  margin-bottom: 16px;
}

.page-settings__infobox-label
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 700;
  font-style: normal;
  line-height: 1.2;

  display: -ms-inline-flexbox;
  display: inline-flex;

  letter-spacing: -.015em;

  color: #262626;
}

.page-settings__infobox-label.active .page-settings__infobox-label-value
{
  color: #00a843;
}

.page-settings__infobox-label + .page-settings__infobox-label
{
  margin-left: 40px;
}

.page-settings__infobox-label-name
{
  display: inline-block;

  margin-right: 8px;
}

.page-settings__infobox-label-value
{
  font-weight: 400;

  color: #6f6f6f;
}

.page-settings__infobox-str
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.222222222222222;

  letter-spacing: -.015em;

  color: #262626;
  color: #6f6f6f !important;
}

.page-settings__infobox-str a
{
  text-decoration: none;

  color: #e5007c !important;
}

.page-settings__infobox-str a:hover
{
  text-decoration: underline;
}

.page-browser-no-support
{
  padding-top: 120px;
  padding-bottom: 120px;
}

.page-browser-no-support .h2
{
  text-align: center;

  color: #262626;
}

.page-browser-no-support__cover
{
  display: block;

  width: 48px;
  height: 48px;
  margin: 0 auto 24px;
}

.page-browser-no-support__str
{
  font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.411764705882353;

  display: block;

  max-width: 450px;
  margin: 16px auto 0;

  text-align: center;

  color: #262626;
}

.page-browser-no-support__icons
{
  display: -ms-flexbox;
  display: flex;

  margin-top: 80px;

  -ms-flex-pack: center;
  justify-content: center;
  gap: 40px;
}

.page-browser-no-support__icon
{
  display: block;

  width: 56px;
  height: 56px;
}

.page-browser-no-support__links
{
  display: none;

  margin-top: 40px;

  -ms-flex-pack: center;
  justify-content: center;
  gap: 16px;
}

.page-browser-no-support__link
{
  display: inline-block;

  width: 137px;
}

.page-browser-no-support__link-image
{
  display: block;

  width: 100%;
}

@media (min-width: 641px)
{
  .chips--wide .chips__inner
  {
    height: auto;
    padding: 32px 0 16px;
  }

  .chips--wide::before
  {
    display: none;
  }

  .chips--wide .chips__list
  {
    overflow-x: visible;
    overflow-y: visible;

    height: auto;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .chips--wide .chips__list-item
  {
    display: inline-block;

    height: auto;
    margin-right: 48px;
    margin-bottom: 24px;
    padding-right: 0;
    padding-left: 0;
  }

  .chips--wide .chips__list-item:last-child
  {
    margin-right: 48px;
  }

  .chips--wide .chips__list-item:hover,
  .chips--wide .chips__list-item.active
  {
    color: #e5007c;
  }

  .chips--wide .chips__list-item:hover::after,
  .chips--wide .chips__list-item.active::after
  {
    display: none;
  }
}

@media (min-width: 721px)
{
  .slider-mobile
  {
    display: none;
  }
}

@media (min-width: 769px)
{
  .menu.active .menu__dropdown
  {
    display: -ms-flexbox;
    display: flex;
  }

  .menu__dropdown
  {
    position: absolute;
    top: calc(100% - 16px);
    left: -16px;

    display: none;

    padding-right: 0;
    padding-left: 0;

    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.06);
  }

  .menu__dropdown-list
  {
    margin-bottom: 0;
    padding: 8px 0;
  }

  .menu__dropdown-list + .menu__dropdown-list
  {
    margin-left: 40px;
  }

  .menu__dropdown-link
  {
    font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.222222222222222;

    padding: 8px 16px;

    white-space: nowrap;
    letter-spacing: -.015em;

    color: #262626;
  }

  .menu__dropdown-link:hover
  {
    background-color: #f8f8f8;
  }

  .chips--wide .chips__inner
  {
    padding: 40px 0 24px;
  }

  .chips--wide .chips__list-item
  {
    margin-right: 40px;
    margin-bottom: 16px;
  }
}

@media (min-width: 1400px)
{
  .ui-form-field__msg,
  .ui-form-field-pincode__msg
  {
    font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.2;
  }
}

@media (max-width: 1440px)
{
  .page-not-found
  {
    padding-top: 13.8888888888889%;
    padding-bottom: 13.8888888888889%;
  }
}

@media (max-width: 1300px)
{
  .slider__gallery
  {
    right: 72px;
  }
}

@media (max-width: 1200px)
{
  .page-not-found__box
  {
    margin-left: 56px;
  }
}

@media (max-width: 1024px)
{
  .slider__gallery-nav-control-prev
  {
    left: -24px;
  }

  .slider__gallery-nav-control-next
  {
    right: -24px;
  }
}

@media (max-width: 992px)
{
  .footer
  {
    height: auto;
    padding-bottom: 40px;
  }

  .footer__link
  {
    display: block;
  }

  .footer__link + .footer__link
  {
    margin-top: 16px;
    margin-left: 0;
  }

  .category-preview__container
  {
    grid-template-columns: repeat(3, minmax(0, 100%));
  }

  .category-preview--3in1 .category-preview__container
  {
    grid-template-columns: repeat(2, minmax(0, 100%));
  }

  .group-items
  {
    flex-direction: column;

    -ms-flex-direction: column;
  }

  .group-items__label
  {
    font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 700;
    font-style: normal;
    line-height: 1.166666666666667;

    margin-bottom: 24px;
  }

  .slider__gallery
  {
    right: 50%;

    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
  }

  .page-not-found
  {
    flex-direction: column;

    padding-top: 80px;
    padding-bottom: 80px;

    -ms-flex-direction: column;
  }

  .page-not-found__box
  {
    margin-top: 19px;
    margin-left: 0;

    text-align: center;
  }

  .page-not-found__title
  {
    margin: 0 0 24px;
  }

  .page-not-found__link
  {
    margin-top: 40px;
  }

  .page-artist
  {
    flex-direction: column;

    -ms-flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .page-artist .category-preview-group .category-preview
  {
    margin: 64px 0;
  }

  .page-artist .category-preview-group .category-preview:first-child
  {
    margin-top: 0;
  }

  .page-artist .category-preview__header
  {
    margin-bottom: 24px;
  }

  .page-artist .category-preview__container
  {
    grid-template-columns: repeat(2, minmax(0, 100%));
  }

  .page-artist .list
  {
    margin-top: 40px;
    margin-bottom: 0;
  }

  .page-artist__main
  {
    max-width: 100%;
  }

  .page-artist__sidebar
  {
    max-width: 100%;
    margin-top: 64px;
    margin-left: 0;
  }
}

@media (max-width: 768px)
{
  .header:not(.header--auth) .header__primary-right .ui-btn
  {
    display: none;
  }

  .header:not(.header--auth) .header__primary-right .ui-btn-sm
  {
    display: -ms-inline-flexbox;
    display: inline-flex;

    width: 96px;

    text-align: center;
  }

  .header__secondary
  {
    height: 36px;
  }

  .menu-group.active .menu-group__header
  {
    display: block;
  }

  .menu-group.active .menu-group__container
  {
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
  }

  .menu-group__container
  {
    position: fixed;
    top: 36px;
    left: 0;

    display: none;

    width: 100%;
    height: calc(100% - 36px);
    padding-top: 32px;

    background-color: #fff;
  }

  .menu__icon
  {
    display: block;
  }

  .menu-group__header .menu__icon
  {
    position: absolute;
    top: -30px;
    left: 0;
  }

  .menu__name-icon
  {
    display: block;
  }

  .menu
  {
    height: auto;
    margin: 0 0 16px;
  }

  .menu:last-child
  {
    margin-bottom: 0;
  }

  .menu.current .menu__name
  {
    background-color: #fce6f2;
  }

  .menu.active .menu__name
  {
    font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: 700;
    font-style: normal;
    line-height: 1.214285714285714;

    margin-bottom: 24px;

    background: none;
  }

  .menu.active .menu__name-icon
  {
    display: none;
  }

  .menu.active .menu__dropdown
  {
    display: block;
  }

  .menu.active .menu__dropdown-link
  {
    margin-bottom: 32px;
  }

  .menu.active .menu__dropdown-link:last-child
  {
    margin-bottom: 0;
  }

  .menu.hide
  {
    display: none;
  }

  .menu__name
  {
    padding: 8px 24px;
  }

  .category-preview-group .category-preview
  {
    margin-top: 64px;
    margin-bottom: 64px;
  }

  .category-preview__header
  {
    margin-bottom: 24px;
  }

  .category-preview--3in1 .category-preview__container
  {
    grid-template-columns: repeat(2, minmax(0, 100%));
    grid-gap: 16px;
  }

  .category-preview__container
  {
    grid-template-columns: repeat(2, minmax(0, 100%));
    grid-gap: 16px;
  }

  .category-preview__container + .category-preview__container
  {
    margin-top: 16px;
  }

  .promo
  {
    height: 340px;
  }

  .promo__text
  {
    width: 400px;
    padding-left: 7.291666666666701%;
  }

  .promo--top-position .promo__image
  {
    right: 0;

    max-width: 320px;

    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .promo--top-position .ui-btn
  {
    margin-top: 32px;
  }

  .promo--top-position .promo__label + .promo__title,
  .promo--top-position .promo__title + .promo__label
  {
    margin-top: 16px;
  }

  .promo--top-position .promo__text
  {
    padding-top: 40px;

    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .search
  {
    margin-right: 24px;
  }

  .search__icon
  {
    width: 20px;
    height: 20px;
  }

  .search__form
  {
    width: 100%;
    padding-right: 24px;
    padding-left: 24px;
  }

  .search__form .search__btn
  {
    display: inline-block;
  }

  .search__field
  {
    width: calc(100% - 40px);
  }

  .search__btn-close
  {
    top: -28px;
    right: auto;
    left: 28px;

    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .search-simple
  {
    display: -ms-flexbox;
    display: flex;
  }

  .search-ajax-results
  {
    display: none;
  }

  .search-ajax-results.active
  {
    display: none;
  }

  .group-items__container
  {
    max-width: 100%;
  }

  .chips .container
  {
    width: auto;
    max-width: none;
  }

  .info-copyrights
  {
    flex-direction: column;

    -ms-flex-direction: column;
  }

  .info-copyrights__cell + .info-copyrights__cell
  {
    margin-left: 0;
  }

  .info-box-grey,
  .info-box-bordered
  {
    padding: 40px;
  }

  .modal.early-mobile
  {
    max-width: 100% !important;
    height: 100%;
    margin: 0;
  }

  .modal.early-mobile .modal__inner
  {
    overflow-y: auto;

    height: 100%;
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  .modal.early-mobile .modal__container
  {
    max-width: 440px;
  }

  .tabs__header
  {
    margin-bottom: 24px;
  }

  .ui-btn-group-center .ui-btn + .ui-btn,
  .ui-btn-group .ui-btn + .ui-btn,
  .ui-btn-group-center .ui-btn-lg + .ui-btn-lg,
  .ui-btn-group .ui-btn-lg + .ui-btn-lg,
  .ui-btn-group-center .ui-btn-sm + .ui-btn-sm,
  .ui-btn-group .ui-btn-sm + .ui-btn-sm
  {
    margin-left: 24px;
  }

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

  .mt-xxl
  {
    margin-top: 64px !important;
  }

  .mb-sm
  {
    margin-bottom: 24px !important;
  }

  .mb-xxl
  {
    margin-bottom: 64px !important;
  }

  .page-search-empty
  {
    padding-bottom: 200px;
  }

  .page-catalog .category-preview__header
  {
    margin-bottom: 24px;
  }

  .page-catalog__header h1
  {
    margin-top: 40px;
    margin-bottom: 24px;
  }

  .page-info-about .page-info__header
  {
    margin-bottom: 40px;

    text-align: left;
  }

  .page-artist__cover
  {
    -ms-flex-pack: center;
    justify-content: center;
  }

  .page-settings .page-info__header
  {
    margin-top: 56px !important;
  }

  .page-settings .info-box-bordered
  {
    margin-bottom: 40px;
  }

  .page-settings .info-box-bordered + .page-info__header
  {
    margin-top: 0 !important;
  }

  .page-settings .track__title-label
  {
    display: none;
  }

  .page-settings .track__subtitle
  {
    display: block;
  }

  .page-browser-no-support__links
  {
    display: -ms-flexbox;
    display: flex;
  }

  .page-browser-no-support__icons
  {
    display: none;
  }
}

@media (max-width: 720px)
{
  .promo--top-position
  {
    height: auto;
  }

  .promo--top-position .ui-btn
  {
    margin: 0;
  }

  .promo--top-position .container
  {
    flex-direction: column-reverse;

    -ms-flex-direction: column-reverse;
  }

  .promo--top-position .promo__image-wrapper
  {
    width: 100%;
    padding-top: 24px;
  }

  .promo--top-position .promo__image
  {
    position: static;

    max-width: 220px;
  }

  .promo--top-position .promo__text
  {
    width: 100%;
    min-width: auto;
    padding-top: 48px;
    padding-left: 0;

    -ms-flex-align: center;
    align-items: center;
  }

  .promo--top-position .promo__label
  {
    margin: 0 0 16px;

    text-align: center;
  }

  .promo--top-position .promo__title
  {
    font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: 700;
    font-style: normal;
    line-height: 1.214285714285714;

    margin: 0 0 32px !important;

    text-align: center;
  }

  .slider-wrapper
  {
    display: none;
  }
}

@media (max-width: 640px)
{
  .logo
  {
    width: 69px;
    margin-right: 0;
  }

  .header__primary
  {
    height: 56px;
  }

  .header--auth .header__primary-right .ui-btn
  {
    display: none;
  }

  .header--auth .header__primary-right .ui-btn-sm
  {
    display: -ms-inline-flexbox;
    display: inline-flex;

    width: auto;
    padding-right: 14px;
    padding-left: 14px;
  }

  .menu__icon
  {
    margin-left: 16px;
  }

  .footer .container
  {
    display: block;
  }

  .footer__label
  {
    display: inline-block;

    margin-bottom: 24px;
  }

  .category-preview-group .category-preview
  {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .category-preview__header
  {
    margin-bottom: 16px;
  }

  .category-preview--3in1 .category-preview__container
  {
    grid-template-columns: repeat(1, minmax(0, 100%));
  }

  .category-preview__container
  {
    grid-template-columns: repeat(1, minmax(0, 100%));
  }

  .promo
  {
    height: auto;
  }

  .promo .container
  {
    flex-direction: column-reverse;

    -ms-flex-direction: column-reverse;
  }

  .promo__image-wrapper
  {
    width: 100%;
    padding-top: 24px;
  }

  .promo__text
  {
    width: 100%;
    padding-top: 48px;
  }

  .promo__text
  {
    padding-left: 0;

    -ms-flex-align: center;
    align-items: center;
  }

  .promo__image
  {
    max-width: 220px !important;
  }

  .promo__label
  {
    margin-bottom: 16px;

    text-align: center;
  }

  .promo__title
  {
    margin-bottom: 24px;
  }

  .search
  {
    margin-right: 16px;
  }

  .search__form
  {
    padding-right: 16px;
    padding-left: 16px;
  }

  .search__btn-close
  {
    left: 20px;
  }

  .search-simple
  {
    margin-bottom: 24px;
  }

  .search-simple__field::-webkit-input-placeholder
  {
    opacity: 0;
  }

  .search-simple__field:-ms-input-placeholder
  {
    opacity: 0;
  }

  .search-simple__field::placeholder
  {
    opacity: 0;
  }

  .info-box h2
  {
    font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 700;
    font-style: normal;
    line-height: 1.166666666666667;

    margin-bottom: 8px;
  }

  .info-box p
  {
    font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.25;

    margin-bottom: 16px;

    letter-spacing: -.015em;

    color: #262626;
  }

  .info-box-grey
  {
    margin-right: -16px;
    margin-left: -16px;
    padding: 24px 16px 16px;
  }

  .info-box-bordered
  {
    padding: 24px 0 16px;

    border: 0;
  }

  .list--with-rating .track
  {
    width: 100%;
  }

  .list--with-rating .rating
  {
    display: none;
  }

  .accordion__item-container p
  {
    font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.25;

    letter-spacing: -.015em;

    color: #262626;
  }

  .modal
  {
    max-width: 100% !important;
    height: 100%;
    margin: 0;
  }

  .modal__container
  {
    max-width: 100% !important;
  }

  .modal__inner
  {
    overflow-y: auto;

    height: 100%;
    padding-right: 16px;
    padding-left: 16px;
  }

  .install .ui-form-field
  {
    max-width: 100%;
  }

  .install .ui-btn-lg
  {
    max-width: 100%;
  }

  .install .ui-text-size-md
  {
    display: none;
  }

  .install .h5
  {
    font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    line-height: 1.2;

    letter-spacing: -.015em;

    color: #262626;
  }

  .install__grid
  {
    flex-direction: column;

    -ms-flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .install__grid-cell
  {
    width: auto;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .install__grid-cell + .install__grid-cell
  {
    margin-top: 24px;
  }

  .install__grid-cell:last-child
  {
    width: 100%;
  }

  .install__grid-cell .ui-text-size-md
  {
    display: block;

    margin-bottom: 8px !important;
  }

  .tabs__header
  {
    margin-bottom: 16px;
  }

  .track-cut,
  .track-cut__preview
  {
    max-width: 100%;
  }

  .track-cut__preview-controls
  {
    -ms-flex-pack: center;
    justify-content: center;
  }

  .alert
  {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .alert .container > .ui-icon
  {
    top: 8px;
  }

  .alert__str
  {
    font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.25;

    padding-right: 40px;
    padding-left: 32px;

    letter-spacing: -.015em;

    color: #262626;
    color: #fff;
  }

  .alert__close
  {
    position: absolute;
    top: 8px;

    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .ui-btn,
  .ui-btn-lg,
  .ui-btn-sm
  {
    width: 100%;
  }

  .ui-btn-group-center,
  .ui-btn-group
  {
    flex-direction: column;

    -ms-flex-direction: column;
  }

  .ui-btn-group-center .ui-btn + .ui-btn,
  .ui-btn-group .ui-btn + .ui-btn,
  .ui-btn-group-center .ui-btn-lg + .ui-btn-lg,
  .ui-btn-group .ui-btn-lg + .ui-btn-lg,
  .ui-btn-group-center .ui-btn-sm + .ui-btn-sm,
  .ui-btn-group .ui-btn-sm + .ui-btn-sm
  {
    margin-top: 16px;
    margin-left: 0;
  }

  .h2
  {
    font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: 700;
    font-style: normal;
    line-height: 1.214285714285714;
  }

  .ui-text-size-sm
  {
    font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 1.25 !important;

    letter-spacing: -.015em;

    color: #262626;
  }

  .mt-xl
  {
    margin-top: 32px !important;
  }

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

  .mb-sm
  {
    margin-bottom: 16px !important;
  }

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

  .ui-form-field-file
  {
    flex-direction: column;

    -ms-flex-direction: column;
  }

  .ui-form-field-file__label
  {
    margin-top: 8px;
    margin-left: 0;

    text-align: center;
  }

  .ui-form-field-pincode
  {
    -ms-flex-align: center;
    align-items: center;
  }

  .page-search-empty
  {
    padding-top: 24px;
    padding-bottom: 40px;
  }

  .page-search-empty h1
  {
    margin-bottom: 16px;

    text-align: left;
  }

  .page-search-empty h1 span:first-child
  {
    display: none;
  }

  .page-search-empty h1 span:last-child
  {
    display: inline;
  }

  .page-search-empty p
  {
    text-align: left;
  }

  .page-catalog .category-preview__header
  {
    margin-bottom: 16px;
  }

  .page-catalog__header h1
  {
    margin-top: 32px;
    margin-bottom: 16px;
  }

  .page-info
  {
    margin-top: 32px;
  }

  .page-info__header
  {
    margin-bottom: 16px;
  }

  .page-info-about .page-info__header
  {
    margin-bottom: 16px;
  }

  .page-download .ui-form-field
  {
    max-width: 100%;
    margin-bottom: 16px;
  }

  .page-download .track
  {
    width: calc(100% - 35px - 40px);
  }

  .page-download .track__title-label
  {
    display: none;
  }

  .page-download .track__subtitle
  {
    display: block;
  }

  .page-download .rating
  {
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .page-download__items-group
  {
    flex-direction: column;

    -ms-flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .page-download__items-group .ui-btn-lg
  {
    width: 100%;
    margin: 0 0 16px;
  }

  .page-not-found
  {
    padding-top: 24px;
    padding-bottom: 40px;
  }

  .page-not-found__title
  {
    font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: 700;
    font-style: normal;
    line-height: 1.214285714285714;
  }

  .page-not-found__str
  {
    font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.25;

    letter-spacing: -.015em;

    color: #262626;
  }

  .page-artist
  {
    flex-direction: column;

    margin-top: 32px;
    margin-bottom: 40px;

    -ms-flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .page-artist .h2
  {
    margin: 0 0 24px;
  }

  .page-artist .category-preview-group .category-preview
  {
    margin: 40px 0;
  }

  .page-artist .category-preview-group .category-preview:first-child
  {
    margin-top: 0;
  }

  .page-artist .category-preview__header
  {
    margin-bottom: 16px;
  }

  .page-artist .category-preview__container
  {
    grid-template-columns: repeat(1, minmax(0, 100%));
    grid-gap: 16px;
  }

  .page-artist .list
  {
    margin-top: 24px;
  }

  .page-artist__cover
  {
    flex-direction: column;

    padding: 24px;

    -ms-flex-direction: column;
  }

  .page-artist__cover-text
  {
    width: 100%;
    margin-top: 16px;
    margin-left: 0;

    text-align: center;
  }

  .page-artist__cover-subtitle
  {
    margin-top: 8px;
  }

  .page-artist__sidebar
  {
    margin-top: 40px;
  }

  .page-artist__main .ui-btn-lg
  {
    margin-top: 40px;
  }

  .page-settings .page-info__header
  {
    margin-top: 40px !important;
  }

  .page-settings .category-preview__header
  {
    margin-bottom: 16px;
  }

  .page-settings .info-box-bordered
  {
    margin-top: 16px;
    margin-bottom: 24px;
    padding: 24px;

    border: 1px solid #e8e8e8;
  }

  .page-settings .track-table
  {
    display: none;
  }

  .page-settings .accordion
  {
    display: block;
  }

  .page-settings__infobox
  {
    margin-bottom: 16px;
    padding: 16px 24px;
  }

  .page-settings__infobox-label
  {
    display: -ms-flexbox;
    display: flex;
  }

  .page-settings__infobox-label + .page-settings__infobox-label
  {
    margin-top: 8px;
    margin-left: 0;
  }

  .page-settings__infobox-label,
  .page-settings__infobox-str
  {
    font-family: 'Conv_AltelPro', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.25;

    letter-spacing: -.015em;

    color: #262626;
  }

  .page-browser-no-support__cover
  {
    margin-bottom: 16px;
  }

  .page-browser-no-support__str
  {
    margin-top: 8px;
  }

  .page-browser-no-support__links
  {
    flex-direction: column;

    -ms-flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media (max-width: 480px)
{
  .ui-btn,
  .ui-btn-lg,
  .ui-btn-sm
  {
    padding-right: 0;
    padding-left: 0;
  }
}

@-webkit-keyframes spinner
{
  from
  {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to
  {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner
{
  from
  {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to
  {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}