/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/styles.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */

/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/css/fonts.css?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'MuseoSansCyrl';
  src: url('MuseoSansCyrl.eot');
  src: url('MuseoSansCyrl.eot') format('embedded-opentype'),
    url('MuseoSansCyrl.woff') format('woff'),
    url('MuseoSansCyrl.ttf') format('truetype'),
    url('MuseoSansCyrl.svg#MuseoSansCyrl') format('svg');
  font-weight: 100;
}
@font-face {
  font-family: 'MuseoSansCyrl';
  src: url('MuseoSansCyrl_0.eot');
  src: url('MuseoSansCyrl_0.eot') format('embedded-opentype'),
    url('MuseoSansCyrl_0.woff') format('woff'),
    url('MuseoSansCyrl_0.ttf') format('truetype'),
    url('MuseoSansCyrl_0.svg#MuseoSansCyrl_0') format('svg');
  font-weight: 300;
}
@font-face {
  font-family: 'MuseoSansCyrl';
  src: url('MuseoSansCyrl_1.eot');
  src: url('MuseoSansCyrl_1.eot') format('embedded-opentype'),
    url('MuseoSansCyrl_1.woff') format('woff'),
    url('MuseoSansCyrl_1.ttf') format('truetype'),
    url('MuseoSansCyrl_1.svg#MuseoSansCyrl_1') format('svg');
  font-weight: 500;
}
@font-face {
  font-family: 'MuseoSansCyrl';
  src: url('MuseoSansCyrl_2.eot');
  src: url('MuseoSansCyrl_2.eot') format('embedded-opentype'),
    url('MuseoSansCyrl_2.woff') format('woff'),
    url('MuseoSansCyrl_2.ttf') format('truetype'),
    url('MuseoSansCyrl_2.svg#MuseoSansCyrl_2') format('svg');
  font-weight: 700;
}
@font-face {
  font-family: 'MuseoSansCyrl';
  src: url('MuseoSansCyrl_3.eot');
  src: url('MuseoSansCyrl_3.eot') format('embedded-opentype'),
    url('MuseoSansCyrl_3.woff') format('woff'),
    url('MuseoSansCyrl_3.ttf') format('truetype'),
    url('MuseoSansCyrl_3.svg#MuseoSansCyrl_3') format('svg');
  font-weight: 900;
}

@font-face {
  font-family: 'icomoon';
  src: url('icomoon.eot?yqyuxx');
  src: url('icomoon.eot?yqyuxx#iefix') format('embedded-opentype'),
    url('icomoon.ttf?yqyuxx') format('truetype'),
    url('icomoon.woff?yqyuxx') format('woff'),
    url('icomoon.svg?yqyuxx#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^='icon-'],
[class*=' icon-'] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-pause:before {
  content: '\e915';
  color: #229fff;
}
.icon-crown:before {
  content: '\e900';
}
.icon-menu:before {
  content: '\e901';
}
.icon-search:before {
  content: '\e902';
}
.icon-back:before {
  content: '\e903';
}
.icon-calendar:before {
  content: '\e904';
}
.icon-checked:before {
  content: '\e905';
}
.icon-close:before {
  content: '\e906';
}
.icon-close16:before {
  content: '\e907';
}
.icon-down:before {
  content: '\e908';
}
.icon-gift:before {
  content: '\e909';
}
.icon-info:before {
  content: '\e90a';
}
.icon-minus:before {
  content: '\e90b';
}
.icon-play:before {
  content: '\e90c';
}
.icon-plus:before {
  content: '\e90d';
}
.icon-select-arrow:before {
  content: '\e90e';
}
.icon-settings:before {
  content: '\e90f';
}
.icon-up:before {
  content: '\e910';
}
.icon-attention1:before {
  content: '\e912';
}
.icon-delete:before {
  content: '\e913';
  color: #229fff;
}
.icon-logo:before {
  content: '\e914';
  color: #fff;
}
.icon-attention:before {
  content: '\e911';
  color: #e74816;
}

/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/css/slick.css?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/css/datepicker.min.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************/
.datepicker--cells{display:flex;flex-wrap:wrap}.datepicker--cell{border-radius:4px;box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;height:32px;z-index:1}.datepicker--cell.-focus-{background:#f0f0f0}.datepicker--cell.-current-{color:#4EB5E6}.datepicker--cell.-current-.-focus-{color:#4a4a4a}.datepicker--cell.-current-.-in-range-{color:#4EB5E6}.datepicker--cell.-in-range-{background:rgba(92,196,239,.1);color:#4a4a4a;border-radius:0}.datepicker--cell.-in-range-.-focus-{background-color:rgba(92,196,239,.2)}.datepicker--cell.-disabled-{cursor:default;color:#aeaeae}.datepicker--cell.-disabled-.-focus-{color:#aeaeae}.datepicker--cell.-disabled-.-in-range-{color:#a1a1a1}.datepicker--cell.-disabled-.-current-.-focus-{color:#aeaeae}.datepicker--cell.-range-from-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:4px 0 0 4px}.datepicker--cell.-range-to-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:0 4px 4px 0}.datepicker--cell.-selected-,.datepicker--cell.-selected-.-current-{color:#fff;background:#5cc4ef}.datepicker--cell.-range-from-.-range-to-{border-radius:4px}.datepicker--cell.-selected-{border:none}.datepicker--cell.-selected-.-focus-{background:#45bced}.datepicker--cell:empty{cursor:default}.datepicker--days-names{display:flex;flex-wrap:wrap;margin:8px 0 3px}.datepicker--day-name{color:#FF9A19;display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.-only-timepicker- .datepicker--content,.datepicker--body,.datepicker-inline .datepicker--pointer{display:none}.datepicker--cell-day{width:14.28571%}.datepicker--cells-months{height:170px}.datepicker--cell-month{width:33.33%;height:25%}.datepicker--cells-years,.datepicker--years{height:170px}.datepicker--cell-year{width:25%;height:33.33%}.datepickers-container{position:absolute;left:0;top:0}@media print{.datepickers-container{display:none}}.datepicker{background:#fff;border:1px solid #dbdbdb;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:4px;box-sizing:content-box;font-family:Tahoma,sans-serif;font-size:14px;color:#4a4a4a;width:250px;position:absolute;left:-100000px;opacity:0;transition:opacity .3s ease,transform .3s ease,left 0s .3s;z-index:100}.datepicker.-from-top-{transform:translateY(-8px)}.datepicker.-from-right-{transform:translateX(8px)}.datepicker.-from-bottom-{transform:translateY(8px)}.datepicker.-from-left-{transform:translateX(-8px)}.datepicker.active{opacity:1;transform:translate(0);transition:opacity .3s ease,transform .3s ease,left 0s 0s}.datepicker-inline .datepicker{border-color:#d7d7d7;box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.datepicker--content{box-sizing:content-box;padding:4px}.datepicker--pointer{position:absolute;background:#fff;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;width:10px;height:10px;z-index:-1}.datepicker--nav-action:hover,.datepicker--nav-title:hover{background:#f0f0f0}.-top-center- .datepicker--pointer,.-top-left- .datepicker--pointer,.-top-right- .datepicker--pointer{top:calc(100% - 4px);transform:rotate(135deg)}.-right-bottom- .datepicker--pointer,.-right-center- .datepicker--pointer,.-right-top- .datepicker--pointer{right:calc(100% - 4px);transform:rotate(225deg)}.-bottom-center- .datepicker--pointer,.-bottom-left- .datepicker--pointer,.-bottom-right- .datepicker--pointer{bottom:calc(100% - 4px);transform:rotate(315deg)}.-left-bottom- .datepicker--pointer,.-left-center- .datepicker--pointer,.-left-top- .datepicker--pointer{left:calc(100% - 4px);transform:rotate(45deg)}.-bottom-left- .datepicker--pointer,.-top-left- .datepicker--pointer{left:10px}.-bottom-right- .datepicker--pointer,.-top-right- .datepicker--pointer{right:10px}.-bottom-center- .datepicker--pointer,.-top-center- .datepicker--pointer{left:calc(50% - 10px / 2)}.-left-top- .datepicker--pointer,.-right-top- .datepicker--pointer{top:10px}.-left-bottom- .datepicker--pointer,.-right-bottom- .datepicker--pointer{bottom:10px}.-left-center- .datepicker--pointer,.-right-center- .datepicker--pointer{top:calc(50% - 10px / 2)}.datepicker--body.active{display:block}.datepicker--nav{display:flex;justify-content:space-between;border-bottom:1px solid #efefef;min-height:32px;padding:4px}.-only-timepicker- .datepicker--nav{display:none}.datepicker--nav-action,.datepicker--nav-title{display:flex;cursor:pointer;align-items:center;justify-content:center}.datepicker--nav-action{width:32px;border-radius:4px;-webkit-user-select:none;user-select:none}.datepicker--nav-action.-disabled-{visibility:hidden}.datepicker--nav-action svg{width:32px;height:32px}.datepicker--nav-action path{fill:none;stroke:#9c9c9c;stroke-width:2px}.datepicker--nav-title{border-radius:4px;padding:0 8px}.datepicker--buttons,.datepicker--time{border-top:1px solid #efefef;padding:4px}.datepicker--nav-title i{font-style:normal;color:#9c9c9c;margin-left:5px}.datepicker--nav-title.-disabled-{cursor:default;background:0 0}.datepicker--buttons{display:flex}.datepicker--button{color:#4EB5E6;cursor:pointer;border-radius:4px;flex:1;display:inline-flex;justify-content:center;align-items:center;height:32px}.datepicker--button:hover{color:#4a4a4a;background:#f0f0f0}.datepicker--time{display:flex;align-items:center;position:relative}.datepicker--time.-am-pm- .datepicker--time-sliders{flex:0 1 138px;max-width:138px}.-only-timepicker- .datepicker--time{border-top:none}.datepicker--time-sliders{flex:0 1 153px;margin-right:10px;max-width:153px}.datepicker--time-label{display:none;font-size:12px}.datepicker--time-current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center;margin:0 0 0 10px}.datepicker--time-current-colon{margin:0 2px 3px;line-height:1}.datepicker--time-current-hours,.datepicker--time-current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.datepicker--time-current-hours:after,.datepicker--time-current-minutes:after{content:'';background:#f0f0f0;border-radius:4px;position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.datepicker--time-current-hours.-focus-:after,.datepicker--time-current-minutes.-focus-:after{opacity:1}.datepicker--time-current-ampm{text-transform:uppercase;align-self:flex-end;color:#9c9c9c;margin-left:6px;font-size:11px;margin-bottom:1px}.datepicker--time-row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat}.datepicker--time-row:first-child{margin-bottom:4px}.datepicker--time-row input[type=range]{background:0 0;cursor:pointer;flex:1;height:100%;padding:0;margin:0;-webkit-appearance:none}.datepicker--time-row input[type=range]::-ms-tooltip{display:none}.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-moz-range-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-ms-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:focus{outline:0}.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-moz-range-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-ms-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;-webkit-transition:background .2s;transition:background .2s;margin-top:-6px}.datepicker--time-row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;-moz-transition:background .2s;transition:background .2s}.datepicker--time-row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;-ms-transition:background .2s;transition:background .2s}.datepicker--time-row input[type=range]::-webkit-slider-runnable-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-moz-range-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-fill-lower{background:0 0}.datepicker--time-row input[type=range]::-ms-fill-upper{background:0 0}.datepicker--time-row span{padding:0 12px}.datepicker--time-icon{color:#9c9c9c;border:1px solid;border-radius:50%;font-size:16px;position:relative;margin:0 5px -1px 0;width:1em;height:1em}.datepicker--time-icon:after,.datepicker--time-icon:before{content:'';background:currentColor;position:absolute}.datepicker--time-icon:after{height:.4em;width:1px;left:calc(50% - 1px);top:calc(50% + 1px);transform:translateY(-100%)}.datepicker--time-icon:before{width:.4em;height:1px;top:calc(50% + 1px);left:calc(50% - 1px)}.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{color:#dedede}.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{color:#c5c5c5}.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{color:#dedede}.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{color:#fff;background:#a2ddf6}.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{background:#8ad5f4}.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.1);color:#ccc}.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.2)}.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{background:0 0;border:none}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/css/styles.css?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************/
/*** 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::placeholder
{
    color: transparent;
}

:focus
{
    outline: none;
}

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

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

/*** end-reset ***/

html,
body
{
    font-family: MuseoSansCyrl, Helvetica, Arial, sans-serif;
    font-size: 10px;

    height: 100%;

    color: #3b4952;
}

body
{
    background: #eceef0;
}

body.fixed
{
    overflow: hidden;

    height: auto;
}

*
{
    box-sizing: border-box;
}

a
{
    text-decoration: none;
}

a:hover
{
    text-decoration: none;
}

p
{
    margin: 0;
}

.wrapper
{
    position: relative;

    box-sizing: border-box;
    width: 100%;
    min-width: 320px;
    max-width: 1350px;
    height: 100%;
    margin: 0 auto;

    background: #eceef0;
}

.content
{
    position: relative;

    overflow: hidden;

    min-height: 100%;

    transition: padding .2s ease;

    background: #fff;
    box-shadow: rgba(0,0,0,.3) 0 0 3rem;
}

.content_fixed-bottom
{
    padding-bottom: 7.5rem;
}

.content-wrap
{
    width: 100%;
    max-width: 32rem;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.page
{
    max-width: 32.8rem;
    margin: 0 auto;
}

.page_text
{
    padding-bottom: 3.8rem;
}

.page_answers
{
    padding: 1.5rem;
}

.page_error
{
    padding: 4.8px 0;
}

.page_error .text
{
    margin-top: .8rem;
}

.page_error .button
{
    margin-top: 2.4rem;
    margin-bottom: 4.8rem;
}

.search-empty
{
    padding: 26.7rem 0 33rem;
}

.search-empty .text
{
    font-size: 1.4rem;
    line-height: 2rem;

    max-width: 32.8rem;
    margin: 0 auto;

    text-align: center;
}

.search-empty .button
{
    margin-top: 2.4rem;
}

.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('sprite.png') no-repeat;
}

.hidden
{
    display: none !important;
}

.empty
{
    padding: 13.8rem 4.8rem;
}

.empty .text
{
    font-size: 1.4rem !important;
    line-height: 2rem !important;
}

.error-page-img
{
    display: block;

    width: 100%;
    max-width: 42.4rem;
    margin: 0 auto;
}

.title
{
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.4rem;

    display: block;

    text-align: left;

    color: #3b4952;
}

.title span
{
    color: #adadad;
}

.title_center
{
    text-align: center;
}

.title_grey
{
    color: #adadad;
}

.title_fsz_30
{
    font-size: 3rem;
    line-height: 3.6rem;
}

.title_mt_24-32
{
    margin-top: 2.4rem;
}

.title_mt_24-48
{
    margin-top: 2.4rem;
}

.text
{
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.6rem;

    text-align: left;

    color: #3b4952;
}

.text_center
{
    text-align: center;
}

.text_grey
{
    color: #adadad;
}

.text_bold
{
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.4rem;
}

.text .blue-bold
{
    font-weight: bold;

    color: #229fff;
}

.link
{
    font-size: inherit;
    font-weight: bold;
    line-height: inherit;

    color: #229fff;
}

.checkbox,
.radio
{
    position: relative;

    display: block;

    padding-left: 3.6rem;
}

.checkbox_center,
.radio_center
{
    width: 29rem;
    margin: 0 auto;
}

.checkbox__input,
.radio__input
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    width: 2.4rem;
    height: 2.4rem;

    cursor: pointer;

    opacity: 0;
}

.checkbox label,
.radio label
{
    cursor: pointer;
}

.checkbox__label,
.radio__label
{
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.6rem;

    color: #3b4952;
}

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

    width: 2.4rem;
    height: 2.4rem;

    cursor: pointer;

    border: 2px solid #adadad;
    border-radius: .4rem;
    background: #fff;
}

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

.checkbox__checkbox .icon:before
{
    font-size: 1.7rem;
    line-height: 2rem;

    color: #fff;
}

.checkbox__input:checked ~ .checkbox__checkbox
{
    border-color: #229fff;
    background: #229fff;
}

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

    width: 2.4rem;
    height: 2.4rem;

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

    border: .2rem solid #adadad;
    border-radius: 2.4rem;
}

.radio__radio:before
{
    position: absolute;
    top: .5rem;
    left: .5rem;

    display: block;

    width: 1rem;
    height: 1rem;

    content: '';

    border-radius: 1rem;
    background: #fff;
}

.radio__content
{
    display: none;

    margin-top: .8rem;
}

.radio__content .text
{
    font-family: MuseoSansCyrl, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;

    color: #3b4952;
}

.radio__title
{
    line-height: 2.4rem;
}

.radio__input:checked ~ .radio__radio
{
    border-color: #229fff;
    background: #229fff;
}

.radio__input:checked ~ .radio__content
{
    display: block;
}

.checkbox_subscription
{
    font-size: 1.2rem;

    width: 29rem;

    color: #3b4952;
}

.checkbox_subscription label
{
    display: block;

    width: 100%;
}

.checkbox_subscription .checkbox__title
{
    font-size: 1.4rem;
    line-height: 2rem;

    margin-top: -.5rem;
}

.checkbox_subscription .checkbox__text
{
    font-size: 1.2rem;
    line-height: 1.4rem;

    color: #adadad;
}

.checkbox_subscription .checkbox__price
{
    color: #adadad;
}

.switcher
{
    position: relative;

    width: 4rem;
    height: 2.2rem;
}

.switcher__input
{
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    cursor: pointer;

    opacity: 0;
}

.switcher__view
{
    position: relative;

    width: 100%;
    height: 100%;

    transition: .3s ease;

    border-radius: 1.1rem;
    background: #bcbcbc;
}

.switcher__view:after
{
    position: absolute;
    top: .2rem;
    right: auto;
    left: .2rem;

    width: 1.8rem;
    height: 1.8rem;

    content: '';
    transition: .3s ease;

    border-radius: 1.8rem;
    background: #fff;
}

.switcher__input:checked ~ .switcher__view
{
    background: #229fff;
}

.switcher__input:checked ~ .switcher__view:after
{
    left: 2rem;
}

.switcher:hover .switcher__input:checked ~ .switcher__view
{
    background: #0088f1;
}

.input-container
{
    margin-top: .8rem;
}

.time-container
{
    display: flex;

    margin-top: .8rem;
    justify-content: space-between;
}

.time-container__text
{
    font-size: 1.4rem;
    line-height: 4.2rem;

    margin-bottom: -.2rem;
}

.time-container .select
{
    width: calc(((100% - 5.3rem) / 2));
}

.input-label
{
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2rem;

    margin-bottom: .4rem;

    color: #adadad;
}

.input-text,
.select,
.input-datepicker__input
{
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 3.8rem;

    display: block;

    width: 100%;
    height: 4rem;
    margin: 0 auto;
    padding: 0 1.6rem;

    transition: all .15s ease;

    color: #3b4952;
    border: .2rem solid #eaeaea;
    border-radius: .4rem;
}

.input-text.error,
.select.error,
.input-datepicker__input.error
{
    border: .2rem solid #ff8845;
}

.input-text::placeholder,
.select::placeholder,
.input-datepicker__input::placeholder
{
    color: #adadad;
}

.dates-container
{
    display: flex;
    justify-content: space-between;
}

.dates-container .input-datepicker
{
    width: calc(((100% - .8rem) / 2));
}

.input-datepicker
{
    position: relative;
}

.input-datepicker__input
{
    padding-right: 3.5rem;
}

.input-datepicker__icon
{
    position: absolute;
    top: 1rem;
    right: 1.4rem;
}

.input-datepicker__icon .icon:before
{
    font-size: 1.6rem;
}

.select
{
    position: relative;

    padding-right: 3.5rem;
}

.select__input
{
    width: 100%;
}

.select__icon
{
    position: absolute;
    top: 1rem;
    right: 1rem;
}

.select__icon .icon:before
{
    font-size: 1.6rem;
}

.select__options
{
    position: absolute;
    z-index: 10;
    top: calc(100% + .7rem);
    left: -2px;

    display: none;

    width: calc(100% + .4rem);
    max-height: 23rem;
    padding: 1.1rem 0;

    border: .2rem solid #eceef0;
    border-radius: .4rem;
    background: #fff;
}

.select.active .select__options
{
    display: block;
}

.select__options .option
{
    line-height: 2rem;

    padding: .4rem 1.6rem;

    cursor: pointer;
    transition: all .15s ease;
}

.select__options .option:hover
{
    transition: all .15s ease;

    background: #f3f6f9;
}

.selected-list
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.selected-list .item
{
    position: relative;

    width: calc(50% - 4px);
    margin-top: .8rem;
    padding: .8rem 4.8rem .8rem 1.6rem;

    border-radius: .4rem;
    background: #f3f6f9;
}

.selected-list .item__phone
{
    font-size: 1.4rem;
    line-height: 2rem;

    color: #3b4952;
}

.selected-list .item__remove
{
    position: absolute;
    top: 1rem;
    right: 1.6rem;

    cursor: pointer;
}

.selected-list .item__remove .icon:before
{
    font-size: 1.6rem;

    color: #adadad;
}

.input-error
{
    font-size: 1.2rem;
    line-height: 1.4rem;

    display: none;

    margin-top: .4rem;

    color: #ff8845;
}

.error ~ .input-error
{
    display: block;
}

.week
{
    display: flex;
    justify-content: space-between;
}

.week .week-day
{
    line-height: 4rem;

    position: relative;

    width: 12%;
    height: 4rem;

    text-align: center;
}

.week .week-day__checkbox,
.week .week-day__view
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    cursor: pointer;
}

.week .week-day__checkbox
{
    z-index: 2;

    opacity: 0;
}

.week .week-day__checkbox:checked ~ .week-day__view
{
    color: #fff;
    background: #229fff;
}

.week .week-day__view
{
    font-size: 1.4rem;

    transition: all .15s ease;

    border-radius: .4rem;
    background: #f3f6f9;
}

.separator
{
    width: 100%;
    height: .1rem;

    background: #eaeaea;
}

.gift-block
{
    line-height: 6.4rem;

    height: 6.4rem;
    padding: 0 1.6rem;

    border-bottom: 1px solid #eceef0;
}

.gift-block__icon,
.gift-block__text
{
    display: inline-block;

    vertical-align: middle;
}

.gift-block__icon .icon
{
    font-size: 3.2rem;
}

.gift-block__text
{
    font-size: 1.4rem;
    line-height: 2rem;

    margin-left: .5rem;
}

.bottom-fixed
{
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;

    width: 100%;
    height: 7.2rem;
    padding-top: 1.6rem;

    background: #fff;
    box-shadow: 0 4px 20px rgba(0,0,0,.25);
    justify-content: center;
}

.bottom-fixed .button
{
    width: 15.6rem;
    margin: 0 .8rem;
}

.m-top_8
{
    margin-top: .8rem !important;
}

.m-top_16
{
    margin-top: 1.6rem !important;
}

.m-top_24
{
    margin-top: 2.4rem !important;
}

.m-top_30
{
    margin-top: 3rem !important;
}

.m-top_40
{
    margin-top: 4rem !important;
}

.m-top_48
{
    margin-top: 4.8rem !important;
}

.m-top_65
{
    margin-top: 6.5rem !important;
}

.m-bottom_8
{
    margin-bottom: .8rem !important;
}

.m-bottom_18
{
    margin-bottom: 1.8rem !important;
}

.m-bottom_24
{
    margin-bottom: 2.4rem !important;
}

.m-bottom_48
{
    margin-bottom: 4.8rem !important;
}

.p_16
{
    padding: 0 1.6rem;
}

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

.input-w-btn .button
{
    margin-top: 1.6rem;
}

.spinner
{
    width: 100%;
    margin: 4rem 0;
}

.spinner:after
{
    display: block;

    width: 7.2rem;
    height: 7.2rem;
    margin: 0 auto;

    content: '';
    animation: 1.5s linear 0s normal none infinite running spinner;

    background: url('spinner.png') center center no-repeat;
    background-size: contain;
}

.show-more
{
    width: 100%;
    margin: 1.6rem auto;
}

.ui-kit
{
    padding: 1.6rem 1.6rem 30rem;
}

.artist-header
{
    display: flex;

    padding: 2.4rem 1.6rem;

    border-bottom: 1px solid #eceef0;
    justify-content: left;
    align-items: center;
}

.artist-header__img
{
    display: block;

    width: 9.8rem;
    height: 9.8rem;

    border-radius: 9.8rem;
    background-repeat: no-repeat;
    background-size: cover;
    flex-shrink: 0;
}

.artist-header__name
{
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.4rem;

    margin-left: 1.6rem;
}

.artists
{
    display: flex;

    width: calc(100% + 1.6rem);
    margin: 0 -.8rem;
    padding: .8rem 0;
    justify-content: left;
    flex-wrap: wrap;
}

.artists .artist
{
    display: inline-block;

    width: 9.8rem;
    margin: 0 .8rem;
    padding: 1.6rem 0;

    vertical-align: top;

    color: #3b4952;
}

.artists .artist__img
{
    display: block;

    width: 9.8rem;
    height: 9.8rem;
    margin-bottom: .8rem;

    border-radius: 9.8rem;
}

.artists .artist__name
{
    font-size: 1.4rem;
    line-height: 2rem;

    text-align: center;
}

.button
{
    font-size: 1.4rem;
    line-height: 3.6rem;

    display: block;

    width: auto;
    width:         max-content;
    height: 4rem;
    margin: 0 auto;
    padding: 0 3.2rem;

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

    color: #229fff;
    border: .2rem solid #229fff;
    border-radius: 3.5rem;
    background: transparent;
}

.button:hover
{
    color: #fff;
    background: #229fff;
}

.button_yellow,
.button_white,
.button_blue,
.button_grey
{
    font-weight: 700;
    line-height: 4rem;

    color: #3b4952;
    border: none;
}

.button_yellow
{
    background: #fbda25;
}

.button_grey
{
    background: #eceef0;
}

.button_grey:hover
{
    color: #3b4952;
    background: #f3f6f9;
}

.button_white
{
    color: #adadad;
    background: #eaeaea;
}

.button_blue,
.button_active
{
    color: #fff;
    background: #229fff;
}

.button_full
{
    width: 100%;
}

.buttons_2 .button_full
{
    width: calc(50% - 5px);
}

.button:active
{
    box-shadow: inset 0 0 4px 0 rgba(59,73,82,.5);
}

.button_center
{
    margin: 0 auto 2rem auto;
}

.button_border_yellow
{
    padding: 0 3.2rem;

    color: #3b4952;
    border: 2px solid #fbda25;
    background: transparent;
}

.button_border_yellow:active,
.button_border_yellow_active
{
    color: #3b4952;
    border: 2px solid #fbda25;
    background-color: #fbda25;
    box-shadow: none;
}

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

.datepicker.active
{
    font-family: MuseoSansCyrl, Helvetica, Arial, sans-serif !important;

    position: fixed !important;
    z-index: 100 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    display: flex !important;
        flex-direction: column !important;

    width: 100% !important;
    height: 100% !important;

    background: rgba(50,72,84,.8) !important;
    justify-content: center !important;
    align-items: center !important;
}

.datepicker--pointer
{
    display: none !important;
}

.datepicker--nav,
.datepicker--content
{
    box-sizing: border-box !important;
    width: 28.4rem !important;

    background: #fff !important;
}

.datepicker--nav
{
    border-radius: .8rem .8rem 0 0 !important;
}

.datepicker--content
{
    padding: .6rem !important;

    border-radius: 0 0 .8rem .8rem !important;
}

.datepicker--day-name
{
    font-size: 1.4rem !important;
    line-height: 2rem !important;

    color: #229fff !important;
}

.datepicker--cells
{
    justify-content: space-between !important;
}

.datepicker--day-name,
.datepicker--cell-day
{
    width: 3.8rem !important;
    height: 3.8rem !important;
}

.di-jingle-nav
{
    display: none;
}

.di-jingle-nav__title
{
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.4rem;

    margin-bottom: 3.2rem;
}

.di-jingle-nav__list .item
{
    font-size: 1.4rem;
    line-height: 2rem;

    position: relative;

    display: block;

    margin-bottom: 1.6rem;

    color: #3b4952;
}

.di-jingle-nav__list .item.active
{
    padding-left: 1.6rem;

    opacity: .9;
    color: #229fff;
}

.di-jingle-nav__list .item.active:before
{
    position: absolute;
    top: .5rem;
    left: 0;

    display: block;

    width: .8rem;
    height: .8rem;

    content: '';

    border-radius: .8rem;
    background: #229fff;
}

.di-jingle-container
{
    margin-bottom: 6.4rem;
}

.di-jingle-container__header
{
    max-width: 32.8rem;
    margin: 0 auto;
}

.di-jingle-radios
{
    margin-top: 2.8rem;
}

.di-jingle-radios .radio
{
    margin-bottom: 1.6rem;
}

.di-jingle-radios .radio:last-child
{
    margin-bottom: 0;
}

.di-jingle-radios .radio__title
{
    font-weight: bold;
}

.copy-di-jingle
{
    margin-bottom: 6.4rem;
}

.copy-di-jingle__button
{
    margin-top: 1.6rem;
}

.di-jingle-default
{
    max-width: 30rem;
    margin: 13rem auto;
}

.di-jingle-default .text
{
    font-size: 1.4rem;
    line-height: 2rem;
}

.footer-nav
{
    display: none;

    padding: 3.5rem 0 0;

    background: #f3f6f9;
}

.footer-nav__left
{
    float: left;

    width: 67rem;
}

.footer-nav__right
{
    float: right;

    width: 42.4rem;
}

.footer-nav__title
{
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.4rem;

    margin-bottom: 2.4rem;
}

.footer-nav__text
{
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2rem;

    color: #000;
}

.footer-nav__list
{
    margin-bottom: -.8rem;
    column-count: 4;
}

.footer-nav__list .item
{
    display: block;

    margin-bottom: .8rem;
}

.footer-nav__list .item a
{
    font-size: 1.4rem;
    line-height: 2rem;

    transition: .1s ease;

    color: #229fff;
}

.footer-nav__list .item a:hover
{
    color: #000;
}

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

    padding: 3rem 1.6rem 2.4rem;

    background: #f3f6f9;
}

.footer__cr
{
    font-size: 1.4rem;
    line-height: 2rem;

    margin-bottom: 1.4rem;

    color: #9aa1a7;
}

.footer__cr p
{
    margin-bottom: 1rem;
}

.footer__app
{
    margin-right: .8rem;
    margin-bottom: 1.6rem;
}

.footer__app-link
{
    margin-right: .8rem;
}

.footer__social
{
    display: block;
    float: left;

    width: 4rem;
    height: 4rem;
    margin-right: .8rem;
    padding: .8rem;

    transition: background-color .2s ease;

    border-radius: 4rem;
    background-color: #eceef0;
    background-repeat: no-repeat;
    background-position: center center;
}

.footer__social:hover
{
    background-color: #229fff;
}

.footer__social_tw
{
    background-image: url('twitter.png');
}

.footer__social_tw:hover
{
    background-image: url('twitter-h.png');
}

.footer__social_fb
{
    background-image: url('facebook.png');
}

.footer__social_fb:hover
{
    background-image: url('facebook-h.png');
}

.footer__social_vk
{
    background-image: url('vk.png');
}

.footer__social_vk:hover
{
    background-image: url('vk-h.png');
}

.footer__social img
{
    display: block;

    width: 2.4rem;
    height: 2.4rem;
}

.genres
{
    display: flex;

    padding: 1.6rem 0 .8rem;
    flex-wrap: wrap;
    justify-content: left;
}

.genres .item
{
    font-size: 1.4rem;
    line-height: 3.6rem;

    position: relative;

    height: 3.6rem;
    margin-right: .8rem;
    margin-bottom: .8rem;
    padding: 0 1.2rem;

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

    color: #3b4952;
    border-radius: 1.8rem;
    background: #eceef0;
}

.genres .item:hover
{
    background: #f3f6f9;
}

.genres .item.active
{
    background: #fbda25;
}

.genres__crown
{
    display: inline-block;

    width: 1.6rem;
    height: 1.6rem;
    margin: 1rem .8rem 0 -.2rem;

    text-align: center;
    vertical-align: top;

    border-radius: 1.6rem;
    background: #fbda25;
}

.genres__crown .icon
{
    margin-top: -.2rem;
    margin-left: 0rem;
}

.genres__crown .icon:before
{
    font-size: .8rem;
    line-height: 1.6rem;

    color: #229fff;
}

.header
{
    line-height: 7.2rem;

    position: relative;
    z-index: 5;

    box-sizing: border-box;
    width: 100%;
    height: 7.2rem;

    background: #229fff;
}

.header_back
{
    background: #f3f6f9;
}

.header_back .header__title
{
    color: #229fff;
}

.header_back .back
{
    position: absolute;
    top: 2.4rem;
    left: 1.6rem;
}

.header_back .back .icon:before
{
    font-size: 2.4rem;
}

.header .search
{
    position: absolute;
    z-index: 50;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 7.2rem;
    padding: 0 4.8rem 0 6.4rem;

    cursor: pointer;

    background: #229fff;
}

.header .search.opened
{
    display: block;
}

.header .search__icon
{
    position: absolute;
    top: 2.4rem;
    left: 1.6rem;
}

.header .search__icon .icon:before
{
    font-size: 2.4rem;

    color: #fff;
}

.header .search__input
{
    font-size: 1.8rem;
    line-height: normal;

    display: block;

    width: 100%;
    padding: 2.4rem 0;

    color: #fff;
    outline: 0;
    background: #229fff;
    box-shadow: 0;

    -webkit-appearance: none;
            appearance: none;
    caret-color: #fff;
}

.header .search__input::placeholder
{
    color: rgba(255,255,255,.6);
}

.header .search__close
{
    position: absolute;
    z-index: 6;
    top: 2.4rem;
    right: 1.6rem;

    width: 3rem;
    height: 2.4rem;

    cursor: pointer;
}

.header .search__close .icon:before
{
    font-size: 3rem;

    color: #fff;
}

.header__open-menu
{
    position: absolute;
    z-index: 10;
    top: 2.4rem;
    left: 1.6rem;

    display: block;

    cursor: pointer;
}

.header__open-menu .icon:before
{
    font-size: 2.4rem;

    color: #fff;
}

.header__title
{
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 7.2rem;

    position: absolute;
    top: 0;
    left: 6.4rem;

    color: #fbda25;
}

.header__logo
{
    position: relative;

    width: 10rem;

    text-align: center;
}

.header__logo .icon:before
{
    font-size: 4.8rem;
    line-height: 8rem;
}

.header__logo:after
{
    position: absolute;
    top: 1.5rem;
    right: 0;

    display: block;

    width: 1px;
    height: 5rem;

    content: '';

    background: #fbda25;
}

.header__nav
{
    position: absolute;
    top: 0;
    left: 35rem;

    display: none;

    height: 8rem;
}

.header__nav .item
{
    font-size: 1.8rem;
    line-height: 2.2rem;

    display: block;
    float: left;

    margin-top: 3.4rem;
    margin-right: 3.2rem;

    transition: all .15s ease;

    opacity: .6;
    color: #fff;
}

.header__nav .item:hover,
.header__nav .item.active
{
    opacity: 1;
}

.header .languages
{
    font-family: MuseoSansCyrl, Helvetica, Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 500;

    position: absolute;
    z-index: 5;
    top: 1.6rem;
    right: 0;

    display: block;
    overflow: hidden;

    height: 4rem;

    cursor: pointer;
    transition: height ease .1s;
    white-space: nowrap;
}

.header .languages .language
{
    line-height: 4rem;

    position: relative;

    padding: 0 1.5rem;

    cursor: pointer;
    text-transform: uppercase;

    color: #3b4952;
    color: #3b4952;
}

.header .languages .language.active
{
    color: #fff;
}

.header .search-open
{
    position: absolute;
    top: 2.4rem;
    right: 6.7rem;

    cursor: pointer;
}

.header .search-open .icon
{
    font-size: 2.4rem;

    transition: all .15s ease;

    color: #fff;
}

.header .search-open:hover .icon
{
    transition: all .15s ease;

    color: #fbda25;
}

/*** main ***/

/*** end-main ***/

.melodies
{
    display: flex;

    width: calc(100% + 1.6rem);
    margin: 0 -.8rem;
    padding: 2.4rem 0;
    justify-content: left;
    flex-wrap: wrap;
}

.melodies-slick
{
    max-width: initial !important;
    padding-bottom: 0 !important;
}

.melodies-slick .slick-track
{
    margin-left: -10rem;
    padding-bottom: 1rem;
}

.melodies_center
{
    justify-content: center !important;
}

.melodies.melodies_change-package .melody
{
    margin-right: .8rem;
    margin-left: .8rem;
}

.melodies + .text
{
    margin-top: -.4rem;
}

.melodies-table-head
{
    display: none;

    max-width: 32.8rem;
    margin: 2.4rem auto;
}

.melodies-table-head__di-jingle
{
    float: left;

    width: 38.4rem;
}

.melodies-table__random .melodies-table-head__di-jingle
{
    width: 35.8rem;
}

.melodies-table-head__status
{
    float: left;

    width: 21.4rem;
}

.melodies-table-head__actions
{
    float: left;
}

.melodies-table
{
    max-width: 32.8rem;
    margin: 2.4rem auto 0;
}

.melody
{
    position: relative;
}

.melody_slider
{
    position: relative;

    display: inline-block;
    overflow: visible;

    max-width: 22rem;
    padding-left: 6.4rem;

    text-align: left;

    color: #fff;
}

.melody_slider .melody__preview
{
    position: absolute;
    top: 0;
    left: 0;

    width: 4.8rem;
    height: 4.8rem;

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

    border-radius: 4.8rem;
    background: #fbda25;
}

.melody_slider .melody__player
{
    width: 100%;
    height: 100%;

    text-align: center;
}

.melody_slider .melody__player .icon:before
{
    font-size: 3.2rem;
    line-height: 4.8rem;

    color: #229fff;
}

.melody_slider .melody__info
{
    font-weight: 300;

    text-decoration: none;
}

.melody_slider .melody__info .melody__name,
.melody_slider .melody__info .melody__artist
{
    display: inline-block;

    max-width: 100%;

    vertical-align: top;

    color: #fff;
}

.melody_slider .melody__name,
.melody_slider .melody__artist
{
    overflow: hidden;

    width: 100%;

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

.melody_slider .melody__name a,
.melody_slider .melody__artist a
{
    transition: all .15s ease;
    text-decoration: none;

    color: #fff;
}

.melody_slider .melody__name a:hover,
.melody_slider .melody__artist a:hover
{
    transition: all .15s ease;

    color: #fbda25;
}

.melody_slider .melody__name
{
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.4rem;
}

.melody_slider .melody__artist
{
    font-size: 1.4rem;
    line-height: 2rem;

    margin-top: .5rem;
}

.melody_main
{
    width: 15.6rem;
    margin: 0 .8rem;
    margin-bottom: 1.6rem;
    padding-bottom: .8rem;

    border-radius: .8rem;
    box-shadow: 0 2px 10px rgba(173,173,173,.5);
}

.melody_main .melody__play
{
    display: block;
}

.melody_main .melody__pause
{
    display: none;
}

.melody_main .melody__preview
{
    position: relative;
    display: flex;
    overflow: hidden;

    width: 100%;
    height: 15.6rem;

    border-radius: .8rem .8rem 0 0;

    object-fit: cover;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}

.melody_main .melody__preview img
{
    width: 100%;
    height: 100%;

    object-fit: cover;
}

.melody_main .melody__preview.playing .melody__player
{
    opacity: 1;
}

.melody_main .melody__preview.playing .melody__play
{
    display: none;
}

.melody_main .melody__preview.playing .melody__pause
{
    display: block;
}

.melody_main .melody__player
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 15.6rem;
    padding: 5.4rem;

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

    opacity: 0;
    background: rgba(34,159,255,.8);
}

.melody_main .melody__player:hover
{
    opacity: 1;
}

.melody_main .melody__play,
.melody_main .melody__pause
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 4.8rem;
    height: 4.8rem;
    padding: .8rem;
    transform: translate(-50%, -50%);

    border-radius: 4.8rem;
    background: #fbda25;
}

.melody_main .melody__play .icon:before,
.melody_main .melody__pause .icon:before
{
    font-size: 3.2rem;

    color: #229fff;
}

.melody_main .melody__crown
{
    position: absolute;
    z-index: 2;
    top: .8rem;
    right: .8rem;

    width: 3.2rem;
    height: 3.2rem;

    text-align: center;

    border-radius: 3.2rem;
    background: #fbda25;
}

.melody_main .melody__crown .icon:before
{
    font-size: 1.6rem;
    line-height: 3.2rem;

    color: #229fff;
}

.melody_main .melody__description
{
    height: 8.4rem;
    padding: .8rem;

    border-bottom: 1px solid #eceef0;
}

.melody_main .melody__name
{
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2rem;

    position: relative;

    display: block;
    overflow: hidden;

    max-height: 4rem;
    margin-bottom: .4rem;

    color: #000;
}

.melody_main .melody__name:after
{
    position: absolute;
    right: 0;
    bottom: 0;

    width: 6.5rem;
    height: 2.4rem;

    content: '';
    pointer-events: none;

    background: linear-gradient(270deg, #fff 22.14%, rgba(255,255,255,0) 119.86%);
}

.melody_main .melody__artist
{
    font-size: 1.2rem;
    line-height: 1.4rem;

    position: relative;

    display: block;
    overflow: hidden;

    max-height: 2.8rem;

    color: #229fff;
}

.melody_main .melody__artist:after
{
    position: absolute;
    right: 0;
    bottom: 0;

    width: 3.5rem;
    height: 1.6rem;

    content: '';
    pointer-events: none;

    background: linear-gradient(270deg, #fff 22.14%, rgba(255,255,255,0) 119.86%);
}

.melody_main .melody__instruction
{
    font-size: 1.2rem;
    line-height: 1.4;

    position: relative;
    width:         max-content;
    margin: .8rem auto;
    padding: .4rem .8rem;

    cursor: pointer;
    text-align: center;

    color: #000;
    border-radius: .4rem;
}

.melody_main .melody__instruction:hover,
.melody_main .melody__instruction .active
{
    background: #fff6c8;
}

.melody_main .melody__instruction strong
{
    color: #229fff;
}

.melody_main .melody__instruction .instruction
{
    position: absolute;
    top: calc(100% + .6rem);
    left: 50%;

    display: none;

    width: 15rem;
    padding: .8rem .7rem;
    transform: translate(-50%, 0);
    pointer-events: none;

    border-radius: .8rem;
    background: #fff;
    box-shadow: 0 .2rem 1rem rgba(173,173,173,.5);
}

.melody_main .melody__instruction .instruction:after
{
    position: absolute;
    top: -1.6rem;
    left: 30%;

    content: '';

    border: .8rem solid transparent;
    border-bottom: .8rem solid #fff;
}

.melody_main .actions
{
    display: flex;

    height: 4rem;

    border-bottom: 1px solid #eceef0;
    justify-content: center;
}

.melody_main .actions .action
{
    margin: 0 .8rem;
}

.melody_main .actions .action .icon:before
{
    font-size: 3.2rem;
    line-height: 4rem;

    color: #229fff;
}

.melody_main .button
{
    width: calc(100% - 1.6rem);
}

.melody_basic
{
    display: block;

    width: 14rem;

    text-align: center;
}

.melody_basic .melody__description
{
    border: none;
}

.melody_basic .melody__artist
{
    font-weight: 700;
}

.melody_di-jingle,
.melody_settings
{
    width: 100%;
    min-height: 4.8rem;
    margin-bottom: 1.6rem;
    padding-right: 8.8rem;
    padding-left: 5.6rem;
}

.melody_di-jingle .melody__preview,
.melody_settings .melody__preview
{
    position: absolute;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 4.8rem;
    height: 4.8rem;

    border-radius: 4px;
}

.melody_di-jingle .melody__preview img,
.melody_settings .melody__preview img
{
    display: block;

    width: 100%;
    height: 100%;
}

.melody_di-jingle .melody__crown,
.melody_settings .melody__crown
{
    position: absolute;
    top: .4rem;
    left: .4rem;

    width: 1.6rem;
    height: 1.6rem;

    text-align: center;

    border-radius: 1.6rem;
    background: #fbda25;
}

.melody_di-jingle .melody__crown .icon:before,
.melody_settings .melody__crown .icon:before
{
    font-size: .8rem;
    line-height: 1.6rem;

    color: #229fff;
}

.melody_di-jingle .melody__info,
.melody_settings .melody__info
{
    width: 100%;
}

.melody_di-jingle .melody__name,
.melody_settings .melody__name
{
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 2rem;

    display: block;

    color: #3b4952;
}

.melody_di-jingle .melody__artist,
.melody_settings .melody__artist
{
    font-size: 1.2rem;
    line-height: 1.4rem;

    display: block;

    margin-top: .4rem;

    color: #229fff;
}

.melody_di-jingle .actions,
.melody_settings .actions
{
    position: absolute;
    top: 0;
    right: 0;

    height: 3.2rem;
}

.melody_di-jingle .actions .action,
.melody_settings .actions .action
{
    display: inline-block;

    margin-right: .5rem;

    vertical-align: middle;
}

.melody_di-jingle .actions .action:last-child,
.melody_settings .actions .action:last-child
{
    margin-right: 0;
}

.melody_di-jingle .actions .action .icon:before,
.melody_settings .actions .action .icon:before
{
    font-size: 3.2rem;
}

.melody_di-jingle
{
    overflow: visible;

    min-height: 11.2rem;
    padding-right: 1.6rem;
    padding-bottom: 1.7rem;

    border-bottom: 1px solid #eceef0;
}

.melodies-table__random .melody_di-jingle .switcher
{
    display: none;
}

.melody_di-jingle .melody__description
{
    width: 100%;
}

.melody_di-jingle .melody__status
{
    display: none;
}

.melody_di-jingle .melody__status .status
{
    position: relative;
}

.melody_di-jingle .melody__status .status__icon
{
    position: absolute;
    top: .2rem;
    left: 0;

    display: block;
}

.melody_di-jingle .melody__status .status__icon .icon:before
{
    font-size: 1.6rem;
}

.melody_di-jingle .melody__status .status__title
{
    font-weight: 700;

    padding-left: 2.4rem;
}

.melody_di-jingle .melody__status .status__info
{
    font-weight: 500;

    margin-top: .8rem;
}

.melody_di-jingle .melody__status .status_unused .status__icon .icon:before
{
    color: #adadad;
}

.melody_di-jingle .melody__status .status_unused .status__title
{
    color: #adadad;
}

.melody_di-jingle .melody__status .status_unused .status__info
{
    color: #adadad;
}

.melody_di-jingle .melody__status .status_used .status__icon .icon:before
{
    color: #229fff;
}

.melody_di-jingle .melody__status .status_used .status__title
{
    color: #229fff;
}

.melody_di-jingle .melody__status .status_used .status__info
{
    color: #3b4952;
}

.melody_di-jingle .melody__play
{
    display: block;
}

.melody_di-jingle .melody__pause
{
    display: none;
}

.melody_di-jingle .melody__preview.playing .melody__player
{
    opacity: 1;
}

.melody_di-jingle .melody__preview.playing .melody__play
{
    display: none;
}

.melody_di-jingle .melody__preview.playing .melody__pause
{
    display: block;
}

.melody_di-jingle .melody__player
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 4.8rem;
    padding: .8rem;

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

    opacity: 0;
    background: rgba(34,159,255,.8);
}

.playing .melody_di-jingle .melody__player
{
    opacity: 1;
}

.melody_di-jingle .melody__play,
.melody_di-jingle .melody__pause
{
    width: 3.2rem;
    height: 3.2rem;
    padding: .5rem;

    border-radius: 3.2rem;
    background: #fbda25;
}

.melody_di-jingle .melody__play .icon:before,
.melody_di-jingle .melody__pause .icon:before
{
    font-size: 2.2rem;

    color: #229fff;
}

.melody_di-jingle .switcher
{
    position: absolute;
    bottom: 1.7rem;
    left: 0;
}

.melody_di-jingle .actions
{
    position: relative;
    bottom: auto;
    left: auto;

    float: left;

    width: 10.6rem;
    margin-left: 5rem;
}

.melody_di-jingle .actions .text
{
    font-size: 1.4rem;
    line-height: 3.2rem;

    color: #adadad;
}

.melody_di-jingle .actions .text span
{
    white-space: nowrap;
}

.melody_di-jingle .actions .action
{
    position: relative;
}

.melody_di-jingle .actions .action .icon:before
{
    color: #229fff;
}

.melody_di-jingle .actions .action__check
{
    display: none;

    width: 3.2rem;
    height: 3.2rem;

    background: url('settings-ok.svg') 50% 50% no-repeat;
    background-size: 3.2rem 3.2rem;
}

.melody_di-jingle .actions .action.active .action__check
{
    display: block;
}

.melody_settings
{
    box-sizing: border-box;
    min-height: 11rem;
    margin-bottom: 0;
    padding: 2.4rem 3.4rem 2.4rem 11.2rem;

    border-bottom: 1px solid #eceef0;
}

.melody_settings .melody__preview
{
    top: 2.4rem;
    left: 2.4rem;

    width: 6.4rem;
    height: 6.4rem;
}

.melody_settings .actions
{
    top: 1.6rem;
    right: 1.6rem;

    width: 3.2rem;
}

.melody_settings .actions .action .icon.icon-close:before
{
    color: #229fff;
}

.melody__button .button
{
    font-weight: bold;

    padding-right: 10px;
    padding-left: 10px;

    text-align: center;
}

.melodies-num
{
    margin-top: 2.4rem;
}

.melodies-num__text
{
    font-size: 1.8rem;
    line-height: 2.4rem;

    float: left;

    max-width: calc(100% - 10rem);
}

.melodies-num__link
{
    font-size: 1.4rem;
    line-height: 2rem;

    display: block;
    float: right;

    max-width: 10rem;

    color: #229fff;
}

.wrapper
{
    z-index: 2;

    transition: ease .3s;
}

.menu-wrapper
{
    position: fixed;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;

    display: none;
    overflow-y: scroll;

    width: 100%;
    height: 100%;

    background: rgba(50,72,84,.8);
}

.wrapper_menu ~ .menu-wrapper
{
    display: block;
}

.menu
{
    position: relative;

    float: left;

    min-width: 19rem;
    min-height: 100%;
    padding-bottom: 7.6rem;

    transition: all .15s ease;

    background: #fff;
}

.menu .item
{
    font-size: 1.6rem;
    font-weight: bold;

    display: block;

    padding: 1.6rem 2rem 1.6rem 3rem;

    color: #3b4952;
}

.menu .item:first-child
{
    padding-top: 5.6rem;
}

.menu .item_full-version
{
    font-family: MuseoSansCyrl, Helvetica, Arial, sans-serif;
    line-height: 5.6rem;

    position: absolute;
    bottom: 0;

    display: block;

    width: 100%;
    height: 5.6rem;
    padding: 0 2rem;

    border-top: .1rem solid #eaeaea;
    background: #fff;
}

.menu .item_indent + .item_indent
{
    padding-top: 0 !important;
}

.menu .item_indent
{
    padding-left: 6.4rem;
}

.menu .item_notmobile
{
    display: none;
}

.menu .item__name
{
    display: inline-block;

    vertical-align: middle;
}

.menu .item__name-exit
{
    color: #e74816;
}

.menu .item.active
{
    color: #229fff;
}

.menu .item.active:before
{
    display: inline-block;

    width: .8rem;
    height: .8rem;
    margin-right: 1rem;

    content: '';
    vertical-align: middle;

    border-radius: .8rem;
    background: #229fff;
}

.modal
{
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: none;
    overflow: auto;

    background-color: rgba(50,72,84,.8);
}

.modal__close
{
    position: absolute;
    top: 2rem;
    right: 1.6rem;

    display: block;
}

.modal__close .icon:before
{
    font-size: 3.2rem;

    color: #fff;
}

.modal_wo-header .modal__close .icon:before
{
    color: #adadad;
}

.modal_opened
{
    display: block;
}

.modal__flex
{
    display: flex;
        flex-direction: column;

    min-height: 100%;
    padding: 2rem 1.6rem 2.4rem;
    justify-content: space-around;
}

.modal__window
{
    position: relative;

    display: block;
    overflow: hidden;

    width: 100%;
    margin: 0 auto;
    padding: 0 0 1.6rem 0;

    color: #3b4952;
    border-radius: .8rem;
    background-color: #fff;
    box-shadow: 0 .1rem .8rem 0 rgba(59,73,82,.7);
}

.modal_364 .modal__window
{
    max-width: 36.4rem;
}

.modal_515 .modal__window
{
    max-width: 51.5rem;
}

.modal_680 .modal__window
{
    max-width: 68rem;
}

.modal_712 .modal__window
{
    max-width: 71.2rem;
}

.modal_settings .modal__window
{
    max-width: 51.5rem;
}

.modal__header
{
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 7.2rem;

    height: 7.2rem;
    padding: 0 3.2rem 0 2.4rem;

    text-align: left;

    color: #fff;
    background: #229fff;
}

.modal__content
{
    padding: 0 1.6rem;
}

.modal_settings .modal__content
{
    padding: 0;
}

.modal .title
{
    margin-bottom: 1.6rem;
    padding: 0 1.5rem;
}

.modal .title_margin
{
    margin: 2.5rem 0 0 0;
}

.modal .text
{
    font-size: 1.4rem;
    line-height: 2rem;
}

.modal .text_small
{
    font-size: 1.2rem;
    line-height: 1.4rem;
}

.modal .text p
{
    margin-top: 1rem;
}

.modal .text strong
{
    color: #229fff;
}

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

.modal .buttons_3
{
    display: flex;
    justify-content: center;
}

.modal .info-modal__image
{
    width: 13.5rem;
    height: 13.5rem;
    margin-top: 2.5rem;
}

.modal .info-modal .button
{
    margin-top: 3.2rem;
}

.modal .melody
{
    margin-bottom: 0;
}

.modal .subscr-classic-img,
.modal .subscr-premium-img,
.modal .subscr-lock-img,
.modal .subscr-off-img
{
    width: 8.8rem;
    height: 8.8rem;
    margin: 1.8rem auto 0;
}

.modal .subscr-classic-img
{
    background: url('classic.png') center center no-repeat;
    background-size: contain;
}

.modal .subscr-premium-img
{
    background: url('premium.png') center center no-repeat;
    background-size: contain;
}

.modal .subscr-lock-img
{
    background: url('subscr-lock.png') center center no-repeat;
    background-size: contain;
}

.modal .subscr-off-img
{
    background: url('subscr-off.png') center center no-repeat;
    background-size: contain;
}

.update-modal
{
    margin: 0 auto;
}

.update-modal .title
{
    margin-top: 2.4rem;
}

.update-modal .text
{
    margin-top: 1.6rem;
}

.update-modal__packages
{
    max-width: 46.8rem;
    margin-top: .8rem;
}

.notifications
{
    position: fixed;
    z-index: 15;
    bottom: 1.6rem;
    left: 0;

    width: 100%;
    padding: 0 1.6rem;
}

.notification
{
    font-size: 1.4rem;
    line-height: 2rem;
    display: flex;

    width: 100%;
    max-width: 100%;
    min-height: 4.4rem;
    margin: 1.1rem auto 0;
    padding: 1.2rem 1.6rem;

    color: #fff;
    border-radius: .8rem;
    justify-content: space-between;
    align-items: center;
}

.notification_error
{
    background: #e74816;
}

.notification_success
{
    background: #229fff;
}

.notification .icon:before
{
    font-size: 1.6rem;

    color: #fff;
}

.notification__text
{
    margin-right: 4rem;
    margin-left: 1rem;
}

.old-browser
{
    position: relative;
    z-index: 20;

    padding: 2.4rem 0;

    background: #f3f6f9;
    box-shadow: 0 2px 10px rgba(173,173,173,.5);
}

.old-browser .inner
{
    position: relative;
    display: flex;

    box-sizing: border-box;
    width: 100%;
    min-width: 320px;
    max-width: 1350px;
    margin: 0 auto;
    flex-flow: row nowrap;
    align-items: center;
    justify-items: flex-start;
    paddging-right: 7rem;
}

.old-browser__icon
{
    margin-right: 2.5rem;
}

.old-browser__icon .icon
{
    font-size: 2.2rem !important;
}

.old-browser__content
{
    color: #3b4952;
}

.old-browser__title
{
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.4rem;
}

.old-browser__text
{
    font-size: 1.4rem;
    line-height: 2rem;
}

.old-browser__close
{
    position: absolute;
    top: 50%;
    right: 0;

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

.old-browser__close .icon
{
    font-size: 2.5rem;

    color: #3b4952;
}

.packages
{
    margin-bottom: 5rem;
}

.packages .title
{
    margin-top: 2.4rem;
}

.packages-head
{
    display: none;

    max-width: 32.8rem;
    margin: 2.4rem auto 0;
}

.packages-head__package
{
    float: left;

    width: 28.1rem;
}

.packages-head__price
{
    float: left;

    width: 22rem;
}

.packages-head__status
{
    float: left;

    width: 17.8rem;
}

.packages-head__actions
{
    float: left;

    width: 16.8rem;
}

.package
{
    margin-top: 1.6rem;
    padding: 1.6rem;

    border: 1px solid #eceef0;
    border-radius: .8rem;
}

.package__prem
{
    line-height: 2.4rem;

    position: relative;

    display: inline-block;

    width: 1.6rem;
    height: 1.6rem;
    margin-right: .8rem;

    text-align: center;
    vertical-align: middle;

    border-radius: 1.6rem;
    background: #fbda25;
}

.package__prem ~ span
{
    vertical-align: middle;
}

.package__prem .icon
{
    display: block;
}

.package__prem .icon:before
{
    font-size: .8rem;
    line-height: 1.6rem;

    display: block;

    color: #229fff;
}

.package__name
{
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.4rem;
}

.package__text
{
    font-size: 1.4rem;
    line-height: 2rem;
}

.package__info
{
    font-size: 1.4rem;
    line-height: 2rem;

    margin-top: 1.6rem;
}

.package__info-text
{
    display: block;
    float: left;

    margin-right: 1.6rem;
}

.package__info-free
{
    margin-bottom: 1.4rem;
}

.package__info-free span
{
    font-weight: bold;

    white-space: nowrap;

    color: #e74816;
}

.package__info-price
{
    float: left;

    max-width: calc(100% - 9.4rem);
}

.package__info-price strong
{
    white-space: nowrap;

    color: #229fff;
}

.package__status
{
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2rem;
    line-height: 4rem;

    float: left;

    margin-top: 1.6rem;
}

.package__status_active
{
    color: #229fff;
}

.package__status_not-active
{
    color: #adadad;
}

.package__status_not-paid
{
    color: #e74816;
}

.package__status .icon
{
    display: inline-block;

    margin-right: .8rem;
}

.package__button
{
    float: right;

    margin-top: 1.6rem;
}

.package-big
{
    margin-bottom: .8rem;
    padding: 0 .8rem 1.6rem;

    border: 1px solid #eceef0;
}

.package-big__preview
{
    width: 15.6rem;
    height: 15.4rem;
    margin: 0 auto;
}

.package-big__preview img
{
    width: 100%;
}

.package-big__title
{
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.4rem;

    text-align: center;
}

.package-big__price
{
    font-size: 1.4rem;
    line-height: 2rem;

    margin-top: .8rem;

    text-align: center;
}

.package-big__price span
{
    font-weight: normal;
}

.package-big__text
{
    font-size: 1.2rem;
    line-height: 1.4rem;

    margin-top: .8rem;

    text-align: center;
}

.questions-list
{
    padding: .8rem 1.6rem 3.2rem 0;
}

.question
{
    margin-top: 1.6rem;

    cursor: pointer;
}

.question__title
{
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 2rem;

    position: relative;

    padding-left: 2.4rem;

    transition: all .15s ease;

    color: #229fff;
}

.question__title:hover
{
    color: #3b4952;
}

.active .question__title
{
    color: #3b4952;
}

.question__title .icon
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 1.6rem;
    height: 1.6rem;

    text-align: center;

    border-radius: 1.6rem;
    background: #fbda25;
}

.active .question__title .icon
{
    transform: rotate(-180deg);
}

.question__title .icon:before
{
    font-size: .6rem;
    line-height: 1.6rem;

    display: block;

    color: #000;
}

.question__answer
{
    font-size: 1.4rem;
    line-height: 2rem;

    display: none;

    margin-top: 1.6rem;
}

.question__answer li,
.question__answer p
{
    font-size: 1.4rem;
    line-height: 2rem;
}

.question__answer p + p,
.question__answer ul + p
{
    margin-top: 16px;
}

.question__answer li + li
{
    margin-top: 4px;
}

.question__answer ul li
{
    position: relative;

    padding-left: 20px;
}

.question__answer ul li:before
{
    position: absolute;
    top: 7px;
    left: 7px;

    display: block;

    width: 6px;
    height: 6px;

    content: '';

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

.section
{
    margin-top: -1px;
}

.section__header
{
    font-size: 1.4rem;
    line-height: 2rem;

    position: relative;

    min-height: 4.9rem;
    padding: 1.4rem 5rem 1.4rem 1.6rem;

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

    border: 1px solid #eceef0;
}

.active .section__header
{
    background: #f3f6f9;
}

.section__icon
{
    position: absolute;
    top: .8rem;
    right: 1.4rem;
    transform: rotate(180deg);
}

.active .section__icon
{
    transform: none;
}

.section__icon .icon:before
{
    font-size: 3.2rem;
}

.section__name
{
    font-weight: 700;

    display: inline-block;

    margin-right: 1.4rem;

    vertical-align: top;
}

.section__value
{
    display: inline-block;

    vertical-align: top;
}

.section__text
{
    font-size: 1.4rem;
}

.section__body
{
    display: none;

    padding: 1.6rem 1.6rem 2.4rem;
}

.slider
{
    position: relative;

    width: 100%;
    height: 34rem;
    padding-top: 1rem;

    text-align: center;

    background: #229fff;
}

.slider__title
{
    font-size: 3rem;
    font-weight: 700;
    line-height: 3.6rem;

    margin: 1.5rem 0;

    text-align: center;

    color: #fff;
}

.slider__item
{
    position: relative;

    overflow: hidden;

    min-height: 14rem;
}

.slider__img
{
    position: relative;
    z-index: 3;

    width: 10.4rem;
    height: 10.9rem;
    margin: 0 auto;
    padding-top: .5rem;
}

.slider__img img
{
    display: block;

    width: 100%;
    height: 100%;

    border-radius: 8rem;
}

.slider_collection img
{
    border-radius: 0;
}

.slider_collection:before,
.slider_collection:after
{
    position: absolute;

    display: block;

    content: '';
}

.slider_collection:before
{
    bottom: 8rem;
    left: .4rem;

    width: 7.2rem;
    height: .3rem;

    background-color: #eaeaea;
}

.slider_collection:after
{
    bottom: 8.3rem;
    left: .8rem;

    width: 6.4rem;
    height: .2rem;

    opacity: .5;
    background-color: #eceef0;
}

.slider .slick-dots
{
    line-height: .4rem;

    position: absolute;
    z-index: 3;
    bottom: 1.5rem;
    left: 0;

    width: 100%;

    text-align: center;
}

.slider .slick-dots li
{
    display: inline-block;

    width: .8rem;
    height: .8rem;
    margin: 0 .4rem;

    border-radius: .8rem;
    background: rgba(59,73,82,.2);
}

.slider .slick-dots li.slick-active
{
    background: #fff;
}

.slider .slick-dots li button
{
    display: none;
}

.slider .all-tracks
{
    display: flex;

    margin-top: 1.6rem;
    justify-content: left;
    align-items: center;
}

.slider .all-tracks__icon
{
    width: 1.6rem;
    height: 1.6rem;
    transform: rotate(270deg);

    border-radius: 1.6rem;
    background: #fbda25;
}

.slider .all-tracks__icon .icon:before
{
    font-size: 1.6rem;

    color: #229fff;
}

.slider .all-tracks__text
{
    font-size: 1.4rem;
    line-height: 2rem;

    margin-top: .2rem;
    margin-left: .8rem;

    transition: all .15s ease;

    color: #fff;
}

.slider .all-tracks:hover .all-tracks__text
{
    transition: all .15s ease;

    color: #fbda25;
}

.slider-nav
{
    position: relative;
    display: flex !important;

    height: 4.4rem;
    margin-top: -7.2rem;
    margin-bottom: 2.8rem;
    padding: 0;
    justify-content: center;
}

.slider-nav__item
{
    font-size: 1.4rem;
    line-height: 4.4rem;

    padding: 0 1.6rem;

    cursor: pointer;

    color: #fff;
    border: 1px solid #fff;
    border-left: 0;
}

.slider-nav__item:first-child
{
    border-left: 1px solid #fff;
}

.slider-nav__item:hover
{
    background: #58b7ff;
}

.slider-nav__item.active
{
    background: #0088f1;
}


.main-tabs
{
    display: flex;

    background: #229fff;
    justify-content: space-between;
}

.main-tabs__tab
{
    font-size: 1.4rem;
    line-height: 4rem;

    width: 100%;
    height: 4rem;
    margin: 0 .15rem;

    text-align: center;

    color: #3b4952;
    border-radius: .8rem .8rem 0 0;
    background: #eceef0;
}

.main-tabs__tab.active
{
    color: #229fff;
    background: #fff;
}

.main-tabs-content__tab
{
    display: none;
}

.main-tabs-content__tab.active
{
    display: block;
}

.topline
{
    position: relative;
    z-index: 10;

    width: 100%;

    border-top: 1px solid #eff0f2;
}

.topline__nav
{
    line-height: 2.6rem;
    display: flex;
    float: left;

    height: 3.2rem;
    justify-content: left;
}

.topline__nav .item
{
    font-size: 1.3rem;
    font-weight: 700;

    padding: 0 1.8rem;

    transition: all .15s ease;

    color: #229fff;
    border-top: 3px solid transparent;
    border-left: 1px solid #eff0f2;
}

.topline__nav .item.active
{
    color: #fff;
    border-left: none;
    background: #229fff;
}

.topline__nav .item.active:hover
{
    color: #fff;
}

.topline__nav .item:hover
{
    transition: all .15s ease;

    color: #229fff;
    border-top: 3px solid #229fff;
}

.topline__open-menu
{
    position: relative;

    float: left;

    width: 5.6rem;
    height: 3.2rem;

    cursor: pointer;

    border-left: 1px solid #eff0f2;
}

.topline__open-menu:before,
.topline__open-menu:after
{
    position: absolute;
    top: 50%;

    display: block;

    width: .8rem;
    height: .8rem;
    margin-top: -.4rem;

    content: '';
    transition: all .15s ease;

    border-radius: .8rem;
    background: #fbda25;
}

.topline__open-menu:before
{
    left: 1.8rem;
}

.topline__open-menu:after
{
    right: 1.8rem;
}

.topline__open-menu:hover:before,
.topline__open-menu:hover:after
{
    transition: all .15s ease;

    background: #229fff;
}

.topline__profile
{
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 3.2rem;

    float: right;

    padding: 0 1.8rem;

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

    color: #3b4952;
    background: #fbda25;
}

.topline__profile:hover
{
    transition: all .15s ease;

    color: #fff;
    background: #229fff;
}

.topline__lang
{
    float: right;

    width: 5.9rem;
    height: 3.2rem;
}

.topline__lang .languages
{
    font-family: MuseoSansCyrl, Helvetica, Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 3.2rem;

    z-index: 50;

    overflow: hidden;

    height: 3.2rem;

    cursor: pointer;
    transition: ease .2s;
    white-space: nowrap;
}

.topline__lang .languages .language
{
    line-height: 3.2rem;

    position: relative;

    padding: 0 .8rem;

    cursor: pointer;
    text-transform: uppercase;

    color: #3b4952;
}

.topline__lang .languages .language .icon
{
    display: inline-block;
    transform: rotate(180deg);
    vertical-align: middle;
}

.topline__lang .languages .language .icon:before
{
    font-size: 1.6rem;
    line-height: 3.2rem;

    color: #d7d7da;
}

.topline__lang .languages .language span
{
    line-height: 3.2rem;

    display: inline-block;

    vertical-align: middle;
}

.topline__lang .languages:hover
{
    height: 6.4rem;

    background: #fff;
}

.topline__lang .languages:hover .language.active
{
    color: #fff;
    background: #229fff;
}

.topmenu
{
    position: relative;
    z-index: 5;

    display: none;

    margin-bottom: .8rem;
}

.topmenu.opened
{
    display: block;
}

.topmenu__close
{
    position: absolute;
    top: 1.6rem;
    right: 1.6rem;

    cursor: pointer;
}

.topmenu__close .icon:before
{
    font-size: 2.4rem;

    color: #229fff;
}

.topmenu__section
{
    float: left;

    width: 20.6rem;
    padding: 2.4rem 0 0 1.6rem;
}

.topmenu__section_big
{
    width: 40.4rem;
}

.topmenu__section_big .topmenu__item
{
    width: 17.6rem;
}

.topmenu__title
{
    font-size: 1.8rem;
    line-height: 2.4rem;

    margin-bottom: 2.4rem;

    color: #3b4952;
}

.topmenu__item
{
    font-size: 1.4rem;

    display: block;
    float: left;

    width: 20.6rem;
    margin-bottom: 1.6rem;

    color: #229fff;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)
{
    .sprite
    {
        background-image: url('sprite.png');
        background-size: 1px 1px;
    }
}

@media all and (min-width: 505px)
{
    .input-w-btn
    {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }

    .input-w-btn .input-container,
    .input-w-btn .time-container,
    .input-w-btn .week
    {
        width: calc(100% - 13rem);
    }

    .input-w-btn .button
    {
        width: 11.4rem !important;
        margin-top: 0 !important;
        padding: 0;
    }
}

@media all and (min-width: 664px)
{
    .melodies
    {
        width: calc(100% + 2.4rem);
        max-width: 64.8rem;
        margin: 0 -1.2rem;
        padding: 2.4rem 0;
        justify-content: left;
    }

    .melody_main
    {
        width: 20rem;
    }

    .melody_main .melody__preview
    {
        height: 20rem;
    }

    .melody_main .melody__player
    {
        height: 20rem;
        padding: 6.6rem;
    }

    .melody_main .melody__play,
    .melody_main .melody__pause
    {
        width: 6.8rem;
        height: 6.8rem;
        padding: 1.8rem;

        border-radius: 6.8rem;
    }

    .melody_main .melody__description
    {
        height: 9.6rem;
        padding: 1.6rem;
    }

    .melody_main .melody__name
    {
        font-size: 1.8rem;
        line-height: 2.4rem;

        max-height: 4.8rem;
    }

    .melody_main .melody__name:hover
    {
        transition: all .15s ease;

        color: #229fff;
    }

    .melody_main .melody__artist
    {
        font-size: 1.4rem;
        line-height: 2rem;

        max-height: 1.8rem;
    }

    .melody_main .melody__artist:hover
    {
        color: #000;
    }

    .melody_main .melody__instruction
    {
        font-size: 1.4rem;
    }
}

@media all and (min-width: 664px) and (max-width: 1159px)
{
    .melody_main
    {
        margin: 0 .8rem 2.4rem;
        padding-bottom: 1.2rem;
    }
}

@media all and (min-width: 665px)
{
    .content
    {
        padding-bottom: 160px;
    }

    .content-wrap
    {
        max-width: 100%;
    }

    .page
    {
        max-width: 64.8rem;
    }

    .page_error
    {
        padding: 10.4rem 0;
    }

    .page_error .title
    {
        margin-top: 2.2rem;
    }

    .page_error .text
    {
        max-width: 38rem;
        margin: 3.2rem auto 0;
    }

    .page_error .button
    {
        margin-top: 3.2rem;
    }

    .search-empty
    {
        padding: 18rem 0;
    }

    .empty
    {
        padding: 4.8rem;
    }

    .title
    {
        font-size: 3rem;
        line-height: 3.6rem;

        padding: 0;
    }

    .title_320
    {
        display: none;
    }

    .title_mt_24-32
    {
        margin-top: 3.2rem;
    }

    .title_mt_24-48
    {
        margin-top: 4.8rem;
    }

    .text
    {
        font-size: 1.6rem;
        line-height: 2rem;
    }

    .text_size_14
    {
        font-size: 1.4rem;
        line-height: 2rem;
    }

    .radio__title
    {
        font-family: MuseoSansCyrl, Helvetica, Arial, sans-serif;
        font-size: 14px;

        color: #3b4952;
    }

    .artist-header__img
    {
        width: 20rem;
        height: 20rem;

        border-radius: 20rem;
    }

    .artist-header__name
    {
        font-size: 3rem;
        line-height: 3.6rem;

        margin-left: 2.4rem;
    }

    .artists
    {
        width: calc(100% + 2.4rem);
        margin: 0 -1.2rem;
        padding: 2.4rem 0;
        justify-content: left;
    }

    .artists .artist
    {
        width: 20rem;
        margin: 0 1.2rem;
    }

    .artists .artist__img
    {
        width: 20rem;
        height: 20rem;

        border-radius: 20rem;
    }

    .di-jingle-nav__list .item
    {
        font-weight: bold;
    }

    .di-jingle-container__header
    {
        box-sizing: border-box;
        max-width: 100%;
        padding: 0 3.2rem 0 7rem;
    }

    .copy-di-jingle .page
    {
        max-width: calc(100% - 6.4rem);
        margin: 0 auto 6.4rem;
    }

    .copy-di-jingle .input-container
    {
        float: left;

        width: 27.7rem;
    }

    .copy-di-jingle__button
    {
        float: left;

        width: 18.3rem !important;
        margin-top: 4.1rem;
        margin-left: 1.6rem;
        padding-right: 0;
        padding-left: 0;
    }

    .di-jingle-default
    {
        max-width: 32rem;
        margin: 12rem auto;
    }

    .footer__app,
    .footer__socials
    {
        float: left;

        margin-bottom: 0;
    }

    .main-genres
    {
        display: flex;

        min-width: 70rem;
        margin: 4.8rem 0 4rem;
        flex-wrap: nowrap;
    }

    .main-genres .title
    {
        float: left;

        margin-right: 4rem;
    }

    .genres
    {
        padding: 0;
    }

    .genres .item
    {
        margin-right: 1.2rem;
        margin-bottom: 1.2rem;
        padding: 0 1.6rem;
    }

    .header
    {
        height: 8rem;
    }

    .header .search
    {
        right: 3.2rem;
        left: auto;

        width: 29.5rem;
        height: 8rem;
        padding: 3.1rem 3rem 3.1rem 0;
    }

    .header .search:after
    {
        position: absolute;
        bottom: 2.2rem;

        display: block;

        width: 100%;
        height: .2rem;

        content: '';

        border-radius: .2rem;
        background: #fff;
    }

    .header .search__icon
    {
        top: 2.8rem;
        right: 0;
        left: auto;
    }

    .header .search__input
    {
        font-size: 1.4rem;
        font-weight: 700;
        line-height: normal;

        padding: 0;
    }

    .header .search__close
    {
        right: 0;

        display: none;
    }

    .header__open-menu
    {
        top: 2.8rem;
        left: 2.4rem;
    }

    .header__title
    {
        font-size: 3.5rem;
        line-height: 8rem;

        left: 7.2rem;
    }

    .header .languages
    {
        display: none;
    }

    .header .languages:hover
    {
        height: 8rem;

        color: #229fff;
        background: #fff;
    }

    .header .languages:hover .language.active
    {
        background: #0088f1;
    }

    .header .search-open
    {
        top: 2.8rem;
        right: 3.2rem;
    }

    .melodies_320
    {
        display: none;
    }

    .melodies-table-head
    {
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 4.2rem;

        display: block;

        width: 100%;
        max-width: 100%;
        height: 4.2rem;
        padding-left: 7.3rem;

        color: #fff;
        background: #229fff;
    }

    .melodies-table-head.melodies-table__random
    {
        padding-left: 10.5rem;
    }

    .melodies-table
    {
        max-width: 100%;
        margin: 2.4rem 0 0 0;
    }

    .melody_slider
    {
        display: block;

        max-width: 50rem;
        padding-left: 9.2rem;
    }

    .melody_slider .melody__preview
    {
        width: 6.8rem;
        height: 6.8rem;

        border-radius: 6.8rem;
    }

    .melody_slider .melody__player .icon:before
    {
        line-height: 6.8rem;
    }

    .melody_slider .melody__name
    {
        font-size: 3rem;
        line-height: 3.6rem;
    }

    .melody_slider .melody__artist
    {
        font-size: 1.8rem;
        line-height: 2.4rem;

        margin-top: .8rem;
    }

    .melody_main .melody__instruction .instruction
    {
        width: 18rem;
    }

    .melody_main .actions
    {
        height: 4.8rem;
    }

    .melody_main .actions .action .icon:before
    {
        line-height: 4.8rem;
    }

    .melody_di-jingle,
    .melody_settings
    {
        padding-left: 11.2rem;
    }

    .melody_di-jingle .melody__preview,
    .melody_settings .melody__preview
    {
        width: 7.2rem;
        height: 7.2rem;
    }

    .melody_di-jingle .melody__description,
    .melody_settings .melody__description
    {
        min-height: 68px;
    }

    .melody_di-jingle .melody__name,
    .melody_settings .melody__name
    {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }

    .melody_di-jingle .melody__artist,
    .melody_settings .melody__artist
    {
        font-size: 1.4rem;
        line-height: 2rem;
    }

    .melody_di-jingle
    {
        min-height: 9.2rem;
        padding-bottom: 0;
        padding-left: 16rem;
    }

    .melodies-table__random .melody_di-jingle
    {
        padding-left: 9rem;
    }

    .melodies-table__random .melody_di-jingle .switcher
    {
        display: none;
    }

    .melodies-table__random .melody_di-jingle .melody__preview
    {
        left: 0;
    }

    .melodies-table__random .melody_di-jingle .melody__description
    {
        max-width: 34.2rem;
    }

    .melody_di-jingle .melody__description
    {
        float: left;

        max-width: 28rem;
    }

    .melody_di-jingle .melody__status
    {
        font-size: 1.4rem;
        line-height: 2rem;

        display: block;
        float: left;

        width: 18rem;
        margin-right: -2rem;
        margin-left: 1.6rem;
    }

    .melody_di-jingle .melody__preview
    {
        left: 7.2rem;

        width: 7.2rem;
        height: 7.2rem;
    }

    .melody_di-jingle .melody__player
    {
        height: 7.2rem;
        padding: 2rem;
    }

    .melody_di-jingle .melody__player:hover
    {
        opacity: 1;
    }

    .melody_di-jingle .switcher
    {
        top: 2.5rem;
        left: 1.6rem;
    }

    .melody_di-jingle .actions
    {
        margin-left: 2rem;
    }

    .melodies-table__random .melody_di-jingle .actions
    {
        margin-left: 1rem;
    }

    .melody_di-jingle .actions .text
    {
        line-height: 2rem;
    }

    .melody_settings
    {
        padding-top: 2.4rem;
    }

    .melodies-num__text
    {
        font-size: 3rem;
        font-weight: 700;
    }

    .menu .item_notmobile
    {
        display: block;
    }

    .modal__close
    {
        top: .6rem;
        right: .6rem;
    }

    .modal__header
    {
        line-height: 4.4rem;

        height: 4.4rem;
    }

    .modal__content
    {
        padding: 0 2.4rem;
    }

    .modal .buttons
    {
        margin: 0 -1rem;
    }

    .modal .buttons_modal
    {
        margin-bottom: 1.6rem;
    }

    .modal .buttons_modal .button
    {
        display: inline-block;

        width: auto;
        min-width: 150px;
        margin-top: 0 !important;
        padding: 0 2.5rem;

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

    .modal .buttons_modal .button + .button
    {
        margin-left: 1.6rem;
    }

    .modal .buttons_2
    {
        display: flex;

        width: calc(100% + 2rem);
        justify-content: space-between;
    }

    .modal .buttons_2 .button
    {
        margin: 0 !important;
    }

    .modal .buttons_2 .button:first-child
    {
        margin-right: 1.6rem;
    }

    .modal .buttons_3 .button
    {
        margin: 0;
        margin-top: 0 !important;
    }

    .modal .buttons_3 .button:first-child
    {
        margin-right: 1.6rem;
        margin-left: 0;
    }

    .modal .buttons_320-fixed
    {
        display: flex;

        padding: 2.4rem 0 .8rem;

        border-top: 1px solid #eceef0;
        justify-content: center;
    }

    .modal .buttons_320-fixed .button
    {
        margin: 0 .8rem;
    }

    .modal .buttons_320-swap
    {
            flex-direction: row-reverse;
    }

    .modal .buttons_320-swap .button:first-child
    {
        margin-right: 0;
        margin-left: 1.6rem;
    }

    .modal .subscr-classic-img,
    .modal .subscr-premium-img,
    .modal .subscr-lock-img,
    .modal .subscr-off-img
    {
        width: 15.4rem;
        height: 15.4rem;
    }

    .update-modal .title
    {
        margin-top: 3.2rem;
    }

    .update-modal .text
    {
        margin-top: 2.4rem;
    }

    .update-modal__packages
    {
        display: flex;

        margin-top: 2.4rem;
        justify-content: space-between;
    }

    .update-modal .package-big
    {
        width: 22.2rem;
    }

    .notification
    {
        width:         min-content;

        white-space: nowrap;
    }

    .packages .title
    {
        margin-top: 4.8rem;
    }

    .package-big
    {
        padding: 0 1.6rem 1.6rem;
    }

    .package-big__price
    {
        font-weight: 700;
    }

    .package-big__text
    {
        margin-top: 1.6rem;
    }

    .section__header
    {
        padding-left: 2.4rem;
    }

    .section__body
    {
        padding: 1.6rem 2.4rem 2.4rem;
    }

    .slider
    {
        height: 38.4rem;
        padding: 0;
    }

    .slider__title
    {
        font-size: 4.8rem;
        line-height: 4.8rem;

        max-width: 55rem;
        margin: 7.2rem 0 4.8rem;

        text-align: left;
    }

    .slider__item
    {
        padding-left: 4.3rem;
    }

    .main-tabs
    {
        display: none;
    }

    .main-tabs-content
    {
        display: flex;
            flex-direction: column;
    }

    .main-tabs-content__tab
    {
        display: block;
    }

    .main-tabs-content__tab:nth-child(1)
    {
        order: 2;
    }

    .main-tabs-content__tab:nth-child(2)
    {
        order: 3;
    }

    .main-tabs-content__tab:nth-child(3)
    {
        order: 1;
    }
}

@media all and (min-width: 665px) and (max-width: 1023px)
{
    .melodies-slick
    {
        width: calc(5rem + 100vw + (100vw - 63.2rem) / 2);
        margin-left: calc(-5rem + (100vw - 63.2rem) / -2);
    }

    .melodies-table__random .melody_di-jingle
    {
        padding-left: 10.6rem;
    }

    .melodies-table__random .melody_di-jingle .melody__preview
    {
        left: 1.6rem;
    }

    .slider__img
    {
        display: none;
    }
}

@media all and (min-width: 1024px)
{
    .empty
    {
        padding: 10.6rem 4.8rem;
    }

    .radio__content .text
    {
        max-width: 60%;
    }

    .di-jingle-container__header
    {
        max-width: 82.2rem;
        padding: 0;
    }

    .di-jingle-container
    {
        width: 80rem;
        margin-right: auto;
        margin-left: auto;
    }

    .footer
    {
        padding: 4rem 0 3.2rem;
    }

    .footer__cr
    {
        margin-bottom: 2.2rem;
    }

    .melodies-slick .slick-track
    {
        margin-left: 0;
    }

    .melodies-table-head
    {
        max-width: 82.2rem;
        padding-left: 7.3rem;

        border-radius: .2rem;
    }

    .melodies-table-head.melodies-table__random
    {
        padding-left: 8.9rem;
    }

    .melodies-table
    {
        max-width: 82.2rem;
        margin: 2.4rem auto 0;
    }

    .melody_di-jingle
    {
        margin-left: 0;
    }

    .melody_di-jingle .melody__description
    {
        max-width: 28.2rem;
    }

    .melody_di-jingle .switcher
    {
        left: 0;
    }

    .melody_di-jingle .actions
    {
        margin-left: 5rem;
    }

    .melodies-table__random .melody_di-jingle .actions
    {
        margin-left: 5rem;
    }

    .slider
    {
        height: 46.6rem;
    }

    .slider__item
    {
        height: 46.6rem;
        padding-left: 11.2rem;
    }

    .slider__img
    {
        position: absolute;
        top: 7.2rem;
        right: 4.8rem;

        width: 29rem;
        height: 29rem;
    }

    .slider__img img
    {
        border-radius: 29rem;
    }

    .slider .slick-dots
    {
        display: none !important;
    }
}

@media all and (min-width: 1024px) and (max-width: 1349px)
{
    .melodies-slick
    {
        width: calc(5rem + 100vw + (100vw - 87.2rem) / 2);
        margin-left: calc(-5rem + (100vw - 87.2rem) / -2);
    }
}

@media all and (min-width: 1160px)
{
    .content
    {
        padding-bottom: 367px;
    }

    .page
    {
        max-width: 109.6rem;
    }

    .page_error
    {
        position: relative;
        left: -80px;
        display: flex;

        width: 935px;
        margin: 0 auto;
        flex-flow: row nowrap;
        align-items: center;
        justify-content: space-between;
    }

    .page_error .page_error-description .text,
    .page_error .page_error-description .title
    {
        margin-right: 0 !important;
        margin-left: 0 !important;

        text-align: left !important;
    }

    .page_error .page_error-description .button
    {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .week .week-day:hover .week-day__view
    {
        transition: all .15s ease;

        background: #eceef0;
    }

    .di-jingle-nav
    {
        display: block;
        float: left;

        width: 20.4rem;
        min-height: 30rem;
        margin-right: 2.4rem;
        margin-left: 12.7rem;
        padding-top: 5.8rem;
    }

    .di-jingle-nav_m-0
    {
        margin: 0;
    }

    .di-jingle-container__header
    {
        max-width: 109.6rem;
        padding: 0;
    }

    .di-jingle-container
    {
        float: left;

        margin-top: 2rem;
    }

    .di-jingle-container .page
    {
        width: 100%;
    }

    .copy-di-jingle
    {
        float: left;

        width: 82.2rem;
        margin-top: 2rem;
        margin-right: -2rem;
    }

    .copy-di-jingle .page
    {
        width: 100%;
    }

    .footer-nav
    {
        position: absolute;
        z-index: 2;
        right: 0;
        bottom: 132px;
        left: 0;

        display: block;
    }

    .footer
    {
        padding: 4rem 0 3.2rem;
    }

    .footer__cr
    {
        margin-right: 11.2rem;
    }

    .footer__app,
    .footer__socials
    {
        margin-right: 0;
    }

    .footer__cr,
    .footer__app,
    .footer__socials
    {
        float: left;

        margin-bottom: 0;
    }

    .footer__social
    {
        margin-right: 0;
        margin-left: .8rem;
    }

    .header__open-menu
    {
        display: none;
    }

    .header__title
    {
        left: 12.5rem;
    }

    .header__nav
    {
        display: block;
    }

    .melodies
    {
        max-width: initial;
    }

    .melodies-table-head
    {
        display: block;
        float: right;

        width: 82.2rem;
    }

    .melodies-table
    {
        display: block;
        float: right;

        width: 82.2rem;
        margin-top: 0;
    }

    .melody_main
    {
        margin: 0 1.2rem 4rem;
        padding-bottom: 1.2rem;
    }

    .packages
    {
        float: right;

        width: 82.2rem;
        margin-bottom: 13rem;
    }

    .packages-head
    {
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 4.2rem;

        display: block;

        width: 100%;
        max-width: 100%;
        height: 4.2rem;
        padding-left: 2.4rem;

        color: #fff;
        background: #229fff;
    }

    .package
    {
        margin-top: 1.6rem;
        padding: 3.2rem 0 3.2rem 2.4rem;

        border: none;
        border-bottom: 1px solid #eceef0;
    }

    .package__description
    {
        float: left;

        width: 28.4rem;
        padding-right: 4.4rem;
    }

    .package__info
    {
        float: left;

        width: 19rem;
        margin-top: 0;
        padding-right: 9rem;
    }

    .package__info-text
    {
        display: none;
    }

    .package__status
    {
        margin-top: 0;
    }

    .package__button
    {
        margin-top: 0;
    }

    .package__button .button
    {
        width: 16.8rem;
    }

    .slider__img
    {
        position: absolute;
        top: 7.2rem;
        right: 22.6rem;
    }

    .slider__img:after
    {
        position: absolute;
        top: 0;
        right: -32.2rem;

        display: block;

        width: 29rem;
        height: 29rem;

        content: '';

        border-radius: 29rem;
        background: #fbda25;
    }
}

@media all and (min-width: 1280px)
{
    .topmenu__section_big
    {
        width: 64rem;
    }
}

@media all and (min-width: 1350px)
{
    .melodies-slick
    {
        margin-top: 2.4rem;
    }

    .melodies-slick
    {
        width: 135rem;
        margin-left: -12.7rem;
        padding: 0 11.7rem;
    }

    .melodies-slick .slick-list
    {
        padding: 0 1rem;
    }

    .melodies-slick .slick-arrow
    {
        font-size: 0;

        position: absolute;
        top: 17.2rem;

        display: block;

        width: 5rem;
        height: 5rem;

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

        border-radius: 5rem;
        background: #fbda25;
    }

    .melodies-slick .slick-arrow:after
    {
        font-family: 'icomoon' !important;
        font-size: 3.2rem;
        line-height: 5rem;

        display: block;

        content: '\e903';
        transition: all .15s ease;

        color: #229fff;
    }

    .melodies-slick .slick-arrow:hover
    {
        background: #229fff;
    }

    .melodies-slick .slick-arrow:hover:after
    {
        color: #fff;
    }

    .melodies-slick .slick-prev
    {
        left: 4.5rem;
    }

    .melodies-slick .slick-next
    {
        right: 4.5rem;
        transform: rotate(180deg);
    }
}

@media all and (max-width: 1350px)
{
    .old-browser .inner
    {
        padding: 0 7rem 0 3.2rem;
    }

    .old-browser__close
    {
        right: 3.2rem;
    }

    .topline__nav .item_1350
    {
        display: none;
    }
}

@media all and (max-width: 1279px)
{
    .topmenu__section_big
    {
        width: 100%;
    }

    .topmenu__section_big .topmenu__item
    {
        width: 20.6rem;
    }
}

@media all and (max-width: 1160px)
{
    .package__info-free
    {
        float: left;

        margin-right: 2rem;
    }
}

@media all and (max-width: 1159px)
{
    .header__logo
    {
        display: none;
    }
}

@media all and (max-width: 1023px)
{
    .melodies-table-head__di-jingle
    {
        width: 38rem;
    }

    .melodies-table-head__status
    {
        width: 18.2rem;
    }

    .melodies-table__random .melodies-table-head__status
    {
        width: 17.2rem;
    }

    .melodies-table-head__actions
    {
        width: 10.8rem;
    }

    .melody__button .button
    {
        font-size: 12px;

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

    .slider-nav
    {
        display: none !important;
    }
}

@media all and (max-width: 780px)
{
    .melodies-table__random .melodies-table-head__di-jingle
    {
        width: 25.8rem;
    }

    .melodies-table-head__di-jingle
    {
        width: 29rem;
    }

    .melodies-table__random .melody_di-jingle .melody__description
    {
        max-width: 24.2rem;
    }

    .melody_di-jingle .melody__description
    {
        max-width: 19rem;
    }
}

@media all and (max-width: 665px)
{
    .melodies-num__link
    {
        margin-top: 4px;
    }

    .package__info-free
    {
        float: none;

        width: 100%;
        margin-top: 3rem;
        margin-right: 0;
        margin-bottom: 1rem;
    }
}

@media all and (max-width: 664px)
{
    .content
    {
        padding-bottom: 256px;
    }

    .title_768
    {
        display: none;
    }

    .selected-list .item
    {
        width: 100%;
    }

    .button_mobile-full
    {
        width: 100%;
    }

    .copy-di-jingle .melodies
    {
        justify-content: center;
    }

    .main-genres
    {
        margin-bottom: .8rem;
    }

    .main-genres_768.main-genres
    {
        display: none;
    }

    .main-genres .title
    {
        margin-top: 3.2rem;
    }

    .header .languages.opened
    {
        height: 8rem;

        color: #229fff;
        background: #fff;
    }

    .header .languages.opened .language.active
    {
        background: #0088f1;
    }

    .melodies.melodies_change-package .melody:nth-child(3)
    {
        display: none;
    }

    .melodies-table__random .melody_di-jingle .actions
    {
        left: 0;
    }

    .melody_di-jingle .actions
    {
        position: absolute;
        top: auto;
        bottom: 1.2rem;
        left: 0;
        left: 5.6rem;

        width: auto;
        height: 3.2rem;
        margin-left: 0;
    }

    .modal_settings .modal__flex
    {
        padding: 0;
    }

    .modal_settings .modal__window
    {
        padding-bottom: 7.19rem;

        border-radius: 0;
    }

    .modal__header
    {
        line-height: normal;

        height: auto;
        padding: 2.5rem 4.2rem 2.5rem 2.4rem;
    }

    .modal .buttons_3
    {
        flex-flow: column nowrap;
    }

    .modal .buttons_3 .button
    {
        width: 100%;
        margin: 0;
        margin-top: 0 !important;
        order: 2;
    }

    .modal .buttons_3 .button:first-child
    {
        margin-top: 8px !important;
        margin-right: 0;
        margin-left: 0;
        order: 3;
    }

    .modal .buttons_320-fixed
    {
        position: absolute;
        bottom: 0;
        left: 0;
        display: flex;

        width: 100%;
        height: 7.2rem;
        margin-top: -1px;
        padding: 1.6rem;

        border-top: 1px solid #ebeef0;
        background: #fff;
        justify-content: space-between;
    }

    .modal .buttons_320-fixed .button
    {
        width: calc(50% - .8rem);
        margin: 0;
    }

    .package__button
    {
        float: left;

        width: 100%;
        margin-top: .8rem;
    }

    .package__button .button
    {
        width: 100%;
    }

    .slider .all-tracks
    {
        display: none;
    }

    .topline
    {
        display: none;
    }

    .topmenu
    {
        display: none !important;
    }
}

@media all and (max-width: 359px)
{
    html,
    body
    {
        font-size: 8.8px;
    }
}

@keyframes spinner
{
    0%
    {
        transform: rotate(0deg);
    }

    100%
    {
        transform: rotate(360deg);
    }
}

@keyframes spinner
{
    0%
    {
        transform: rotate(0deg);
    }

    100%
    {
        transform: rotate(360deg);
    }
}


/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/css/override.css?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************/
.none {
  display: none!important;
}
.select__options .option{
  cursor: pointer;
}
.select__options {
  max-height: 17rem;
}
.no-border{
  border: none!important;
}

@media all and (min-width: 664px) and (max-width: 1159px)
{
  .not_pda
  {
   display: none!important;
  }
}


/*# sourceMappingURL=styles.css.map*/