@-webkit-keyframes shine {
    0% {
        left: -180%
    }

    100% {
        left: 90%
    }
}

@-webkit-keyframes gradientBtn {

    0%,
    100% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }
}

@-webkit-keyframes pulse {

    0%,
    100% {
        transform: scale3d(1, 1, 1)
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }
}

.article__block {
    margin-bottom: .65rem
}

.article__block_first {
    margin-top: .5rem
}

.article__region {
    font-size: .2rem;
    line-height: .24rem;
    font-family: Lato, sans-serif;
    font-weight: 700;
    color: #007aff;
    margin-bottom: .1rem
}

.article__hr {
    width: 100%;
    display: block;
    height: .01rem;
    background: #e5e6e9;
    margin-bottom: .1rem
}

.article__author {
    margin-right: .25rem;
    font-size: .14rem;
    line-height: .19rem;
    font-family: "Noto Serif", serif;
    font-weight: 400
}

.article__author span {
    font-size: .14rem;
    line-height: .19rem;
    font-family: "Noto Serif", serif;
    font-weight: 700;
    color: #3686e0
}

.article__date {
    font-size: .14rem;
    line-height: .19rem;
    font-family: "Noto Serif", serif;
    font-weight: 400
}

.article__date_weekday {
    text-transform: capitalize
}

.article__info {
    margin-bottom: .5rem
}

.article__title {
    font-size: .33rem;
    line-height: .45rem;
    font-family: "Noto Serif", serif;
    font-weight: 700;
    margin-bottom: .25rem
}

@media (max-width:998px) {
    .article__container {
        padding: 0 .15rem
    }

    .article__block_first {
        margin-top: .3rem
    }

    .article__title {
        font-size: .3rem;
        line-height: .4rem;
        font-family: "Noto Serif", serif;
        font-weight: 700
    }
}

.article__cloud {
    background: #f1f3f5;
    color: #222;
    padding: .25rem;
    border-radius: .08rem;
    font-size: .17rem;
    line-height: .23rem;
    font-family: "Noto Serif", serif;
    font-weight: 400;
    margin-bottom: .25rem
}

.article__link {
    color: #3686e0;
    font-weight: 700;
    text-decoration: underline
}

.article__subtitle {
    font-size: .24rem;
    line-height: .33rem;
    font-family: "Noto Serif", serif;
    font-weight: 700;
    margin-bottom: .25rem
}

.article__banneredImg {
    flex-basis: calc(50% - .05rem);
    margin-bottom: .1rem;
    position: relative
}

.article__banneredImg span {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    display: inline-block;
    min-width: 1.8rem;
    padding: .1rem;
    text-align: center;
    background: #030c26;
    font-size: .17rem;
    line-height: .26rem;
    font-family: Lato, sans-serif;
    font-weight: 400;
    color: #fff
}

.article__banneredImg:nth-last-of-type(1),
.article__banneredImg:nth-last-of-type(2) {
    margin-bottom: 0
}

@media (max-width:998px) {
    .article__banneredImg {
        flex-basis: 3.6rem;
        margin-bottom: .15rem
    }

    .article__banneredImg:nth-last-of-type(2) {
        margin-bottom: .15rem
    }

    .article__block .article__problems {
        justify-content: center
    }
}

.article__block .article__problems {
    margin-bottom: .25rem
}

.article__list {
    padding-left: .2rem;
    margin-bottom: .25rem
}

.article__list li {
    font-size: .17rem;
    line-height: .26rem;
    font-family: "Noto Serif", serif;
    font-weight: 400;
    margin-bottom: .1rem
}

.article__list li:last-of-type {
    margin-bottom: 0
}

.article__list li span {
    font-weight: 700
}

.article__bordered {
    border: .04rem solid #707372;
    padding: .25rem;
    border-radius: .08rem;
    font-size: .2rem;
    line-height: .28rem;
    font-family: Lato, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: .25rem
}

.article__bordered span {
    font-weight: 700
}

.article__expert {
    padding: .15rem
}

.article__expert .flexItem:first-of-type {
    flex-basis: .8rem
}

.article__expert .flexItem:last-of-type {
    flex-basis: 6rem
}

.article__expert .flexItem p {
    font-size: .17rem;
    line-height: .25rem;
    font-family: Lato, sans-serif;
    font-weight: 400;
    color: #333
}

.article__magazines .flexItem:first-of-type {
    margin-right: .55rem
}

@media (max-width:998px) {
    .article__expert .flexItem:first-of-type {
        float: left;
        padding-right: .15rem
    }

    .article__expert .flexContainer {
        display: block
    }

    .article__magazines .flexItem {
        flex-basis: 1.8rem
    }

    .article__magazines .flexItem:first-of-type {
        margin-right: .3rem
    }
}

.comments__container {
    padding-bottom: 1rem;
    border-top: .01rem solid #e5e6e9;
    padding-top: .15rem
}

.comments__title {
    font-size: .2rem;
    line-height: .24rem;
    font-family: Lato, sans-serif;
    font-weight: 700;
    margin-bottom: .15rem
}

.comments__cloud {
    font-size: .14rem;
    line-height: .16rem;
    font-family: Lato, sans-serif;
    font-weight: 400;
    text-align: center;
    padding: .2rem;
    margin-bottom: .4rem
}

.comments__item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: .3rem
}

.comments__item:last-of-type {
    margin-bottom: 0
}

.comments__avatar {
    flex-basis: .6rem;
    height: .6rem;
    margin-right: .15rem
}

.comments__avatar img {
    width: 100%
}

.comments__body {
    flex-basis: calc(100% - .75rem)
}

.comments__body p {
    font-size: .15rem;
    line-height: .18rem;
    font-family: Lato, sans-serif;
    font-weight: 400;
    margin-bottom: .1rem;
    color: #444
}

.comments__info {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: .05rem
}

.comments__author {
    font-size: .15rem;
    line-height: .18rem;
    font-family: Lato, sans-serif;
    font-weight: 700;
    margin-right: .1rem
}

.comments__date {
    font-size: .12rem;
    line-height: .18rem;
    font-family: Lato, sans-serif;
    font-weight: 400;
    color: #8d8d8d
}

.comments__imgs {
    margin-bottom: .1rem
}

.comments__actions {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.comments__reply {
    text-decoration: none;
    color: #8d8d8d;
    margin-right: .15rem;
    text-transform: uppercase;
    font-size: .14rem;
    line-height: .18rem;
    font-family: Lato, sans-serif;
    font-weight: 900
}

.comments__likes {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    font-size: .14rem;
    line-height: .18rem;
    font-family: Lato, sans-serif;
    font-weight: 400;
    color: #424242;
    text-decoration: none
}

.comments__likes::before {
    content: "";
    display: inline-block;
    width: .14rem;
    height: .12rem;
    background: url(../fonts/heart.svg) center center/contain no-repeat;
    margin-right: .05rem
}

.comments__group {
    margin-bottom: .3rem
}

.comments__group:last-of-type {
    margin-bottom: 0
}

.comments__group .comments__item {
    margin-left: .75rem
}

.comments__group .comments__item:first-of-type {
    margin-left: 0
}

.comments .comments__button {
    margin-top: .5rem;
    margin-bottom: 0
}

footer {
    width: 100%;
    padding: .15rem;
    color: #fff;
    text-align: center;
    background: #030c26
}

footer p {
    padding: 0;
    margin: 0;
    font-size: .14rem;
    line-height: .18rem;
    font-family: "Noto Serif", serif;
    font-weight: 400;
    color: inherit
}

footer a {
    color: #3686e0;
    text-decoration: underline;
    transition: .5s;
    font-size: .14rem;
    line-height: .18rem;
    font-family: "Noto Serif", serif;
    font-weight: 400
}

footer a:hover {
    text-decoration: none
}

.form {
    max-width: 4.8rem;
    margin: 0 auto;
    background: #f2f2f2;
    border-radius: .12rem;
    padding: .3rem .25rem
}

.form__title {
    text-align: center;
    font-size: .22rem;
    line-height: .26rem;
    font-family: Lato, sans-serif;
    font-weight: 700;
    margin-bottom: .15rem
}

@media (max-width:998px) {
    .form__title {
        font-size: .2rem;
        line-height: .26rem;
        font-family: Lato, sans-serif;
        font-weight: 700
    }
}

.form__serial {
    text-align: center;
    font-size: .15rem;
    line-height: .18rem;
    font-family: Lato, sans-serif;
    font-weight: 400;
    margin-bottom: .3rem;
    color: #2e81ff;
    font-style: italic
}

.form p {
    font-size: .17rem;
    line-height: .25rem;
    font-family: Lato, sans-serif;
    font-weight: 400;
    text-align: center;
    margin-bottom: .1rem
}

.form p span.red {
    color: red
}

.form p.small {
    font-size: .14rem;
    line-height: .17rem;
    font-family: Lato, sans-serif;
    font-weight: 400
}

.form p.small span.timer {
    display: inline-block;
    color: red;
    font-size: .14rem;
    line-height: .17rem;
    font-family: Lato, sans-serif;
    font-weight: 700;
    margin-left: .05rem
}

.form p.small span.timer::before {
    content: "";
    display: inline-block;
    width: .16rem;
    height: .16rem;
    margin-right: .02rem;
    background: url(../fonts/watch.svg) center center/contain no-repeat;
    position: relative;
    top: .02rem
}

.form p.form__additional {
    margin-top: .25rem;
    font-size: .12rem;
    line-height: .15rem;
    font-family: Lato, sans-serif;
    font-weight: 400;
    color: #555
}

.form form {
    width: 100%;
    margin-top: .3rem
}

.form form label {
    display: block;
    width: 100%;
    font-size: .18rem;
    line-height: .22rem;
    font-family: Lato, sans-serif;
    font-weight: 400;
    margin-bottom: .1rem;
    padding-left: .1rem
}

.form form input, .form form select {
    display: block;
    width: 100%;
    margin-bottom: .15rem;
    border: .01rem solid #c4c4c4;
    background: #fff;
    border-radius: .05rem;
    padding: .15rem .12rem;
    font-size: .18rem;
    line-height: .22rem;
    font-family: Lato, sans-serif;
    font-weight: 400;
    outline: 0;
    box-sizing: border-box;
    appearance: none;
 -webkit-appearance: none;
}

.form form input:last-of-type {
    margin-bottom: .4rem
}

.price {
    padding: .1rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    border: .01rem solid #dbdbdb;
    margin-bottom: .15rem;
    border-radius: .08rem
}

.price::after {
    content: "";
    display: block;
    width: .24rem;
    height: .17rem;
    background: url(../fonts/price-devider.svg) center center/contain no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.price__item {
    flex-basis: 50%;
    text-align: center
}

.price__item_old {
    font-size: .35rem;
    line-height: .6rem;
    font-family: Lato, sans-serif;
    font-weight: 700;
    color: silver
}

.price__item_old span {
    display: inline-block;
    position: relative
}

.price__item_old span::after {
    content: "";
    display: block;
    width: 110%;
    height: .02rem;
    background: #ee7575;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-7deg)
}

.price__item_new {
    font-size: .5rem;
    line-height: .6rem;
    font-family: Lato, sans-serif;
    font-weight: 900;
    color: red
}

.header {
    border-bottom: .01rem solid #e5e6e9
}

.header__top {
    background: #030c26;
    color: #fafafa
}

.header__middle {
    padding: .1rem 0;
    border-bottom: .01rem solid #e5e6e9
}

@media (max-width:998px) {
    .header__top .selectButton {
        display: none
    }

    .header__top .flexContainer__header {
        width: 100%;
        justify-content: center
    }

    .header__top .notaficationButton {
        border-left: none;
        padding: .12rem 0
    }

    .header__middle {
        padding: .1rem .15rem;
        border-bottom: none
    }
}

.header__logo img {
    max-width: 2.7rem
}

.header__burger {
    display: inline-block;
    width: .32rem;
    height: .32rem
}

.header__bottom {
    padding: .1rem 0
}

@media (max-width:1100px) {
    .header__bottom {
        display: none
    }
}

.header__bottom li {
    margin-right: .35rem
}

.header__bottom li:last-of-type {
    margin-right: 0
}

.header__bottom li a {
    font-size: .13rem;
    line-height: .16rem;
    font-family: Lato, sans-serif;
    font-weight: 400;
    text-decoration: none;
    color: #030c26
}

.header__bottom li a.logoLink {
    font-size: 0;
    display: inline-block
}

.header__list:first-of-type {
    margin-right: .15rem
}

.header__list:last-of-type li:first-of-type a {
    border-left: .01rem solid #e5e6e9;
    padding-left: .15rem
}

.productCard {
    text-align: center;
    border: .04rem solid #154f90;
    text-transform: none;
    margin-bottom: .25rem
}

.productCard__title {
    font-size: .24rem;
    line-height: .26rem;
    font-family: Lato, sans-serif;
    font-weight: 700;
    margin-bottom: .1rem
}

.productCard p {
    font-size: .2rem;
    line-height: .26rem;
    font-family: Lato, sans-serif;
    font-weight: 400;
    margin-bottom: .25rem
}

.productCard p span {
    font-size: .2rem;
    line-height: .26rem;
    font-family: Lato, sans-serif;
    font-weight: 700
}

.productCard p span.upper {
    text-transform: uppercase
}

.productCard p span.red {
    color: red
}

.productCard__cloud {
    max-width: 3.2rem;
    margin: 0 auto;
    padding: .1rem
}

.productCard__cloud .flexItem:first-of-type {
    flex-basis: 2.45rem
}

.productCard__cloud .flexItem:first-of-type p {
    font-size: .17rem;
    line-height: .2rem;
    font-family: Lato, sans-serif;
    font-weight: 700;
    text-align: left;
    margin: 0
}

.productCard__cloud .flexItem:last-of-type {
    flex-basis: .4rem
}

.productCard__cloud .flexItem:last-of-type p {
    font-size: .3rem;
    line-height: .36rem;
    font-family: Lato, sans-serif;
    font-weight: 900;
    margin: 0;
    background: red;
    color: #fff;
    border-radius: .04rem;
    padding: .02rem .05rem
}

.prokla__wrapper {
    max-width: 12rem;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: stretch
}

.prokla__content {
    flex-basis: 7.3rem;
    margin-right: .4rem;
    border-top: .01rem solid #e5e6e9;
    padding-top: .2rem
}

.prokla__sidebar {
    flex-basis: 3.3rem;
    position: relative
}

@media (max-width:998px) {
    .prokla__wrapper {
        display: block
    }

    .prokla__content {
        margin-right: 0;
        padding-top: 0;
        border-top: none
    }

    .prokla__sidebar {
        display: none
    }
}

.prokla__header {
    padding-top: .3rem
}

.sidebarWrapper {
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.sidebar__title {
    text-align: center;
    font-size: .17rem;
    line-height: .2rem;
    font-family: Lato, sans-serif;
    font-weight: 700;
    margin-bottom: .2rem
}

.sidebar__cloud:first-of-type p {
    margin-bottom: .3rem;
    font-size: .17rem;
    line-height: .2rem;
    font-family: Lato, sans-serif;
    font-weight: 400
}

.sidebar__cloud:first-of-type p span {
    font-size: .17rem;
    line-height: .2rem;
    font-family: Lato, sans-serif;
    font-weight: 700
}

.sidebar__cloud .img {
    margin-bottom: .15rem
}

.sidebar__cloud p {
    font-size: .14rem;
    line-height: .2rem;
    font-family: Lato, sans-serif;
    font-weight: 400;
    text-align: center;
    margin-bottom: .05rem
}

.sidebar__cloud p span {
    font-size: .14rem;
    line-height: .2rem;
    font-family: Lato, sans-serif;
    font-weight: 700
}

.sidebar__cloud .button {
    margin-bottom: 0
}

html {
    font-size: 625%
}

@media (max-width:480px) {
    html {
        font-size: 21vw
    }
}

body {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    background: #fff;
    font-family: "Noto Serif", serif;
    font-size: .18rem;
    color: #000;
    overflow-x: hidden
}

@media (max-width:998px) {
    .prokla__header {
        padding-top: .25rem
    }

    body {
        max-width: 480px
    }
}

iframe~div {
    font-size: .16rem
}

* {
    box-sizing: border-box
}

*>* {
    box-sizing: inherit
}

h1,
h2,
h3,
h4 {
    margin: 0;
    padding: 0
}

img {
    max-width: 100%
}

.img {
    text-align: center;
    margin-bottom: .25rem
}

.img_wide {
    width: 100%
}

.img__descripted {
    margin-bottom: .25rem
}

.img__descripted a {
    display: block;
    text-decoration: none;
    color: inherit
}

.img__descripted img {
    margin-bottom: .1rem
}

.img__descripted span {
    font-size: .15rem;
    line-height: .18rem;
    font-family: "Noto Serif", serif;
    font-weight: 400;
    font-style: italic;
    display: block;
    padding: 0
}

.button {
    display: block;
    background: linear-gradient(87.71deg, #154f90 0, #4097f9 100%);
    border-radius: .08rem;
    width: 100%;
    max-width: 3.4rem;
    font-size: .22rem;
    line-height: .26rem;
    font-family: Lato, sans-serif;
    font-weight: 700;
    color: #fff;
    text-align: center;
    border: none;
    outline: 0;
    margin: 0 auto .15rem;
    padding: .2rem;
    text-decoration: none;
    position: relative
}

.button::before {
    display: none;
    content: "";
    width: 120%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: -10%;
    filter: brightness(2);
    transition: transform .35s, box-shadow .35s
}

.button:focus,
.button:hover {
    cursor: pointer
}

.button:disabled {
    background: #ccc;
    box-shadow: 0 0 0 #7a2d15
}

.button span {
    align-self: center
}

.button-box {
    display: flex;
    justify-content: center;
    align-items: center
}

.button-box .button__mark {
    width: .7rem;
    height: .35rem;
    letter-spacing: 0;
    background: url(../img/mark.svg) center center/contain no-repeat;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding-left: .2rem;
    margin-left: .05rem
}

@keyframes shine {
    0% {
        left: -180%
    }

    100% {
        left: 90%
    }
}

.animatedBtn {
    overflow: hidden
}

.animatedBtn::after {
    content: "";
    position: absolute;
    top: 0;
    left: -200%;
    width: 200%;
    height: 100%;
    transform: skewX(-20deg);
    background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, .4), transparent);
    -webkit-animation: 2.5s ease-in-out infinite shine;
    animation: 2.5s ease-in-out infinite shine
}

.gradient-btn {
    background: linear-gradient(-45deg, #ffa63d, #ff3d77, #338aff, #3cf0c5);
    background-size: 600%;
    -webkit-animation: 16s linear infinite both gradientBtn;
    animation: 16s linear infinite both gradientBtn
}

@keyframes gradientBtn {

    0%,
    100% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }
}

.alternativeButton {
    color: #222;
    font-weight: 400;
    box-shadow: 0 .04rem .07rem rgba(11, 8, 8, .35)
}

.button-wrapper {
    width: 3.17rem;
    height: .81rem;
    background: rgba(255, 255, 255, .6);
    border-radius: .5rem;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center
}

.alternativeTitle,
.standardTitle {
    text-align: left;
    color: #222;
    margin-bottom: .25rem;
    margin-top: 0;
    font-size: .33rem;
    line-height: .38rem;
    font-family: "Noto Serif", serif;
    font-weight: 900;
    padding-left: .2rem;
    position: relative
}

@media (max-width:998px) {

    .alternativeTitle,
    .standardTitle {
        font-size: .33rem;
        line-height: .38rem;
        font-family: "Noto Serif", serif;
        font-weight: 900
    }
}

.alternativeTitle span,
.standardTitle span {
    color: #cb95a2
}

.alternativeTitle a,
.standardTitle a {
    color: #0060b8
}

.alternativeTitle::before,
.standardTitle::before {
    content: "";
    display: block;
    width: .08rem;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: .02rem;
    background: #19adeb
}

.additinal {
    margin-bottom: .33rem;
    position: relative
}

.additinal::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -.2rem;
    width: .6rem;
    height: .05rem;
    background: #a3e9f6
}

.standardTitleWrap {
    padding: .11rem .44rem 0 .34rem;
    background: url(../img/title_bg.png) center center/contain no-repeat;
    margin: 0 auto .24rem;
    min-height: .88rem;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.standardTitleWrap p {
    font-size: .24rem;
    line-height: .29rem;
    font-family: "Noto Serif", serif;
    font-weight: 400;
    padding: 0;
    color: #fff;
    text-transform: uppercase
}

.standardTitleWrap p span {
    font-size: .24rem;
    line-height: .29rem;
    font-family: "Noto Serif", serif;
    font-weight: 400
}

.alternativeTitle {
    color: #fff
}

.standard-list li {
    padding-left: .55rem;
    margin-bottom: .3rem;
    padding-right: .2rem;
    position: relative;
    font-size: .25rem;
    line-height: .33rem;
    font-family: "Noto Serif", serif;
    font-weight: 400
}

.standard-list li:last-of-type {
    margin-bottom: 0
}

.standard-list li::before {
    content: "";
    display: block;
    width: .25rem;
    height: .25rem;
    background: url(../img/check.svg) center center/cover no-repeat;
    position: absolute;
    left: .15rem;
    top: .05rem
}

.barbecue-list {
    padding-left: .3rem
}

.barbecue-list li {
    font-size: .17rem;
    line-height: .26rem;
    font-family: "Noto Serif", serif;
    font-weight: 400;
    padding-left: .3rem;
    padding-bottom: .23rem;
    position: relative
}

.barbecue-list li span {
    font-size: .17rem;
    line-height: .26rem;
    font-family: "Noto Serif", serif;
    font-weight: 700
}

.barbecue-list li::after {
    content: "";
    display: block;
    width: .16rem;
    height: .16rem;
    border-radius: 50%;
    background: #000;
    position: absolute;
    left: 0;
    top: .03rem
}

.barbecue-list li::before {
    content: "";
    display: block;
    width: .02rem;
    height: 100%;
    background: #000;
    position: absolute;
    left: .075rem;
    top: .03rem
}

.barbecue-list li:last-of-type {
    padding-bottom: 0
}

.barbecue-list li:last-of-type::before {
    display: none
}

.standardPadd {
    padding: 0 20px
}

.standardText {
    margin: 0;
    padding: 0 .3rem;
    font-size: .17rem;
    line-height: .26rem;
    font-family: "Noto Serif", serif;
    font-weight: 400
}

.standardText span {
    font-size: .24rem;
    line-height: .27rem;
    font-family: "Noto Serif", serif;
    font-weight: 900;
    text-transform: uppercase
}

.nopad {
    padding: 0
}

.standardTextWrap {
    padding: 35px 30px;
    color: #fff
}

.roundBlock {
    position: relative;
    margin-bottom: 80px;
    background: #222
}

.roundBlock::before {
    display: block;
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    height: 100px;
    top: 100%;
    transform: translateY(-50%);
    background-image: url(../img/pseudo-bottom.svg);
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: -1
}

.altTitle {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 30px;
    line-height: 35px;
    font-family: "Noto Serif", serif;
    font-weight: 800;
    text-align: center;
    margin-bottom: 30px
}

@media (max-width:400px) {
    .altTitle {
        font-size: 26px;
        line-height: 28px;
        font-family: "Noto Serif", serif;
        font-weight: 700
    }
}

header {
    position: relative;
    z-index: 1
}

@media (max-width:998px) {
    .standardText span {
        font-size: .18rem;
        line-height: .21rem;
        font-family: "Noto Serif", serif;
        font-weight: 900
    }

    header {
        box-shadow: 0 -15px 12px rgba(0, 0, 0, .25)
    }
}

#header-bottom .header {
    box-shadow: none
}

main {
    background: #fff;
    position: relative;
    z-index: 0
}

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

p {
    margin: 0;
    font-size: .17rem;
    line-height: .26rem;
    font-family: "Noto Serif", serif;
    font-weight: 400
}

p span {
    font-size: .17rem;
    line-height: .26rem;
    font-family: "Noto Serif", serif;
    font-weight: 700
}

p.light {
    font-weight: 300
}

p.medium {
    font-weight: 500
}

p.semibold {
    font-weight: 600
}

p.bold {
    font-weight: 700
}

p.black {
    font-weight: 900
}

p.center {
    text-align: center
}

p.standardParagraph {
    color: #222;
    padding: 0;
    font-size: .17rem;
    line-height: .26rem;
    font-family: "Noto Serif", serif;
    font-weight: 400;
    margin-bottom: .25rem
}

p.standardParagraph span {
    font-size: .17rem;
    line-height: .26rem;
    font-family: "Noto Serif", serif;
    font-weight: 700
}

p.standardParagraph.mb-0 {
    margin-bottom: 0
}

p.standardParagraph span.upper {
    text-transform: uppercase
}

p.standardParagraph a {
    color: #0c70bf;
    font-weight: 700
}

p.standardParagraph.italic {
    font-style: italic
}

p.leadParagraph {
    color: #000;
    padding: 0;
    font-size: .2rem;
    line-height: .26rem;
    font-family: "Noto Serif", serif;
    font-weight: 700;
    margin-bottom: .2rem
}

.img-wrapper {
    position: relative;
    margin-bottom: .75rem;
    text-align: center
}

.img-wrapper img {
    border-radius: .3rem;
    max-width: 4.5rem
}

.img-wrapper span {
    position: absolute;
    left: 50%;
    top: 0;
    width: 3.95rem;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: .25rem;
    line-height: .3rem;
    font-family: "Noto Serif", serif;
    font-weight: 700;
    color: #fff;
    border-radius: .2rem;
    padding: .15rem .08rem
}

.rightSide {
    margin-right: 0;
    margin-left: auto;
    display: block
}

.alignRight {
    text-align: right
}

.alignLeft {
    text-align: left
}

.textWithSubstrate {
    position: relative;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit
}

.textWithSubstrate span {
    position: relative;
    z-index: 1;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit
}

.textWithSubstrate::before {
    content: "";
    width: calc(100% + .1rem);
    height: .23rem;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
    background: #fff;
    z-index: 0
}

.container {
    max-width: 12rem;
    margin: 0 auto
}

@media (max-width:998px) {
    .container {
        max-width: 100%
    }
}

.pulse {
    -webkit-animation: 1s infinite both pulse;
    animation: 1s infinite both pulse
}

@keyframes pulse {

    0%,
    100% {
        transform: scale3d(1, 1, 1)
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }
}

.contentBox {
    padding: 0 .25rem
}

.center {
    text-align: center
}

.selectButton {
    color: #fff;
    text-decoration: none;
    font-size: .14rem;
    line-height: .17rem;
    font-family: Lato, sans-serif;
    font-weight: 700;
    padding: .1rem .25rem;
    min-width: 2.3rem;
    display: inline-flex;
    justify-content: space-between;
    align-items: center
}

.selectButton::after {
    content: "";
    display: inline-block;
    width: .08rem;
    height: .08rem;
    background: url(../fonts/select-arrow.svg) center center/contain no-repeat;
    margin-left: .1rem
}

.selectButton__icon span {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center
}

.selectButton__icon span::before {
    content: "";
    display: inline-block;
    margin-right: .1rem;
    width: .16rem;
    height: .16rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

.selectButton__icon_sound span::before {
    background-image: url(../fonts/sound.svg)
}

.selectButton_blue {
    background: #0faadb
}

.selectButton_orange {
    background: #fd6702
}

.notaficationButton {
    font-size: .13rem;
    line-height: .16rem;
    font-family: Lato, sans-serif;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 2.3rem;
    border-left: .01rem solid #343b50;
    padding: .04rem 0
}

.notaficationButton::before {
    content: "";
    display: inline-flex;
    width: .16rem;
    height: .16rem;
    background: url(../fonts/notafication.svg) center center/contain no-repeat;
    margin-right: .1rem
}

.flexContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.flexContainer_inline {
    display: inline-flex
}

.flexContainer_jce {
    justify-content: flex-end
}

.flexContainer_jcsb {
    justify-content: space-between
}

.flexContainer_jcs {
    justify-content: flex-start
}

.flexContainer_nw {
    flex-wrap: nowrap
}

.flexContainer_ais {
    align-items: flex-start
}

.flexItem {
    font-size: 0
}

.flexItem_half {
    flex-basis: 50%
}

.select__wrapper {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    z-index: 10;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.select__wrapper * {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.selectus__button {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #000;
    position: relative;
    z-index: 9
}

.selectus__button:hover {
    cursor: pointer
}

.selectus__optionsBox {
    display: none;
    position: relative;
    z-index: 10;
    overflow: hidden;
    border: 1px solid #000;
    border-top: none;
    border-bottom: none;
    box-shadow: 0 0 5px rgba(0, 0, 0, .5)
}

.selectus__optionsBox.selectus__optionsBox_animated {
    display: block
}

.selectus__optionsBox_opened {
    display: block;
    border-bottom: 1px solid #000;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%
}

.selectus__option {
    padding: 5px 10px;
    text-align: center;
    background: #fff;
    border-bottom: 1px solid #000;
    transition: background .1s, border-bottom .1s
}

.selectus__option:last-of-type {
    border-bottom: none
}

.selectus__option_active {
    background: #4169e1;
    color: #fff;
    border-bottom: 1px solid #4169e1
}

.selectus__option:hover {
    cursor: pointer;
    background: #4169e1;
    color: #fff;
    border-bottom: 1px solid #4169e1
}