/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Global styles start*/
* { outline: none; }

html, body { height: 100%; }

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

button { border: none; padding: 0; margin: 0; background-color: transparent; cursor: pointer; }

button[type="button"]:focus, button[type="submit"]:focus { outline: none; }

a { color: inherit; }

input[type='number'] { -moz-appearance: textfield; }

input[type='number']::-webkit-outer-spin-button, input[type='number']::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

input:focus, textarea:focus { outline: none; }

svg { max-width: 100%; max-height: 100%; stroke-width: 0; fill: currentColor; pointer-events: none; }

img { max-width: 100%; }

hr { border: 0 none; height: 1px; clear: both; }

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

/* Global styles end*/
.page__wrapper { display: flex; flex-direction: column; min-height: 100%; overflow: hidden; /* min-width: $spacer * 180;*/ }

.page__wrapper.is-blurred { filter: blur(0.15625rem); }

.page__wrapper .footer { flex: 0 0 auto; }

.page__wrapper--fullscreen { max-height: 100vh; }

.page__content { flex: 1 0 auto; }

.page__section + .page__section { margin-top: 6.25rem; }

.page__image { position: relative; display: block; }

.page__image img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

/*Custom styles start*/
.logotype { display: block; max-width: 11.25rem; }

@media (min-width: 1600px) { .container--large { max-width: 1850px; } }

[data-tabs-content] { height: 0; overflow: hidden; }

/*Custom styles end*/
/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.title { font-weight: normal; line-height: 1.15; }

.title--regular { font-size: 1.875rem; }

@media (max-width: 1200px) { .title--regular { font-size: calc(1.3125rem + 0.75vw) ; } }

.title--middle { font-size: 2.1875rem; }

@media (max-width: 1200px) { .title--middle { font-size: calc(1.34375rem + 1.125vw) ; } }

.title--middle-up { font-size: 2.5rem; }

@media (max-width: 1200px) { .title--middle-up { font-size: calc(1.375rem + 1.5vw) ; } }

.title--large { font-size: 3.125rem; }

@media (max-width: 1200px) { .title--large { font-size: calc(1.4375rem + 2.25vw) ; } }

.title--weight--light { font-weight: 300; }

.title--weight--normal { font-weight: 400; }

.title--weight--medium { font-weight: 500; }

.title--weight--semi { font-weight: 600; }

.title--weight--bold { font-weight: 700; }

.title--weight--black { font-weight: 900; }

.title--offset-bottom { padding-bottom: 3.125rem; }

.title--offset-top { padding-top: 3.125rem; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.text + .text { padding-top: 0.625rem; }

.text--extra-small { font-size: 0.75rem; }

.text--small { font-size: 0.875rem; }

.text--middle { font-size: 1.125rem; }

.text--large { font-size: 1.25rem; }

.text--extra-large { font-size: 1.5rem; }

@media (max-width: 1200px) { .text--extra-large { font-size: calc(1.275rem + 0.3vw) ; } }

.text--gray { color: #717171; }

.text--gray-brown { color: #343434; }

.text--success { color: #10DB92; }

.text--underlined { text-decoration: underline; }

.text--light { font-weight: 300; }

.text--semi { font-weight: 600; }

.text--medium { font-weight: 500; }

.text--black { font-weight: 900; }

.text--uppercase { text-transform: uppercase; }

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

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.button { font-size: 0.875rem; border-width: 1px; border-style: solid; font-weight: 500; display: inline-block; }

.button--circle { width: 2.5rem; height: 2.5rem; border-radius: 50%; text-align: center; }

.button--circle .svg-icon { max-width: 50%; }

.button--default { transition-property: background-color, box-shadow, color, border-color; transition-duration: 0.125s; transition-timing-function: linear; min-width: 6.25rem; padding: 0.78125rem 1.875rem; text-align: center; border-radius: 5px; }

.button--default.is-loading { pointer-events: none; }

.button--default.is-loading:after { content: ""; display: block; position: absolute; width: 1.25rem; height: 1.25rem; left: 50%; top: 50%; margin-left: -0.625rem; margin-top: -0.625rem; z-index: 3; transform-origin: 50%; -webkit-animation: preloaderSpin 1s infinite linear; animation: preloaderSpin 1s infinite linear; border-radius: 50%; border-style: solid; border-width: 2px; border-color: currentColor; border-top-color: transparent; }

.button--default.is-loading .button__content { opacity: 0; }

.button--default.button--success { background-color: #10DB92; border-color: #10DB92; color: #ffffff; /* pointer: fine - Desktop/Laptop and Desktop/Laptop+Touchscreen any-pointer: fine - Touchscreen+Mouse and Desktop/Laptop and Touchscreen and Desktop/Laptop+Touchscreen */ }

@media (pointer: fine) and (any-hover: hover), (min-width: 0\0) { .button--default.button--success:hover { background-color: #01C880; } }

.button--default.button--dark { color: #ffffff; border-color: #343434; background-color: #343434; /* pointer: fine - Desktop/Laptop and Desktop/Laptop+Touchscreen any-pointer: fine - Touchscreen+Mouse and Desktop/Laptop and Touchscreen and Desktop/Laptop+Touchscreen */ }

@media (pointer: fine) and (any-hover: hover), (min-width: 0\0) { .button--default.button--dark:hover { background-color: #717171; border-color: #717171; } }

.button--default.button--light { color: #ffffff; border-color: #ffffff; /* pointer: fine - Desktop/Laptop and Desktop/Laptop+Touchscreen any-pointer: fine - Touchscreen+Mouse and Desktop/Laptop and Touchscreen and Desktop/Laptop+Touchscreen */ }

@media (pointer: fine) and (any-hover: hover), (min-width: 0\0) { .button--default.button--light:active { background-color: #ffffff; color: #000000; } }

.button--default.button--white { background-color: #ffffff; color: #000000; border-color: #ffffff; }

.button--default.button--bordered { border-color: #343434; }

.button--default.button--bordered:hover { background-color: #343434; color: #ffffff; }

.button--default.button--gray { border-color: #b3b3b3; background-color: #b3b3b3; color: #ffffff; }

.button--waves .button__content { pointer-events: none; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.list--checked li { display: flex; position: relative; padding-left: 6px; padding-top: 0.125rem; }

.list--checked li + li { margin-top: 1.25rem; }

.list--checked li .svg-icon { transition: all 0.25s ease-in-out; flex-shrink: 0; width: 15px; height: 12px; margin-top: 5px; margin-right: 10px; }

.list--marked li { list-style: disc inside; }

.list--marked li + li { margin-top: 0.625rem; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
@-webkit-keyframes preloaderSpin { 100% { transform: rotate(360deg); } }
@keyframes preloaderSpin { 100% { transform: rotate(360deg); } }

.lazy__image { transition: opacity 0.25s ease; opacity: 0; }

.lazy__image.is-loaded { opacity: 1; }

.lazy__image.error + .lazy__preloader { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzg0IDM4NCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzg0IDM4NDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnPjxnPjxwYXRoIGQ9Ik0yMzQuNjY3LDI2NC41MzNMMTQ5LjMzMywxNzkuMkw2NCwyNjQuNTMzbC02NC02NHYxNDAuOEMwLDM2NC44LDE5LjIsMzg0LDQyLjY2NywzODRoMjk4LjY2N0MzNjQuOCwzODQsMzg0LDM2NC44LDM4NCwzNDEuMzMzVjI0My4ybC02NC02NEwyMzQuNjY3LDI2NC41MzN6Ii8+PHBhdGggZD0iTTM0MS4zMzMsMEg0Mi42NjdDMTkuMiwwLDAsMTkuMiwwLDQyLjY2N1YxNDAuOGw2NCw2NGw4NS4zMzMtODUuMzMzbDg1LjMzMyw4NS4zMzNMMzIwLDExOS40NjdsNjQsNjR2LTE0MC44QzM4NCwxOS4yLDM2NC44LDAsMzQxLjMzMywweiIvPjwvZz48L2c+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg=="); background-position: center center; background-repeat: no-repeat; background-size: contain; -webkit-animation: none; animation: none; border: 0 none; border-radius: 0; }

.lazy__preloader { position: absolute; }

.content__loader { position: relative; }

.content__loader.is-loading:after { content: ""; display: block; position: absolute; }

.content__loader.is-loading:after, .lazy__preloader { width: 42px; height: 42px; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 3; transform-origin: 50%; -webkit-animation: preloaderSpin 0.75s infinite linear; animation: preloaderSpin 0.75s infinite linear; border: 4px solid #10DB92; border-radius: 50%; border-top-color: transparent; }

.lazy__preloader--small { width: 27.72px; height: 27.72px; margin-left: -13.86px; margin-top: -13.86px; border-width: 2px; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.rating { display: inline-flex; }

.rating__item + .rating__item { margin-left: 0.1875rem; }

.rating__star { fill: #C4C4C4; }

.rating__star--marked { fill: #747474; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.tabs__nav-control { transition: color 0.25s ease; color: #B0B0B0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.tabs__nav-control:not(.is-active) { cursor: pointer; }

.tabs__nav-control.is-active { color: #000000; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
[data-scrollbar] { display: block; position: relative; }

.scrollbar-content { transform: translate3d(0, 0, 0); }

.scrollbar-track { position: absolute; opacity: 0; z-index: 1; background: #EEEEEE; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: opacity 0.25s 0.25s ease-out; }

.scrollbar-track.show, .scrollbar-track:hover { opacity: 1; transition-delay: 0s; }

.scrollbar-track-x { bottom: 0; left: 0; width: 100%; height: 0.46875rem; }

.scrollbar-track-y { top: 0; right: 0; width: 0.46875rem; height: 100%; }

.scrollbar-thumb { position: absolute; top: 0; left: 0; width: 0.46875rem; height: 0.46875rem; background: #717171; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.player, .page__player { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.player__song, .page__player-song { position: relative; overflow: hidden; }

.player__song:after, .page__player-song:after { content: ""; display: block; position: absolute; width: 20%; height: 100%; right: 0; top: 0; }

.player__song-tags, .page__player-song-tags { display: flex; flex-wrap: nowrap; padding-top: 0.3125rem; }

.player__song-tags li + li, .page__player-song-tags li + li { position: relative; }

.player__song-tags li + li:before, .page__player-song-tags li + li:before { content: '|'; display: inline-block; margin-left: 0.46875rem; margin-right: 0.46875rem; }

.player__duration-current, .player__duration-total, .page__player-duration-current, .page__player-duration-total { font-weight: 600; min-width: 2.5rem; }

.player { background-color: #10DB92; height: 5rem; position: fixed; bottom: 0; left: 0; right: 0; padding: 0.75rem 0; color: #ffffff; width: 100%; z-index: 3; }

.player *::-moz-selection { color: #10DB92; background-color: #ffffff; }

.player *::selection { color: #10DB92; background-color: #ffffff; }

.player__controls { height: 3.5rem; width: 8.28125rem; }

.player__control { transition: color 0.25s ease; color: inherit; height: 100%; }

.player__control-track { max-width: 2.34375rem; padding: 0 0.625rem; }

.player__control-track:disabled { color: #05BC7A; cursor: default; }

.player__control-play { width: 3.5rem; position: relative; }

.player__control-play .svg-icon { opacity: 0; }

.player__control-play-button { background-color: #ffffff; position: absolute; border-radius: 50%; left: 8px; top: 8px; width: calc(100% - 16px); height: calc(100% - 16px); color: #10DB92; }

.player__control-play-button .svg-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 45%; }

.player__control-play-button .svg-icon--play { left: calc(50% + 0.15625rem); }

.player__control-play-button .lazy__preloader { width: 1.75rem; height: 1.75rem; margin-left: -0.875rem; margin-top: -0.875rem; border-width: 3px; }

.player__control-play-button.is-disabled { cursor: default; }

.player__control-play-button.is-disabled .svg-icon--play, .player__control-play-button.is-disabled .svg-icon--pause, .player__control-play-button.is-disabled .lazy__preloader { opacity: 0; visibility: hidden; }

.player__control-play-button.is-loading .lazy__preloader { opacity: 1; }

.player__control-play-button.is-loading .svg-icon--play, .player__control-play-button.is-loading .svg-icon--pause { opacity: 0; visibility: hidden; }

.player__control-play-button.is-playing .svg-icon--pause { opacity: 1; }

.player__control-play-button.is-playing .svg-icon--play, .player__control-play-button.is-playing .lazy__preloader { opacity: 0; visibility: hidden; }

.player__control-play-button.is-paused .svg-icon--play { opacity: 1; }

.player__control-play-button.is-paused .svg-icon--pause, .player__control-play-button.is-paused .lazy__preloader { opacity: 0; visibility: hidden; }

.player__control-progress { transform: rotate(-90deg); }

.player__control-progress circle { stroke-width: 4px; }

.player__control-progress-track { stroke: #05BC7A; }

.player__control-progress-bar { stroke: #ffffff; }

.player__song { padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 0.3125rem; width: 18.75rem; cursor: pointer; }

.player__song:after { background: linear-gradient(to left, #10db92, rgba(16, 219, 146, 0)); }

.player__song-name { font-weight: bold; }

.player__song-tags { opacity: 0; visibility: hidden; }

.player__duration { width: calc(100% - 8.28125rem - 18.75rem - 20.3125rem); padding-right: 1.25rem; padding-left: 1.25rem; }

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

.player__duration .player__progress-alternative { background-color: #05BC7A; }

.player__duration .player__progress-alternative-bar { background-color: #ffffff; }

.player__oscillogram { margin-left: 1.25rem; margin-right: 1.25rem; height: 2.8125rem; width: 100%; position: relative; }

.player__oscillogram canvas { position: absolute; left: 0; top: 0; }

.player__oscillogram-progress { height: 100%; overflow: hidden; width: 0; position: absolute; left: 0; top: 0; }

.player__progress-alternative, .player__progress-alternative-bar { height: 8px; position: absolute; left: 0; }

.player__progress-alternative { width: 100%; top: calc(1.40625rem - 4px); }

.player__progress-alternative-bar { width: 0; top: 0; }

.player__progress-oscillogram { height: 100%; }

.player__interaction { width: 20.3125rem; }

.player__interaction .player__interaction-item--favorite .player__interaction-button, .player__interaction .player__interaction-item--download .player__interaction-button, .player__interaction .player__interaction-item--cart .player__interaction-button { background-color: #05BC7A; }

.player__interaction .player__interaction-item--favorite .player__interaction-button.is-active, .player__interaction .player__interaction-item--download .player__interaction-button.is-active, .player__interaction .player__interaction-item--cart .player__interaction-button.is-active { background-color: #ffffff; color: #05BC7A; }

.player__interaction .player__interaction-item--favorite .player__interaction-button:not(.is-active):hover, .player__interaction .player__interaction-item--download .player__interaction-button:not(.is-active):hover, .player__interaction .player__interaction-item--cart .player__interaction-button:not(.is-active):hover { color: #ffffff; }

.player__interaction .player__interaction-item--menu .player__interaction-button:hover { color: #ffffff; }

.player__interaction-item { width: 2.8125rem; height: 2.8125rem; position: relative; }

.player__interaction-item .svg-icon { width: 1.25rem; height: 1.25rem; }

.player__interaction-item--volume .player__interaction-button:disabled, .player__interaction-item--volume .player__interaction-button.is-disabled { color: #05BC7A; cursor: default; }

.player__interaction-item--volume .player__interaction-button:hover { color: #ffffff; }

.player__interaction-item--volume:before { content: ""; display: block; position: absolute; opacity: 0; visibility: hidden; transition-property: opacity, visibility; transition-duration: 0.25s; width: 100%; height: calc(100% + 0.625rem + 6.25rem + 16px + 1.25rem); bottom: 0; left: 0; background-color: #ffffff; box-shadow: 0 0.3125rem 1.875rem rgba(198, 198, 198, 0.5); border-radius: 0.625rem; }

.player__interaction-item--volume.is-active .player__interaction-button { color: #10DB92; }

.player__interaction-item--volume.is-active:before, .player__interaction-item--volume.is-active .player__volume { opacity: 1; visibility: visible; }

.player__interaction-item--menu.is-active .player__menu { transform: translateY(0); opacity: 1; visibility: visible; }

.player__interaction-button { width: 100%; height: 100%; color: #ffffff; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; }

.player__volume { position: absolute; bottom: calc(100% + 0.625rem); left: calc(1.40625rem - 2px); }

.player__volume-track { height: calc(6.25rem + 16px); width: 4px; background-color: #E1E1E1; border-radius: 5px; position: relative; }

.player__volume-bar { position: absolute; bottom: 0; left: -6px; height: 16px; width: 16px; border-radius: 50%; background-color: #10DB92; box-shadow: 0 0.3125rem 1.875rem rgba(198, 198, 198, 0.5); }

.player__volume-progress { position: absolute; height: 0; width: 100%; bottom: 0; left: 0; background-color: #10DB92; }

.player__menu { transform: translateY(10%); position: absolute; right: -1px; bottom: calc(100% + 0.625rem); box-shadow: 0 0.3125rem 1.875rem rgba(198, 198, 198, 0.5); z-index: 3; width: 12.5rem; }

.player__menu:after { content: ""; display: block; position: absolute; width: 0.9375rem; height: 0.9375rem; background-color: #ffffff; right: 0.9375rem; top: calc(100% - 0.46875rem); transform: rotate(135deg); z-index: -1; box-shadow: inherit; }

.player__menu-list { color: #000000; text-align: right; padding: 1.5625rem; position: relative; background-color: #ffffff; border-radius: 5px; }

.player__menu-list a { padding: 0.15625rem 0; }

.player__menu-list a:hover { text-decoration: underline; }

.player__menu, .player__volume { transition-property: transform, opacity, visibility; transition-duration: 0.25s; opacity: 0; visibility: hidden; }

.page__player--extended { background-color: #F9F9F9; border-radius: 0.625rem; }

.page__player--extended.index-is-printed .page__player-song { width: 27.03125rem; }

.page__player-main { padding: 1.5625rem; }

.page__player-detailed { margin-left: 1.5625rem; margin-right: 1.5625rem; height: 0; overflow: hidden; }

.page__player-detailed-info, .page__player-detailed-interaction { border-top: 1px solid #E1E1E1; width: 100%; padding-top: 1.5625rem; padding-bottom: 3.125rem; }

.page__player-detailed-info { max-width: 62.5%; flex: 0 0 62.5%; border-right: 1px solid #E1E1E1; }

.page__player-detailed-info-list { padding-top: 0.625rem; -moz-column-count: 2; column-count: 2; }

.page__player-detailed-info-list li { display: flex; padding-bottom: 1.09375rem; }

.page__player-detailed-info-list li span:first-of-type { color: #717171; width: 10.9375rem; padding-right: 0.625rem; }

.page__player-detailed-info-list li span:last-of-type { width: calc(100% - 10.9375rem); }

.page__player-detailed-interaction { max-width: 37.5%; flex: 0 0 37.5%; padding-left: 5%; }

.page__player-detailed-interaction .select { min-width: 13.75rem; height: 100%; }

.page__player-detailed-interaction .select__inner { height: inherit; }

.page__player-detailed-download .button { font-weight: 700; }

.page__player-detailed-download .button, .page__player-detailed-download .select__inner { padding-top: 0.5rem; padding-bottom: 0.5rem; }

.page__player-detailed-social { margin-top: 2.5rem; }

.page__player-detailed-social .player__interaction-item:not(:last-of-type) { margin-right: 0.9375rem; }

.page__player-detailed-social .player__interaction-button { background-color: #E1E1E1; color: #343434; }

.page__player-detailed-social .player__interaction-button:hover { background-color: #e7e7e7; }

.page__player-index { color: #c6c6c6; font-weight: bold; width: 2.8125rem; }

.page__player-play { width: 2.5rem; height: 2.5rem; border-radius: 50%; background-color: #10DB92; color: #ffffff; position: relative; /* pointer: fine - Desktop/Laptop and Desktop/Laptop+Touchscreen any-pointer: fine - Touchscreen+Mouse and Desktop/Laptop and Touchscreen and Desktop/Laptop+Touchscreen */ }

.page__player-play .svg-icon { position: absolute; left: 50%; transform: translate(-50%); width: 40%; top: 0; }

.page__player-play .svg-icon--play { left: calc(50% + 0.125rem); }

@media (pointer: fine) and (any-hover: hover), (min-width: 0\0) { .page__player-play { transition: background-color 0.25s ease; }
  .page__player-play:hover { background-color: #01C880; } }

.page__player-play.is-playing .svg-icon--play { opacity: 0; visibility: hidden; }

.page__player-play.is-paused .svg-icon--pause { opacity: 0; visibility: hidden; }

.page__player-poster { margin: 0 0.9375rem; border-radius: 0.625rem; overflow: hidden; height: 3.59375rem; width: 3.59375rem; }

.page__player-poster img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.page__player-song { width: 24.21875rem; }

.page__player-song:after { background: linear-gradient(to left, #f9f9f9, rgba(249, 249, 249, 0)); }

.page__player-song-name { font-weight: 600; }

.page__player-duration { width: calc(100% - 24.21875rem - 1.125rem); padding-right: 1.875rem; padding-left: 1.875rem; }

.page__player-duration .player__progress-alternative { background-color: #E1E1E1; }

.page__player-duration .player__progress-alternative-bar { background-color: #10DB92; }

.page__player-oscillogram { width: 100%; position: relative; }

.page__player-interaction { width: 18.375rem; }

.page__player-interaction .player__interaction-item:not(:last-of-type) { margin-right: 1.125rem; }

.page__player-interaction .player__interaction-item--favorite .player__interaction-button { background-color: #E1E1E1; }

.page__player-interaction .player__interaction-item--favorite .player__interaction-button.is-active { background-color: #10DB92; color: #ffffff; }

.page__player-interaction .player__interaction-item--favorite .player__interaction-button:not(.is-active):hover { color: #ffffff; }

.page__player-interaction .player__interaction-item--favorite .player__interaction-button:not(.is-active):hover .svg-icon { transform: scale(1.05); }

.page__player-interaction .player__interaction-item--demo { width: auto; }

.page__player-interaction .player__interaction-item--demo .player__interaction-button { transition: background-color 0.25s ease; background-color: #10DB92; width: 6.5625rem; border-radius: 5px; }

.page__player-interaction .player__interaction-item--demo .player__interaction-button:hover { color: #ffffff; background-color: #0fcf8a; }

.page__player-interaction .player__interaction-item--cart .player__interaction-button { background-color: transparent; border-width: 1px; border-style: solid; border-color: #10DB92; color: #10DB92; }

.page__player-interaction .player__interaction-item--cart .player__interaction-button.is-active { background-color: #10DB92; color: #ffffff; }

.page__player-interaction .player__interaction-item--menu .player__interaction-button { color: #10DB92; }

.page__player-interaction .player__interaction-item--remove .player__interaction-button { color: #c6c6c6; }

.page__player-interaction .player__interaction-item--remove .player__interaction-button:hover { color: #b3b3b3; }

.page__player-interaction .player__interaction-item--download { width: 100%; }

.page__player-interaction .player__interaction-item--download .button { width: inherit; }

.page__player--minimal { border-bottom: 1px solid #EEEEEE; padding: 1.15625rem; }

.page__player--minimal .page__player-play { margin-right: 1.15625rem; }

.page__player--minimal .page__player-song-name, .page__player--minimal .page__player-song-tags li { text-overflow: ellipsis; overflow: hidden; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.nav__follower-target { display: inline-block; position: relative; }

.nav__follower-underline { position: absolute; bottom: 0.125rem; height: 4px; background-color: #10DB92; z-index: 1; left: 0; width: 0; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.checkbox { min-height: 18px; }

.checkbox__input { position: absolute; opacity: 0; visibility: hidden; }

.checkbox__input:checked + .checkbox__label:after { transform: rotate(0) scale(1); }

.checkbox__label { position: relative; display: inherit; padding-left: calc(18px + 0.625rem); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; }

.checkbox__label:before, .checkbox__label:after { content: ""; display: block; position: absolute; left: 0; top: 1px; width: 18px; height: 18px; }

.checkbox__label:before { border-radius: 5px; background-color: transparent; border: 2px solid #10DB92; }

.checkbox__label:after { transition: transform 0.25s ease; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNDQyLjUzM3B4IiBoZWlnaHQ9IjQ0Mi41MzNweCINCiAgICAgdmlld0JveD0iMCAwIDQ0Mi41MzMgNDQyLjUzMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDQyLjUzMyA0NDIuNTMzOyINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQoJPHBhdGggZD0iTTQzNC41MzksOTguNDk5bC0zOC44MjgtMzguODI4Yy01LjMyNC01LjMyOC0xMS43OTktNy45OTMtMTkuNDEtNy45OTNjLTcuNjE4LDAtMTQuMDkzLDIuNjY1LTE5LjQxNyw3Ljk5M0wxNjkuNTksMjQ3LjI0OA0KCQlsLTgzLjkzOS04NC4yMjVjLTUuMzMtNS4zMy0xMS44MDEtNy45OTItMTkuNDEyLTcuOTkyYy03LjYxNiwwLTE0LjA4NywyLjY2Mi0xOS40MTcsNy45OTJMNy45OTQsMjAxLjg1Mg0KCQlDMi42NjQsMjA3LjE4MSwwLDIxMy42NTQsMCwyMjEuMjY5YzAsNy42MDksMi42NjQsMTQuMDg4LDcuOTk0LDE5LjQxNmwxMDMuMzUxLDEwMy4zNDlsMzguODMxLDM4LjgyOA0KCQljNS4zMjcsNS4zMzIsMTEuOCw3Ljk5NCwxOS40MTQsNy45OTRjNy42MTEsMCwxNC4wODQtMi42NjksMTkuNDE0LTcuOTk0bDM4LjgzLTM4LjgyOEw0MzQuNTM5LDEzNy4zMw0KCQljNS4zMjUtNS4zMyw3Ljk5NC0xMS44MDIsNy45OTQtMTkuNDE3QzQ0Mi41MzcsMTEwLjMwMiw0MzkuODY0LDEwMy44MjksNDM0LjUzOSw5OC40OTl6IiBmaWxsPSIjMTBEQjkyIi8+DQo8L3N2Zz4NCg=="); background-position: center center; background-repeat: no-repeat; background-size: 10px; transform: rotate(45deg) scale(0); }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.radio { min-height: 18px; }

.radio__input { position: absolute; opacity: 0; visibility: hidden; }

.radio__input:checked + .radio__label:after { transform: scale(1); }

.radio__label { position: relative; display: inherit; padding-left: calc(18px + 0.625rem); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; }

.radio__label:before, .radio__label:after { content: ""; display: block; position: absolute; border-radius: 50%; }

.radio__label:before { border: 2px solid #10DB92; left: 0; top: 1px; width: 18px; height: 18px; }

.radio__label:after { transition: transform 0.25s ease; width: 8.01px; height: 8.01px; left: 5px; top: 6px; background-color: #10DB92; transform: scale(0); }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.loader { transition-property: opacity, visibility; transition-duration: 0.25s; height: 3px; background: linear-gradient(to right, #10DB92, #00FFA3, #01C880); background-color: #C7C7CA; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-size: 20%; background-repeat: repeat-y; background-position: -25% 0; z-index: 3; opacity: 0; visibility: hidden; -webkit-animation: load 2.5s ease-in-out infinite; animation: load 2.5s ease-in-out infinite; }

@-webkit-keyframes load { 50% { background-size: 80%; }
  100% { background-position: 125% 0; } }

@keyframes load { 50% { background-size: 80%; }
  100% { background-position: 125% 0; } }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.card__collection, .card__album { background-color: #F9F9F9; }

.card__collection-image, .card__album-image, .card__detailed-image { flex: 0 0 auto; }

.card__collection-image .page__image, .card__album-image .page__image, .card__detailed-image .page__image { padding-top: 100%; }

.card__collection, .card__album, .card__playlist { border-radius: 0.625rem; }

.card__collection { overflow: hidden; display: flex; }

.card__collection-image { width: 10rem; }

.card__collection-content { flex: 0 0 calc(100% - 10rem); max-width: calc(100% - 10rem); padding: 1.25rem 1.875rem; }

.card__collection-description { max-height: 3.125rem; padding-bottom: 1.25rem; margin-bottom: 1.25rem; position: relative; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

.card__collection-description:after { content: ""; display: block; position: absolute; width: 100%; height: 1.25rem; left: 0; bottom: -1rem; background: linear-gradient(to top, #F9F9F9, transparent); }

.card__album-image { border-radius: 0.625rem; overflow: hidden; }

.card__album-content { padding: 0.71875rem; }

.card__album-content .title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.card__playlist { overflow: hidden; position: relative; }

.card__playlist-image { position: relative; }

.card__playlist-image .page__image { padding-top: 66.66%; }

.card__playlist-image:after { content: ""; position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); }

.card__playlist-content { font-size: 1.5rem; color: #ffffff; position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; padding: 1.25rem; }

@media (max-width: 1200px) { .card__playlist-content { font-size: calc(1.275rem + 0.3vw) ; } }

.card__back { display: inline-flex; align-items: center; }

.card__back .svg-icon { width: 1.09375rem; height: 1.09375rem; fill: #8A8A8A; vertical-align: top; margin-right: 0.625rem; }

.card__detailed .card__back { margin-bottom: 1.875rem; margin-top: 1.875rem; }

.card__detailed-header { display: flex; padding-bottom: 1.5625rem; }

.card__detailed-header .sorting { margin-left: auto; margin-top: auto; }

.card__detailed-image, .card__detailed-info { width: 100%; }

.card__detailed-image { max-width: 11.875rem; border-radius: 0.625rem; overflow: hidden; }

.card__detailed-info { padding-left: 1.875rem; max-width: 40.625rem; }

.card__detailed-tracks { padding-bottom: 1.5625rem; }

.card__detailed-tracks > li + li { margin-top: 0.3125rem; }

.card__detailed-tracks > li:nth-of-type(1) .player__interaction-item--menu .player__menu, .card__detailed-tracks > li:nth-of-type(2) .player__interaction-item--menu .player__menu { bottom: initial; top: calc(100% + 0.625rem); }

.card__detailed-tracks > li:nth-of-type(1) .player__interaction-item--menu .player__menu:after, .card__detailed-tracks > li:nth-of-type(2) .player__interaction-item--menu .player__menu:after { top: initial; bottom: calc(100% - 0.46875rem); }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; }

.select .select__list::-webkit-scrollbar { width: 0.3125rem; }

.select .select__list::-webkit-scrollbar-thumb { background-color: #717171; }

.select .select__list::-webkit-scrollbar-track { background-color: #EEEEEE; }

.select--success .select__item--disabled, .select--default .select__item--disabled { display: none; }

.select--success .select[data-type*='select-one']:after, .select--default .select[data-type*='select-one']:after { width: 0.90625rem; height: 0.90625rem; top: 50%; transform: translateY(-50%) rotate(0); right: 0.78125rem; }

.select--success .select[data-type*='select-one'].is-open:after, .select--default .select[data-type*='select-one'].is-open:after { transform: translateY(-60%) rotate(180deg); }

.select--success .select__list.is-active, .select--default .select__list.is-active { overflow: visible; box-shadow: 0 0.3125rem 1.875rem rgba(179, 179, 179, 0.5); }

.select--success .select__inner { background-color: #10DB92; padding-right: 2.49219rem; }

.select--success .select__list--single { color: #ffffff; font-weight: 700; }

.select--success .select__list--single .select__placeholder { color: #ffffff; }

.select--success .select[data-type*='select-one']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEyIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUuOTgwMDcgNS45OTQwNkwxMS4yMDk3IDAuNzQ5OTU0QzExLjM4MDkgMC41NzgxMzcgMTEuMzgwNiAwLjI5OTk2MSAxMS4yMDg4IDAuMTI4NDMyQzExLjAzNyAtMC4wNDI5NjQ4IDEwLjc1ODYgLTAuMDQyNTIxOSAxMC41ODczIDAuMTI5MzE3TDUuNjY4OTIgNS4wNjEyOEwwLjc1MDYwMiAwLjEyOTE0QzAuNTc5MjA2IC0wLjA0MjY3NzUgMC4zMDEwNTEgLTAuMDQzMTIwNCAwLjEyOTIxMiAwLjEyODI1NEMwLjA0MzA3MDggMC4yMTQyNCAtMS40Mjg4N2UtMDggMC4zMjY4ODggLTEuOTIxMjdlLTA4IDAuNDM5NTM2Qy0yLjQxMjQxZS0wOCAwLjU1MTg5NSAwLjA0Mjc4MjggMC42NjQxIDAuMTI4MzI2IDAuNzQ5OTMxTDUuMzU3OCA1Ljk5NDA2QzUuNDQwMTMgNi4wNzY4MiA1LjU1MjE4IDYuMTIzMjUgNS42Njg5MiA2LjEyMzI1QzUuNzg1NjcgNi4xMjMyNSA1Ljg5NzU5IDYuMDc2NjggNS45ODAwNyA1Ljk5NDA2WiIgZmlsbD0id2hpdGUiLz48L3N2Zz4="); background-position: center center; background-repeat: no-repeat; background-size: contain; }

.select--default .select__inner { transition: all 0.25s ease; background-color: transparent; border: 1px solid #E1E1E1; }

.select--default .select__list--single .select__item { font-size: 0.875rem; color: #717171; font-weight: 500; padding-right: 1.25rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.select--default .select__list--dropdown .select__item { padding: 0.78125rem 1.25rem; }

.select--default .select__list--dropdown .select__item:not(.is-highlighted):after, .select--default .select__list--dropdown .select__item:not(:last-child):after { content: ""; display: block; position: absolute; height: 1px; left: 0.625rem; right: 0.625rem; bottom: 0; background-color: #E1E1E1; }

.select--default .select[data-type*='select-one']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYuODgwMzIgNi44OTQ0NkwxMi44OTU1IDAuODYyNjA4QzEzLjA5MjUgMC42NjQ5ODIgMTMuMDkyMSAwLjM0NTAyIDEyLjg5NDUgMC4xNDc3MjRDMTIuNjk2OSAtMC4wNDk0MTg4IDEyLjM3NjcgLTAuMDQ4OTA5NCAxMi4xNzk2IDAuMTQ4NzQzTDYuNTIyNDQgNS44MjE1NkwwLjg2NTMwNyAwLjE0ODUzOEMwLjY2ODE2NCAtMC4wNDkwODgzIDAuMzQ4MjI4IC0wLjA0OTU5NzcgMC4xNTA1NzYgMC4xNDc1MkMwLjA1MTQ5NDYgMC4yNDY0MjIgMC4wMDE5NTMxMSAwLjM3NTk5MSAwLjAwMTk1MzEgMC41MDU1NkMwLjAwMTk1MzEgMC42MzQ3OTkgMC4wNTExNjI3IDAuNzYzODU4IDAuMTQ5NTU2IDAuODYyNTgyTDYuMTY0NTcgNi44OTQ0NkM2LjI1OTI3IDYuOTg5NjUgNi4zODgxNiA3LjA0MzA2IDYuNTIyNDQgNy4wNDMwNkM2LjY1NjcyIDcuMDQzMDYgNi43ODU0NSA2Ljk4OTQ5IDYuODgwMzIgNi44OTQ0NloiIGZpbGw9IiNCOEI4QjgiLz48L3N2Zz4="); background-position: center center; background-repeat: no-repeat; background-size: contain; }

.select--default .select.is-open .select__inner { background-color: #343434; border-color: #343434; }

.select--default .select.is-open .select__list--single .select__item { color: #ffffff; }

.select--default .select[data-type*='select-one'].is-open:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEyIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUuOTgwMDcgNS45OTQwNkwxMS4yMDk3IDAuNzQ5OTU0QzExLjM4MDkgMC41NzgxMzcgMTEuMzgwNiAwLjI5OTk2MSAxMS4yMDg4IDAuMTI4NDMyQzExLjAzNyAtMC4wNDI5NjQ4IDEwLjc1ODYgLTAuMDQyNTIxOSAxMC41ODczIDAuMTI5MzE3TDUuNjY4OTIgNS4wNjEyOEwwLjc1MDYwMiAwLjEyOTE0QzAuNTc5MjA2IC0wLjA0MjY3NzUgMC4zMDEwNTEgLTAuMDQzMTIwNCAwLjEyOTIxMiAwLjEyODI1NEMwLjA0MzA3MDggMC4yMTQyNCAtMS40Mjg4N2UtMDggMC4zMjY4ODggLTEuOTIxMjdlLTA4IDAuNDM5NTM2Qy0yLjQxMjQxZS0wOCAwLjU1MTg5NSAwLjA0Mjc4MjggMC42NjQxIDAuMTI4MzI2IDAuNzQ5OTMxTDUuMzU3OCA1Ljk5NDA2QzUuNDQwMTMgNi4wNzY4MiA1LjU1MjE4IDYuMTIzMjUgNS42Njg5MiA2LjEyMzI1QzUuNzg1NjcgNi4xMjMyNSA1Ljg5NzU5IDYuMDc2NjggNS45ODAwNyA1Ljk5NDA2WiIgZmlsbD0id2hpdGUiLz48L3N2Zz4="); background-position: center center; background-repeat: no-repeat; background-size: contain; }

.select--sorting .select .svg-icon { width: 1.25rem; height: 1.25rem; }

.select--sorting .select__inner { border: 1px solid #E1E1E1; width: 12.5rem; background-color: transparent; }

.select--sorting .select__item .svg-icon { margin-left: 0.625rem; }

.select--sorting .select__item--choice { padding: 0.78125rem 1.25rem; }

.select--sorting .select__item--choice:not(:last-child):after { content: ""; display: block; position: absolute; right: 0.625rem; left: 0.625rem; bottom: 0; height: 1px; background-color: #E1E1E1; }

.select--sorting .select__list { min-width: 14.125rem; }

.select--sorting .select__list--dropdown { right: 0; top: calc(100% + 0.3125rem); border-radius: 5px; background-color: #ffffff; box-shadow: 0 0.3125rem 1.875rem rgba(198, 198, 198, 0.5); }

.select--sorting .select.is-focused .select__inner, .select--sorting .select.is-open .select__inner { border-color: #10DB92; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.form__group { position: relative; }

.form__group .form__label { display: block; padding-bottom: 0.9375rem; }

.form__group.is-invalid .form__error { display: block; }

.form__label { display: inline-block; color: #717171; font-size: 14px; }

.form__field { font-size: 0.875rem; background-color: transparent; padding: 0.78125rem 1.5625rem; border: 1px solid #E1E1E1; width: 100%; border-radius: 12px; font-weight: 600; }

.form__field.placeholder { transition-property: opacity, transform; transition-duration: 0.25s; font-weight: 400; opacity: 1; transform: translateX(0); }

.form__field:-moz-placeholder { -moz-transition-property: opacity, transform; transition-property: opacity, transform; transition-duration: 0.25s; font-weight: 400; opacity: 1; transform: translateX(0); }

.form__field::-moz-placeholder { -moz-transition-property: opacity, transform; transition-property: opacity, transform; transition-duration: 0.25s; font-weight: 400; opacity: 1; transform: translateX(0); }

.form__field:-ms-input-placeholder { -ms-transition-property: opacity, transform; transition-property: opacity, transform; transition-duration: 0.25s; font-weight: 400; opacity: 1; transform: translateX(0); }

.form__field::-webkit-input-placeholder { -webkit-transition-property: opacity, transform; transition-property: opacity, transform; transition-duration: 0.25s; font-weight: 400; opacity: 1; transform: translateX(0); }

.form__field:focus.placeholder { opacity: 0; transform: translateX(0.3125rem); }

.form__field:focus:-moz-placeholder { opacity: 0; transform: translateX(0.3125rem); }

.form__field:focus::-moz-placeholder { opacity: 0; transform: translateX(0.3125rem); }

.form__field:focus:-ms-input-placeholder { opacity: 0; transform: translateX(0.3125rem); }

.form__field:focus::-webkit-input-placeholder { opacity: 0; transform: translateX(0.3125rem); }

.form__field.is-invalid { border-color: #E24C4B; }

.form__field-wrapper { position: relative; }

.form__checkbox { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.form__checkbox input { position: absolute; opacity: 0; visibility: hidden; }

.form__checkbox input:checked + .form__checkbox-content:after { transform: scale(1); border-radius: 3px; }

.form__checkbox-content { position: relative; padding: 0 0 0 33px; cursor: pointer; }

.form__checkbox-content:before, .form__checkbox-content:after { content: ""; display: block; position: absolute; }

.form__checkbox-content:before { height: 22px; width: 22px; border: 1px solid #E1E1E1; left: 0; top: 0; border-radius: 3px; }

.form__checkbox-content:after { transition: transform 0.125s ease; height: 11px; width: 11px; left: 5.5px; top: 5.5px; background-color: #10DB92; transform: scale(0); border-radius: 30px; }

.form__error { display: none; position: absolute; bottom: -5px; left: 0; font-size: 14px; color: #E24C4B; }

.form__eye { position: absolute; top: 11px; right: 10px; z-index: 1; }

.form__eye .svg-icon { width: 24px; height: 24px; fill: transparent; }

.form__eye--opened { display: block; }

.form__eye--closed { display: none; }

.form__eye.is-active .form__eye--opened { display: none; }

.form__eye.is-active .form__eye--closed { display: block; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.sidemenu { position: sticky; top: 20px; }

.sidemenu__item { display: flex; justify-content: space-between; background-color: #F9F9F9; padding: 20px 24px; border-radius: 20px; cursor: pointer; }

.sidemenu__item + .sidemenu__item { margin-top: 10px; }

.sidemenu__item.is-current { color: white; background-color: #10DB92; }

.sidemenu__item .svg-icon { width: 20px; height: 20px; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.header .container--large { position: relative; }

.header .col-7 { margin-left: auto; margin-right: auto; }

.header .col-auto:last-child { margin-left: 0 !important; }

.header__logotype { width: 100%; }

.header__nav .nav__follower-underline { bottom: 1.84375rem; }

.header__nav-link { display: inline-block; padding: 1.875rem 0; position: relative; font-size: 16px !important; }

.header__nav-link + .header__nav-link { margin-left: 12px; }

.header__nav-link > * { display: inline-block; position: relative; z-index: 1; }

.header__nav-link.is-current { cursor: default; }

.header__nav-link.is-current:after { content: ""; display: block; position: absolute; bottom: 20px; height: 4px; background-color: #10DB92; left: 0; width: 100%; }

.header__nav-submenu { transition-property: background-color; transition-duration: 0.25s; position: relative; background-color: transparent; }

.header__nav-submenu-title { font-size: 16px !important; height: 100%; padding: 1.25rem 2.1875rem 1.25rem 1.25rem; display: flex; align-items: center; }

.header__nav-submenu-title:after { content: ''; display: block; position: absolute; height: 0; width: 0; border-top: 6px solid #000000; border-left: 4px solid transparent; border-right: 4px solid transparent; right: 0.9375rem; top: 50%; transform: translateY(-50%) rotate(0); }

.header__nav-submenu-list { transition-property: opacity, visibility; transition-duration: inherit; position: absolute; top: 100%; left: 0; background-color: #343434; z-index: 3; min-width: calc(100% + 5.3125rem); padding: 0.625rem 1.25rem; color: #ffffff; opacity: 0; visibility: hidden; border-radius: 0 0.625rem 0.625rem 0.625rem; }

.header__nav-submenu-list a { transition: color 0.25s ease; padding: 0.625rem 0; color: #C7C7CA; /* pointer: fine - Desktop/Laptop and Desktop/Laptop+Touchscreen any-pointer: fine - Touchscreen+Mouse and Desktop/Laptop and Touchscreen and Desktop/Laptop+Touchscreen */ }

@media (pointer: fine) and (any-hover: hover), (min-width: 0\0) { .header__nav-submenu-list a:hover { color: #ffffff; } }

.header__nav-submenu:hover { cursor: pointer; }

.header__nav-submenu.is-active { background-color: #343434; color: #ffffff; }

.header__nav-submenu.is-active .header__nav-submenu-title:after { border-top-color: #ffffff; transform: translateY(-50%) rotate(180deg); }

.header__nav-submenu.is-active .header__nav-submenu-list { opacity: 1; visibility: visible; }

.header__control { display: flex; }

.header__control + .header__control { margin-left: 1.5625rem; }

.header__control--search .button--circle { transition-property: background-color, border-color, color; transition-duration: 0.25s; border-color: #E1E1E1; color: #717171; }

.header__control--search .button--circle .svg-icon { max-width: 0.875rem; }

.header__control--search .button--circle.is-active { background-color: #10DB92; border-color: #10DB92; color: #ffffff; }

.header__control--user .button--circle { color: #C7C7CA; }

.header__control--user .button--circle.is-active { background-color: #10DB92; color: #ffffff; }

.header__control--cart .button--circle { border-color: #10DB92; color: #10DB92; }

.header__control--user .svg-icon, .header__control--cart .svg-icon { max-width: 1.09375rem; }

.header__search { background-color: #ffffff; height: 2.5rem; display: flex; border-radius: 0.625rem; }

.header__search-field, .header__search-submit { height: 100%; width: 100%; }

.header__search-field { background-color: transparent; border: 0 none; padding: 0.625rem 1.25rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.header__search-field.placeholder { font-size: 0.875rem; color: #8A8A8A; }

.header__search-field:-moz-placeholder { font-size: 0.875rem; color: #8A8A8A; }

.header__search-field::-moz-placeholder { font-size: 0.875rem; color: #8A8A8A; }

.header__search-field:-ms-input-placeholder { font-size: 0.875rem; color: #8A8A8A; }

.header__search-field::-webkit-input-placeholder { font-size: 0.875rem; color: #8A8A8A; }

.header__search-submit { transition: color 0.25s ease; flex: 0 0 auto; width: 5%; min-width: 3.75rem; color: #717171; text-align: right; }

.header__search-submit .svg-icon { max-width: 20%; margin: 0 1.15625rem; }

.header__search-submit:hover { color: #000000; }

.header__search-output { width: 100%; }

.header__search-output-placeholder { padding-left: 1.25rem; display: none; }

.header__search-output-badges { white-space: nowrap; padding-left: 0.625rem; display: flex; }

.header__search-output-badge { background-color: #F5F5F8; padding: 0.3125rem 0.9375rem; font-weight: 600; border-radius: 0.625rem; position: relative; }

.header__search-output-badge:not(:last-of-type) { margin-right: 2.40625rem; }

.header__search-output-badge:last-of-type { margin-right: 1.58125rem; }

.header__search-output-delete { transition-property: background-color, color; transition-duration: 0.25s; width: 1.375rem; height: 1.375rem; position: absolute; right: -1.58125rem; top: 50%; transform: translateY(-50%); border-radius: 5px; padding: 0.34375rem; }

.header__search-output-delete .svg-icon { vertical-align: top; }

.header__search-output-delete:hover { background-color: #717171; color: #ffffff; }

.header__search--simple { transition-property: opacity, visibility, transform; transition-duration: 0.25s; margin-bottom: -2.5rem; z-index: 3; opacity: 0; visibility: hidden; transform: translateY(2.5rem); position: absolute; width: 100%; left: 0; bottom: 0; }

.header__search--simple.is-active { opacity: 1; visibility: visible; transform: translateY(1.25rem); }

.header__search--simple .header__search-field { flex: 1 0 calc(100% - 5%); max-width: calc(100% - 5%); }

.header--extended { padding-bottom: 20px; }

.header--white { background-color: #ffffff; }

.header--white .header__control--user .button--circle { border-color: #F5F5F8; background-color: #F5F5F8; }

.header--gray { background-color: #F9F9F9; }

.header--gray .header__control--user .button--circle { border-color: #ffffff; background-color: #ffffff; }

.page__main { position: relative; }

.page__main:after { content: ""; position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; transition-property: opacity, visibility, -webkit-backdrop-filter; transition-property: backdrop-filter, opacity, visibility; transition-property: backdrop-filter, opacity, visibility, -webkit-backdrop-filter; transition-duration: 0.25s; background-color: rgba(0, 0, 0, 0.7); z-index: 1; -webkit-backdrop-filter: blur(1.25rem); backdrop-filter: blur(1.25rem); opacity: 0; visibility: hidden; }

body.search-is-open .page__main:after { opacity: 1; visibility: visible; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.footer { background-color: #343434; padding-top: 70px; padding-bottom: 70px; color: #FFFFFF; }

.footer__left p { margin-bottom: 32px; }

.footer__scrollup { color: white; padding: 16px 20px; background-color: #3D3D3D; border-radius: 6px; }

.footer__scrollup .svg-icon { width: 16px; height: 16px; transform: rotate(-90deg); margin-left: 10px; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.home__intro-content { display: flex; flex-direction: column; align-items: center; }

.home__intro-content .button { margin-top: 60px; }

.home__intro-title { font-size: 15em; font-weight: 700; background: linear-gradient(90deg, #10DB92 0%, #17845D 100%); color: transparent; -webkit-background-clip: text; background-clip: text; text-align: center; text-transform: uppercase; margin-bottom: 0; line-height: normal; }

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

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.home__welcome .title { text-align: start; }

.home__welcome .text { text-align: start; }

.home__welcome-item { display: flex; flex-direction: column; height: 100%; border-radius: 40px; background-color: #F9F9F9; padding: 40px; }

.home__welcome-item .svg-icon { width: 77px; height: 77px; fill: #10DB92; }

.home__welcome-item-content { padding-top: 100px; position: relative; }

.home__welcome-item-content h3 { font-size: 24px; font-weight: 500; }

.home__welcome-item-content p { margin-top: 10px; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.home__offers .title.title--regular.title--weight--medium { text-align: start; }

.home__offers .text { text-align: start; }

.home__offer { transition: border-color 0.25s ease; border: 1px solid transparent; border-radius: 40px; min-height: 100%; background-color: #F9F9F9; padding: 36px 40px 40px 40px; }

.home__offer .button { margin-top: 40px; }

.home__offer-header { transition: inherit; border-bottom: 1px solid #E1E1E1; padding-bottom: 28px; }

.home__offer-header h3 { font-size: 32px; font-weight: 500; }

.home__offer-header a.text--semi.text--underlined { position: relative; padding-right: 1.40625rem; }

.home__offer-header a.text--semi.text--underlined:after { transition: transform 0.25s ease; content: ""; display: block; position: absolute; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE2IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1LjM1MzYgNC4zNTM1NUMxNS41NDg4IDQuMTU4MjkgMTUuNTQ4OCAzLjg0MTcxIDE1LjM1MzYgMy42NDY0NUwxMi4xNzE2IDAuNDY0NDY2QzExLjk3NjMgMC4yNjkyMDQgMTEuNjU5NyAwLjI2OTIwNCAxMS40NjQ1IDAuNDY0NDY2QzExLjI2OTIgMC42NTk3MjggMTEuMjY5MiAwLjk3NjMxMSAxMS40NjQ1IDEuMTcxNTdMMTQuMjkyOSA0TDExLjQ2NDUgNi44Mjg0M0MxMS4yNjkyIDcuMDIzNjkgMTEuMjY5MiA3LjM0MDI3IDExLjQ2NDUgNy41MzU1M0MxMS42NTk3IDcuNzMwOCAxMS45NzYzIDcuNzMwOCAxMi4xNzE2IDcuNTM1NTNMMTUuMzUzNiA0LjM1MzU1Wk0wIDQuNUgxNVYzLjVIMFY0LjVaIiBmaWxsPSIjMTBEQjkyIi8+PC9zdmc+"); background-position: center center; background-repeat: no-repeat; background-size: contain; width: 0.9375rem; height: 0.9375rem; right: 0; top: 0.14063rem; transform: translateX(0); }

.home__offer-header a.text--semi.text--underlined:hover { color: #10DB92; }

.home__offer-header a.text--semi.text--underlined:hover:after { transform: translateX(20%); }

.home__offer-main { margin-top: 32px; }

.home__offer-main .list--checked { display: flex; flex-wrap: wrap; }

.home__offer-main .list--checked li { max-width: 50%; flex: 0 0 50%; margin-bottom: 10px; padding-right: 10px; }

.home__offer-main .list--checked li + li { margin-top: 0; }

.home__offer .list--checked li:before { transition-property: background-image, background-color; transition-duration: 0.25s; }

.home__offer:hover { border-color: #10DB92; }

.home__offer:hover .home__offer-header { border-color: #10DB92; }

.home__offer:hover .list--checked li .svg-icon { fill: #10DB92; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.home__about { background-color: #10DB92; padding: 3.59375rem 0; color: #ffffff; }

.home__about-item-number { font-size: 5rem; font-weight: 900; }

@media (max-width: 1200px) { .home__about-item-number { font-size: calc(1.625rem + 4.5vw) ; } }

.home__about .title--large span { font-weight: 600; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.home__purchase .title { text-align: start; }

.home__purchase-content { position: relative; }

.home__purchase-steps { counter-reset: purchase-steps; display: flex; position: relative; z-index: 1; }

.home__purchase-step { position: relative; padding: 40px; border-radius: 40px; background-color: #F9F9F9; }

.home__purchase-step:not(:first-child) { margin-left: 20px; }

.home__purchase-step-title { font-size: 24px; font-weight: 500; margin-bottom: 16px; }

.home__purchase-step-description { font-size: 18px; color: #717171; max-width: 90%; }

.home__purchase-step-icon { position: absolute; top: calc(50% - 31px); width: 62px; height: 62px; left: -42px; color: #10DB92; }

.home__purchase-progress { position: absolute; left: 0; top: 3.125rem; width: 100%; height: 0.625rem; background-color: #10DB92; color: #10DB92; border-radius: 0 0.625rem 0.625rem 0; }

.home__purchase-progress .svg-icon { transition: transform 0.25s ease; position: absolute; right: -0.61111rem; top: -1.21528rem; height: 3.05556rem; width: 3.05556rem; max-height: initial; }

.home__purchase-progress.is-reversed .svg-icon { transform: rotate(-180deg); }

.home__purchase-progress { position: absolute; left: 0; top: 3.125rem; width: 100%; height: 0.625rem; background-color: #10DB92; color: #10DB92; border-radius: 0 0.625rem 0.625rem 0; }

.home__purchase-progress .svg-icon { transition: transform 0.25s ease; position: absolute; right: -0.61111rem; top: -1.21528rem; height: 3.05556rem; width: 3.05556rem; max-height: initial; }

.home__purchase-progress.is-reversed .svg-icon { transform: rotate(-180deg); }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.home__licenses .title.title--regular.title--weight--medium { text-align: start !important; padding-bottom: 32px; }

.home__licenses-content { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; }

.home__licenses-content li { height: auto !important; opacity: 1 !important; visibility: visible !important; }

.home__licenses-controls { display: none; }

.home__licenses-controls-list { position: relative; z-index: 3; }

.home__licenses-control .rating__star--marked { transition: fill 0.25s ease; }

.home__licenses-control.is-active .rating__star--marked { fill: #10DB92; }

.home__licenses-box { border-radius: 40px; background-color: #F9F9F9; padding: 2.5rem; height: 100%; }

.home__licenses-box .col-4, .home__licenses-box .col-3, .home__licenses-box .col-1 { max-width: 100%; flex-basis: 100%; }

.home__licenses-box .col-4 h3 { font-size: 32px; font-weight: 500; margin-bottom: 16px; }

.home__licenses-box .col-4 h2 { font-size: 16px; color: #717171; }

.home__licenses-box .col-4:nth-child(1) { min-height: 110px; }

.home__licenses-box .col-4:nth-child(2) { margin-top: 30px; margin-bottom: 24px; padding-top: 24px; border-top: 1px solid #e5e5e5; }

.home__licenses-box .col-1 { margin-top: 24px; }

.home__licenses-box .col-1 p.text--black.text--success { font-weight: 600; font-size: 24px; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.home__playlists-row { margin-left: -0.625rem; margin-right: -0.625rem; }

.home__playlists-row [class*='col-'] { padding-right: 0.625rem; padding-left: 0.625rem; margin-bottom: 1.25rem; }

.home__playlist { display: block; }

.home__playlist-image { position: relative; display: block; padding-top: 100%; }

.home__playlist-image:after { content: ""; position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.home__playlist-main { position: relative; overflow: hidden; border-radius: 0.3125rem; }

.home__playlist-content { position: absolute; bottom: 0; left: 0; color: #ffffff; padding: 20px; }

.home__playlist-content .title--regular { line-height: 1; }

.home__playlist-image:after, .home__playlist-content { transition-property: opacity, visibility, transform; transition-duration: 0.25s; opacity: 0; visibility: hidden; transform: translateY(0.625rem); will-change: opacity, visibility, transform; }

.home__playlist:hover .home__playlist-content, .home__playlist:hover .home__playlist-image:after { opacity: 1; visibility: visible; transform: translateY(0); }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.home__tariffs .button { display: flex; justify-content: center; align-items: center; }

.home__tariffs-content { min-height: 1152px; }

.home__tariffs-content [data-tabs-content] .home__tariffs-row { padding-top: 1.875rem; }

.home__tariffs-row { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 20px; }

.home__tariffs-row .home__tariff--base { padding: 32px; border: none; border-radius: 40px; background-color: #F9F9F9; flex: 0 0 20%; }

.home__tariff-header-price span { color: #343434; font-size: 56px; font-weight: 500; }

.home__tariff--base { border: 1px solid #e5e5e5; display: flex; flex-direction: column; position: relative; }

.home__tariff--base:not(:last-of-type) { border-right: none; }

.home__tariff--base .home__tariff-header, .home__tariff--base .home__tariff-main { position: relative; }

.home__tariff--base .home__tariff-header { border-bottom: 1px solid #e5e5e5; min-height: 6.25rem; }

.home__tariff--base .home__tariff-main { padding-top: 24px; flex: 1 0 auto; display: inherit; flex-direction: inherit; justify-content: space-between; }

.home__tariff--base .home__tariff-main .button { width: 100%; }

.home__tariff--base .home__tariff-main .list--checked li::before { background-image: url("data:image/svg+xml;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADXSURBVHgBtdHNDYIwFAfwf6veO4JeTLzpCG4gE4gTCBPoBkQcADZgBB2Bqx+JjNALJ6HPAgqSYIQY36VpX3597XvAD8HQMcTNmSLtBSDmd8JPeAARQGrOW8PTfvEO5dgOW2FxdU1wCqBIIlGzDGbnX7G4uBYInq4YIdUVJ3b0yvWLJFtikBhyVCUKuNvqZdMEi8osjcAob4RuyLAOWQbDJphF3m1xdkywnqd3EVRqgHNTv2adw1jDmS2bvlSOqhoDRH5AykdM9idYw+UFdx5oeZRja4V/xgNW3HA8LOATOwAAAABJRU5ErkJggg=="); }

.home__tariff--base.is-accent { background-color: #10DB92; color: #ffffff; }

.home__tariff--base.is-accent:before { background-color: #10DB92; }

.home__tariff--base.is-accent .button--success { background-color: #ffffff; color: #10DB92; }

.home__tariff--base.is-accent .home__tariff-header { border-color: rgba(255, 255, 255, 0.5); }

.home__tariff--base.is-accent .home__tariff-header-price span { color: white; }

.home__tariff--base.is-accent .home__tariff-main p { color: white; }

.home__tariff--base.is-accent .list--checked li:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDExIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjExNDkgMC4xODU2NjlMMy40OTM2MSA2LjIwNDk5TDAuODg1MTM4IDMuODMzNjVMMCA0LjYzODMyTDMuNDkzNjEgNy44MTQzM0wxMSAwLjk5MDM0TDEwLjExNDkgMC4xODU2NjlaIiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg=="); }

.home__tariff--base.is-accent .list--checked, .home__tariff--base.is-accent .home__tariff-header .text--gray { color: inherit; }

.home__tariff--vip { background-color: #343434; padding: 1.71875rem 2.5rem 2.5rem; color: #ffffff; border-radius: 40px; }

.home__tariff--vip .home__tariff-header .title { color: #00FFA3; font-size: 56px; margin-top: 20px; }

.home__tariff--vip .home__tariff-header .button--white { transition: all 0.25s ease; }

.home__tariff--vip .home__tariff-tracks { transition: -webkit-text-stroke-color 0.25s ease; font-size: 3.75rem; font-family: 'Roboto', sans-serif; font-weight: 900; color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #ffffff; line-height: 1.15; text-align: right; }

@media (max-width: 1200px) { .home__tariff--vip .home__tariff-tracks { font-size: calc(1.5rem + 3vw) ; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .home__tariff--vip .home__tariff-tracks { color: #ffffff; } }

.home__tariff--vip .home__tariff-main .button { height: 100%; }

.home__tariff--vip .list--checked li:before { background-image: url("data:image/svg+xml;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADXSURBVHgBtdHNDYIwFAfwf6veO4JeTLzpCG4gE4gTCBPoBkQcADZgBB2Bqx+JjNALJ6HPAgqSYIQY36VpX3597XvAD8HQMcTNmSLtBSDmd8JPeAARQGrOW8PTfvEO5dgOW2FxdU1wCqBIIlGzDGbnX7G4uBYInq4YIdUVJ3b0yvWLJFtikBhyVCUKuNvqZdMEi8osjcAob4RuyLAOWQbDJphF3m1xdkywnqd3EVRqgHNTv2adw1jDmS2bvlSOqhoDRH5AykdM9idYw+UFdx5oeZRja4V/xgNW3HA8LOATOwAAAABJRU5ErkJggg=="); }

.home__tariff--vip hr { color: rgba(255, 255, 255, 0.25); background-color: rgba(255, 255, 255, 0.25); }

.home__tariff--vip:hover .home__tariff-header .button--white { background-color: #10DB92; border-color: #10DB92; color: #ffffff; }

.home__tariff--vip:hover .home__tariff-tracks { -webkit-text-stroke-color: #10DB92; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.home__dignities { padding-top: 70px; padding-bottom: 70px; background-color: #343434; color: white; }

.home__dignities > .row { display: grid; grid-template-columns: 1fr 1fr 1fr; }

.home__dignities-item { padding: 40px; border-radius: 40px; background-color: #3D3D3D; }

.home__dignities-item .col-4, .home__dignities-item .col-8 { max-width: 100%; flex-basis: 100%; }

.home__dignities-item .list--marked li { color: #FFFFFF99; margin-top: 0.20625rem; }

.home__dignities-item-icon { position: relative; display: block; border-radius: 0.625rem; margin-bottom: 100px; }

.home__dignities-item-icon .svg-icon { fill: #10DB92; max-width: 50%; width: 80px; height: 80px; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.home__faq { color: white; background-color: #343434; padding-top: 140px; padding-bottom: 70px; }

.home__faq-question { padding: 40px; border-radius: 40px; background-color: #3d3d3d; }

.home__faq-question + .home__faq-question { margin-top: 20px; }

.home__faq-question-button { display: flex; justify-content: space-between; align-items: center; font-size: 24px; cursor: pointer; }

.home__faq-question-button .svg-icon { transition: all 0.25s ease; width: 20px; height: 20px; transform: rotate(90deg); }

.home__faq-question-button.is-active .svg-icon { width: 20px; height: 20px; transform: rotate(-90deg); }

.home__faq-question-content { transition: all 0.25s ease; font-size: 18px; color: #ffffff99; max-width: 50%; max-height: 0; overflow: hidden; }

.home__faq-question-content.is-active { margin-top: 20px; max-height: 1000px; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.home__subscribe-content { padding: 3.75rem; background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 0.625rem; color: #ffffff; }

.home__subscribe-content .button--white { color: #EDADB8; }

.home__subscribe-field { background-color: transparent; border: 1px solid #ffffff; border-radius: 5px; padding: 0.6875rem 1.5625rem; color: #ffffff; width: 100%; font-weight: 600; }

.home__subscribe-field.placeholder { font-size: 0.875rem; color: #ffffff; font-weight: 400; }

.home__subscribe-field:-moz-placeholder { font-size: 0.875rem; color: #ffffff; font-weight: 400; }

.home__subscribe-field::-moz-placeholder { font-size: 0.875rem; color: #ffffff; font-weight: 400; }

.home__subscribe-field:-ms-input-placeholder { font-size: 0.875rem; color: #ffffff; font-weight: 400; }

.home__subscribe-field::-webkit-input-placeholder { font-size: 0.875rem; color: #ffffff; font-weight: 400; }

.home__subscribe-note { color: #FFECF0; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.catalog .scrollbar-track, .catalog .scrollbar-thumb { border-radius: 5px; }

.catalog .scrollbar-track-x { height: 4px; }

.catalog .scrollbar-track-y { width: 4px; }

.catalog .scrollbar-thumb { width: 4px; height: 4px; }

.catalog__header { padding-top: 2.5rem; padding-bottom: 1.875rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.catalog__header.is-disabled { pointer-events: none; }

.catalog__holder { display: flex; }

.catalog__main { position: relative; padding-left: 3.125rem; height: 100%; width: 100%; }

.catalog__main.is-scroll-loading:after { content: ""; display: block; position: absolute; right: 0; top: 0.625rem; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0ibWFyZ2luOiBhdXRvOyBiYWNrZ3JvdW5kOiBub25lOyBkaXNwbGF5OiBibG9jazsgc2hhcGUtcmVuZGVyaW5nOiBhdXRvOyIgd2lkdGg9IjIwMHB4IiBoZWlnaHQ9IjIwMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzhhOGE4YSIgc3Ryb2tlLXdpZHRoPSIxMCIgcj0iMzUiIHN0cm9rZS1kYXNoYXJyYXk9IjE2NC45MzM2MTQzMTM0NjQxNSA1Ni45Nzc4NzE0Mzc4MjEzOCI+ICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGR1cj0iMXMiIHZhbHVlcz0iMCA1MCA1MDszNjAgNTAgNTAiIGtleVRpbWVzPSIwOzEiPjwvYW5pbWF0ZVRyYW5zZm9ybT48L2NpcmNsZT48L3N2Zz4="); background-position: center center; background-repeat: no-repeat; background-size: contain; width: 1.5625rem; height: 1.5625rem; }

.catalog__content { overflow: hidden; padding-right: 10px; padding-bottom: 1.25rem; }

.catalog__content-row { display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; }

.catalog__content-col { width: 100%; padding-right: 10px; padding-left: 10px; }

.catalog__content--collections .catalog__content-col { flex: 0 0 50%; max-width: 50%; margin-bottom: 10px; }

.catalog__content--albums .catalog__content-col { flex: 0 0 calc(100% / 8); max-width: calc(100% / 8); margin-bottom: 20px; }

.catalog__content--playlists .catalog__content-col { flex: 0 0 calc(100% / 5); max-width: calc(100% / 5); margin-bottom: 20px; }

.catalog__loadMore { min-width: 12.5rem; margin-left: auto; margin-right: auto; display: block; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.catalog__loadMore.is-loading { color: transparent; cursor: default; pointer-events: none; border-color: #8A8A8A; }

.catalog__loadMore.is-loading:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0ibWFyZ2luOiBhdXRvOyBiYWNrZ3JvdW5kOiBub25lOyBkaXNwbGF5OiBibG9jazsgc2hhcGUtcmVuZGVyaW5nOiBhdXRvOyIgd2lkdGg9IjIwMHB4IiBoZWlnaHQ9IjIwMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzhhOGE4YSIgc3Ryb2tlLXdpZHRoPSIxMCIgcj0iMzUiIHN0cm9rZS1kYXNoYXJyYXk9IjE2NC45MzM2MTQzMTM0NjQxNSA1Ni45Nzc4NzE0Mzc4MjEzOCI+ICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGR1cj0iMXMiIHZhbHVlcz0iMCA1MCA1MDszNjAgNTAgNTAiIGtleVRpbWVzPSIwOzEiPjwvYW5pbWF0ZVRyYW5zZm9ybT48L2NpcmNsZT48L3N2Zz4="); background-position: center center; background-repeat: no-repeat; background-size: contain; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.catalog__filter { flex: 0 0 10rem; max-width: 10rem; width: 100%; height: 100%; position: relative; z-index: 5; }

.catalog__filter-main { border-right: 1px solid #EEEEEE; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 3; background-color: #ffffff; }

.catalog__filter-list { padding: 0.8125rem 0 1.40625rem; border-bottom: 1px solid #EEEEEE; }

.catalog__filter-personal { padding-top: 1.40625rem; padding-bottom: 1.40625rem; }

.catalog__filter-link { color: #717171; display: block; padding: 0.83125rem 1.25rem; position: relative; transition-property: background-color, color; transition-duration: 0.25s; }

.catalog__filter-link[data-filter-button] span { position: relative; display: inline-block; padding-right: 0.83125rem; }

.catalog__filter-link[data-filter-button] span:after { content: ""; display: block; position: absolute; width: 5px; height: 5px; border-radius: 50%; background-color: #10DB92; right: 0; top: 50%; transform: translateY(-50%); opacity: 0; }

.catalog__filter-link[data-filter-button].is-involved { color: #000000; }

.catalog__filter-link[data-filter-button].is-involved span:after { opacity: 1; }

.catalog__filter-link[data-filter-button]:hover, .catalog__filter-link[data-filter-button].is-active { background-color: #343434; color: #ffffff; }

.catalog__filter-link[data-filter-button].is-active.is-involved span:after, .catalog__filter-link[data-filter-button]:hover span:after { visibility: hidden; }

.catalog__filter-link:not([data-filter-button]):hover { background-color: #f3f3f3; }

.catalog__filter-settings { position: absolute; width: 14.0625rem; left: 100%; top: 0; background-color: #ffffff; z-index: 1; height: 100%; opacity: 0; }

.catalog__filter-settings-item { padding: 1.5625rem 1.15625rem; position: absolute; overflow: hidden; width: 100%; height: 100%; left: 0; top: 0; display: flex; flex-direction: column; box-shadow: 0.25rem 0 0.9375rem rgba(198, 198, 198, 0.5); background-color: inherit; }

.catalog__filter-settings-item--personal { min-width: 25vw; padding: 0; }

.catalog__filter-settings-item-inner { padding-right: 0.46875rem; }

.catalog__filter-substrate { padding-top: 20px; padding-bottom: 20px; position: relative; }

.catalog__filter-substrate .form__field { background-color: #ffffff; }

.catalog__filter-substrate:before { content: ""; display: block; position: absolute; left: -1.25rem; right: -1.25rem; top: 0; height: 100%; background-color: #F9F9F9; }

.catalog__filter-range { padding-bottom: 30px; padding-left: 0.5rem; padding-right: 0.5rem; }

.catalog__filter-range-output { font-weight: 500; color: #717171; white-space: nowrap; }

.catalog__filter-timing { position: relative; }

.catalog__filter-timing-item { width: 45%; background-color: #ffffff; border: 1px solid #E1E1E1; border-radius: 5px; overflow: hidden; font-weight: 600; }

.catalog__filter-timing-item, .catalog__filter-timing-field, .catalog__filter-timing-separator { flex: 0 0 auto; }

.catalog__filter-timing-field { font-size: 0.875rem; width: calc(50% - 0.15625rem); padding: 0.625rem 0.3125rem; font-weight: inherit; border: 0 none; }

.catalog__filter-timing-field:first-of-type { padding-right: 0; text-align: right; }

.catalog__filter-timing-field:last-of-type { padding-left: 0; text-align: left; }

.catalog__filter-timing-separator { width: 0.3125rem; text-align: center; margin-top: -0.15625rem; }

.catalog__filter-buttons { display: flex; justify-content: space-between; padding: 1.40625rem 1.25rem 0; }

.catalog__filter-button { font-size: 0.875rem; transition: all 0.25s ease; color: #ffffff; border-radius: 5px; width: 47.5%; padding: 0.3125rem; }

.catalog__filter-button .svg-icon { width: 1.5625rem; height: 1.5625rem; }

.catalog__filter-button--submit { background-color: #10DB92; }

.catalog__filter-button--submit:hover { background-color: #01C880; }

.catalog__filter-button--reset { background-color: #C7C7CA; }

.catalog__filter-button--reset:hover { background-color: #B0B0B0; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.catalog__nav-link { transition: color 0.25s ease; color: #C7C7CA; }

.catalog__nav-link + .catalog__nav-link { margin-left: 3.15vw; }

.catalog__nav-link.is-active { color: #343434; cursor: default; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.about__header { padding-top: 40px; }

.about__header h1 { font-size: 90px; line-height: normal; margin-bottom: 0px; }

.about__content { margin-top: 48px !important; padding-bottom: 100px; }

.about__content-wrapper { position: relative; display: grid; grid-template-columns: 1fr 2.5fr; gap: 75px; border-top: 1px solid #e5e5e5; padding-top: 32px; }

.about__content-text .title { margin-bottom: 32px; }

.about__content-text-block + .about__content-text-block { margin-top: 100px; }

.about__content-text-title { font-size: 24px; margin-bottom: 16px; color: #343434; font-weight: 500; }

.about__content-text-p { font-size: 18px; }

.about__content-text-p a { color: #3b93ff; text-decoration: underline; }

.about__content-text-copy { position: relative; font-size: 14px; line-height: 24px; padding: 32px; border-radius: 40px; background-color: #F9F9F9; }

.about__content-text-copy--smaller-radius { border-radius: 24px; }

.about__content-text-copy--dark-bg { color: #8F5429; background-color: #8F542926; }

.about__content-text-copy p + p { margin-top: 32px; }

.about__content-text-copy button .svg-icon { fill: transparent; width: 24px; height: 24px; }

.about__content-managment-item h4 { margin-top: 20px; margin-bottom: 16px; }

.about__content-documents { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; }

.about__content-documents-item-top { display: flex; justify-content: center; position: relative; padding: 70px 60px; background-color: #F9F9F9; border-radius: 40px; }

.about__content-documents-item-top button { position: absolute; top: 32px; right: 32px; }

.about__content-documents-item-top button .svg-icon { width: 24px; height: 24px; }

.about__content-documents-item-top a { position: absolute; top: 32px; right: 32px; }

.about__content-documents-item-top a .svg-icon { width: 24px; height: 24px; }

.about__content-documents-item-top img { margin: 0 auto; flex-shrink: 0; }

.about__content-documents-item p { margin-top: 20px; }

.about__content-partners { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }

.about__content-partners-item-top { display: flex; justify-content: center; position: relative; height: 350px; background-color: #F9F9F9; border-radius: 40px; margin-bottom: 20px; }

.about__content-partners-item-top img { max-height: 30%; margin: auto; flex-shrink: 0; }

.about__content-partners-item h4 { font-weight: 400; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; height: 66px; }

.about__content-partners-item p { margin-top: 20px; }

.about__content-link { display: flex; align-items: center; }

.about__content-link .svg-icon { fill: transparent; width: 24px; height: 24px; margin-right: 8px; }

.pages__prices .title { padding-top: 0; }

.prices__template { padding-top: 140px; padding-bottom: 70px; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.personal { padding-top: 1.875rem; padding-bottom: 5rem; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.personal__profiles-data { table-layout: fixed; width: 100%; }

.personal__profiles-data-tr { border: 1px solid #E1E1E1; }

.personal__profiles-data-th { font-weight: normal; padding: 0 0.9375rem; }

.personal__profiles-data-td { border-left: 1px solid #E1E1E1; }

.personal__profiles-data-field { width: 100%; height: 100%; padding: 0.46875rem 0.9375rem; border: 0 none; }

.personal__profiles-facsimile-requirements { color: #717171; }

.personal__profiles-facsimile-requirements .accent { color: #000000; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.personal__navigation { width: 100%; display: flex; }

.personal__navigation-link { transition: color 0.25s ease; font-size: 1.5rem; flex: 1 0 auto; text-align: center; padding: 1.875rem; font-weight: 700; color: #c6c6c6; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; }

@media (max-width: 1200px) { .personal__navigation-link { font-size: calc(1.275rem + 0.3vw) ; } }

.personal__navigation-link + .personal__navigation-link { border-left: 1px solid #EEEEEE; }

.personal__navigation-link.is-active { color: #000000; border-bottom: 2px solid #10DB92; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.personal__account-photo { display: block; max-width: 14.0625rem; width: 100%; }

.personal__account-photo-upload { width: 100%; }

.personal__account-photo-upload input { visibility: hidden; position: absolute; width: 0.001px; height: 0.001px; }

.personal__account-photo-upload .personal__account-photo-image { cursor: pointer; }

.personal__account-photo-image { display: block; padding-top: 100%; position: relative; }

.personal__account-photo-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.personal__account-data-item { margin-top: 3.75rem; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.personal__table { width: 100%; }

.personal__table table { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 0 0.3125rem; }

.personal__table table th { font-weight: normal; }

.personal__table table tr[onclick] { cursor: pointer; }

.personal__table table tr:not(:first-of-type) { background-color: #F9F9F9; }

.personal__table table tr:not(:first-of-type) td:first-of-type, .personal__table table tr:not(:first-of-type) td:last-of-type { border-radius: 0.625rem; }

.personal__table table th, .personal__table table td { padding: 1.25rem 2.5rem; }

.personal__table table td { font-weight: 600; }

.personal__table table td.is-success { color: #009F66; }

.personal__table table td.is-danger { color: #FF0000; }

.personal__table table td.is-disabled { color: #9E9E9E; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.personal__order-documents { background-color: #F9F9F9; padding: 1.25rem; border-radius: 0.625rem; }

.personal__order-documents-list { -moz-column-count: 3; column-count: 3; -moz-column-gap: 5rem; column-gap: 5rem; }

.personal__order-documents-link { text-decoration: underline; padding: 0.3125rem 0; white-space: nowrap; }

.personal__order-documents .form__checkbox-content { display: flex; flex-direction: column; padding-top: 0.20833rem; }

.personal__order-detail .button--success { font-size: 12px; }

.personal__order-detail-value.is-success { color: #009F66; }

.personal__order-detail-value.is-danger { color: #FF0000; }

.personal__order-detail-value.is-disabled { color: #9E9E9E; }

.personal__order-profile { border-style: solid; border-color: #EEEEEE; border-width: 1px 0 1px 0; padding: 1.875rem 0; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.cart__license { background-color: #F9F9F9; border-radius: 0.625rem; padding: 1.25rem 1.875rem; height: 100%; border: 1px solid transparent; position: relative; }

.cart__license:not(.is-active) { cursor: pointer; }

.cart__license.is-active { border-color: #10DB92; }

.cart__license.is-active .list--checked li:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDExIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjExNDkgMC4xODU2NjlMMy40OTM2MSA2LjIwNDk5TDAuODg1MTM4IDMuODMzNjVMMCA0LjYzODMyTDMuNDkzNjEgNy44MTQzM0wxMSAwLjk5MDM0TDEwLjExNDkgMC4xODU2NjlaIiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg=="); background-color: #10DB92; }

.cart__license.is-active .cart__license-check { opacity: 1; visibility: visible; }

.cart__license-header { position: relative; padding-bottom: 2.8125rem; }

.cart__license-header:after { content: ""; display: block; position: absolute; left: -0.9375rem; right: -0.9375rem; bottom: 1.5625rem; background-color: #E1E1E1; height: 1px; }

.cart__license-check { transition-property: opacity, visibility; transition-duration: 0.25s; position: absolute; right: 1rem; bottom: 0.78125rem; height: 1.875rem; width: 1.875rem; opacity: 0; visibility: hidden; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.cart__list { margin-top: 1.875rem; }

.cart__list-header { border-bottom: 1px solid #10DB92; padding: 0.9375rem 0; }

.cart__list-head { padding-top: 1.5625rem; padding-bottom: 1.125rem; border-bottom: 1px solid #E1E1E1; }

.cart__list-body .cart__list-row { border-bottom: 1px solid #E1E1E1; }

.cart__list-row { display: flex; flex-wrap: nowrap; }

.cart__list-col { flex: 0 0 auto; width: 100%; }

.cart__list-col--name { max-width: 50%; }

.cart__list-col--code, .cart__list-col--timing { max-width: calc((50% - 6.25rem) / 2); }

.cart__list-col--price { max-width: 6.25rem; }

.cart__list-remove { width: 1.25rem; height: 1.25rem; padding: 0.15625rem; color: #c6c6c6; }

.cart__list-remove .svg-icon { vertical-align: top; }

.cart__list-remove:hover { color: #b3b3b3; }

.cart__list-tags li + li { position: relative; }

.cart__list-tags li + li:before { content: '|'; display: inline-block; margin-left: 0.46875rem; margin-right: 0.46875rem; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.cart__footer .select--default { max-width: 23.125rem; }

.cart__coupon { border-bottom: 1px solid #10DB92; padding: 0.625rem 0; position: relative; }

.cart__coupon .svg-icon { position: absolute; width: 1.25rem; height: 1.25rem; right: 0; top: 0.625rem; transition-property: opacity, visibility; transition-duration: 0.25s; opacity: 0; visibility: hidden; }

.cart__coupon-field { width: 10rem; font-weight: 600; border: 0 none; padding-right: 1.5625rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.cart__coupon-field.placeholder { font-weight: 500; color: #000000; }

.cart__coupon-field:-moz-placeholder { font-weight: 500; color: #000000; }

.cart__coupon-field::-moz-placeholder { font-weight: 500; color: #000000; }

.cart__coupon-field:-ms-input-placeholder { font-weight: 500; color: #000000; }

.cart__coupon-field::-webkit-input-placeholder { font-weight: 500; color: #000000; }

.cart__coupon.is-valid .svg-icon { opacity: 1; visibility: visible; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*-------------------------clearfix-------------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------for browsers-----------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Colors variables start */
/* Colors variables end */
/* Reboot variables start */
/* Reboot variables end */
/* Grid variables start */
/* Grid variables end */
/* Responsive font-size start */
/* Responsive font-size end */
/*Common variables start */
/*pages common start*/
/*pages common end*/
/*Common variables end */
.page__password-recovery .footer { padding-top: 1.875rem; }

.page__password-recovery .page__content { display: flex; flex-direction: column; }

.page__password-recovery .page__main { flex: 1 0 auto; }

html { max-width: 100vw; overflow-X: hidden; }

/*# sourceMappingURL=common.css.map */