/*** reset ***/

*
{
    font: inherit;
    font-size: 100%;

    box-sizing: inherit;
    margin: 0;
    padding: 0;

    vertical-align: baseline;

    border: 0;
}

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

html
{
    box-sizing: border-box;
}

html,
body
{
    font-family: sans-serif;
    line-height: 1;

        -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased !important;
}

audio,
canvas,
progress,
video
{
    display: inline-block;

    vertical-align: baseline;
}

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

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

    height: 0;
}

[hidden],
template
{
    display: none;
}

a
{
    background-color: transparent;
}

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

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

b,
strong
{
    font-weight: bold;
}

img
{
    border: 0;
}

ol,
ul
{
    list-style: none;
}

blockquote,
q
{
    quotes: none;
}

blockquote:before,
q:before,
blockquote:after,
q:after
{
    content: '';
    content: none;
}

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

button,
input,
optgroup,
select,
textarea
{
    font: inherit;

    margin: 0;

    color: inherit;
    border-radius: 0;

    -webkit-appearance: none;
}

button
{
    overflow: hidden;

    border: none;
}

button,
select
{
    text-transform: none;
}

button,
html input[type='button'],
input[type='reset'],
input[type='submit']
{
    cursor: pointer;

    -webkit-appearance: button;
}

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

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

    border: 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']
{
    box-sizing: content-box;

    -webkit-appearance: textfield;
}

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

table
{
    table-layout: fixed;
    empty-cells: show;
    border-spacing: 0;
    border-collapse: collapse;
}

td,
th
{
    padding: 0;
}

[placeholder]:focus::-webkit-input-placeholder
{
    color: transparent;
}

[placeholder]:focus:-ms-input-placeholder
{
    color: transparent;
}

[placeholder]:focus::placeholder
{
    color: transparent;
}

:focus
{
    outline: none;
}

input::-ms-clear
{
    display: none !important;
}

input::-ms-reveal
{
    display: none !important;
}

/*** end-reset ***/

/*** common ***/

html,
body
{
    font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;
    font-size: 16px;

    min-width: 320px;
    height: 100%;
    min-height: 100vh;

    color: #1f2229;
    background: #fff;
}

body
{
    min-width: 320px;
}

a
{
    font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;
    font-size: 16px;

    transition: color .2s ease;
    text-decoration: underline;

    color: #1f2229;
}

.clear
{
    clear: both;

    height: 0;
}

.clearfix
{
    *zoom: 1;
}

.clearfix:before,
.clearfix:after
{
    line-height: 0;

    display: table;

    content: '';
}

.clearfix:after
{
    clear: both;
}

.sprite
{
    background: transparent url('../img/sprite.png') no-repeat;
}

/*** end-common ***/

/*** accordion ***/

.accordion
{
    font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;
    font-size: 16px;

    display: block;

    width: 100%;

    color: #1f2229;
}

.accordion__inner
{
    box-sizing: border-box;
    padding-right: 120px;
}

.my-melody__content .accordion__content .accordion__inner
{
    border-top: 1px solid #d1dbd6;
}

.accordion__item
{
    padding-top: 25px;
}

.textpage .accordion__item + .accordion__item
{
    padding-top: 40px;
}

.accordion__trigger
{
    font-family: 'Tele2DS-B', Arial, Helvetica, sans-serif;
    font-size: 32px;
    line-height: 1.19;

    position: relative;

    display: block;

    padding-bottom: 3px;

    cursor: pointer;
    text-align: left;

    border-bottom: 1px solid #d3dbd6;
}

.accordion__trigger span
{
    font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;
    font-size: 16px;

    position: absolute;
    right: 6px;
    bottom: 11px;

    color: #8f9399;
}

.accordion__trigger span [class^='icon-'],
.accordion__trigger span [class*=' icon-']
{
    font-size: 14px;
    font-style: normal;

    display: inline-block;

    margin-top: 4px;
    margin-left: 8px;

    vertical-align: top;

    color: #1f2229;
}

.opened .accordion__trigger
{
    border-color: transparent;
}

.opened .accordion__trigger .for-close,
.accordion__trigger .for-open
{
    display: block;
}

.opened .accordion__trigger .for-open,
.accordion__trigger .for-close
{
    display: none;
}

.accordion__blocked,
.accordion__content
{
    display: none;

    padding-top: 25px;
}

.accordion__blocked p,
.accordion__content p
{
    font-size: 16px;
    line-height: 22px;

    margin-bottom: 15px;
}

.accordion__blocked p.center,
.accordion__content p.center
{
    text-align: center;
}

.accordion__blocked p.grey,
.accordion__content p.grey
{
    font-size: 16px;

    color: #8f9399;
}

.accordion__blocked p.grey a,
.accordion__content p.grey a
{
    font-size: 16px;

    color: #8f9399;
}

.accordion__blocked .loading,
.accordion__content .loading
{
    margin: 25px auto 35px !important;
}

.accordion__content .accordion__inner
{
    padding-right: 0;
}

.accordion__blocked
{
    display: block !important;
}

.accordion-rules
{
    font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;
    font-size: 16px;

    display: block;

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

    color: #1f2229;
}

.accordion-rules__item
{
    display: block;

    border-bottom: 1px solid #d1dbd6;
}

.accordion-rules__label
{
    display: inline-block;

    vertical-align: top;
}

.accordion-rules__selected
{
    display: inline-block;

    margin-right: 23px;
    margin-left: 10px;

    vertical-align: top;

    color: #8f9399;
}

.accordion-rules__trigger
{
    font-size: 16px;
    line-height: 1.19;

    position: relative;

    display: block;

    padding: 21px 0;

    cursor: pointer;
    text-align: left;
}

.accordion-rules__trigger span
{
    font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;
    font-size: 16px;

    position: absolute;
    top: 50%;
    right: 6px;

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

    color: #8f9399;
}

.accordion-rules__trigger span [class^='icon-'],
.accordion-rules__trigger span [class*=' icon-']
{
    font-size: 16px;
    font-style: normal;

    display: inline-block;

    margin-top: 4px;
    margin-left: 8px;

    vertical-align: top;

    color: #1f2229;
}

.opened .accordion-rules__trigger .for-close,
.accordion-rules__trigger .for-open
{
    display: block;
}

.opened .accordion-rules__trigger .for-open,
.accordion-rules__trigger .for-close
{
    display: none;
}

.accordion-rules__content
{
    display: none;
}

/*** end-accordion ***/

/*** application ***/

.application
{
    box-sizing: border-box;
    height: 70px;
    padding: 10px 15px 10px 10px;

    background-color: #f5f5fa;
}

.application__close
{
    position: relative;

    float: left;

    width: 20px;
    height: 50px;

    cursor: pointer;
}

.application__close .icon
{
    font-size: 9px;

    position: absolute;
    top: 50%;
    left: 50%;

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

    color: #626469;
}

.application__icon
{
    float: left;

    width: 50px;
    height: 50px;
    margin-left: 1.5%;
}

.application__icon img
{
    display: block;

    width: 100%;
    height: 100%;
}

.application__text
{
    float: left;

    width: 45%;
    margin-left: 3.1%;
}

.application__text-title
{
    font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;

    height: 20px;

    color: #1f2229;
}

.application__text-text
{
    font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 13px;

    margin-top: 3px;

    color: #626469;
}

.application__link
{
    line-height: 50px;

    float: right;

    width: px;
    height: 50px;
}

.application__link-link
{
    font-size: 16px;

    text-decoration: none;

    color: #3fcdff;
}

/*** end-application ***/

/*** artist ***/

.artist
{
    position: relative;

    display: inline-block;

    box-sizing: border-box;
    width: 25%;
    height: 112px;
    padding: 37px 20px 0 112px;

    vertical-align: top;
    text-decoration: none;

    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    background: #f9f9fa;
}

.artist__big
{
    height: 426px;
    padding: 58px 48px 30px;
}

.artist:after
{
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;

    display: block;

    width: 100%;
    height: 100%;

    content: '';
    transition: all .3s ease;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    background: transparent;
}

.artist:first-child,
.artist:nth-child(4n+5)
{
    border-left: none;
}

.artist-list
{
    font-size: 0;

    margin-top: 36px;
    margin-bottom: 16px;
}

.artist__img
{
    position: absolute;
    z-index: 2;
    top: 20px;
    left: 20px;

    display: block;
    overflow: hidden;

    width: 72px;
    height: 72px;

    transition: all .3s ease;

    border-radius: 50%;

    -webkit-filter: grayscale(1);
            filter: grayscale(1);
}

.artist__img img
{
    display: block;

    width: 100%;

    border-radius: 50%;
}

.artist__big .artist__img
{
    position: relative;
    top: 0;
    left: 0;

    width: 100%;
    height: auto;
    margin: 0 auto 24px;
}

.artist__big .artist__img img
{
    display: block;

    width: 100%;

    border-radius: 50%;
}

.artist__name
{
    font-family: 'Tele2TS-B', Arial, Helvetica, sans-serif;
    font-size: 16px;

    position: relative;
    z-index: 2;

    overflow: hidden;

    max-width: 100%;
    padding-bottom: 4px;

    white-space: nowrap;
    text-overflow: ellipsis;

    color: #1f2229;
}

.artist__big .artist__name
{
    font-family: 'Tele2TS-B', Arial, Helvetica, sans-serif;

    text-align: center;
}

.artist__counter
{
    font-size: 14px;

    position: relative;
    z-index: 2;

    overflow: hidden;

    max-width: 100%;
    margin-top: 2px;
    padding-bottom: 4px;

    white-space: nowrap;
    text-overflow: ellipsis;

    color: #626469;
}

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

.artist__title
{
    font-family: 'Tele2DS-R', Arial, Helvetica, sans-serif;
    font-size: 22px;

    position: relative;
    z-index: 2;

    text-align: center;

    color: #1f2229;
}

.artist__button
{
    position: relative;
    z-index: 2;
}

.artist__button .button
{
    font-family: 'Tele2TS-B', Arial, Helvetica, sans-serif;
    font-size: 16px;

    margin: 17px auto 0;
}

.artist-page
{
    margin-bottom: 60px;
}

.artist-card
{
    display: -ms-flexbox;
    display: flex;
    float: left;
        flex-direction: row;

    box-sizing: border-box;
    width: 46.52%;
    padding: 40px;

    background: #f0f1f2;

    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

.artist-card__img
{
    width: 192px;
    height: 192px;
}

.artist-card__img img
{
    display: block;

    width: 100%;

    border-radius: 50%;
}

.artist-card__name
{
    width: calc(100% - 233px);
}

.artist-card__name-melodies
{
    font-size: 14px;

    margin-top: 20px;

    color: #8f9399;
}

.artist-playlist
{
    float: right;

    width: 46.52%;
}

.artist-playlist__list
{
    margin-bottom: 40px;

    list-style: decimal;

    counter-reset: item;
}

.artist-playlist__item
{
    position: relative;

    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    box-sizing: border-box;
    width: 100%;
    padding: 12px 0 12px 30px;

    border-bottom: 1px solid #d1dbd6;

    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.artist-playlist__item:first-child
{
    border-top: 1px solid #d1dbd6;
}

.artist-playlist__item:before
{
    font-size: 16px;

    position: absolute;
    top: 50%;
    left: 0;

    display: inline-block;

    content: counter(item);
    counter-increment: item;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);

    color: #8f9399;
}

.artist-playlist__play
{
    margin-right: 20px;
}

.artist-playlist__play .control-button
{
    box-shadow: none;
}

.artist-playlist__rating
{
    min-width: 75px;
}

.artist-playlist__track
{
    font-family: 'Tele2TS-B', Arial, Helvetica, sans-serif;
    font-size: 16px;

    overflow: hidden;

    width: 100%;
    padding: 4px 15px 4px 0;

    cursor: pointer;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
}

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

    width: 100%;

    gap: 1px;
}

/*** end-artist ***/

/*** auth ***/

.auth
{
    position: relative;
    z-index: 1000;

    display: none;
    overflow: auto;

    width: 100%;
    min-height: 100vh;

    background: #fff;
}

.auth__header
{
    position: relative;

    background-color: #3fcdff;
}

.auth__header .inner
{
    position: relative;

    height: 125px;
}

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

    width: 125px;
    height: 125px;

    cursor: pointer;
}

.auth__close .icon
{
    font-size: 18px;

    position: absolute;
    top: 50%;
    left: 50%;

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

    color: #1f2229;
}

.auth__title
{
    margin: 0 auto 30px;

    text-align: left !important;
}

.auth__title_1
{
    width: 508px;
}

.auth__title_1 ~ .auth__text,
.auth__title_1 ~ .auth__link
{
    width: 508px;
}

.auth__title_2
{
    width: 535px;
}

.auth__title_2 ~ .auth__text,
.auth__title_2 ~ .auth__link
{
    width: 535px;
}

.auth__content
{
    padding: 60px 0;
}

.auth__content .loading
{
    margin: 40px auto !important;
}

.auth__text
{
    line-height: 1.38;

    margin: 0 auto 20px;
}

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

.auth__text-divider
{
    display: none;
}

.auth__text-divider ~ .auth__text-link
{
    margin: 0;
}

.auth__menu-contents ~ .auth__text
{
    margin-top: 20px;
}

.auth__text-grey
{
    color: #8f9399;
}

.auth__text-grey a
{
    color: #8f9399;
}

.auth__text-link
{
    display: inline-block;

    margin-top: 19px;
    margin-left: 20px;

    vertical-align: top;
}

.auth__text-full
{
    width: 100% !important;
}

.auth__link
{
    line-height: 1.38;

    margin: 0 auto 20px;

    text-align: left;
}

.auth__link-center
{
    text-align: center !important;
}

.auth__code
{
    width: 508px;
    margin: 0 auto 30px;
}

.auth__menu
{
    display: block;

    width: 508px;
    margin: 0 auto;
}

.auth__menu-list
{
    font-size: 0;

    margin-bottom: 35px;

    text-align: left;
}

.auth__menu-content
{
    display: none;
}

.auth__tab
{
    font-size: 16px;
    line-height: 60px;

    position: relative;

    display: inline-block;

    box-sizing: border-box;
    width: 50%;
    height: 60px;
    padding: 0 12px 0 54px;

    cursor: pointer;
    text-align: left;
    vertical-align: top;
    text-decoration: none;

    background: #e8e8ed;
}

.auth__tab span
{
    position: relative;
    z-index: 5;
}

.auth__tab .icon
{
    font-size: 35px;

    position: absolute;
    z-index: 5;
    top: 50%;
    left: 12px;

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

.auth__tab:after
{
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;

    display: block;

    width: 100%;
    height: 100%;

    content: '';
    transition: all .3s ease;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    background: transparent;
}

.auth__tab.active
{
    z-index: 10;
}

.auth__tab.active:after
{
    width: 103.47%;
    height: 108.93%;

    transition: all .3s ease;

    background: #3fcdff;
}

.auth__form
{
    display: block;

    width: 100%;

    text-align: left;
}

.auth__form-input
{
    position: relative;

    display: block;
    overflow: hidden;

    box-sizing: border-box;
    width: 100%;
    max-width: 284px;
    height: 60px;
    margin-bottom: 25px;

    cursor: text;
    transition: all .2s ease;

    border-bottom: 2px solid #8f9399;
}

.modal_width_732 .auth__form-input
{
    margin-bottom: 0;
}

.auth__form-input.focused,
.auth__form-input.verified
{
    transition: all .2s ease;

    border-color: #1f2229;
}

.invalid .auth__form-input
{
    border-color: #e3445b;
    background: #fff3f4;
}

.auth__form-input-error
{
    display: none;

    width: 100%;
    padding: 7px 0;

    color: #e3445b;
    background: #fff3f4;
}

.invalid .auth__form-input-error
{
    display: block;
}

.auth__form-input-smallerror
{
    font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 18px;

    position: relative;

    margin-top: 10px;
    padding-top: 2px;
    padding-left: 28px;

    color: #d72f4b;
}

.auth__form-input-smallerror:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 21px;
    height: 21px;

    content: '';

    background: url('../img/attention.png') 50% 50% no-repeat;
    background-size: contain;
}

.auth__form-input span
{
    font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;

    position: absolute;
    top: 33px;
    left: 0;

    transition: all .2s ease;

    color: #8f9399;
}

.auth__form-input.focused span,
.auth__form-input.verified span
{
    font-size: 12px;

    top: 6px;

    transition: all .2s ease;
}

.auth__form-input .auth-phone-input
{
    font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;
    font-size: 16px;

    position: absolute;
    top: 100%;
    right: 22px;
    left: 0;

    height: 22px;

    background: transparent;
}

.auth__form-input.focused .auth-phone-input,
.auth__form-input.verified .auth-phone-input
{
    top: 27px;
}

.auth__form-input-container-double .auth__form-input-container
{
    float: left;

    width: 284px;
}

.auth__form-input-container-double .auth__form-input-container + .auth__form-input-container
{
    margin-left: 18px;
}

.auth__form-input-container.errored .auth-phone-input
{
    color: #d72f4b;
}

.auth__form-input-container.errored .auth__form-input
{
    border-color: #d72f4b;
}

.auth__form .button
{
    margin-right: 15px;
}

.auth__form .button:last-child
{
    margin-right: 0;
}

.auth__recovery-text p
{
    font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 22px;

    color: #1f2229;
}

.auth__recovery-text p strong
{
    font-family: 'Tele2TS-B', Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.auth__recovery-text p + p
{
    margin-top: 20px;
}

.auth__time
{
    margin-top: 21px;
}

.auth__time .select + .select
{
    margin-left: 18px;
}

/*** end-auth ***/

.btn
{
    font-family: 'Tele2TS-B', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.375;

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

    height: 60px;
    padding-right: 40px;
    padding-left: 40px;

    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;

    color: #fff;
    border: 0;
    border-radius: 30px;
    background-color: #1f2229;

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

.btn-outline
{
    font-family: 'Tele2TS-B', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.375;

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

    height: 60px;
    padding-right: 40px;
    padding-left: 40px;

    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;

    color: #1f2229;
    border: 0;
    border: 2px solid #1f2229;
    border-radius: 30px;
    background-color: #fff;

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

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

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

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

.btn-link
{
    font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.375;

    position: relative;

    padding: 0;

    text-decoration: none !important;

    color: #1f2229;
}

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

    display: block;

    width: 100%;
    height: 1px;

    content: '';

    background-color: #8f9399;
}

.busy
{
    position: fixed;
    z-index: 100000000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: -ms-flexbox;
    display: flex;

    width: 100%;
    height: 100%;

    background-color: rgba(255,255,255,.899);

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

.ctm-form-control
{
    width: 285px;
}

.ctm-form-control.ctm-active .ctm-form-control__label
{
    font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.384615384615385;

    height: 25px;

    background-color: transparent;
}

.ctm-form-control.ctm-active .ctm-form-control__field:focus
{
    border-color: #1f2229;
}

.ctm-form-control.ctm-error .ctm-form-control__field
{
    color: #d72f4b;
    border-color: #d72f4b;
}

.ctm-form-control.ctm-error .ctm-form-control__field:focus
{
    border-color: #d72f4b;
}

.ctm-form-control.ctm-error .ctm-form-control__msg
{
    display: block;
}

.ctm-form-control__container
{
    position: relative;

    height: 50px;
    padding-top: 25px;
}

.ctm-form-control__label
{
    font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.375;

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

    display: -ms-flexbox;
    display: flex;

    width: 100%;
    height: calc(100% - 2px);
    padding-bottom: 7px;

    transition: font-size .2s ease, height .2s ease, background-color .2s ease;

    color: #8f9399;
    background-color: #fff;

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

.ctm-form-control__field
{
    font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.375;

    display: block;

    width: 100%;
    height: 100%;
    padding-bottom: 7px;

    transition: border-color .2s ease, color .2s ease;

    color: #1f2229;
    border-bottom: 2px solid #8f9399;
}

.ctm-form-control__msg
{
    font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.384615384615385;

    position: relative;

    display: none;

    width: 100%;
    min-height: 21px;
    margin-top: 10px;
    padding-top: 2px;
    padding-left: 28px;

    color: #d72f4b;
}

.ctm-form-control__msg::before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 21px;
    height: 21px;

    content: '';

    background: url('../img/attention.png') 0 0/contain no-repeat;
}

.ctm-form-control-group
{
    display: -ms-flexbox;
    display: flex;

    -ms-flex-align: start;
    align-items: flex-start;
    gap: 18px;
}

.notification
{
    font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.384615384615385;

    width: 100%;
    max-width: 360px;
    margin-top: 36px;
    margin-bottom: 36px;
    padding: 12px 20px;

    color: #1f2229;
}

.notification_w-100
{
    max-width: 100%;
}

.notification_error
{
    color: #d72f4b;
    background-color: rgba(215,47,75,.3);
}

.ctm-tandem
{
    width: 100%;
}

/*** error ***/

.error
{
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    width: 960px;
    margin: 0 auto;
    padding: 100px 0;

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

.error__image
{
    width: 460px;
}

.error__image img
{
    display: block;

    width: 100%;
}

.error__text
{
    line-height: 1.38;

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

    box-sizing: border-box;
    width: 460px;
    padding-right: 115px;

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

.error__text-title
{
    margin-bottom: 20px;
}

.error__text-text
{
    margin-bottom: 40px;
}

/*** end-error ***/

/*** footer ***/

.footer
{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    box-sizing: border-box;
    width: 100%;
    padding: 50px 0 53px;

    background: #1f2229;
}

.footer__left
{
    float: left;
}

.footer__copyright
{
    font-size: 14px;

    margin-bottom: 20px;

    color: #fff;
}

.footer-social
{
    font-size: 0;
}

.footer-social__item
{
    display: inline-block;

    margin-left: 15px;

    vertical-align: top;
}

.footer-social__item:first-child
{
    margin-left: 0;
}

.footer-social__link
{
    text-decoration: none;
}

.footer-social__link .icon
{
    font-size: 32px;

    transition: all .2s ease;

    color: #fff;
}

.footer-social__link .icon-ic_18
{
    color: #8f9399;
}

.footer-menu
{
    float: right;

    width: 61.8%;
    margin-top: -14px;
    margin-bottom: -14px;
}

.footer-menu__left
{
    float: left;

    width: 45%;
}

.footer-menu__right
{
    float: left;

    width: 50%;
    margin-left: 5%;
}

.footer-menu__item
{
    line-height: 40px;
}

.footer-menu__link
{
    font-size: 14px;

    transition: all .2s ease;
    text-decoration: none;

    color: #fff;
}

/*** end-footer ***/

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

    width: 100%;

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

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

.group-items__label
{
    font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.25;

    display: block;

    width: 130px;

    color: rgba(31,34,41,.7);

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

.group-items__container
{
    width: calc(100% - 130px);
}

/*** header ***/

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

    box-sizing: border-box;
    width: 100%;

    border-bottom: 1px solid #d1dbd6;
    background: #fff;
}

.header .inner
{
    position: relative;
}

.header .logo
{
    float: left;

    margin-top: 24px;
    margin-left: 36px;
}

.header .menu
{
    float: left;

    margin-left: 54px;
}

.header .user-menu
{
    float: right;

    margin-right: 36px;
}

[data-header-fixed].active
{
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;

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

    background-color: #fff;
}

[data-header-fixed].show
{
    top: 0 !important;

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

    border-bottom: 1px solid #d1dbd6;
}

[data-header-fixed].active:not(.show) .menu-dropdown
{
    display: none;
}

/*** end-header ***/

/*** lk ***/

.lk-table
{
    width: 100%;
}

.lk-table__row
{
    line-height: 1.38;

    position: relative;

    box-sizing: border-box;
    width: 100%;
    padding: 15px 0;

    text-align: left;

    border-bottom: 1px solid #d1dbd6;
}

.lk-table__row-half
{
    float: left;

    width: 50%;
}

.lk-table__row-half + .lk-table__row-half
{
    float: right;
}

.lk-table__row-half + .lk-table__row-half .lk-table__cell
{
    float: left;

    width: 25%;
    padding-top: 13px;
}

.lk-table__row .lk-table__row-half:first-child .lk-table__cell
{
    width: 40px;
}

.lk-table__row .lk-table__row-half:first-child .lk-table__cell + .lk-table__cell
{
    float: right;

    box-sizing: border-box;
    width: calc(100% - 60px);
    padding-right: 10px;
}

.lk-table__header + .lk-table__row
{
    border-top: 2px solid #1f2229;
}

.lk-table__cell
{
    float: left;
}

.lk-table__cell .melody-hint
{
    font-size: 12px;

    color: #8f9399;
}

.lk-table__header
{
    padding: 15px 0;
}

.lk-table__header .lk-table__cell
{
    font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.38;

    padding-top: 0 !important;
    padding-right: 20px;
}

.lk-table__openblock
{
    font-size: 18px;

    position: absolute;
    z-index: 10;
    top: 30px;
    right: 16px;

    display: block;

    width: 28px;
    height: 20px;

    cursor: pointer;

    color: #626469;
}

.lk-table__openblock .icon
{
    display: block;

    width: 18px;
    height: 10px;

    transition: all .2s ease;
}

.lk-table__openblock .icon:before
{
    position: relative;
    top: -5px;
}

.opened .lk-table__openblock .icon
{
    transition: all .2s ease;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.opened .lk-table__openblock .icon:before
{
    top: -2px;
}

.lk-table__mobile
{
    display: none;
}

.lk-table .checkbox,
.lk-table .remove,
.lk-table .settings
{
    display: inline-block;

    margin: 0;

    vertical-align: middle;
}

.lk-table .remove,
.lk-table .settings
{
    font-size: 25px;
    line-height: 0;

    cursor: pointer;
    transition: all .2s ease;

    color: #626469;
}

.lk-table .settings.active .icon-settings::before
{
    color: #3fcdff;
}

.lk-table .control-button
{
    display: inline-block;

    vertical-align: top;
}

.lk-line
{
    width: 100%;
    height: 62px;

    background: #f9f9fa;
}

.lk-line__exit
{
    float: right;

    margin-top: 16px;
}

.lk-line__title
{
    font-family: 'Tele2TS-B', Arial, Helvetica, sans-serif;
    font-size: 22px;
    line-height: 62px;

    float: left;
}

.rules
{
    margin: 0 -4px;
}

.rules__title
{
    margin-top: -8px;
}

.rules__melody
{
    margin-top: 16px;
    margin-bottom: 16px;
}

.rules__rules
{
    border-top: 1px solid #d3dbd6;
}

.rules__rules .accordion-rules
{
    margin-bottom: 36px;
}

.rules__rules .auth__time
{
    display: inline-block;

    margin: 0 18px 0 0;

    vertical-align: top;
}

.rules__rules .auth__time ~ .rules__clear
{
    display: inline-block;

    vertical-align: top;
}

.rules__rules .select
{
    width: 165px;
}

.rules__rules .select .select__select
{
    width: 100%;
}

.rules__rule
{
    padding-bottom: 20px;
}

.rules__clear
{
    font-size: 11px;
    font-weight: bold;
    line-height: 30px;

    display: block;

    width: 30px;
    height: 30px;
    margin-top: 9px;

    cursor: pointer;
    text-align: center;
}

.rules__clear .icon-btn_close
{
    line-height: 30px;
}

.week
{
    font-size: 0;

    width: 100%;
    margin-bottom: -10px;
}

.week__item
{
    display: inline-block;

    margin-right: 15px;
    margin-bottom: 10px;

    vertical-align: top;
}

.week__item:first-child
{
    margin-left: 0;
}

.week__item label
{
    display: block;
}

.week__input
{
    position: absolute;

    visibility: hidden;
}

.week__day
{
    font-size: 16px;
    line-height: 44px;

    display: block;

    box-sizing: border-box;
    width: 48px;
    height: 48px;

    cursor: pointer;
    transition: all .2s ease;
    text-align: center;

    border: 2px solid #8f9399;
    border-radius: 4px;
    background: #fff;
}

.week__day:hover
{
    transition: all .2s ease;

    border-color: #1f2229;
}

.week:after
{
    font-family: 'Icons' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '\e906';
    text-transform: none;

    speak: none;
    -webkit-font-smoothing: antialiased;
}

.week__input:checked ~ .week__day
{
    transition: all .2s ease;

    color: #fff;
    border-color: #1f2229;
    background: #1f2229;
}

.people__add
{
    overflow: hidden;

    white-space: nowrap;
}

.people__add .labeled
{
    display: inline-block !important;
    float: left;

    margin-bottom: 0;

    vertical-align: top !important;
}

.people__add-name
{
    width: 165px !important;
}

.people__add-phone
{
    width: 165px !important;
    margin-left: 18px !important;
}

.people__add .button
{
    float: right;

    width: auto;
    margin: 0;
    padding: 17px 38px;

    vertical-align: top;
}

.people__list
{
    padding-bottom: 13px;
}

.people__item
{
    padding-right: 30px;
}

.people__item + .people__item
{
    margin-top: 16px;
}

.people__item .checkbox
{
    margin: 0;
}

.people__template
{
    display: none;
}

.people__remove
{
    font-size: 10px;
    font-weight: bold;

    margin-left: 20px;

    cursor: pointer;
    text-align: center;

    color: #626469;
}

.people .ctm-form-control
{
    width: 100%;
}

.date
{
    position: relative;

    display: inline-block;

    box-sizing: border-box;
    width: 165px;
    height: 50px;

    vertical-align: top;

    border-bottom: 2px solid #1f2229;
}

.date ~ .date
{
    margin-left: 18px;
}

.date__mob-vis
{
    display: none;
}

.date__label
{
    font-size: 12px;

    display: block;

    margin-top: 5px;

    color: #8f9399;
}

.date__input
{
    font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;

    width: 100%;
    height: 25px;
    margin-top: 4px;

    background: transparent;
}

.date__input::-webkit-clear-button,
.date__input::-webkit-inner-spin-button
{
    display: none !important;
}

.date__input::-ms-clear
{
    display: none !important;
}

.date__input::-webkit-calendar-picker-indicator
{
    position: absolute;
    z-index: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    opacity: 0;
    background: none;
}

.date ~ .rules__clear
{
    display: inline-block;

    margin-left: 18px;

    vertical-align: top;
}

/*** end-lk ***/

/*** main ***/

.wrapper
{
    position: relative;

    box-sizing: border-box;
    min-height: 100vh;
}

.title
{
    margin-bottom: 20px;

    text-align: center;
}

.title__left
{
    text-align: left;
}

.title ~ .title
{
    margin-top: 20px;
}

.inner
{
    box-sizing: border-box;
    width: 100%;
    max-width: 1152px;
    margin: 0 auto;
    padding: 0 24px;
}

.inner.grey
{
    background: #f9f9fa;
}

.inner.pad_36
{
    padding: 36px 72px 36px 36px;
}

.textpage .inner
{
    max-width: 804px;
    margin-right: auto;
    margin-left: auto;
}

.textpage-fullwidth .inner
{
    max-width: 100%;
}

h1
{
    font-family: 'Tele2DS-B', Arial, Helvetica, sans-serif;
    font-size: 42px;

    display: inline;
}

h1 .nowrap
{
    white-space: nowrap;
}

h1 a
{
    font-family: 'Tele2DS-B', Arial, Helvetica, sans-serif;
    font-size: 42px;

    text-decoration: none;
}

h2
{
    font-family: 'Tele2DS-B', Arial, Helvetica, sans-serif;
    font-size: 26px;

    display: inline;
}

h2 .nowrap
{
    white-space: nowrap;
}

h2 a
{
    font-family: 'Tele2DS-B', Arial, Helvetica, sans-serif;
    font-size: 26px;

    text-decoration: none;
}

h3
{
    font-family: 'Tele2DS-B', Arial, Helvetica, sans-serif;
    font-size: 32px;
    line-height: 1.27;

    display: inline;
}

h3 .nowrap
{
    white-space: nowrap;
}

h3 a
{
    font-family: 'Tele2DS-B', Arial, Helvetica, sans-serif;
    font-size: 32px;

    text-decoration: none;
}

h4
{
    font-family: 'Tele2DS-B', Arial, Helvetica, sans-serif;
    font-size: 22px;
    line-height: 1.27;

    display: inline;
}

h4 .nowrap
{
    white-space: nowrap;
}

h4 + p
{
    margin-top: 30px;
}

h4 a
{
    font-family: 'Tele2DS-B', Arial, Helvetica, sans-serif;
    font-size: 22px;

    text-decoration: none;
}

.center
{
    text-align: center;
}

.button
{
    font-family: 'Tele2TS-B', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 22px;

    display: inline-block;

    box-sizing: border-box;
    padding: 14px 30px;

    cursor: pointer;
    transition: all .2s ease;
    text-align: center;
    vertical-align: top;
    text-decoration: none;

    border: 2px solid #1f2229;
    border-radius: 24px;
    background: transparent;
}

.button__block
{
    display: block;

    width: 230px;
    padding-right: 15px;
    padding-left: 15px;
}

.button__high
{
    display: block;

    width: 195px;
    margin: 30px auto;
    padding: 18px 15px;

    border-radius: 28px;
}

.button__auth
{
    width: 192px;
    padding: 14px 15px;

    border-color: #3fcdff;
    background: #3fcdff;
}

.button__auth[disabled]
{
    cursor: default;

    border-color: #1f2229;
    background: transparent;
}

.button__buy
{
    font-family: 'Tele2TS-B', Arial, Helvetica, sans-serif;

    position: relative;

    width: 48%;
    padding: 18px 15px;

    text-align: center;

    border-radius: 29px;
}

.button__buy + .button__buy
{
    left: 4%;

    margin-left: -4px;
}

.button__transparent
{
    width: 192px;
    padding: 14px 15px;
}

.button__cyan
{
    width: 192px;
    padding: 14px 15px;

    border-color: #3fcdff;
    background: #3fcdff;
}

.button__black
{
    font-family: 'Tele2TS-B', Arial, Helvetica, sans-serif;

    position: relative;

    width: 48%;
    padding: 18px 15px;

    text-align: center;

    color: #fff;
    border-radius: 29px;
    background: #1f2229;
}

.button__black + .button__buy
{
    left: 4%;

    margin-left: -4px;
}

.button__dark
{
    font-family: 'Tele2TS-B', Arial, Helvetica, sans-serif;

    position: relative;

    box-sizing: border-box;
    padding: 17px 40px;

    text-align: center;

    color: #fff;
    border-radius: 35px;
    background: #1f2229;
}

.textpage .button__dark
{
    margin-top: 15px;
}

.textpage .upload-form .button__dark,
.upload-form .button__dark
{
    margin-top: 0;
}

.button__dark.disabled,
.button__dark.disabled:hover
{
    cursor: default !important;

    color: #8f9399 !important;
    border-color: #f0f1f2 !important;
    background: #f0f1f2 !important;
}

.button__hight_trans
{
    font-family: 'Tele2TS-B', Arial, Helvetica, sans-serif;

    position: relative;

    padding: 17px 40px;

    text-align: center;

    color: #1f2229;
    border-color: #1f2229;
    border-radius: 35px;
    background: transparent;
}

.button__hight_trans.disabled,
.button__hight_trans.disabled:hover
{
    cursor: default !important;

    color: #8f9399 !important;
    border-color: #f0f1f2 !important;
    background: #f0f1f2 !important;
}

.button.load
{
    position: relative;

    color: transparent !important;
}

.button.load .spinner
{
    position: absolute;
    left: 50%;

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

.biglink
{
    margin-top: 36px;

    text-align: center;
}

.melody-small__list-container ~ .biglink
{
    margin-top: -45px;
}

.link
{
    font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;
    font-size: 22px;

    display: inline;

    padding-bottom: 3px;

    text-decoration: none;

    background: transparent;
    background-image: linear-gradient(to right, #8f9399 100%, transparent 100%);
    background-repeat: no-repeat;
    background-position: 0 30px;
    background-size: 100% 1px;
}

.fancybox-loading,
.loading
{
    position: relative !important;
    top: auto !important;
    left: auto !important;

    display: block;

    width: 60px !important;
    height: 60px !important;
    margin: 0 auto !important;

    -webkit-animation: loading 1.3s infinite linear !important;
            animation: loading 1.3s infinite linear !important;

    border: none !important;
    border-radius: none !important;
    background: url('../img/spinner.png') 50% 50% no-repeat !important;
    background-size: contain !important;
}

.fancybox-loading-container,
.loading-container
{
    margin: -60px 0 80px;
}

.control-button
{
    position: relative;

    display: block;

    width: 80px;
    height: 80px;

    cursor: pointer;

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

.control-button__progress
{
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;

    display: block;

    box-sizing: border-box;
    width: 70px;
    height: 70px;

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

    border-radius: 50%;
}

.control-button__progress canvas
{
    width: 100% !important;
    height: 100% !important;
}

.control-button [class^='icon-'],
.control-button [class*=' icon-']
{
    font-size: 32px;
    line-height: 80px;

    position: relative;
    z-index: 2;

    text-align: center;
}

.control-button .icon-ic_play
{
    left: 3px;
}

.control-button__small
{
    width: 40px;
    height: 40px;
}

.control-button__small .control-button__progress
{
    width: 36px;
    height: 36px;

    border-width: 1px;
}

.control-button__small [class^='icon-'],
.control-button__small [class*=' icon-']
{
    font-size: 16px;
    line-height: 40px;

    position: relative;
    z-index: 2;

    text-align: center;
}

.control-button__small .icon-ic_play
{
    left: 1px;
}

.rating
{
    display: block;
    overflow: hidden;
}

.rating__container
{
    display: inline-block;

    min-width: 50px;

    cursor: pointer;
    vertical-align: top;
    white-space: nowrap;
}

.rating__star
{
    float: left;

    color: #8f9399;
}

.rating__star .icon-ic_star
{
    font-size: 18px;
}

.rating__star-active
{
    color: #3fcdff;
}

.rating .rating__count
{
    font-size: 12px;
    line-height: 18px;

    float: left;

    margin-left: 6px;

    text-align: left;
    white-space: nowrap;

    color: #8f9399;
}

.premium
{
    line-height: 13px;

    position: relative;

    height: 18px;
    padding-left: 21px;

    text-align: left;
}

.premium span
{
    font-size: 10px;
    line-height: 18px !important;

    position: relative;

    display: inline-block !important;

    min-width: 45px;
    max-width: 100% !important;
    padding: 0 !important;

    text-align: left;
    vertical-align: top !important;
    letter-spacing: -.3px;
    text-overflow: unset !important;

    color: #8f9399;
}

.premium .icon-ic_premium_main
{
    line-height: 18px;

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

    width: 18px;
    height: 18px;

    text-align: center;

    color: #1f2229 !important;
    border-radius: 50%;
    background-color: #ffe438;
}

.premium .icon-ic_premium_main:before
{
    font-size: 10px;

    position: absolute;
    top: 50%;
    left: 50%;

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

    color: #1f2229 !important;
}

.logo
{
    font-family: font_tele2_ds_bold;
    font-size: 38px;
    font-weight: bold;

    text-align: left;
    text-decoration: none;
    letter-spacing: .2px;

    color: #1f2229;
}

.logo .icon-logo
{
    font-size: 45px;
}

.promo
{
    overflow: hidden;

    width: 100%;
}

.promo img
{
    margin: 0 auto;
}

.promo__big
{
    position: relative;
    left: 50%;

    display: block;

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

.promo__middle
{
    display: none;
}

.promo__small
{
    display: none;
}

.promo-custom
{
    position: relative;

    height: 380px;

    background: #f0f1f2;
}

.promo-custom .inner
{
    position: relative;

    box-sizing: border-box;
    height: 100%;
    padding-left: 596px;
}

.promo-custom__img
{
    position: absolute;
    top: 50%;
    left: 26px;

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

.promo-custom__img-bottom
{
    top: auto;
    bottom: 0;

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

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

    height: 100%;
    padding-right: 60px;

    text-align: left;

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

.promo-custom__content p
{
    line-height: 22px;

    margin-top: -2px;
    margin-bottom: 18px;
}

.container
{
    position: relative;

    box-sizing: border-box;
    width: 100%;
    padding: 80px 0 62px;
}

.container.smallpad
{
    margin-top: -30px;
    padding: 40px 0;
}

.container__title
{
    padding: 60px 0;
}

.container__notfound
{
    padding: 0 0 80px;
}

.container__hits
{
    padding: 40px 0;
}

.container__hits .melody-small__list-container
{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;

    background: none !important;
}

.container__hits-title
{
    padding: 80px 0 40px;
}

.container__widget
{
    padding: 30px 0;
}

.container.nomarg
{
    margin: 0;
}

.container__title-smallpad
{
    padding: 60px 0 40px;
}

.container__title-smallpad .title
{
    margin: 0;
}

.container__user-selection
{
    padding-top: 60px;
}

.container__grey
{
    background: #f9f9fa;
}

.container__grey.textpage
{
    margin-bottom: 0 !important;
}

.container__my-melody
{
    padding: 72px 0 40px;
}

.container__my-melody.container__grey
{
    background: #f9f9fa;
}

.container.textpage
{
    margin-top: -80px;
}

.container.textpage + .container.textpage
{
    margin-top: -60px;
}

.container__search
{
    width: auto;
    margin: -30px 24px 0;
    padding-top: 0;
}

.container__search .search
{
    display: block !important;

    height: 52px;

    border-width: 2px;
}

.container__search .search__input
{
    height: 48px;
}

.container__searching
{
    padding: 0 0 40px;
}

.container__lk
{
    padding: 0 0 10px;
}

.container__table
{
    margin-top: -40px;
    margin-bottom: 80px;
    padding: 0;
}

.app
{
    font-size: 0;

    margin-top: -10px;

    list-style: none;
}

.app__item
{
    display: inline-block;

    margin-left: 10px;

    vertical-align: top;
}

.app__item:first-child
{
    margin-left: 0;
}

.app__link
{
    position: relative;

    display: block;

    width: 50px;
    height: 50px;

    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}

.app__link-overlay
{
    position: relative;

    display: block;

    width: 50px;
    height: 50px;

    transition: all .2s ease;

    opacity: 1;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}

.appstore .app__link-overlay
{
    background-image: url('../img/btn_appstore.png');
}

.google .app__link-overlay
{
    background-image: url('../img/btn_google.png');
}

.app__link.appstore
{
    background-image: url('../img/btn_appstore_hover.png');
}

.app__link.google
{
    background-image: url('../img/btn_google_hover.png');
}

.genres
{
    position: relative;

    overflow: hidden;

    box-sizing: border-box;
    width: 100%;
}

#header-container .genres
{
    background: #f9f9fa;
}

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

    margin-right: -50px;

    list-style: none;

    text-align: left;

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

.genres__item
{
    margin-right: 50px;
    margin-bottom: 20px;

    white-space: nowrap;
}

.genres__link
{
    font-family: 'Tele2TS-B', Arial, Helvetica, sans-serif;
    font-size: 22px;
    line-height: 24px;

    padding-bottom: 0 !important;

    white-space: nowrap;

    color: #8f9399;
    background: none;
}

.genres__link:hover
{
    color: #1f2229;
}

.genres__item.active .genres__link
{
    color: #1f2229;
}

.genres [data-items-container]
{
    padding: 43px 0 23px;

    background: #f9f9fa;
}

.for-pc
{
    display: inline-block;
}

.for-mobile
{
    display: none;
}

.only-for-mobile
{
    display: none;
}

.fancybox-bg
{
    background: rgba(255,255,255,.9);
}

.textpage
{
    line-height: 1.38;
}

.textpage__title
{
    font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;
    font-size: 22px;
    line-height: 28px;

    width: 407px;
    margin: 0 auto 32px;

    text-align: center;
}

.textpage p
{
    font-size: 16px;
    line-height: 1.38;

    margin-bottom: 25px;
}

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

.textpage h3 + p
{
    margin-top: 25px;
}

.textpage ol
{
    list-style: decimal;
    list-style-position: inside;
}

.textpage ol li
{
    font-size: 16px;

    margin-bottom: 25px;
}

.textpage ul
{
    margin: 16px 0;
}

.textpage ul li
{
    font-size: 16px;

    position: relative;

    margin-bottom: 0;

    text-indent: 13px;
}

.textpage ul li:before
{
    position: absolute;
    top: 9px;
    left: 0;

    display: block;

    width: 4px;
    height: 4px;

    content: '';

    border-radius: 50%;
    background: #1f2229;
}

.textpage__double
{
    margin: 0 0 60px !important;
    padding: 40px 0;
}

.textpage__double .inner
{
    z-index: 10;
}

.textpage__part
{
    position: relative;

    float: left;

    width: 48.26%;
}

.textpage__part:first-child:before
{
    position: absolute;
    z-index: 1;
    top: -40px;
    bottom: -40px;
    left: -1049%;

    display: block;

    width: 1149%;

    content: '';

    background: #e8e8ed;
}

.container__grey .textpage__part:first-child:before
{
    display: none;
}

.textpage__part + .textpage__part
{
    float: right;
}

.textpage__part > *
{
    line-height: 22px;

    position: relative;
    z-index: 5;
}

.textpage__part .accordion
{
    margin-top: -24px;
}

.grayscaled .grayscale
{
            filter: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0\'/></filter></svg>#grayscale');
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
    -webkit-filter: #808080;
            filter: #808080; /* Background element */
}

.grayscaled .grayscale.grayscale-fade
{
    transition: -webkit-filter .3s, filter .3s;
    transition:         filter .3s;
}

.grayscaled .grayscale.grayscale-off
{
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
}

.grayscaled .grayscale.grayscale-replaced
{
    -webkit-filter: none;
            filter: none;
}

.grayscaled .grayscale.grayscale-replaced > svg
{
    transition: opacity .3s ease;

    opacity: 1;
}

.grayscaled .grayscale.grayscale-replaced.grayscale-off > svg
{
    opacity: 0;
}

.labeled
{
    position: relative;

    display: block;
    overflow: hidden;

    box-sizing: border-box;
    width: 436px;
    height: 50px;
    margin-bottom: 22px;

    cursor: text;
    transition: all .2s ease;

    border-bottom: 2px solid #8f9399;
}

.labeled-container
{
    width: 508px;
}

.labeled.focused,
.labeled.verified
{
    transition: all .2s ease;

    border-color: #1f2229;
}

.invalid .labeled
{
    border-color: #e3445b;
    background: #fff3f4;
}

.labeled-error
{
    display: none;

    width: 100%;
    padding: 7px 22px;

    color: #e3445b;
    background: #fff3f4;
}

.invalid .labeled-error
{
    display: block;
}

.labeled span
{
    position: absolute;
    top: 19px;
    left: 0;

    transition: all .2s ease;

    color: #8f9399;
}

.labeled.focused span,
.labeled.verified span
{
    font-size: 12px;

    top: 6px;

    transition: all .2s ease;
}

.labeled__input
{
    font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;

    position: absolute;
    top: 100%;
    right: 22px;
    left: 0;

    max-width: calc(100% - 44px);
    height: 22px;

    background: transparent;
}

.people__add .labeled__input
{
    right: 0;

    max-width: 100%;
}

.invalid .labeled__input
{
    border-color: #e3445b;
    background: #fff3f4;
}

.labeled__error
{
    display: none;

    width: 100%;
    padding: 7px 22px;

    color: #e3445b;
    background: #fff3f4;
}

.invalid .labeled__error
{
    display: block;
}

.labeled.focused .labeled__input,
.labeled.verified .labeled__input
{
    top: 23px;
}

.upload
{
    display: block;
    display: -ms-flexbox;
    display: flex;

    margin: 0 0 22px;

    white-space: nowrap;

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

.upload-form
{
    margin-top: 36px;
}

.upload-form + h3
{
    margin-top: 40px;
}

.upload-form__error
{
    font-size: 13px;
    line-height: 18px;

    box-sizing: border-box;
    max-width: 359px;
    margin: 36px 0;
    padding: 12px 20px;

    color: #d72f4b;
    background: rgba(215,47,75,.3);
}

.upload__button
{
    position: relative;

    overflow: hidden;

    min-width: 120px;
    margin-right: 22px;
    padding: 4px 0 0;

    text-align: center;
}

.upload__button-name
{
    font-size: 14px;

    display: inline-block;

    box-sizing: border-box;
    padding: 2px 11px;

    cursor: pointer;
    vertical-align: top;

    border: 1px solid #8f9399;
    border-radius: 4px;
}

.upload__input
{
    font-size: 150px;

    position: absolute;
    top: 0;
    left: -10px;

    cursor: pointer;

    opacity: 0;
}

.upload__name
{
    line-height: 25px;

    display: inline-block;
    overflow: hidden;

    padding-top: 23px;
    padding-right: 45px;

    vertical-align: top;
    text-overflow: ellipsis;
}

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

    margin: 20px 0 30px;

    cursor: pointer;
    white-space: nowrap;

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

.checkbox__input
{
    position: absolute;

    visibility: hidden;

    opacity: 0;
}

.checkbox__style
{
    position: relative;

    display: block;

    box-sizing: border-box;
    width: 24px;
    min-width: 24px;
    height: 24px;
    margin-right: 10px;

    border: 2px solid #8f9399;
}

.checkbox__input:checked ~ .checkbox__style
{
    border-color: #1f2229;
    background: #1f2229;
}

.checkbox__input:checked ~ .checkbox__style:after
{
    font-family: 'Icons' !important;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    position: absolute;
    top: 50%;
    left: 50%;

    content: '\e919';
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-transform: none;

    color: #fff;

    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.checkbox__label
{
    white-space: normal;
}

/*** auth ***/

.fast-layout
{
    position: relative;
    z-index: 1000;

    display: none;
    overflow: auto;

    width: 100%;
    min-height: 100vh;

    background: #fff;
}

.fast-layout__header
{
    position: relative;

    background-color: #3fcdff;
}

.fast-layout__header .inner
{
    position: relative;

    height: 125px;
}

.fast-layout__close
{
    position: absolute;
    top: 0;
    right: 0;

    width: 125px;
    height: 125px;

    cursor: pointer;
}

.fast-layout__close .icon
{
    font-size: 18px;

    position: absolute;
    top: 50%;
    left: 50%;

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

    color: #1f2229;
}

.night-goodok
{
    display: inline-block;

    box-sizing: border-box;
    margin-bottom: 22px;
    padding: 12px 40px 12px 20px;

    vertical-align: top;

    background: #f9f9fa;
}

.night-goodok .my-melody__line
{
    border: none;
}

.night-goodok .my-melody__artist,
.night-goodok .my-melody__track
{
    display: inline-block;

    vertical-align: top;
}

.night-goodok .my-melody__artist
{
    margin-left: 29px;
}

.select
{
    position: relative;

    display: inline-block;

    vertical-align: top;
}

.select__label
{
    font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;

    position: relative;
    z-index: 4;

    margin-bottom: -7px;

    color: #8f9399;
}

.select__select
{
    font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;

    box-sizing: border-box;
    box-sizing: border-box;
    width: 136px;
    height: 39px;
    padding: 10px 25px 0 0;

    cursor: pointer;

    border-bottom: 2px solid #1f2229;
    background: #fff;

    -webkit-appearance: none;
       -moz-appearance: none;
}

.select__select::-ms-expand
{
    display: none;
}

.select:after
{
    font-family: 'Icons' !important;
    font-size: 10px;
    font-weight: normal;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    position: absolute;
    right: 2px;
    bottom: 11px;

    content: '\e906';
    text-transform: none;

    color: #1f2229;

    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.vk-widget
{
    display: block;

    width: 100%;
}

.vk-widget__test
{
    box-sizing: border-box;
    height: 140px;
    padding: 20px;

    border: 1px solid #000;
    border-radius: 4px;
    background: #fff;
}

.datepickers-container
{
    z-index: 99995;
}

.datepickers-container > .datepicker > .datepicker-inline
{
    display: none;
}

.delete__title
{
    margin-top: -19px;
}

.delete__text
{
    font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 22px;

    margin: 25px 0 40px;
}

.delete__buttons .button
{
    display: inline-block;

    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 42px;
    padding-left: 42px;

    vertical-align: top;
}

.delete__buttons .button ~ .button
{
    position: relative;

    margin-left: 20px;
}

.delete__buttons .button__cyan
{
    padding: 18px 42px;
}

.spinner
{
    width: 70px;
    height: 3px;

    text-align: center;
}

.spinner > span
{
    display: inline-block;

    width: 6px;
    height: 6px;
    margin-left: 10px;

    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
            animation: sk-bouncedelay 1.4s infinite ease-in-out both;

    opacity: 1;
    background-color: #1f2229;
}

.button__dark .spinner > span,
.button__black .spinner > span,
.button__cyan .spinner > span
{
    background-color: #fff;
}

.spinner_dot_1
{
    margin-left: 0 !important;

    -webkit-animation-delay: -.32s !important;
            animation-delay: -.32s !important;
}

.spinner_dot_2
{
    -webkit-animation-delay: -.16s !important;
            animation-delay: -.16s !important;
}

.submit_load_container
{
    position: relative;

    display: inline-block;

    vertical-align: top;
}

.submit_load_container.load
{
    position: relative;

    color: transparent !important;
}

.submit_load_container.load .spinner
{
    position: absolute;
    top: 16px;
    left: 50%;

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

.nowrap
{
    white-space: nowrap;
}

.my-goodok__hint
{
    display: inline-block;

    vertical-align: top;
}

.button + .my-goodok__hint
{
    margin-top: 25px;
    margin-left: 22px;
}

[data-items].active [data-items-container]
{
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;

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

[data-items].show [data-items-container]
{
    top: 0 !important;

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

[data-items-container]
{
    width: 100%;
}

/*** end-main ***/

.melody-small-group
{
    display: -ms-flexbox;
    display: flex;
}

.melody-small-group .melody-small
{
    width: 100%;
    max-width: calc(100% / 3);
}

/*** melody ***/

.melody
{
    position: relative;

    width: 12.5%;

    cursor: pointer;
}

.melody:not(.melody-big) .premium
{
    position: absolute;
    z-index: 20;
    bottom: -6px;
    left: -6px;

    transition: all .3s ease;
    -webkit-transform: scale(1) rotate(.02deg);
        -ms-transform: scale(1) rotate(.02deg);
            transform: scale(1) rotate(.02deg);

    opacity: 0;
}

.melody-big
{
    width: 100% !important;
    margin: 0 auto 25px;

    cursor: default;
    text-align: center;
}

.melody-big .premium
{
    display: inline-block;

    margin-right: -65px;
    margin-left: 13px;

    vertical-align: top;
}

.melody-big .melody__name
{
    font-size: 18px;
}

.melody-big .melody__name span,
.melody-big .melody__name a
{
    display: inline-block;
    overflow: hidden;

    max-width: 70%;
    padding-bottom: 4px;

    vertical-align: top;
    text-overflow: ellipsis;
}

.melody-big .melody__name.with-premium span,
.melody-big .melody__name.with-premium a
{
    max-width: 50%;
}

.melody-big .melody__artist
{
    font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;
    font-size: 16px;

    text-decoration: none;

    color: #8f9399;
}

.melody__img
{
    position: relative;
    z-index: 1;

    display: block;

    width: 100%;
    height: 100%;

    transition: all .3s ease;

    -webkit-filter: grayscale(1);
            filter: grayscale(1);
}

.melody__img img
{
    display: block;

    width: 101%;
}

.melody-big .melody__img
{
    width: 184px !important;
    height: 184px !important;
    margin: 0 auto 15px;
}

.melody__play
{
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;

    transition: all .3s ease;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    opacity: 0;
}

.melody-big .melody__play
{
    top: 52px;

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

.melody:hover
{
    z-index: 10;
}

.melody.melody-big .melody__img,
.melody:not(.melody-big):hover .melody__img
{
    transition: all .3s ease;
    -webkit-transform: scale(1.2777) rotate(.02deg);
        -ms-transform: scale(1.2777) rotate(.02deg);
            transform: scale(1.2777) rotate(.02deg);

    box-shadow: 0 5px 20px rgba(0,0,0,.5);

    -webkit-filter: grayscale(0);
            filter: grayscale(0);
}

.melody.melody-big .melody__img
{
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
}

.melody.melody-big .melody__play,
.melody:not(.melody-big):hover .melody__play,
.melody:not(.melody-big):hover .premium
{
    transition: all .3s ease;

    opacity: 1;
}

.melody:not(.melody-big):hover .premium
{
    -webkit-transform: scale(1.2777) rotate(.02deg);
        -ms-transform: scale(1.2777) rotate(.02deg);
            transform: scale(1.2777) rotate(.02deg);
}

.melody-small
{
    display: inline-block;

    box-sizing: border-box;
    width: 25%;
    padding: 20px 20px 20px 0;

    vertical-align: top;
}

.melody-small__list
{
    font-size: 0;

    margin-bottom: 60px;

    list-style: none;
}

.title + .melody-small__list-container
{
    margin-top: 60px;
}

.melody-small__list-container .title + *
{
    margin-top: 40px;
}

.melody-small__list-smallmag
{
    margin-bottom: 30px;
}

.melody-small__left
{
    position: relative;

    float: left;

    width: 72px;
    height: 72px;

    transition: all .3s ease;
}

.melody-small__left .melody__img
{
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
}

.rules .melody-small__left:hover
{
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;

    box-shadow: none;
}

.melody-small__right
{
    float: right;

    width: calc(100% - 92px);
}

.melody-small__right .melody__name .premium
{
    display: none;
}

.rules .melody-small__right
{
    padding-top: 1px;
}

.rules .melody-small
{
    width: 100% !important;
}

.melody__name
{
    font-family: 'Tele2TS-B', Arial, Helvetica, sans-serif;
    font-size: 16px;

    overflow: hidden;

    max-width: 100%;
    margin-top: 2px;
    padding-bottom: 4px;

    cursor: default;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.melody__name a
{
    font-family: 'Tele2TS-B', Arial, Helvetica, sans-serif;
    font-size: 16px;

    text-decoration: none;
}

.melody__name .rating
{
    display: inline-block;

    margin-right: -40px;
    margin-left: 7px;

    vertical-align: top;
}

a.melody__name:hover
{
    cursor: pointer;
}

.melody-big .melody__name a
{
    font-size: 18px;
}

.melody__artist
{
    font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;
    font-size: 14px;

    overflow: hidden;

    max-width: 100%;
    margin-top: 5px;
    margin-bottom: 6px;
    padding-bottom: 4px;

    cursor: default;
    white-space: nowrap;
    text-overflow: ellipsis;

    color: #8f9399;
}

.melody__artist a
{
    font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;
    font-size: 14px;

    text-decoration: none;

    color: #8f9399;
}

a.melody__artist:hover
{
    cursor: pointer;
}

.melody-big .melody__artist
{
    font-size: 16px;
}

.melody-big .melody__artist a
{
    font-size: 16px;
}

/*** end-melody ***/

/*** menu ***/

.menu
{
    font-size: 0;

    text-align: left;
}

.menu__trigger
{
    position: relative;
    top: 2px;

    float: right;

    height: 24px;
    margin-left: 6px;
    padding-left: 12px;

    cursor: pointer;
}

.menu__trigger .icon
{
    font-size: 20px;

    color: rgba(31,34,41,.7);
}

.menu__trigger-container
{
    float: right;

    margin-top: 14px;
    margin-left: 18px;

    border-left: 1px solid #e8e8ed;
}

.menu__item
{
    display: inline-block;

    padding: 0 27px;

    vertical-align: top;
}

.menu__item:first-child
{
    margin-left: 0;
}

.menu__link
{
    font-family: 'Tele2TS-B', Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 90px;

    position: relative;

    display: inline-block;

    box-sizing: border-box;
    height: 90px;

    transition: all .15s ease;
    vertical-align: top;
    text-decoration: none;
    letter-spacing: .5px;

    color: #8f9399;
}

.menu__item.active .menu__link
{
    color: #1f2229;
}

.menu.active .menu__link:after
{
    position: absolute;
    z-index: 102;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 1px;

    content: '';

    background: #1f2229;
}

.menu-dropdown
{
    position: absolute;
    top: calc(100% + 1px);
    right: 0;
    left: 0;

    display: none;

    box-sizing: border-box;
    width: 100%;
    height: 100px;
    height: 320px;
    padding: 30px 250px 30px 40px;

    background: #fff;
}

.menu-dropdown__promo
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;

    box-sizing: border-box;
    width: 250px;
    height: 100%;
    padding: 45px 50px 45px 25px;

    background: #3fcdff;
}

.menu-dropdown__promo-title
{
    font-family: 'Tele2DS-B', Arial, Helvetica, sans-serif;
    font-size: 22px;
    line-height: 1.27;

    margin-bottom: 15px;

    text-transform: uppercase;
}

.menu-dropdown__promo-text
{
    font-size: 16px;
    line-height: 1.25;
}

.menu-dropdown__promo-button
{
    font-family: 'Tele2DS-B', Arial, Helvetica, sans-serif;
    font-size: 16px;

    position: absolute;
    bottom: 45px;
    left: 25px;

    padding-right: 19px;

    text-decoration: none;
    text-transform: uppercase;
}

.menu-dropdown__promo-button .icon
{
    font-size: 12px;

    position: absolute;
    top: 50%;
    right: 0;

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

.menu-dropdown__list
{
    float: left;

    box-sizing: border-box;
    width: 630px;
    height: 100%;
    padding-bottom: 85px;

    list-style: none;

    border-right: 1px solid #e8e8ed;

    -webkit-columns: 175px auto;
            columns: 175px auto;
    -webkit-column-fill: auto;
            column-fill: auto;
}

.menu-dropdown__list-item
{
    margin-bottom: 15px;
    padding-bottom: 5px;

    -webkit-column-break-inside: avoid;
    break-inside: avoid;
}

.menu-dropdown__list-link
{
    transition: all .2s ease;
    text-decoration: none;

    color: rgba(31,34,41,.7);
}

.selected .menu-dropdown__list-link
{
    color: #1f2229;
}

.menu-dropdown__interest
{
    float: left;

    width: 200px;
    margin-left: 27px;
}

.menu-dropdown__interest-title
{
    font-size: 16px;

    margin-top: 3px;
    margin-bottom: 25px;

    color: #626469;
}

.menu-dropdown__interest-list
{
    list-style: none;
}

.menu-dropdown__interest-item
{
    margin-bottom: 5px;
}

.menu-dropdown__interest-link
{
    font-size: 16px;

    display: inline-block;

    padding: 9px 20px;

    transition: all .2s ease;
    vertical-align: top;
    text-decoration: none;

    color: #626469;
    background: #f0f1f2;
}

.user-menu
{
    font-size: 0;

    margin-top: 28px;

    list-style: none;
}

.user-menu__item
{
    display: inline-block;

    margin-left: 35px;

    vertical-align: top;
}

.user-menu__item:first-child
{
    margin-left: 0;
}

.user-menu__link
{
    font-size: 16px;

    position: relative;

    display: -ms-flexbox;
    display: flex;

    min-height: 28px;
    padding-left: 34px;

    cursor: pointer;
    transition: all .2s ease;
    text-decoration: none;

    color: rgba(31,34,41,.7);

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

.user-menu__link .icon
{
    font-size: 26px;

    position: absolute;
    top: 50%;
    left: 0;

    transition: all .2s ease;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);

    color: #8f9399;
}

.user-menu__link .icon.dark
{
    color: #1f2229;
}

.user-menu__link .icon-btn_auth
{
    color: #8f9399;
}

.user-menu__phone
{
    font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 22px;

    color: #8f9399;
}

.user-menu__phone-dark
{
    color: #1f2229;
}

.user-menu__phone-strong
{
    font-family: 'Tele2TS-B', Arial, Helvetica, sans-serif;
    font-size: 16px;
}

.menu-mobile
{
    position: relative;
    z-index: 100;

    display: none;
    overflow: auto;

    box-sizing: border-box;
    width: 100%;
    min-height: 100vh;
    padding-bottom: 130px;

    background: #fff;
}

.menu-mobile__close
{
    position: relative;

    height: 52px;

    border-bottom: 1px solid #e8e8ed;
    background: #f5f5fa;
}

.menu-mobile__close .icon
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;

    display: block;

    width: 52px;

    cursor: pointer;
}

.menu-mobile__close .icon:before
{
    font-size: 24px;

    position: absolute;
    top: 50%;
    left: 50%;

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

    color: #1f2229;
}

.menu-mobile__tabs
{
    display: block;
}

.menu-mobile__tabs-list
{
    position: relative;

    height: 40px;
    padding: 0 24px;

    border-bottom: 1px solid #e8e8ed;
    background: #f5f5fa;
}

.menu-mobile__tab
{
    font-family: 'Tele2TS-B', Arial, Helvetica, sans-serif;
    line-height: 40px;

    display: inline-block;

    height: 40px;
    margin-left: 35px;

    cursor: pointer;
    vertical-align: top;

    color: #8f9399;
    border-bottom: 1px solid transparent;
}

.menu-mobile__tab:first-child
{
    margin-left: 0;
}

.menu-mobile__tab.selected
{
    color: #1f2229;
    border-width: 2px;
    border-color: #1f2229;
}

.menu-mobile__content
{
    display: none;
}

.menu-mobile__list-item
{
    line-height: normal;

    margin: 0;
    padding: 12px 24px;

    border-bottom: 1px solid #e8e8ed;
}

.menu-mobile__promo
{
    line-height: 1.25;

    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    box-sizing: border-box;
    padding: 28px 50px 28px 32px;

    text-decoration: none;

    background: #3fcdff;
}

.menu-mobile__promo:before
{
    font-family: 'Icons' !important;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    position: absolute;
    top: 50%;
    right: 32px;

    content: '\e907';
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    text-transform: none;

    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.menu-mobile__usermenu
{
    margin: 15px 0;
}

.menu-mobile__usermenu-item
{
    line-height: normal;

    margin: 0;
    padding: 10px 24px;
}

.menu-mobile__usermenu-link
{
    font-size: 14px;

    text-decoration: none;

    color: rgba(31,34,41,.7);
}

.menu-mobile__usermenu-link.select-city__change
{
    color: #1f2229;
}

/*** end-menu ***/

/*** modals ***/

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

    display: none;
    overflow: auto;

    background: rgba(255,255,255,.9);
}

.modals.grey
{
    background: #f5f5fa;
}

.modal
{
    position: relative;

    display: none;

    box-sizing: border-box;
    width: 588px;
    padding: 40px;

    border: 2px solid #1f2229;
    background: #fff;
}

.modal__inner-grey
{
    background: #f9f9fa !important;
}

.modal__inner .fancybox-close-small
{
    top: 38px;
    right: 38px;

    width: 28px;
    height: 28px;
}

.modal__inner .fancybox-close-small:before
{
    font-family: 'Icons' !important;
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '\e901';
    text-transform: none;

    color: #1f2229;

    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.modal__inner .fancybox-close-small:after
{
    display: none;
}

.modal__close
{
    display: none;
}

.modal__auth_buttons
{
    margin-top: 96px;
}

.modal__auth_buttons.errored
{
    margin-top: 36px;
}

.modal__auth_buttons .auth__text
{
    margin: 0;
}

.auth__recovery-text ~ .modal__auth_buttons
{
    margin-top: 54px;
}

.modal__auth_buttons-full
{
    width: 100% !important;
}

.modal__auth_buttons .modal__auth_error
{
    margin-bottom: 18px;
}

.modal__auth_error-text
{
    font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 18px;

    display: inline-block;

    box-sizing: border-box;
    padding: 12px 20px;

    vertical-align: top;

    color: #d72f4b;
    background: rgba(215,47,75,.3);
}

.auth__form ~ .modal__auth_error
{
    margin-top: 36px;
}

.modal__auth_captcha
{
    width: 100%;
    margin-top: 36px;
}

.modal__auth_captcha-captcha
{
    float: left;

    width: 304px;
}

.modal__auth_captcha-error
{
    float: left;

    width: 247px;
    margin-left: 36px;
}

.modal__auth_captcha + .modal__auth_buttons
{
    margin-top: 36px;
}

.modal__code
{
    position: relative;

    margin-bottom: 18px;
}

.modal__code-style
{
    font-family: 'Tele2TS-B', Arial, Helvetica, sans-serif;
    font-size: 24px;
    line-height: 54px;

    position: relative;
    z-index: 1;

    width: 45px;
    height: 54px;
    margin-right: 9px;

    text-align: center;

    color: #1f2229;
    border-radius: 5px;
    background: #f0f1f2;
}

.errored .modal__code-style
{
    background: rgba(215,47,75,.3);
}

.modal__code-text
{
    font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 22px;

    margin-top: 18px;
    margin-bottom: 18px;

    color: #8f9399;
}

.modal__code-text + .modal__auth_buttons
{
    margin-top: 30px;
}

.modal__loader
{
    position: absolute;
    z-index: 50;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    background: rgba(255,255,255,.7);
}

.modal__loader:before
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 36px;
    height: 36px;

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

    background: url('../img/clock.png') 50% 50% no-repeat;
    background-size: contain;
}

.modal__simpletext p
{
    font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 22px;

    color: #1f2229;
}

.modal__simpletext p strong
{
    font-family: 'Tele2TS-B', Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.modal__simpletext p + p
{
    margin-top: 20px;
}

.modal__loading
{
    margin: 0 auto 11px;
}

.modal__loading .loading
{
    margin: 0 auto;
}

.modal__text-success ~ .promo-custom
{
    display: none;
}

.install__header
{
    background: #fff;
}

.modal_width_732 .install__header
{
    padding-bottom: 0;
}

.install__header-title
{
    margin-bottom: 25px;
}

.install__header-title h3
{
    font-size: 28px;
    line-height: 34px;
}

.modal_width_732 .install__header-title
{
    margin-bottom: 0;
}

.install__header-text
{
    font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 22px;
}

.install-text
{
    font-family: 'Tele2TS-B', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 16px;

    position: relative;
    z-index: 1;

    padding: 25px 0;

    text-align: center;
}

.install__title
{
    font-family: 'Tele2DS-B', Arial, Helvetica, sans-serif;
    font-size: 22px;

    margin-bottom: 25px;
}

.install__content
{
    margin-bottom: 15px;
    padding-top: 40px;
}

.modal_width_732 .install__content
{
    margin-bottom: 0;
    padding-top: 18px;
}

.install__content-melodies-text
{
    font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.43;

    margin-bottom: 20px;

    color: #1f2229;
}

.install__content-melodies-button .button
{
    width: auto;
    margin: 0;
    padding-right: 40px;
    padding-left: 40px;
}

.install__content-melodies-melody
{
    position: relative;

    margin-bottom: 30px;
    padding-left: 42px;
}

.install__content-melodies-melody-big
{
    margin-bottom: 25px;
    padding: 0;
}

.install__content-melodies-melody-big .melody-small,
.install__content-melodies-melody .melody-small
{
    display: block;

    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}

.install__content-melodies-melody .checkbox
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    margin: 0;

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

.install__content-melodies .my-melody
{
    position: relative;

    display: block;

    margin-bottom: 30px;
    padding-left: 164px;
}

.install__content-melodies .my-melody__image
{
    position: absolute;
    top: 10px;
    left: 0;

    width: 144px;
    min-width: 144px;
    margin-right: 20px;
}

.install__content-melodies .my-melody__image:before
{
    width: 132px;
}

.install__content-melodies .my-melody__image:after
{
    width: 120px;
}

.install__content-melodies .my-melody__content
{
    position: relative;
    top: -9px;
}

.install__content-melodies .my-melody__content .accordion__item
{
    margin: 0;
    padding: 0;
}

.install__content-melodies .my-melody__content .accordion__trigger
{
    font-size: 22px;

    cursor: default;
}

.install__content-melodies .my-melody__name
{
    display: block;

    width: calc(100% - 60px);
}

.install__content-melodies .my-melody__track,
.install__content-melodies .my-melody__artist
{
    overflow: hidden;

    max-width: 100%;
    margin-left: 0;
    padding-bottom: 2px;

    white-space: nowrap;
    text-overflow: ellipsis;
}

div.modal_auth_sso
{
    width: 100% !important;
    max-width: 600px !important;
}

div.modal_auth_sso .install__header
{
    padding-bottom: 0;
}

div.modal_auth_sso .install__header-title
{
    margin-bottom: 0;
}

div.modal_auth_sso .install__content
{
    margin: 36px 0 0;
    padding-top: 0;
}

div.modal_auth_sso .btn-group
{
    margin-top: 30px;
}

div.modal_auth_sso .btn-group .btn + .btn-link
{
    margin-left: 36px;
}

/*** end-modals ***/

/*** my-melody ***/

.my-melody
{
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    width: 100%;

    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}

.my-melody__connect
{
    margin-top: 25px;

    text-align: right;
}

.my-melody__connect .button + .button
{
    margin-left: 16px;
}

.my-melody__image
{
    position: relative;

    width: 184px;
    min-width: 184px;
    margin-right: 60px;
}

.my-melody__image:after,
.my-melody__image:before
{
    position: absolute;
    top: -6px;
    left: 50%;

    display: block;

    width: 172px;
    height: 6px;

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

    background-color: #626469;
}

.my-melody__image:after
{
    top: -12px;

    width: 160px;

    background: #8f9399;
}

.my-melody__img
{
    display: block;

    width: 100%;
}

.my-melody__content
{
    width: 100%;
}

.my-melody__content .accordion__inner,
.my-melody__content .accordion__content,
.my-melody__content .accordion__blocked
{
    padding: 0;
}

.my-melody__content .accordion__item
{
    margin-top: 5px;
}

.my-melody__line
{
    position: relative;

    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    width: 100%;
    padding: 12px 0;

    border-bottom: 1px solid #d1dbd6;

    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center;
}

.my-melody__line.with-right
{
    padding-right: 80px;
}

.textpage__part .my-melody__line
{
    width: auto;
    margin-right: 47px;
}

.textpage__part h3 + .my-melody__line
{
    margin-top: 30px;

    border-top: 1px solid #d1dbd6;
}

.my-melody__play
{
    width: 40px;
    min-width: 40px;
    margin-right: 20px;
}

.my-melody__name
{
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    width: 100%;

    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center;
}

.my-melody__name span
{
    min-width: 0;
}

.my-melody__track
{
    font-family: 'Tele2TS-B', Arial, Helvetica, sans-serif;
    font-size: 16px;

    display: block;

    padding-bottom: 3px;

    cursor: default;
    transition: all .2s ease;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;

    color: #1f2229;
}

.my-melody__artist
{
    font-size: 14px;

    display: block;

    margin-left: 24px;
    padding-bottom: 3px;

    cursor: default;
    transition: all .2s ease;
    white-space: nowrap;
    text-decoration: none;

    color: #8f9399;
}

.my-melody__playing
{
    font-size: 12px;

    margin-left: 20px;

    white-space: nowrap;

    color: #8f9399;
}

.my-melody__right
{
    position: absolute;
    top: 50%;
    right: 0;

    width: 70px;

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

/*** end-my-melody ***/

.overlay
{
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    background-color: rgba(31,34,41,.2);
}

.overlay.active
{
    display: block;
}

.copy-melodies
{
    width: 529px;
    margin-top: 36px;
}

.copy-melodies .my-melody__line
{
    border-top: 1px solid #d1dbd6;
}

.copy-melodies .my-melody__line + .my-melody__line
{
    border-top: 0;
}

.copy-melodies .control-button
{
    background: transparent;
}

.copy-melodies .my-melody__artist
{
    margin-left: 24px;
}

.copy-melodies .my-melody__track
{
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.copy-melodies__title
{
    font-family: 'Tele2DS-B', Arial, Helvetica, sans-serif;
    font-size: 28px;
    line-height: 34px;

    margin-bottom: 22px;

    color: #1f2229;
}

.search-ajax-results
{
    position: absolute;
    top: 100%;
    left: 0;

    display: none;

    width: 100%;
    padding: 40px;

    background-color: #fff;
}

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

.search-ajax-results .artist-group
{
    margin-top: 10px;
}

.search-ajax-results .artist-group .artist
{
    width: 100%;
    max-width: calc(100% / 3 - 1px);

    border: 0 !important;
    background-color: #f9f9fa !important;
}

.search-ajax-results .btn-group-center
{
    margin-top: 30px;
}

/*** search ***/

.search
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 160px;

    display: none;

    box-sizing: border-box;
    padding-top: 30px;
    padding-right: 76px;
    padding-left: 50px;

    background: #fff;
}

.search__close
{
    position: absolute;
    top: 50%;
    right: 31px;

    box-sizing: border-box;
    width: 28px;
    height: 28px;
    padding: 5px 0 0 5px;

    cursor: pointer;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
}

.search__close .icon
{
    font-size: 18px;

    color: #626469;
}

.search__submit
{
    position: absolute;
    top: 50%;
    right: 24px;

    box-sizing: border-box;
    width: 20px;
    height: 20px;
    padding: 0 0 0 5px;

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

    background: transparent;
}

.search__submit .icon
{
    font-size: 20px;

    transition: all .2s ease;

    color: #626469;
}

.search__submit-button
{
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.search__input
{
    font-size: 18px;
    line-height: 1.22;

    display: block;

    width: 100%;
    height: 30px;

    letter-spacing: .5px;
}

.search__input[placeholder]::-webkit-input-placeholder,
.search__input[placeholder]:focus::-webkit-input-placeholder
{
    color: #8f9399 !important;
}

.search__input[placeholder]:-ms-input-placeholder,
.search__input[placeholder]:focus:-ms-input-placeholder
{
    color: #8f9399 !important;
}

.search__input[placeholder]::placeholder,
.search__input[placeholder]:focus::placeholder
{
    color: #8f9399 !important;
}

.search-block
{
    margin-bottom: 40px;
}

.search-block__category
{
    float: left;

    width: 23.44%;

    color: rgba(31,34,41,.7);
}

.search-block__content
{
    float: right;

    width: 75.17%;
}

.search-block__content .artist-list
{
    margin-top: 0;
    margin-bottom: 0;
}

.search-block__notfound
{
    font-size: 12px;

    color: #8f9399;
}

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

.search-block__none a
{
    text-decoration: none;
}

.search-block__none a u
{
    text-decoration: none;

    border-bottom: 1px solid #8f9399;
}

.search-block__all
{
    margin-top: 20px;

    text-align: center;
}

.search-block__all a
{
    font-family: 'Tele2TS-B', Arial, Helvetica, sans-serif;
}

.search__linklist
{
    list-style: none;
}

.search__linklist-item
{
    margin-top: 12px;
}

.search__linklist-item:first-child
{
    margin-top: 0;
}

.search__linklist-link
{
    font-family: 'Tele2TS-B', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.38;

    transition: color .2s ease;
    text-align: left;
    text-decoration: none;
    letter-spacing: .3px;
}

.search-live
{
    position: absolute;
    top: 100%;
    left: 50%;

    display: none;

    box-sizing: border-box;
    width: 1151px;
    padding: 40px;

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

    background: #fff;
}

.search-live .container
{
    padding: 0;
}

.search-live .container .inner
{
    width: 100%;
}

[data-search].active
{
    display: block;
}

/*** end-search ***/

/*** select city ***/

.select-city
{
    width: 100%;
}

.select-city .inner
{
    text-align: right;
}

.select-city__selected
{
    height: 35px;

    background: #1f2229;
}

.select-city__link
{
    line-height: 35px;

    display: inline-block;

    height: 35px;
    margin-right: 36px;

    cursor: pointer;
    transition: all .2s ease;
    vertical-align: top;

    color: #8f9399;
}

.select-city__block
{
    height: 50px;

    background: #3fcdff;
}

.select-city__block-text
{
    line-height: 50px;

    display: inline-block;

    vertical-align: top;

    color: #fff;
}

.select-city__block-true
{
    display: inline-block;

    margin-top: 11px;
    margin-left: 50px;
    padding: 6px 29px;

    cursor: pointer;
    vertical-align: top;

    background: #fff;
}

.select-city__block-change
{
    display: inline-block;

    margin-top: 11px;
    margin-left: 20px;
    padding: 6px 0;

    cursor: pointer;
    vertical-align: top;

    color: #fff;
}

.select-city__block-close
{
    position: relative;

    display: inline-block;

    width: 32px;
    height: 32px;
    margin: 9px 36px 0 20px;

    cursor: pointer;
    text-align: center;
    vertical-align: top;
}

.select-city__block-close .icon
{
    font-size: 21px;

    position: absolute;
    top: 50%;
    left: 50%;

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

    color: #fff;
}

.select-city__modal
{
    position: relative;
    z-index: 1000;

    display: none;
    overflow: auto;

    width: 100%;
    min-height: 100vh;

    background: #fff;
}

.select-city__modal-top
{
    width: 100%;
    height: 35px;

    background: #f5f5fa;
}

.select-city__modal-top p
{
    line-height: 35px;

    text-align: right;
}

.select-city__modal-header
{
    border-bottom: 1px solid #e8e8ed;
}

.select-city__modal-header .inner
{
    position: relative;

    padding: 20px 100px 20px 0;
}

.select-city__modal-header p
{
    font-family: 'Tele2TS-B', Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 1.33;

    letter-spacing: .4px;
}

.select-city__modal-close
{
    position: absolute;
    top: 50%;
    right: 0;

    cursor: pointer;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
}

.select-city__modal-close .icon
{
    font-size: 18px;
}

.select-city__list .inner
{
    padding: 30px 0;

    -webkit-columns: 170px 4;
            columns: 170px 4;
    -webkit-column-fill: auto;
         -o-column-fill: auto;
        -ms-column-fill: auto;
}

.select-city__list-letter
{
    font-family: 'Tele2TS-B', Arial, Helvetica, sans-serif;
    line-height: 1.38;

    margin-bottom: 15px;
}

.select-city__list-block
{
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    page-break-inside: avoid;
}

.select-city__list-array
{
    list-style: none;
}

.select-city__list-item
{
    line-height: 22px;

    margin-bottom: 20px;
}

.select-city__list-link
{
    transition: color .2s ease;
    text-decoration: none;

    color: rgba(31,34,41,.7);
}

/*** end-select city ***/

/*** tabs ***/

.tabs
{
    margin-top: 70px;
}

.tabs-list
{
    font-size: 0;

    margin-bottom: 74px;

    text-align: left;
}

.tabs-list__item
{
    font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;
    font-size: 22px;
    line-height: 28px;

    display: inline-block;

    width: 33.3333%;
    padding-bottom: 27px;

    cursor: pointer;
    transition: all .2s ease;
    vertical-align: top;

    color: #8f9399;
    border-bottom: 1px solid #8f9399;
}

.tabs-list__item span
{
    position: relative;
    z-index: 5;
}

.tabs-list__item:hover
{
    transition: all .2s ease;

    color: #1f2229;
}

.tabs-list__item.active
{
    z-index: 10;

    padding-bottom: 25px;

    color: #1f2229;
    border-bottom: 3px solid #1f2229;
}

.tabs-content__item
{
    font-size: 0;

    display: none;

    width: 100%;
}

.tabs-content__item:first-child
{
    display: block;
}

.tabs-content__item .melody
{
    display: inline-block;

    vertical-align: top;
}

/*** end-tabs ***/

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

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

/*** uikit ***/

.uikit
{
    width: 1152px;
    margin: 30px auto;
    padding: 40px 0;

    border-top: 15px solid #1f2229;
}

.uikit p
{
    margin-bottom: 25px;
}

/*** end-uikit ***/

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)
{
    .sprite
    {
        background-image: url('../img/sprite@2x.png');
        background-size: 1px 1px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0)
{
    .grayscaled .grayscale.grayscale-fade
    {
        transition: -webkit-filter .3s;
    }

    .grayscaled .grayscale.grayscale-fade
    {
        transition: -webkit-filter .3s;
    }

    .grayscaled .grayscale.grayscale-fade
    {
        transition: -webkit-filter .3s;
    }
}

@media (min-width: 641px)
{
    [data-header-fixed].active:not(.show) .search-ajax-results.active
    {
        display: none;
    }
}

@media (min-width: 768px)
{
    .artist-playlist > .center
    {
        text-align: left;
    }

    .button__black:hover
    {
        color: #fff !important;
        border-color: #626469 !important;
        background: #626469 !important;
    }

    .button__dark:hover
    {
        color: #fff !important;
        border-color: #626469 !important;
        background: #626469 !important;
    }

    .button__hight_trans:hover
    {
        color: #626469 !important;
        border-color: #626469 !important;
        background: transparent !important;
    }

    .delete__buttons-center br
    {
        display: none;
    }

    .copy-melodies .my-melody__name
    {
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;

        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .copy-melodies .my-melody__artist
    {
        margin-left: 8px;
    }
}

@media (min-width: 769px)
{
    .lk-table__cell .my-melody__name
    {
        padding-top: 4px;
    }

    .date + br
    {
        display: none;
    }

    .modal__inner
    {
        box-sizing: border-box;
        width: 588px;
        padding: 40px !important;

        border: 2px solid #1f2229;
        background: #fff;
    }

    .modal__inner.modal_width_732
    {
        width: 732px;
    }
}

@media screen and (min-width: 769px) and (max-width: 1151px)
{
    .promo__middle
    {
        display: block;
    }
}

@media screen and (min-width: 769px)
{
    .search-block__content .artist__button
    {
        display: none;
    }
}

@media (min-width: 769px) and (max-width: 1151px)
{
    .container__notfound + .promo-custom
    {
        position: absolute;
        right: 0;
        bottom: 197px;
        left: 0;
    }
}

@media (max-width: 1151px) and (min-width: 769px)
{
    .melody-big ~ .accordion .accordion__trigger
    {
        box-sizing: border-box;
        max-width: 508px;
        margin: 0 auto;
    }

    .melody-big ~ .accordion .accordion__trigger span
    {
        right: 0;
    }

    .melody-big ~ .accordion .accordion__inner
    {
        box-sizing: border-box;
        padding: 0;
    }
}

@media (min-width: 1151px)
{
    .rules__buttons
    {
        text-align: left;
    }

    .rules__buttons > *
    {
        display: inline-block;

        margin: 0 18px 0 0;

        vertical-align: top;
    }
}

@media (max-width: 1151px) and (min-width: 768px)
{
    .modal-night-goodok .install__header-title
    {
        width: auto;
        margin-right: 36px;
        margin-left: 36px;
    }

    .modal-night-goodok .auth__text,
    .modal-night-goodok .modal__auth_buttons,
    .modal-night-goodok .modal__simpletext
    {
        width: auto;
    }
}

@media screen and (min-width: 1151px)
{
    .search-block__content .artist
    {
        width: 33.33%;
    }

    .search-block__content .artist:first-child,
    .search-block__content .artist:nth-child(3n+4)
    {
        border-left: none;
    }

    .search-block__content .artist:nth-child(-n+3)
    {
        border-top: none;
    }
}

@media (min-width: 1152px)
{
    a:hover
    {
        transition: color .2s ease;
    }

    .accordion__blocked p.grey a:hover,
    .accordion__content p.grey a:hover
    {
        text-decoration: none;
    }

    .artist:hover:after
    {
        width: 103.47%;
        height: 108.93%;

        transition: all .3s ease;

        background: #f9f9fa;
        box-shadow: 0 10px 40px rgba(28,39,64,.3);
    }

    .artist:hover .artist__img
    {
        transition: all .3s ease;

        -webkit-filter: grayscale(0);
                filter: grayscale(0);
    }

    .artist__big .artist__name
    {
        margin-bottom: 8px;
    }

    .auth__text-grey a:hover
    {
        text-decoration: none;
    }

    .auth__tab:hover
    {
        z-index: 10;
    }

    .auth__tab:hover:after
    {
        width: 103.47%;
        height: 108.93%;

        transition: all .3s ease;

        background: #3fcdff;
    }

    .auth__form-input:hover
    {
        transition: all .2s ease;

        border-color: #1f2229;
    }

    .btn:hover
    {
        transition: background-color .2s ease;

        background-color: #626469;
    }

    .btn-link::after
    {
        opacity: 1;
    }

    .btn-link:hover::after
    {
        opacity: 0;
    }

    .ctm-tandem
    {
        display: -ms-flexbox;
        display: flex;
            flex-direction: column-reverse;

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

    .ctm-tandem .genres [data-items-container]
    {
        padding: 0;

        background-color: #f5f5fa;
    }

    .ctm-tandem .genres__item
    {
        margin-bottom: 0;
    }

    .ctm-tandem .genres__item.active .genres__link
    {
        position: relative;
    }

    .ctm-tandem .genres__item.active .genres__link::after
    {
        position: absolute;
        bottom: 0;
        left: 0;

        display: block;

        width: 100%;
        height: 1px;

        content: '';

        background-color: #1f2229;
    }

    .ctm-tandem .genres__link
    {
        font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: 400;
        font-style: normal;
        line-height: 1.375;

        display: inline-block;

        padding: 12px 0 14px !important;

        color: #626469;
    }

    .fancybox-container .footer
    {
        display: none;
    }

    .footer-social__link:hover .icon
    {
        transition: all .2s ease;
    }

    .footer-social__link:hover .icon-ic_facebook
    {
        color: #3a5998;
    }

    .footer-social__link:hover .icon-ic_twitter
    {
        color: #1da1f2;
    }

    .footer-social__link:hover .icon-ic_vk
    {
        color: #597da3;
    }

    .footer-menu__link:hover
    {
        transition: all .2s ease;

        color: #8f9399;
    }

    .lk-table__row .lk-table__row-half:first-child .lk-table__cell + .lk-table__cell
    {
        padding-top: 6px;
    }

    .lk-table .remove:hover .icon-settings::before,
    .lk-table .settings:hover .icon-settings::before,
    .lk-table .remove:hover .icon-trash::before,
    .lk-table .settings:hover .icon-trash::before
    {
        transition: all .2s ease;

        color: #3fcdff;
    }

    .button__cyan:hover,
    .button__cyan:active
    {
        border-color: #fff;
        background: #fff;
    }

    .link:hover
    {
        color: #626469;
        background: none !important;
    }

    .rating__container:hover .rating__star,
    .rating__container:hover .rating__star-active
    {
        color: #3fcdff;
    }

    .promo img
    {
        position: relative;
        left: 50%;

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

    .container__search
    {
        display: none;
    }

    .app__link:hover .app__link-overlay
    {
        transition: all .2s ease;

        opacity: 0;
    }

    .grayscaled .grayscale.grayscale-fade:hover
    {
        -webkit-filter: grayscale(0);
                filter: grayscale(0);
    }

    .grayscaled .grayscale.grayscale-replaced.grayscale-fade:hover > svg
    {
        opacity: 0;
    }

    .labeled:hover
    {
        transition: all .2s ease;

        border-color: #1f2229;
    }

    .melody-big .melody__name:hover
    {
        color: #1f2229;
    }

    .melody-big .melody__artist:hover
    {
        color: #8f9399;
    }

    .melody-small__left:hover
    {
        transition: all .3s ease;
        -webkit-transform: scale(1.2777) rotate(.02deg);
            -ms-transform: scale(1.2777) rotate(.02deg);
                transform: scale(1.2777) rotate(.02deg);

        box-shadow: 0 10px 40px 0 rgba(28,39,64,.7);
    }

    .melody-small__left:hover .melody__play
    {
        transition: all .3s ease;

        opacity: 1;
    }

    .melody-small__button
    {
        display: none;
    }

    .melody__name a:hover
    {
        color: #3fcdff;
    }

    .melody__artist a:hover
    {
        color: #3fcdff;
    }

    .menu__trigger-container
    {
        display: none;
    }

    .menu__item:hover .menu__link
    {
        transition: all .15s ease;

        color: #1f2229;
    }

    .menu__item:hover .menu__link:after,
    .menu__link:active:after
    {
        position: absolute;
        z-index: 102;
        right: 0;
        bottom: 0;
        left: 0;

        display: block;

        width: 100%;
        height: 1px;

        content: '';

        background: #1f2229;
    }

    .menu-dropdown__list-link:hover
    {
        transition: all .2s ease;

        color: #1f2229;
    }

    .menu-dropdown__interest-link:hover
    {
        transition: all .2s ease;

        color: #1f2229;
        background: #f5f5fa;
    }

    .menu__item:hover .menu-dropdown
    {
        display: block;
    }

    .user-menu__link:hover,
    .user-menu__link:hover .icon
    {
        transition: all .2s ease;

        color: #1f2229;
    }

    .menu-mobile
    {
        display: none !important;
    }

    .modal .footer
    {
        display: none !important;
    }

    .install__header
    {
        margin: -40px -40px 0 !important;
        padding: 34px 40px 40px;
    }

    a.my-melody__track:hover
    {
        cursor: pointer;
        transition: all .2s ease;

        color: #3fcdff;
    }

    a.my-melody__artist:hover
    {
        cursor: pointer;
        transition: all .2s ease;

        color: #3fcdff;
    }

    .search__submit:hover,
    .search__submit:hover .icon
    {
        transition: all .2s ease;

        color: #1f2229;
    }

    .search-block__none a:hover
    {
        text-decoration: none;
    }

    .search-block__none a:hover u
    {
        border-color: transparent;
    }

    .search__linklist-link:hover
    {
        transition: color .2s ease;

        color: #626469;
    }

    .select-city__link:hover
    {
        transition: all .2s ease;

        color: #fff;
    }

    .select-city__list-link:hover
    {
        transition: color .2s ease;

        color: #1f2229;
    }
}

@media (min-width: 1152px) and (min-width: 1152px)
{
    .artist__button .button:hover
    {
        color: #626469;
        border-color: #1f2229;
        background: #fff;
    }

    .button:hover,
    .button:active
    {
        transition: all .2s ease;

        color: #fff;
        border-color: #626469;
        background: #626469;
    }
}

@media (min-width: 1152px) and (max-width: 1151px)
{
    .auth__tab:after
    {
        display: none;
    }

    .app__link:hover .app__link-overlay
    {
        opacity: 1;
    }

    .melody-small__left:hover
    {
        tarnsform: none;
    }
}

@media screen and (min-width: 1152px)
{
    .search-block__content .melody-small
    {
        width: 33%;
    }

    .search-block__content .melody-small:nth-child(-n+3)
    {
        margin-top: -20px;
    }
}

@media (max-width: 1151px)
{
    .accordion
    {
        padding-bottom: 60px;
    }

    .modal .accordion
    {
        width: 508px;
        margin: 0 auto;
    }

    .accordion__inner
    {
        position: relative;

        margin: 0 auto;
        padding: 0;
    }

    .accordion__name
    {
        width: 100%;
        padding-right: 120px;
    }

    .accordion__item.notmobile
    {
        margin-top: 0;

        background: #fff;
    }

    .accordion__trigger
    {
        font-size: 26px;
    }

    .accordion__trigger span
    {
        right: 3px;
    }

    .notmobile .accordion__trigger
    {
        display: none !important;
    }

    .accordion__blocked,
    .accordion__content
    {
        padding-bottom: 25px;
    }

    .notmobile .accordion__blocked,
    .notmobile .accordion__content
    {
        display: block !important;
    }

    .accordion__content .accordion__inner
    {
        position: relative;

        margin: 0 auto;
        padding: 0;
    }

    .accordion-rules__trigger span
    {
        right: 24px;
    }

    .artist
    {
        width: 25%;
    }

    .search-block__content .artist
    {
        width: 100%;
        max-width: calc(100% / 3);
    }

    .artist__big
    {
        height: auto;
        padding: 40px 17px;
    }

    .artist__big:after
    {
        display: none;
    }

    .artist:nth-child(-n+2)
    {
        border-top: none;
    }

    .artist__img
    {
        -webkit-filter: grayscale(0);
                filter: grayscale(0);
    }

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

    .artist__title
    {
        display: none;
    }

    .artist__button
    {
        text-align: center;
    }

    .artist__button .button
    {
        max-width: 100%;
    }

    .artist-card
    {
            flex-direction: column;

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

        -ms-flex-direction: column;
    }

    .artist-card__name
    {
        width: 100%;
        margin-top: 20px;

        text-align: center;
    }

    .artist-playlist
    {
            flex-direction: column;

        width: 47.4%;
        margin-right: -24px;

        -ms-flex-direction: column;
    }

    .auth__header .inner
    {
        height: 52px;
    }

    .auth__close
    {
        width: 52px;
        height: 52px;
    }

    .auth__title_1 ~ .auth__text,
    .auth__title_1 ~ .auth__link
    {
        width: 460px;
    }

    .auth__title_1
    {
        width: 460px;
    }

    .auth__title_2 ~ .auth__text,
    .auth__title_2 ~ .auth__link
    {
        width: 424px;
    }

    .auth__title_2
    {
        width: 424px;
    }

    .auth__title
    {
        text-align: center !important;
    }

    .auth__text
    {
        text-align: left;
    }

    .auth__link
    {
        text-align: center;
    }

    .auth__code
    {
        width: 460px;
    }

    .auth__code .button
    {
        display: block;

        margin: 0 auto;
    }

    .auth__menu
    {
        width: 460px;
    }

    .auth__menu-list
    {
        margin-bottom: 20px;

        border-bottom: 1px solid #d1dbd6;
    }

    .auth__menu-content .button
    {
        display: block;

        margin: 0 auto;
    }

    .auth__tab
    {
        display: block;

        width: 100%;

        background: #fff;
    }

    .auth__tab.active:after
    {
        display: none;
    }

    .auth__tab.active
    {
        background: #3fcdff;
    }

    .auth__form-input-container-double .auth__form-input-container + .auth__form-input-container
    {
        margin-left: 0;
    }

    .auth__recovery-text
    {
        width: 508px;
        margin-right: auto;
        margin-left: auto;
    }

    .error
    {
            flex-direction: column;

        width: 100%;
        padding: 60px 0;

        -ms-flex-direction: column;
    }

    .error__image
    {
        margin-bottom: 20px;
    }

    .error__text
    {
        width: 350px;
        padding-right: 0;

        text-align: center;
    }

    .footer-menu
    {
        width: 75%;
    }

    .footer-menu__left
    {
        width: 51%;
    }

    .footer-menu__right
    {
        width: 49%;
        margin-left: 0;
    }

    .header
    {
        height: 52px;
    }

    .header .inner
    {
        height: 52px;
    }

    .header .logo
    {
        margin-top: 10px;
        margin-left: 0;
    }

    .header .user-menu
    {
        margin-right: 0;
    }

    .lk-table
    {
        width: auto;
        margin: 0 -24px;
    }

    .lk-table__row
    {
        padding-right: 24px;
        padding-left: 24px;
    }

    .lk-table__row .my-melody__artist,
    .lk-table__row .my-melody__track
    {
        overflow: hidden;

        max-width: 100%;
        margin-top: 0;
        padding-bottom: 2px;

        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .lk-table__header
    {
        padding-right: 24px;
        padding-left: 24px;
    }

    .lk-table__header .lk-table__cell
    {
        padding-right: 20px;
    }

    .lk-line__exit
    {
        margin-top: 6px;
    }

    .lk-line__exit span
    {
        display: none;
    }

    .lk-line__title
    {
        font-size: 20px;
    }

    .rules
    {
        width: 508px;
        margin: 35px auto;
    }

    .rules__title
    {
        margin-top: 0;

        text-align: center;
    }

    .rules__title h3
    {
        font-size: 26px;
    }

    .rules__rules .button__block
    {
        margin: 0 auto;
    }

    .rules__rules .date
    {
        width: 114px;

        text-align: left;
    }

    .rules__rules .date ~ br
    {
        display: none;
    }

    .rules__remove
    {
        display: block;

        margin: 23px 0;

        text-align: center;
    }

    .people__add .button
    {
        padding: 11px 35px;
    }

    .inner
    {
        width: 100%;
        padding: 0 24px;
    }

    .inner.pad_36
    {
        width: 100%;
        padding: 36px;
    }

    h1
    {
        font-size: 32px;
        line-height: 38px;
    }

    .button__buy
    {
        border-color: #3fcdff;
        background: #3fcdff;
    }

    .button__dark
    {
        padding: 11px 35px;
    }

    .button__hight_trans
    {
        padding: 11px 35px;
    }

    .biglink
    {
        margin-top: 30px;
    }

    .melody-small__list-container ~ .biglink
    {
        margin-top: 20px;
    }

    .link
    {
        font-size: 16px;

        padding-bottom: 4px;

        background-position: 0 19px;
    }

    .logo .icon-logo
    {
        font-size: 36px;
    }

    .promo img
    {
        width: 100%;
    }

    .promo-custom
    {
        height: 340px;
    }

    .promo-custom .inner
    {
        padding-left: 50%;
    }

    .promo-custom__img
    {
        width: 40%;
        margin-left: 1.3%;
    }

    .promo-custom__img img
    {
        width: 98%;
    }

    .promo-custom__img-bottom
    {
        top: 50%;
        bottom: auto;

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

    .promo-custom__img-bottom-big
    {
        text-align: center;
    }

    .promo-custom__img-bottom-big img
    {
        width: 68%;
    }

    .promo-custom__content
    {
        width: 100%;
        padding-right: 72px;
    }

    .promo-custom__content .title
    {
        margin-bottom: 8px;
    }

    .container
    {
        padding: 40px 0;
    }

    .container__title-smallpad
    {
        padding: 40px 0 30px;
    }

    .container__user-selection
    {
        padding-top: 30px;
    }

    .container.textpage
    {
        margin-top: -60px;
    }

    .container__searching
    {
        margin-top: -30px;
        padding: 0 0 40px;
    }

    .container__lk
    {
        margin-bottom: -10px;
        padding-bottom: 0;
    }

    .container__table
    {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .appstore .app__link-overlay
    {
        display: none;
    }

    .google .app__link-overlay
    {
        display: none;
    }

    .genres__list
    {
        width: 100%;
        margin-right: 0;

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

    .genres__item
    {
        margin-right: 20px;
        margin-bottom: 16px;
        margin-left: 20px;
    }

    .genres [data-items-container]
    {
        padding: 20px 0 5px;
    }

    .for-pc
    {
        display: none;
    }

    .for-mobile
    {
        display: inline-block;
    }

    .textpage__title
    {
        width: auto;
        margin-bottom: 40px;
        padding: 0 30px;
    }

    .textpage__double
    {
        margin-bottom: 0 !important;
    }

    .textpage__part:first-child:before
    {
        display: none;
    }

    .textpage__part .accordion
    {
        width: auto;
        margin: 0 -24px;
    }

    .textpage__part .accordion__inner
    {
        font-size: 26px;

        width: 100%;
    }

    .textpage__part .accordion__inner p,
    .textpage__part .accordion__inner li
    {
        font-size: 16px;

        width: 100%;
    }

    .fast-layout__header .inner
    {
        height: 52px;
    }

    .fast-layout__close
    {
        width: 52px;
        height: 52px;
    }

    .melody
    {
        width: 14.28%;
    }

    .melody-big
    {
        margin-top: 80px;
        margin-bottom: 0;
        padding-bottom: 25px;

        background: #fff;
    }

    .melody-big:before
    {
        position: absolute;
        top: -80px;
        right: 0;
        left: 0;

        display: block;

        width: 100%;
        height: 80px;

        content: '';

        background: #fff;
    }

    .melody-big .melody__name
    {
        padding: 0 20px;
    }

    .melody-big .melody__artist
    {
        padding: 0 20px 2px;
    }

    .melody-small
    {
        width: 49.7%;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .melody-small__list
    {
        margin: 0 0 20px;
    }

    .melody-small__list-container
    {
        margin: 0 -24px;
        padding: 40px 24px;
    }

    .container__title-smallpad .melody-small__list-container
    {
        padding: 0 24px;
    }

    .melody-small__list-container + .biglink
    {
        margin-top: -22px;
    }

    .melody-small__list-container:nth-child(odd):not(.wobg)
    {
        margin: 30px -24px;
        padding: 30px 20px;

        background: #f9f9fa;
    }

    .title + .melody-small__list-container
    {
        margin-top: -20px;
    }

    .melody-small__list-container .title + *
    {
        margin-top: 20px;
    }

    .rules .melody-small__left
    {
        float: none;

        width: 184px;
        height: 184px;
        margin: 0 auto 10px;
    }

    .rules .melody-small__left img
    {
        display: block;

        width: 100%;
    }

    .rules .melody-small__right
    {
        float: none;

        width: 100%;

        text-align: center;
    }

    .rules .melody-small__right .melody__rating
    {
        display: none;
    }

    .rules .melody-small__right .melody__name a
    {
        display: inline-block;
        overflow: hidden;

        max-width: 50%;
        padding-bottom: 4px;

        vertical-align: top;
        text-overflow: ellipsis;
    }

    .rules .melody-small__right .melody__name .melody__rating
    {
        display: inline-block !important;

        margin-right: -40px;
        margin-left: 13px;

        vertical-align: top;
    }

    .rules .melody-small
    {
        display: block;

        padding: 30px 20px;
    }

    .menu
    {
        display: none;
    }

    .menu-dropdown__list-link
    {
        display: block;

        box-sizing: border-box;
        width: 100%;
        padding: 12px 20px;
    }

    .user-menu
    {
        margin-top: 0;
    }

    .user-menu__item
    {
        margin-left: 24px;
    }

    .user-menu__link
    {
        font-size: 0;

        min-height: auto;
        padding-left: 0;
    }

    .user-menu__link .icon
    {
        position: relative;
        top: auto;
        left: auto;

        margin-top: 12px;

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

    .user-menu__phone
    {
        margin-top: 10px;
        margin-left: 8px;
    }

    .menu-mobile__list-item
    {
        padding: 0;
    }

    .modal
    {
        width: 100%;
        min-height: 100%;
        padding: 1px 0 0;

        border: none;
    }

    .modal__wrapper
    {
        min-height: 100%;
    }

    .modal__inner .fancybox-close-small
    {
        display: none !important;
    }

    .modal__close
    {
        font-size: 24px;

        position: absolute;
        z-index: 100;
        top: 40px;
        right: 40px;

        display: block !important;

        width: 28px;
        height: 28px;

        cursor: pointer;

        color: #1f2229;
    }

    .modal__close:before
    {
        display: inline-block;

        margin: 2px 0 0 2px;

        vertical-align: top;
    }

    .modal__auth_error
    {
        width: 508px;
        margin-right: auto;
        margin-left: auto;
    }

    .modal__auth_captcha-error
    {
        margin-top: 18px;
        margin-left: 0;
    }

    .modal__code
    {
        width: 508px;
        margin-right: auto;
        margin-left: auto;
    }

    .modal__code-text
    {
        width: 508px;
        margin-right: auto;
        margin-left: auto;
    }

    .modal__code-link
    {
        width: 508px;
        margin-right: auto;
        margin-left: auto;
    }

    .modal__simpletext
    {
        width: 508px;
        margin: 0 auto;
    }

    .modal .modal__auth_captcha,
    .modal .modal__auth_buttons,
    .modal .auth__form,
    .modal .auth__text
    {
        width: 508px;
        margin-right: auto;
        margin-left: auto;
    }

    .modal__text-success
    {
        display: -ms-flexbox;
        display: flex;

        width: 100%;
        height: 100%;

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

    .modal__text-success ~ .promo-custom
    {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;

        display: block;
    }

    .install__header
    {
        padding: 36px 0 40px;
    }

    .install__header-title
    {
        width: 508px;
        margin: 0 auto 25px;
        padding: 0 100px 0 0;
    }

    .install__header-text
    {
        width: 508px;
        margin: 0 auto;
    }

    .install-text
    {
        padding: 100px 20px;
    }

    .install__title
    {
        width: 508px;
        margin: 0 auto 25px;
    }

    .install__content
    {
        margin: 0 auto;
        padding: 40px 36px;
    }

    .install__content-melodies
    {
        width: 508px;
        margin: 0 auto;
    }

    .install__content-melodies .my-melody
    {
        margin-top: 44px;
    }

    .install > .accordion
    {
        width: 508px;
        margin: 0 auto;
    }

    .modal-install-3
    {
        box-sizing: border-box;
        height: 100%;
        padding-bottom: 340px;
    }

    .my-melody__connect
    {
        margin-left: -50px;
    }

    .my-melody__content .accordion
    {
        width: 100%;
        padding-bottom: 0;
    }

    .my-melody__content .accordion__inner,
    .my-melody__content .accordion__content,
    .my-melody__content .accordion__blocked
    {
        width: 100%;
    }

    .my-melody__content .accordion__trigger span
    {
        right: 0;
    }

    .textpage__part .my-melody__line
    {
        width: 100%;
        margin-right: 0;
    }

    .my-melody__name
    {
        display: block;
        overflow: hidden;

        text-overflow: ellipsis;
    }

    .my-melody__artist
    {
        margin-top: 3px;
        margin-left: 0;
    }

    .search
    {
        left: 0;

        padding-top: 0;
        padding-left: 15px;
    }

    .search__submit
    {
        width: 15px;
        height: 15px;
    }

    .search__submit .icon
    {
        font-size: 15px;
    }

    .search__input
    {
        height: 50px;
    }

    .select-city__selected
    {
        display: none;
    }

    .select-city__block
    {
        height: auto;
        padding: 23px 0;

        background: #1f2229;
    }

    .select-city__block-text
    {
        line-height: 1.2;

        float: left;

        margin-top: 3px;

        color: #fff;
    }

    .select-city__block-true
    {
        margin-top: 0;

        color: #1f2229;
        border-radius: 4px;
        background: #fff;
    }

    .select-city__block-change
    {
        margin-top: 0;

        color: #fff;
    }

    .select-city__block-close
    {
        margin: -2px 12px -2px 30px;
    }

    .select-city__modal-top
    {
        height: 52px;
    }

    .select-city__modal-top p
    {
        line-height: 52px;

        text-align: left;
    }

    .select-city__modal-header .inner
    {
        padding: 21px 24px;
    }

    .select-city__modal-header p
    {
        display: inline-block;

        vertical-align: top;
    }

    .select-city__modal-close
    {
        top: -36px;
        right: 25px;

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

    .select-city__list .inner
    {
        padding: 0;

        -webkit-columns: auto 1;
                columns: auto 1;
    }

    .select-city__list-letter
    {
        line-height: normal;

        margin: 6px 0 0;
        padding: 12px 24px;
    }

    .select-city__list-item
    {
        line-height: normal;

        margin: 0;
        padding: 12px 24px;

        border-bottom: 1px solid #e8e8ed;
    }

    .select-city__list-item:first-child
    {
        border-top: 1px solid #e8e8ed;
    }

    .tabs
    {
        margin-top: 64px;
    }

    .tabs-list
    {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 1151px)
{
    .promo__big
    {
        display: none;
    }

    .search-block__category
    {
        float: none;

        width: 100%;
        margin-bottom: 15px;
    }

    .search-block__content
    {
        float: none;

        width: 100%;
    }

    .search-block__none
    {
        margin: -20px 0 152px;
    }

    .search-live
    {
        display: none !important;
    }
}

@media (max-width: 1007px)
{
    .melody
    {
        width: 16.65%;
    }
}

@media (max-width: 992px)
{
    .group-items
    {
            flex-direction: column;

        -ms-flex-direction: column;
    }

    .group-items__container
    {
        width: 100%;
    }

    .group-items__label
    {
        margin-bottom: 18px;
    }

    .search-ajax-results
    {
        overflow-x: hidden;
        overflow-y: auto;

        padding: 30px 24px 40px;
    }
}

@media (max-width: 991px)
{
    .search-block__content .artist
    {
        max-width: calc(100% / 2);
    }
}

@media (max-width: 863px)
{
    .melody
    {
        width: 20%;
    }
}

@media (max-width: 768px)
{
    .btn,
    .btn-outline
    {
        height: 48px;
        padding-right: 35px;
        padding-left: 35px;
    }

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

    .group-items__label
    {
        width: 100%;
    }

    .delete
    {
        width: calc(100% - 40px);
        margin: 40px auto;
    }

    .delete__title
    {
        padding-right: 50px;
    }

    .delete__buttons .button ~ .button
    {
        margin-top: 15px;
        margin-left: 0;

        -ms-flex-order: 1;
        order: 1;
    }

    .delete__buttons .button
    {
        -ms-flex-order: 2;
        order: 2;
    }

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

    .my-melody__connect .equal-buttons__container,
    .my-melody__connect .equal-buttons
    {
        display: block;

        width: initial;
    }

    .my-melody__connect .equal-buttons .button
    {
        display: inline-block;

        width: initial;
    }

    .search-ajax-results .artist-group,
    .search-ajax-results .melody-small-group
    {
        overflow-x: auto;
        overflow-y: hidden;

        width: auto;
        margin-top: 0;
        margin-right: -24px;
        margin-left: -24px;
        padding-right: 24px;
        padding-left: 24px;
    }

    .search-ajax-results .artist-group .artist,
    .search-ajax-results .melody-small-group .artist,
    .search-ajax-results .artist-group .melody-small,
    .search-ajax-results .melody-small-group .melody-small
    {
        width: 290px;
        max-width: none;

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

    .container__notfound + .promo-custom
    {
        padding-top: 40px;
    }
}

@media (max-width: 767px)
{
    body
    {
        overflow-x: hidden;
    }

    .accordion
    {
        width: 100%;
        padding-bottom: 20px;
    }

    .modal .accordion
    {
        width: 100%;
    }

    .accordion__inner
    {
        width: 100%;
        padding: 0;
    }

    .accordion__name
    {
        width: 100%;
        padding-right: 30px;
    }

    .accordion__item
    {
        padding-top: 38px;
        padding-right: 20px;
        padding-left: 20px;
    }

    .smallpad .accordion__item
    {
        padding-right: 0;
        padding-left: 0;
    }

    .accordion__trigger span
    {
        font-size: 0;

        right: 3px;
        bottom: 4px;
    }

    .accordion-rules__label
    {
        margin-right: 10px;
    }

    .accordion-rules__selected
    {
        margin-left: 0;
    }

    .accordion-rules__trigger
    {
        padding: 21px 20px;
    }

    .accordion-rules__trigger span
    {
        font-size: 0;

        right: 20px;
    }

    .accordion-rules__content
    {
        padding: 0 20px;
    }

    .artist
    {
        width: 100%;
        padding-right: 45px;

        border-top: none !important;
        border-bottom: 1px solid #d1dbd6 !important;
        background: none;
    }

    .artist:first-child
    {
        border-top: 1px solid #d1dbd6 !important;
    }

    .search-block__content .artist
    {
        width: 100%;
        max-width: 100%;
    }

    .artist__big
    {
        display: block;

        width: 100%;
        height: 102px;
        padding: 15px 45px 15px 112px;

        border-bottom: 1px solid #d1dbd6;
        border-left: 0;
        background: none;
    }

    .artist__big:first-child
    {
        border-top: 1px solid #d1dbd6;
    }

    .artist:nth-child(-n+4)
    {
        border-top: none;
    }

    .artist-list
    {
        margin-top: 30px;
        margin-right: -20px;
        margin-left: -20px;
    }

    .title ~ .artist-list
    {
        margin-bottom: 0;
    }

    .artist__big .artist__img
    {
        position: absolute;
        top: 50%;
        left: 20px;

        width: 72px;
        height: 72px;
        margin-top: -36px;
    }

    .artist__big .artist__name
    {
        margin-top: 18px;

        text-align: left;
    }

    .artist__big .artist__counter
    {
        text-align: left;
    }

    .artist__button
    {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;

        display: block;

        width: 100%;
        height: 100%;
    }

    .artist__button .button
    {
        font-size: 0;

        position: absolute;
        z-index: 10;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;

        display: block;

        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;

        border: none;
        background: none;
    }

    .artist__button .button:before
    {
        font-family: 'Icons' !important;
        font-size: 18px;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;

        position: absolute;
        top: 50%;
        right: 21px;

        margin-top: -9px;

        content: '\e907';
        text-transform: none;

        color: #000;

        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .artist-card
    {
        float: none;

        width: auto;
        margin: 0 -20px;
    }

    .artist-playlist
    {
        float: none;

        width: auto;
        margin: 0 -20px;
    }

    .artist-playlist__item
    {
        padding-right: 20px;
        padding-left: 20px;
    }

    .artist-playlist__item:first-child
    {
        border-top: none;
    }

    .artist-playlist__item:before
    {
        position: relative;
        top: auto;

        margin-right: 14px;

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

    .artist-playlist__play
    {
        margin-right: 10px;
    }

    .artist-playlist__rating
    {
        min-width: 60px;
    }

    .artist-playlist > .center
    {
        padding: 0 20px;
    }

    .auth__title_1 ~ .auth__text,
    .auth__title_1 ~ .auth__link
    {
        width: 100%;
    }

    .auth__title_1
    {
        width: 100%;
    }

    .auth__title_2 ~ .auth__text,
    .auth__title_2 ~ .auth__link
    {
        width: 100%;
    }

    .auth__title_2
    {
        width: 100%;
    }

    .auth__title
    {
        width: 100%;

        text-align: left !important;
    }

    .auth__text-center
    {
        text-align: center !important;
    }

    .auth__text-divider
    {
        display: block;

        width: 100%;
        height: 18px;
    }

    .auth__text
    {
        width: 100% !important;

        text-align: left;
    }

    .auth__code
    {
        width: 100%;
    }

    .auth__menu
    {
        width: 100%;
    }

    .auth__form-input-container-double .auth__form-input-container
    {
        width: 100%;
    }

    .auth__form-input-container-double .auth__form-input-container + .auth__form-input-container
    {
        margin-left: 0;
    }

    .auth__form .button
    {
        margin-bottom: 8px;
    }

    .auth__form .button + .button
    {
        margin-right: 0;
    }

    .auth__recovery-text
    {
        width: 100%;
    }

    .auth__time .select
    {
        display: block;

        width: 136px;
    }

    .auth__time .select + .select
    {
        margin-top: 18px;
        margin-left: 0;
    }

    .error__image
    {
        width: 100%;
    }

    .error__text
    {
        width: 100%;
        padding: 0 20px;
    }

    .footer__left
    {
        float: none;
    }

    .footer-menu
    {
        float: none;

        width: 100%;
        margin-top: 40px;
    }

    .footer-menu__left
    {
        float: none;

        width: 100%;
    }

    .footer-menu__right
    {
        float: none;

        width: 100%;
    }

    .lk-table
    {
        margin-top: -20px;
    }

    .lk-table__row-half + .lk-table__row-half
    {
        display: none;
    }

    .lk-table__row-half + .lk-table__row-half .lk-table__cell
    {
        box-sizing: border-box;
        width: 100%;
        margin-top: 3px;
    }

    .lk-table__row-half
    {
        float: none;

        box-sizing: border-box;
        width: 100%;
    }

    .opened.lk-table__row .lk-table__row-half:first-child .lk-table__cell + .lk-table__cell
    {
        padding-bottom: 10px;

        border-bottom: 1px solid #d1dbd6;
    }

    .lk-table__cell .checkbox,
    .lk-table__cell .settings
    {
        font-size: normal;

        white-space: nowrap;
    }

    .lk-table__cell .checkbox__style,
    .lk-table__cell .icon-settings,
    .lk-table__cell .icon-trash
    {
        display: inline-block;

        vertical-align: top;
    }

    .lk-table__cell .checkbox__label
    {
        color: #626469;
    }

    .lk-table__cell .checkbox__style
    {
        margin-right: 17px;
    }

    .lk-table__cell .settings__label
    {
        font-family: 'Tele2TS-R', Arial, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 25px;

        display: inline-block;

        margin-left: 14px;

        vertical-align: top;

        color: #626469;
    }

    .lk-table__mobile
    {
        display: inline-block;

        vertical-align: top;
    }

    .lk-table__hidden
    {
        display: none;
    }

    .lk-table .settings
    {
        padding-right: 10px;
    }

    .lk-line__title
    {
        font-size: 18px;
    }

    .rules
    {
        width: 100%;
        margin: 0 0 35px;
    }

    .rules__title
    {
        margin: 0;
        padding: 36px 68px 22px 18px;

        text-align: left;
    }

    .rules__title h3
    {
        font-size: 32px;
    }

    .rules__melody
    {
        position: relative;

        overflow: hidden;

        margin-top: 0;
    }

    .rules__rules
    {
        text-align: center;
    }

    .rules__rules .auth__time
    {
        margin: 0;

        text-align: left;
    }

    .rules__rules .auth__time .select
    {
        display: inline-block;

        width: 114px;
        margin-top: 0;

        vertical-align: top;
    }

    .rules__rules .auth__time .select + .select
    {
        margin-left: 12px;
    }

    .rules__rules .auth__time ~ .rules__clear
    {
        margin-right: -10px;
        margin-left: 10px;
    }

    .rules__rules .date ~ .date
    {
        margin-top: 0;
        margin-left: 12px;
    }

    .rules__rules .date ~ .rules__clear
    {
        display: inline-block;

        margin-top: 9px;
        margin-right: -10px;
        margin-left: 10px;
    }

    .rules__rule
    {
        text-align: left;
    }

    .rules__rules .week
    {
        text-align: left;
    }

    .people__add
    {
        text-align: left;
        white-space: normal;
    }

    .people__add-name
    {
        width: 100% !important;
        margin-bottom: 15px !important;
    }

    .people__add-phone
    {
        width: 100% !important;
        margin: 0 0 15px !important;
    }

    .people__add .button
    {
        float: none;

        margin-top: 10px;
        padding: 12px 35px;
    }

    .date ~ .date
    {
        margin-top: 15px;
        margin-left: 0;
    }

    .date__mob-vis
    {
        line-height: 48px;

        display: inline-block;

        width: 20px;
        height: 48px;

        vertical-align: top;
    }

    .date__mob-vis ~ .date__mob-vis
    {
        margin-top: 15px;
    }

    .date ~ .rules__clear
    {
        float: none;

        margin-top: 25px;
    }

    .inner
    {
        padding: 0 20px;
    }

    .inner.pad_36
    {
        padding: 36px 20px;
    }

    h1 a
    {
        font-size: 32px;
    }

    h3
    {
        font-size: 26px;
    }

    h3 a
    {
        font-size: 26px;
    }

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

    .button__buy + .button__buy
    {
        left: auto;

        margin-top: 10px;
        margin-left: 0;
    }

    .button__buy
    {
        width: 100%;
    }

    .button__upload
    {
        width: 100%;
    }

    .button__black + .button__buy
    {
        left: auto;

        margin-top: 10px;
        margin-left: 0;
    }

    .button__hight_trans
    {
        padding: 11px 35px;
    }

    .biglink
    {
        margin-top: 20px;
    }

    .promo-custom
    {
        height: auto;
        padding-bottom: 40px;
    }

    .promo-custom .inner
    {
        padding: 0 20px;
    }

    .promo-custom__img
    {
        position: relative;
        top: auto;
        left: auto;

        float: none;

        width: 90%;
        margin: 0 auto 10px;

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

    .promo-custom__content
    {
        padding-right: 0;
    }

    .promo-custom__content p + p
    {
        margin-top: 0;
    }

    .container.smallpad
    {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .container__hits
    {
        padding: 30px 0;
    }

    .container__title-smallpad
    {
        padding: 60px 0 40px;
    }

    .container__my-melody
    {
        padding: 72px 0 40px;
    }

    .container__searching
    {
        margin-top: 0;
        padding: 0 0 30px !important;
    }

    .container__lk
    {
        margin-bottom: -20px;
        padding-top: 10px;
        padding-bottom: 0;
    }

    .container__lk ~ .container__lk
    {
        margin-bottom: 0;
        padding-bottom: 20px;
    }

    .container__table
    {
        margin-bottom: 0;
        padding-bottom: 20px;
    }

    .genres__list
    {
        width: calc(100% + 20px);
        margin-right: -10px;
        margin-left: -10px;
    }

    .genres__item
    {
        margin-right: 10px;
        margin-left: 10px;
    }

    .only-for-mobile
    {
        display: block;
    }

    .only-for-mobile.button
    {
        display: inline-block;
    }

    .not-for-mobile
    {
        display: none !important;
    }

    .textpage__title
    {
        margin-bottom: 20px;
        padding: 0;
    }

    .textpage__part
    {
        float: none;

        width: 100%;
    }

    .textpage__part:first-child
    {
        width: auto;
        margin: -50px -24px 0;
        padding: 40px 24px 30px;
    }

    .textpage__part .accordion
    {
        margin: 0 -20px;
    }

    .labeled
    {
        width: 100%;
    }

    .labeled-container
    {
        width: 100%;
    }

    .upload
    {
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .upload__name
    {
        padding-right: 0;
    }

    .checkbox
    {
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .checkbox__style
    {
        margin-top: -2px;
    }

    .night-goodok
    {
        display: block;

        width: 100%;
        padding-right: 12px;
    }

    .night-goodok .my-melody__artist
    {
        margin-right: 0;
        margin-left: 17px;
        padding-right: 0;
    }

    .button + .my-goodok__hint
    {
        margin-top: 22px;
        margin-left: 0;
    }

    .mobile-tal
    {
        text-align: left;
    }

    .equal-buttons
    {
        display: inline-block;

        width: auto;

        vertical-align: top;
    }

    .equal-buttons__container
    {
        display: block;

        width: 100%;
    }

    .equal-buttons > .button
    {
        display: block;

        width: 100%;

        text-align: center;
    }

    .equal-buttons .button + .link
    {
        display: inline-block;

        margin-top: 18px;
        padding-bottom: 8px;
    }

    .melody-small
    {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .melody-small__list-container
    {
        padding: 0 20px;
    }

    .melody-small__list-container + .biglink
    {
        margin-top: 22px;
    }

    .title + .melody-small__list-container
    {
        margin-top: 0;
    }

    .rules .melody-small__left
    {
        overflow: hidden;

        width: 184px;
        height: 184px;
        margin: 0 auto 10px;
    }

    .rules .melody-small__left img
    {
        position: relative;
        top: 50%;

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

    .rules .melody-small__right
    {
        text-align: center;
    }

    .melody-small__button .button
    {
        padding-top: 11px;
        padding-bottom: 11px;
    }

    .rules .melody-small
    {
        position: relative;

        padding: 0;
    }

    .user-menu__phone
    {
        display: none;
    }

    .menu-mobile__tabs-list
    {
        padding: 0 20px;
    }

    .menu-mobile__promo
    {
        padding: 28px 50px 28px 20px;
    }

    .menu-mobile__usermenu-item
    {
        padding: 8px 20px;
    }

    .modal__close
    {
        top: 18px;
        right: 18px;
    }

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

    .modal__auth_error
    {
        width: 100%;
    }

    .modal__auth_captcha-captcha
    {
        float: none;

        width: 100%;
    }

    .modal__auth_captcha-error
    {
        float: none;

        width: 100%;
        margin: 18px 0 0;
    }

    .modal__code
    {
        width: 100%;

        text-align: center;
    }

    .modal__code-text
    {
        width: 100%;
    }

    .modal__code-link
    {
        width: 100%;

        text-align: center;
    }

    .modal__simpletext
    {
        width: 100%;
    }

    .modal .modal__auth_captcha,
    .modal .modal__auth_buttons,
    .modal .auth__form,
    .modal .auth__text
    {
        width: 100%;
    }

    .modal__text-success .install-text
    {
        padding: 0;
    }

    .install__header
    {
        padding: 18px 68px 36px 18px;
    }

    .install__header-title
    {
        font-size: 32px;

        width: 100%;
        margin: 0;
        padding: 0;
        padding-top: 36px;
    }

    .install__header-title h3
    {
        font-size: 32px;

        background-position: 0 31px;
        background-size: 100% 8px;
    }

    .install__header-text
    {
        width: calc(100% + 32px);
        margin-top: 15px;
        margin-right: -32px;
    }

    .install__title
    {
        font-size: 26px;
        line-height: 32px;

        width: 100%;
    }

    .install__content
    {
        box-sizing: border-box;
        width: 100%;
        padding: 40px 20px 18px;
    }

    .install__content-melodies
    {
        width: 100%;
    }

    .install__content-melodies .my-melody
    {
        margin-top: 0;
        padding: 0;
    }

    .install__content-melodies .my-melody__image
    {
        position: relative;
        top: auto;
        left: auto;

        margin: 45px auto 24px;
    }

    .install > .accordion
    {
        width: 100%;
    }

    .modal-install-3
    {
        padding-bottom: 510px;
    }

    .my-melody
    {
        display: block;
    }

    .my-melody__image
    {
        margin: 0 auto 25px;
    }

    .my-melody__content .accordion__item
    {
        padding-right: 0;
        padding-left: 0;
    }

    .my-melody__content .accordion__item .my-melody__line
    {
        width: calc(100% + 40px);
        margin-right: -20px;
        margin-left: -20px;
        padding-right: 20px;
        padding-left: 80px;
    }

    .my-melody__content .accordion__item .my-melody__line .my-melody__play
    {
        left: 20px;
    }

    .my-melody__line
    {
        display: block;

        box-sizing: border-box;
        width: 100%;
        padding-left: 60px;
    }

    .my-melody__play
    {
        position: absolute;
        top: 50%;
        left: 0;

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

    .my-melody__name
    {
        white-space: nowrap;
    }

    .my-melody__track
    {
        line-height: 1.3;

        overflow: hidden;

        box-sizing: border-box;
        padding-right: 20px;

        white-space: normal;
        text-overflow: ellipsis;
    }

    .my-melody__artist
    {
        overflow: hidden;

        box-sizing: border-box;
        padding-right: 20px;

        white-space: nowrap;
    }

    .lk-table .my-melody__artist
    {
        white-space: normal;
    }

    .my-melody__playing
    {
        display: none;
    }

    .copy-melodies
    {
        width: 100%;
    }

    .copy-melodies .my-melody__name
    {
        display: block;
    }

    .copy-melodies .my-melody__artist
    {
        margin-left: 0;
    }

    .select-city .inner
    {
        text-align: left;
    }

    .select-city__block
    {
        padding: 12px 0;

        background: #f5f5fa;
    }

    .select-city__block-text
    {
        font-size: 12px;

        display: block;
        float: none;

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

        text-align: left;

        color: #1f2229;
    }

    .select-city__block-true
    {
        line-height: 48px;

        height: 48px;
        margin-left: 0;
        padding: 0 35px;

        color: #fff;
        border-radius: 30px;
        background: #1f2229;
    }

    .select-city__block-change
    {
        font-size: 14px;

        padding: 18px 0;

        color: #1f2229;
    }

    .select-city__block-close
    {
        display: none;
    }

    .tabs
    {
        margin-top: 20px;
    }

    .tabs-list__item
    {
        line-height: 60px;

        display: block;

        width: 100%;
        height: 60px;

        text-align: center;

        border-top: 1px solid #d1dbd5;
        border-bottom: 0;
        background: #e8e8ed;
    }

    .tabs-list__item:first-child
    {
        border-top: 0;
    }

    .tabs-list__item.active
    {
        color: #fff;
        border-bottom: 0;
        background: #1f2229;
    }
}

@media screen and (max-width: 767px)
{
    .promo__small
    {
        display: block;
    }

    .search-block__none
    {
        margin: -20px 0 60px;
    }
}

@media (max-width: 719px)
{
    .melody
    {
        width: 25%;
    }
}

@media (max-width: 640px)
{
    .ctm-form-control
    {
        width: 100%;
    }

    .ctm-form-control-group
    {
            flex-direction: column;

        -ms-flex-direction: column;
        gap: 15px;
    }

    .notification
    {
        max-width: 100%;
    }

    .ctm-tandem .genres:not(.active) [data-items-container]
    {
        background-color: transparent;
    }

    .ctm-tandem .genres:not(.active) .genres__list
    {
        width: 100%;
        margin: 0;
    }

    .ctm-tandem .genres.active .genres__list
    {
        display: block;

        width: auto;
        margin: 0;

        white-space: nowrap;
    }

    .people .ctm-form-control-group
    {
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .genres.active .genres__list
    {
        display: block;

        width: auto;
        margin: 0;

        white-space: nowrap;
    }

    .genres__list
    {
        width: 100%;
        margin: 0;
    }

    .genres__item
    {
        display: inline;
    }

    .genres [data-items-container]
    {
        padding: 0;
    }

    .genres [data-items-container] .inner
    {
        overflow: auto;

        width: 100%;
        padding: 14px 0;
    }

    div.modal_auth_sso .btn-group
    {
            flex-direction: column;

        -ms-flex-direction: column;
    }

    div.modal_auth_sso .btn-group .btn
    {
        width: 100%;
    }

    div.modal_auth_sso .btn-group .btn + .btn-link
    {
        margin-top: 24px;
        margin-left: 0;
    }

    .my-melody__connect
    {
        margin-left: 0;

        text-align: left;
    }

    .my-melody__connect .button
    {
        text-align: center;
    }

    .my-melody__connect .button + .button
    {
        margin-top: 10px;
        margin-left: 0;
    }

    .my-melody__connect .equal-buttons__container,
    .my-melody__connect .equal-buttons
    {
        width: 100%;
    }

    .my-melody__connect .equal-buttons .button
    {
        display: block;

        width: 100%;
    }

    .search-ajax-results
    {
        padding-right: 20px;
        padding-bottom: 24px;
        padding-left: 20px;
    }

    .search-ajax-results.active
    {
        position: fixed;
        top: 52px !important;
    }

    .search-ajax-results .artist-group,
    .search-ajax-results .melody-small-group
    {
        overflow-y: initial;
            flex-direction: column;

        width: 100%;
        margin-right: initial;
        margin-left: initial;
        padding-right: initial;
        padding-left: initial;

        -ms-flex-direction: column;
    }

    .search-ajax-results .artist-group .artist,
    .search-ajax-results .melody-small-group .artist,
    .search-ajax-results .artist-group .melody-small,
    .search-ajax-results .melody-small-group .melody-small
    {
        width: 100%;
        max-width: initial;

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

    .search-ajax-results .artist-group
    {
        width: auto;
        margin-right: -20px;
        margin-left: -20px;

        gap: 0;
    }

    .search-ajax-results .artist-group .artist
    {
        border-top: 1px solid #d1dbd6 !important;
        background-color: transparent !important;
    }

    .search-ajax-results .artist-group .artist:last-child
    {
        border-bottom: 1px solid #d1dbd6 !important;
    }

    .search-ajax-results .artist-group .artist:before
    {
        font-family: 'Icons' !important;
        font-size: 18px;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;

        position: absolute;
        top: 50%;
        right: 21px;

        margin-top: -9px;

        content: '\e907';
        text-transform: none;

        color: #000;

        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .search-ajax-results .artist-group .artist__counter
    {
        color: #8f9399;
    }

    .search__submit
    {
        right: 20px;
    }

    [data-search]::before
    {
        position: fixed;
        top: 0;
        left: 0;

        display: none;

        width: 100%;
        height: 100%;

        content: '';

        background-color: #fff;
    }

    [data-search]::after
    {
        position: absolute;
        z-index: 3;
        bottom: 0;
        left: 0;

        display: none;

        width: 100%;
        height: 1px;

        content: '';

        background-color: #d1dbd6;
    }

    [data-search].active
    {
        position: fixed;
        top: 0;

        height: inherit;
    }

    [data-search].active::before,
    [data-search].active::after
    {
        display: block;
    }

    [data-search].active .search__input
    {
        position: relative;
        z-index: 1;
    }

    .container__notfound + .promo-custom .promo-custom__content-inside
    {
        display: -ms-flexbox;
        display: flex;
            flex-direction: column;

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

    .container__notfound + .promo-custom .title
    {
        width: 100%;
    }
}

@media (max-width: 575px)
{
    .melody
    {
        width: 33.3331%;
    }
}

@media (max-width: 431px)
{
    .melody
    {
        width: 50%;
    }
}

@-webkit-keyframes loading
{
    0%
    {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }

    100%
    {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@keyframes loading
{
    0%
    {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }

    100%
    {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@-webkit-keyframes sk-bouncedelay
{
    0%,
    80%,
    100%
    {
        opacity: .3;
    }

    40%
    {
        opacity: 1;
    }
}

@keyframes sk-bouncedelay
{
    0%,
    80%,
    100%
    {
        opacity: .3;
    }

    40%
    {
        opacity: 1;
    }
}