.popular__title-icon
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

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

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

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

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

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

fieldset {
    padding: 0.35em 0.75em 0.625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

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

body {
    font-size: 20px;
    min-width: 320px;
    font-family: Helvetica;
    line-height: 1.15;
    background: #fff;
    color: #000
}

#main {
    width: 100%;
    overflow: hidden;
    padding-top: 100px;
    min-height: 100vh;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto
}

a {
    outline: 0;
    color: inherit
}

.mr-auto {
    margin-right: auto
}

.ml-auto {
    margin-left: auto
}

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

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.mt-50 {
    margin-top: 50px !important
}

.mt-30 {
    margin-top: 30px !important
}

.mt-15 {
    margin-top: 15px !important
}

.mt-10 {
    margin-top: 10px !important
}

.mt-0 {
    margin-top: 0 !important
}

.mb-50 {
    margin-bottom: 50px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.mb-15 {
    margin-bottom: 15px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.pt-5 {
    padding-top: 5px !important
}

.main-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    padding-left: 15px;
    padding-right: 15px
}

.flex-wrap {
    display: flex;
    flex-wrap: wrap
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%
}

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

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold
}

.h1,
h1 {
    font-size: 40px
}

.h2,
h2 {
    font-size: 36px
}

.h3,
h3 {
    font-size: 26px
}

.h4,
h4 {
    font-size: 22px
}

.btn {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    text-align: center;
    outline: 0;
    border: 0;
    border-radius: 10px;
    line-height: 1;
    padding: 13px 25px;
    cursor: pointer;
}

.btn--green {
    background: #03A659;
    color: #fff
}

.btn--blue {
    background: #097BFE;
    color: #fff
}

.btn--dark {
    background: #585858;
    color: #fff
}

.btn--full {
    width: 100%
}

.form-row {
    margin-bottom: 18px
}

.form-row__label {
    font-weight: bold;
    line-height: 1;
    margin-bottom: 5px
}

.form-row__input {
    padding: 0 16px;
    width: 100%;
    height: 56px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    outline: 0;
    border-radius: 4px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.15px;
    color: #222
}

.form-row__input::placeholder {
    color: rgba(0, 0, 0, 0.6)
}

.form-row__hint {
    font-size: 12px;
    color: #ea2929;
    display: none;
    margin-top: 5px
}

.form-row__info {
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.6);
    font-size: 12px;
    line-height: 1.33;
    margin: 3px 0 0 16px
}

.form-row--error .form-row__hint {
    display: block
}

.form-row--error .form-row__input {
    border-color: #ea2929
}

.radio {
    display: block;
    position: relative;
    cursor: pointer
}

.radio__inner {
    position: relative;
    padding-left: 33px;
    font-size: 16px;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.87);
    letter-spacing: 0.15px
}

.radio__inner:after,
.radio__inner:before {
    position: absolute;
    content: "";
    display: block;
    transition: 0.3s all ease;
    border-radius: 100%
}

.radio__inner:before {
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #222;
    margin-top: -10px
}

.radio__inner:after {
    width: 10px;
    height: 10px;
    background: #000;
    left: 5px;
    top: 50%;
    margin-top: -5px;
    opacity: 0;
    transform: scale(0)
}

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

.radio__input:checked+.radio__inner:before {
    border-color: #5600E8
}

.radio__input:checked+.radio__inner:after {
    background: #5600E8;
    opacity: 1;
    transform: scale(1)
}

.radio-list-i {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 30px 0 0;
    list-style: none
}

.radio-list-i__item {
    margin-right: 49px;
    margin-bottom: 15px
}

.radio-list {
    padding: 0;
    margin: 17px 0 40px;
    list-style: none
}

.radio-list__item:not(:last-child) {
    margin-bottom: 13px
}

.radio-list .radio__inner {
    font-size: 20px
}

.bonus {
    padding: 0 6px
}

.bonus__inner {
    border: 4px dashed #03A659;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    color: #03A659;
    padding: 12px 15px
}

.progress {
    text-align: center
}

.progress__info {
    font-weight: bold;
    margin: 0 0 5px
}

.progress__inner {
    background: #FFFFFF;
    border: 1px solid #D7D7D7;
    border-radius: 10px;
    position: relative;
    height: 16px
}

.progress__value {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    border-radius: 10px;
    background: #03A659
}

.steps {
    padding: 0;
    margin: 0;
    list-style: none
}

.steps__item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 5px
}

.steps__item-icon {
    width: 22px;
    margin-right: 5px
}

.refferal {
    border: 4px dashed #097BFE;
    padding: 16px 18px;
    margin-top: 20px;
    margin-bottom: 20px
}

.refferal__label {
    color: #2B2B2B;
    margin-bottom: 5px
}

.refferal__link {
    font-weight: bold;
    color: #097BFE
}

.header {
    height: 74px;
    width: 100%;
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 500;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25)
}

.header__logo {
    width: 93px;
    height: 48px;
    display: inline-block;
    vertical-align: top;
    background: url("images/logo.svg") no-repeat center;
    margin: 12px 0 0 5px
}

.header__sign-in {
    display: inline-flex;
    flex-wrap: wrap;
    margin: 30px 29px 0 0
}

.header__sign-in-link {
    display: block;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.15;
    color: #747474;
    text-decoration: none
}

.header__sign-in-link:not(:last-child) {
    margin-right: 42px
}

.header__sign-in-link--blue {
    color: #097BFE
}

.header__menu {
    position: relative;
    margin: 22px 13px 0 0;
    display: inline-block;
    vertical-align: top
}

.header__menu-drop {
    position: absolute;
    top: 44px;
    right: -19px;
    background: #fff;
    box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.25);
    padding: 24px 19px;
    min-width: 138px;
    opacity: 0;
    visibility: hidden;
    transform: translate(0, 50px);
    transition: 0.3s transform ease;
    z-index: -1
}

.header__menu-btn {
    width: 33px;
    height: 32px;
    background: url("images/menu.svg") no-repeat center;
    background-size: contain;
    display: block;
    text-decoration: none;
    border: 0;
    outline: 0
}

.header__menu-drop.show {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0);
    z-index: 100
}

.header__menu-link {
    display: block;
    text-decoration: none;
    color: #000000;
    text-align: right;
    font-weight: bold
}

.header__menu-link:not(:last-child) {
    margin-bottom: 29px
}

.header__basket {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    border: 3px dashed #087DFE;
    border-radius: 10px;
    color: #097BFE;
    font-weight: bold;
    padding: 6px 19px;
    margin: 18px 16px 0 0
}

.welcome {
    min-height: 213px;
    position: relative;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
    padding: 0;
    margin-bottom: 28px
}

.welcome:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    opacity: 0.6;
    background: url("images/welcome.jpg") no-repeat center;
    background-size: cover
}

.welcome__inner {
    position: relative;
    padding: 19px 6px 3px;
    z-index: 50
}

.welcome__title {
    background: rgba(255, 255, 255, 0.7);
    padding: 2px 10px;
    line-height: 1;
    margin: 0 0 15px;
    display: inline-block;
    vertical-align: top
}

.welcome__list {
    padding: 0;
    margin: 0;
    list-style: none
}

.welcome__list-item {
    margin-bottom: 2px
}

.welcome__list-inner {
    position: relative;
    color: #2B2B2B;
    font-weight: bold;
    background: rgba(255, 255, 255, 0.7);
    padding: 10px 10px 10px 49px;
    line-height: 1.1;
    display: inline-block;
    vertical-align: top
}

.welcome__list-inner:before {
    position: absolute;
    top: 50%;
    left: 10px;
    background: url("images/white-heavy-check-mark_2705.png") no-repeat center;
    background-size: cover;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    content: "";
    display: block
}

.products {
    margin: 28px 0 0
}

.products .h1 {
    margin: 0 0 13px;
    padding: 0 19px
}

.products-list {
    padding: 0;
    margin: 0;
    list-style: none
}

.products-list__item {
    margin-bottom: 25px;
    background: #ECECEC;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25)
}

.products-list__header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 12px 15px
}

.products-list__name {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-decoration: none;
    font-weight: bold;
    color: #2B2B2B
}

.products-list__name-play {
    height: 31px;
    width: 32px;
    display: inline-block;
    vertical-align: top;
    background: url("images/play.svg") no-repeat center;
    background-size: contain;
    margin: 0 10px 0 0
}

.products-list__name-icon {
    width: 27px;
    height: 27px;
    background: url("images/play.svg") no-repeat center;
    background-size: contain;
    margin: 0 10px 0 0
}

.products-list__name-icon_noimg {
    width: 27px;
    height: 27px;
    margin: 0 10px 0 0
}

.products-list__name-icon img {
    display: block;
    width: 100%
}

.products-list__price {
    color: #00BA00;
    font-weight: bold
}

.products-list__img-w {
    display: block;
    text-decoration: none;
    position: relative
}

.products-list__img {
    display: block;
    width: 100%
}

.products-list__play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url("images/video-play.svg") no-repeat center;
    background-size: contain;
    width: 61px;
    height: 43px;
    z-index: 50
}

.products-list__footer {
    padding: 20px 15px
}

.products-list__footer .btn {
    width: 100%
}

.products-list__footer-info {
    margin: 10px 0;
    font-weight: bold
}

.products-list__iframe {
    border: 0;
    outline: 0;
    width: 100%;
    min-height: 165px;
    display: block
}

@media (min-width:568px) {
    .products-list__iframe {
        min-height: 265px
    }
}

.products-list__roudmap {
    display: flex;
    flex-wrap: wrap
}

.products-list__roudmap-item {
    width: 33.3%;
    height: 100px;
    position: relative;
    padding: 5px 8px
}

.products-list__roudmap-item:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 10;
    left: 100%;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 0 50px 12px
}

.products-list__roudmap-item:first-child {
    background: #097BFE
}

.products-list__roudmap-item:first-child:after {
    border-color: transparent transparent transparent #097BFE
}

.products-list__roudmap-item:nth-child(2) {
    background: #4B9FFF
}

.products-list__roudmap-item:nth-child(2):after {
    border-color: transparent transparent transparent #4B9FFF
}

.products-list__roudmap-item:nth-child(3) {
    background: #73B5FF
}

.products-list__roudmap-item:nth-child(3):after {
    display: none
}

.products-list__roudmap-icon {
    height: 38px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.products-list__roudmap-icon img {
    display: block;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto
}

.products-list__roudmap-name {
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-top: 5px
}

.products-list__loading {
    color: #585858;
    font-weight: bold;
    text-align: center;
    margin: 15px 0 0
}

.products-list__loading-icon {
    display: inline-block;
    vertical-align: top;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    background: url("images/loading.svg") no-repeat center;
    background-size: contain;
    animation: circle 2s linear infinite
}

.products-list__cont {
    padding: 15px 15px 20px
}

.products-list__cont p {
    margin: 0 0 20px
}

.products-list__cont p:last-child {
    margin-bottom: 0
}

@keyframes circle {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.popular {
    background: #ECECEC;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
    margin-top: 30px
}

.popular__title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 7px 15px;
    color: #2B2B2B;
    font-size: 20px;
    margin: 0
}

.popular__title-icon {
    width: 27px;
    height: 27px;
    background: url("images/crown.svg") no-repeat center;
    background-size: contain;
    margin: 0 10px 0 0
}

.popular-list {
    padding: 0 15px 38px;
    margin: 30px 0 0;
    list-style: none
}

.popular-list__item {
    color: #2B2B2B;
    font-weight: bold
}

.popular-list__item:not(:last-child) {
    margin-bottom: 22px
}

.popular-list__item span {
    color: #097BFE;
    display: inline-block;
    vertical-align: top;
    min-width: 77px;
    margin-right: 10px
}

.popular-list__link {
    text-decoration: none
}

.footer {
    padding: 47px 24px 0px
}

.footer__logo {
    width: 73px;
    height: 41px;
    background: url("images/logo.svg") no-repeat center;
    background-size: contain;
    display: block;
    margin: auto
}

.footer__info {
    text-align: center;
    margin: 15px auto 0
}

.footer__sign-in {
    padding: 46px 0
}

.footer--inner .footer-list {
    margin-top: 67px
}

.footer-list {
    padding: 0;
    margin: 15px 0 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.footer-list__item {
    margin: 0 10px 23px
}

.footer-list__link {
    color: #989898
}

.sign-in {
    padding-top: 3px
}

.sign-in .h1,
.sign-in h1 {
    margin: 30px 0 14px;
    padding: 0 5px
}

.sign-in p {
    font-size: 15px;
    line-height: 1.1333;
    color: #000000;
    margin: 0 0 15px
}

.sign-in__submit {
    margin-top: 35px
}

.sign-in--login .h1,
.sign-in--login h1 {
    margin: 18px 0 20px
}

.sign-in--login .sign-in__submit {
    margin-top: 18px
}

.goog-te-banner-frame.skiptranslate {
    display: none !important;
} 
body {
    top: 0px !important; 
}