@charset "UTF-8";

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

body,
br {
    line-height: 1
}

.slick-slide img,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

table {
    border-collapse: collapse;
    border-spacing: 0
}

br {
    font-size: 0
}

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

.slick-dots li button:focus,
.slick-dots li button:hover,
.slick-list:focus,
button,
button:focus,
input,
input:focus {
    outline: 0
}

a {
    text-decoration: none
}

button {
    border: 0
}

::-moz-focus-inner,
::-moz-focus-outer {
    border: 0;
    padding: 0
}

a:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

:active,
:focus,
:hover,
:visited,
a,
a:active,
a:focus,
a:hover,
a:visited {
    outline: 0 !important
}

::-moz-focus-inner {
    border: 0;
    outline: 0
}

select {
    outline: 0 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../images/select-triangle.svg);
    background-repeat: no-repeat
}

select,
select:hover {
    background-size: 10px 10px;
    background-position: right 10px center
}

select:focus {
    outline: 0 !important;
    outline-color: transparent;
    outline-width: 0
}

select::-ms-expand {
    display: none !important;
    background: 0 0 !important;
    position: fixed;
    border: 0 !important;
    outline: 0 !important
}

button::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=file]>input[type=button]::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
option::-moz-focus-inner,
select::-moz-focus-inner {
    border: 0
}

:not(#fake) {
    outline: 0
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

.slick-slider {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list,
.slick-slider,
.slick-track {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

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

.slick-track {
    top: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto
}

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

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff
}

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    color: transparent;
    outline: 0;
    background: 0 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before,
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: '←'
}

.slick-next:before,
[dir=rtl] .slick-prev:before {
    content: '→'
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

[dir=rtl] .slick-next:before {
    content: '←'
}

.slick-dots,
.slick-dots li button:before {
    position: absolute;
    left: 0;
    text-align: center
}

.slick-dots {
    bottom: -25px;
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0
}

.slick-dots li button:before {
    font-size: 6px;
    line-height: 20px;
    top: 0;
    width: 20px;
    height: 20px;
    content: "";
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}

.slick-slide {
    outline: 0
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    overflow-x: hidden
}

img {
    max-width: 100%
}

svg {
    overflow: hidden
}

.container {
    width: 1220px;
    margin: 0 auto;
    padding: 0 25px
}

@media screen and (max-width:1219px) {
    .container {
        width: 1024px
    }
}

@media screen and (max-width:1023px) {
    .container {
        width: 768px;
        padding: 0 10px
    }
}

@media screen and (max-width:767px) {
    .container {
        width: 640px
    }
}

@media screen and (max-width:639px) {
    .container {
        width: 480px
    }
}

@media screen and (max-width:479px) {
    .container {
        width: 100%
    }
}

.title {
    color: #000;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center
}

@media screen and (max-width:1219px) {
    .title {
        font-size: 42px
    }
}

@media screen and (max-width:1023px) {
    .title {
        font-size: 36px;
 
    }
}

@media screen and (max-width:767px) {
    .title {
        font-size: 32px
    }
}

@media screen and (max-width:639px) {
    .title {
        font-size: 29px
    }
}

@media screen and (max-width:479px) {
    .title {
        font-size: 26px;
    
    }
}

.text-bold {
    font-weight: 700
}

.text-black {
    font-weight: 900
}

.text-nowrap {
    white-space: nowrap
}

.color_diforol {
    color: #2a3d70
}

.btn {
    width: 220px;
    height: 67px;
    -webkit-box-shadow: inset 0 -3px 1px #ff7000, inset 0 -4px 2px rgba(247, 207, 123, .38), 0 7px 5px rgba(251, 172, 125, .4);
    box-shadow: inset 0 -3px 1px #ff7000, inset 0 -4px 2px rgba(247, 207, 123, .38), 0 7px 5px rgba(251, 172, 125, .4);
    border-radius: 32px;
    background-color: #ff7000;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 700;
    font-size: 26px;
    line-height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: .2s linear;
    transition: .2s linear;
    -webkit-transition-property: background-color, -webkit-box-shadow;
    transition-property: background-color, box-shadow;
    transition-property: background-color, box-shadow, -webkit-box-shadow
}

.btn:hover {
    background-color: #ff7e1a;
    -webkit-box-shadow: inset 0 -3px 1px #ff7000, inset 0 -4px 2px rgba(247, 207, 123, .38);
    box-shadow: inset 0 -3px 1px #ff7000, inset 0 -4px 2px rgba(247, 207, 123, .38)
}

.btn:active {
    -webkit-transform: translateY(3px);
    transform: translateY(3px)
}

.btn:active:hover {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    -webkit-padding-end: 0;
    padding-inline-end: 0
}

.btn .btn-sm {
    font-size: 17px;
    width: 100%
}

.accept-bullet {
    position: relative
}

.accept-bullet::before,
.common {
    background-position: center center;
    background-repeat: no-repeat
}

.accept-bullet::before {
    content: "";
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 45px;
    height: 45px;
    background-color: #eca23f;
    border: 5px solid #f8d473;
    border-radius: 100%;
}

@media screen and (max-width:1023px) {
    .accept-bullet::before {
        width: 40px;
        height: 40px;
        background-size: 60% 60%
    }
}

.common {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 67px;
    background-image: url(../images/common-background.jpg);
    background-size: cover
}

.common--bottom {
    margin-bottom: 80px
}

.common__top {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 13px
}

.common__logo {
    position: relative;
    padding-top: 3px;
    padding-bottom: 16px
}

.common__logo::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 44px;
    height: 4px;
    background-color: #eaa23e
}

.common__logo-title {
    margin-bottom: 9px;
    color: #2a3d70;
    font-size: 28px;
    font-weight: 500;
    line-height: 1
}

.common__logo-description {
    font-size: 14px;
    line-height: 1.14286
}

.common__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding-top: 7px;
    color: #555;
    font-size: 16px;
    line-height: 1.125
}

.common__nav-item+.common__nav-item {
    margin-left: 30px
}

.common__nav-icon {
    position: relative
}

.common__nav-icon--feedbacks {
    top: 3px;
    left: -8px
}

.common__nav-icon--inside {
    top: 3px;
    left: -5px
}

.common__nav-icon--order {
    top: 3px;
    left: -4px
}

.common__nav-link {
    color: #555
}

.common__nav-link:hover .common__nav-description {
    text-decoration: underline
}

.common__body {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.common__text {
    position: relative;
    z-index: 1;
    padding-top: 44px
}

.price__old {
 text-decoration: line-through;
}

.common__title {
    max-width: 470px;
    margin-bottom: 69px;
    font-size: 52px;
    font-weight: 700;
    line-height: 1.4
}

.common__features {
    max-width: 300px;
    color: #444;
    font-size: 18px;
    line-height: 1.33333
}

.common__feature {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.common__feature::before {
    margin-right: 19px
}

.common__feature+.common__feature {
    margin-top: 37px
}

@media screen and (max-width:1219px) {
    .common__title {
        font-size: 48px
    }
}

@media screen and (max-width:1023px) {
    .common__title {
        max-width: 600px;
        margin: 0 auto 20px;
        font-size: 44px;
        text-align: center
    }

    .common__features {
        max-width: 600px;
        margin: 0 auto;
        font-size: 17px
    }

    .common__feature {
        max-width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .common__feature::before {
        margin-right: 10px
    }

    .common__feature br {
        display: none
    }

    .common__feature+.common__feature {
        margin-top: 10px
    }
}

@media screen and (max-width:767px) {
    .common__title {
        max-width: 540px;
        font-size: 40px
    }

    .common__features {
        max-width: 540px;
        font-size: 16px
    }
}

@media screen and (max-width:639px) {
    .common__title {
        font-size: 36px
    }

    .common__features {
        max-width: 320px
    }
}

@media screen and (max-width:479px) {
    .common__title {
        max-width: 300px;
        font-size: 32px
    }

    .common__features {
        max-width: 300px;
        font-size: 15px
    }
}

.common__pictures {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.common__person {
    position: absolute;
    left: calc(50% - 301px);
    bottom: -70px
}

.common__product {
    position: relative;
    top: 145px;
    left: 15px;
    max-width: 365px
}

@media screen and (max-width:1219px) {
    .common__person {
        max-width: 550px;
        left: calc(50% - 220px)
    }

    .common__product {
        left: 54px;
    top: 120px;
    }
}

@media screen and (max-width:1023px) {
    .common__person {
        display: none
    }

    .common__product {
        position: static;
        margin-right: 0px
    }
}

@media screen and (max-width:767px) {
    .common__product {
        max-width: 350px;
        margin-right: -40px;
        margin-left: -40px;
    }
}

@media screen and (max-width:639px) {
    .common__product {
        margin: 0 0 20px
    }
}

.common__form {
    padding-top: 23px
}

.common--bottom {
    padding-top: 71px
}

.common--bottom .common__body {
    padding-bottom: 30px
}

.common--bottom .common__text {
    padding-top: 45px
}

.common--bottom .common__form {
    padding-top: 43px
}

.common--bottom .common__product {
    top: 175px
}

.common__form--arrow .form,
.common__form--arrow-lg .form {
    position: relative
}

.common__form--arrow .form::after,
.common__form--arrow-lg .form::after {
    content: "";
    top: 107px;
    right: -57px;
    position: absolute;
    width: 37px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.common__form--arrow .form::after {
    height: 221px
}

.common__form--arrow-lg .form::after {
    height: 301px
}

@media screen and (max-width:1369px) {

    .common__form--arrow .form::after,
    .common__form--arrow-lg .form::after {
        content: none
    }
}

@media screen and (max-width:1219px) {
    .common--bottom {
        padding-top: 0
    }
}

@media screen and (max-width:1023px) {
    .common {
        margin-bottom: 0;
        padding-bottom: 40px
    }

    .common--bottom {
        padding-top: 40px
    }

    .common__body {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        align-items: center;
    }

    .common__pictures {
      align-self: center;
    }

    .common--bottom .common__body {
        padding-bottom: 0
    }

    .common__text {
        margin-bottom: 20px;
        padding-top: 20px
    }

    .common--bottom .common__form,
    .common--bottom .common__text,
    .common__form {
        padding-top: 0
    }
}

@media screen and (max-width:767px) {
    .common {
        padding-bottom: 30px
    }

    .common--bottom {
        padding: 30px 0
    }

    .common__pictures {
        -ms-flex-item-align: center;
        align-self: center
    }
}

@media screen and (max-width:639px) {
    .common {
        padding: 30px 0
    }

    .common__top {
        display: none
    }

    .common__text {
        padding-top: 0
    }
}

@media screen and (max-width:479px) {

    .common,
    .common--bottom {
        padding: 25px 0
    }
}

.form {
    position: relative;
    width: 270px;
    padding: 5px;
    background-color: #f7f7f7;
    border-radius: 5px;
    -webkit-box-shadow: 0 11px 24px 0 rgba(198, 139, 163, .35);
    box-shadow: 0 11px 24px 0 rgba(198, 139, 163, .35);
    overflow: hidden
}

.form__body {
    background-color: #fff;
    border-radius: inherit
}

.form__price {
    margin-bottom: 10px
}

.form__lastpack {
    margin-bottom: 15px;
    color: #444;
    font-size: 16px;
    line-height: 1.125;
    text-align: center
}

.form__lastpack b {
    color: #ff7000;
    font-weight: 700
}

.form__fields {
    max-width: 220px;
    margin: 0 auto 26px
}

.form__field {
    position: relative
}

.form__field--hidden {
    display: none
}

.form__field+.form__field {
    margin-top: 15px
}

.form__icon {
    position: absolute;
    top: 20px;
    left: 24px
}

.form__input,
.form__select {
    width: 100%;
    height: 65px;
    padding: 0 50px;
    color: #000;
    font-size: 16px;
    background-color: #f6f9f8;
    border: 1px solid #f0efef;
    border-radius: 30px/50%;
    -webkit-transition: -webkit-box-shadow .2s linear;
    transition: box-shadow .2s linear;
    transition: box-shadow .2s linear, -webkit-box-shadow .2s linear
}

.form__input::-webkit-input-placeholder,
.form__select::-webkit-input-placeholder {
    color: #666;
    font-size: 16px;
    -webkit-transition: color .2s linear;
    transition: color .2s linear
}

.form__input::-moz-placeholder,
.form__select::-moz-placeholder {
    color: #666;
    font-size: 16px;
    -webkit-transition: color .2s linear;
    transition: color .2s linear
}

.form__input:-ms-input-placeholder,
.form__input::-ms-input-placeholder,
.form__select:-ms-input-placeholder,
.form__select::-ms-input-placeholder {
    color: #666;
    font-size: 16px;
    -webkit-transition: color .2s linear;
    transition: color .2s linear
}

.form__input::placeholder,
.form__select::placeholder {
    color: #666;
    font-size: 16px;
    -webkit-transition: color .2s linear;
    transition: color .2s linear
}

.form__input:focus,
.form__input:hover {
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .04) inset;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .04) inset
}

.form__input:focus::-webkit-input-placeholder {
    color: transparent
}

.form__input:focus::-moz-placeholder {
    color: transparent
}

.form__input:focus:-ms-input-placeholder,
.form__input:focus::-ms-input-placeholder {
    color: transparent
}

.form__input:focus::placeholder {
    color: transparent
}

.form__bottom {
    padding-bottom: 25px
}

.form__button {
    margin: 0 auto 20px
}

.form__note {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 3px;
    color: #666;
    font-size: 15px;
    line-height: 1
}

.form__note+.form__note {
    margin-top: 15px
}

.form__note img {
    margin-top: -4px;
    margin-right: 10px
}

.form__note,
.price,
.price__cell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.price {
    padding-bottom: 15px
}

.price__cell {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100px;
    padding-top: 19px
}

.price__label {
    margin-bottom: 6px;
    font-size: 13px;
    line-height: 1
}

.price__value {
    font-size: 34px;
    line-height: 1;
    text-align: center
}

.price__value .x_currency {
    display: block;
    font-size: 16px;
    line-height: 1
}

.price__asterisk {
    position: absolute;
    top: 70px;
    right: 25px;
    font-size: 18px
}

.price__cell--previous {
    position: relative;
    margin-left: 14px
}

.price__cell--previous::after,
.price__cell--previous::before {
    content: "";
    position: absolute;
    top: 53px;
    left: 50%;
    width: 75%;
    border-top: 1px solid #d0230c;
    -webkit-transform: translateX(-50%) rotate(16deg);
    transform: translateX(-50%) rotate(16deg)
}

.price__cell--previous::after {
    -webkit-transform: translateX(-50%) rotate(-16deg);
    transform: translateX(-50%) rotate(-16deg)
}

.price__cell--previous .price__label {
    color: #777
}

.price__cell--previous .price__value {
    color: #999
}

.price__cell--current {
    position: relative;
    margin-left: 20px;
    color: #fff;
    background-color: #364878
}

.attention b,
.price__cell--current .price__value {
    font-weight: 700
}

.price__cell--current::before {
    content: "";
    position: absolute;
    top: -5px;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #5f79c0
}

.price__cell--current::after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 50px 0;
    border-color: #364878 #fff #fff
}

@supports ((-webkit-clip-path:polygon(0 0, 100% 0, 100% 92px, 50% 100%, 0 92px)) or (clip-path:polygon(0 0, 100% 0, 100% 92px, 50% 100%, 0 92px))) {
    .price {
        padding-bottom: 0
    }

    .price__cell--current {
        margin-top: -5px;
        padding-bottom: 20px;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 92px, 50% 100%, 0 92px);
        clip-path: polygon(0 0, 100% 0, 100% 92px, 50% 100%, 0 92px)
    }

    .price__cell--current::before {
        top: 0
    }

    .price__cell--current::after {
        content: none
    }
}

.attention {
    font-size: 16px;
    line-height: 1.4;
    text-align: center
}

.attention__top {
    padding: 10px 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase
}

.attention__term {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 200px;
    margin: 0 auto 10px;
    padding: 5px;
    color: #fff;
    font-size: 13px;
    line-height: 1.4;
    text-transform: uppercase;
    background-color: #364878;
    border-radius: 5px
}

.attention__term-description {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%
}

.attention__date {
    display: block;
    font-size: 16px;
    border-top: 1px solid #5f79c0
}

.title-everyday {
    margin-bottom: 39px
}

.everyday__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 60px
}

.everyday__item {
    width: 210px;
    margin-right: 30px
}

.everyday__item:last-child {
    margin-right: 0
}

.everyday__info {
    background-color: #e5e5e5;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-bottom: 26px;
    padding: 5px;
    position: relative
}

.everyday__bottom::before,
.everyday__info::after,
.everyday__info::before {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.everyday__info::before {
    content: '';
    width: 30px;
    height: 5px;
    background: #6ddbe9;
    top: 0
}

.everyday__bottom::before,
.everyday__info::after {
    border-radius: 50%
}

.everyday__info::after {
    -webkit-box-shadow: 0 0 0 6px rgba(109, 173, 233, 0.897);
    box-shadow: 0 0 0 6px rgba(109, 173, 233, 0.897);
    bottom: -10px;
    content: '';
    width: 32px;
    height: 32px
}

.everyday__info-body {
    background-color: #fff;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    padding: 30px 0
}

.everyday__name {
    font-size: 22px;
    line-height: 1;
    font-weight: 700;
    text-align: center;
    color: #000;
    margin-bottom: 26px
}

.everyday__img {
    margin: 0 auto
}

.everyday__img img,
.problems__img img {
    display: block
}

.problems__img {
  position: relative;
  z-index: 0;
  cursor: pointer;
}

.problems__img--hide:before {
  content: '+18';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 40px;
  font-weight: bold;
  color: #fff;
text-shadow: 1px 1px 2px red, 0 0 1em blue, 0 0 0.2em blue;
  z-index: 2;
  font-family: Arial, Helvetica, sans-serif;
}

.problems__img--hide img {
  filter: blur(4px);
  position: relative;
  z-index: 1;
}

.everyday__text {
    font-size: 18px;
    line-height: 1.3;
    color: #444;
    text-align: center
}

.everyday__bottom {
    padding-top: 40px;
    border-top: 1px solid #e5e5e5;
    position: relative
}

.everyday__bottom::before {
    content: '!';
    width: 34px;
    height: 34px;
    background: #fff;
    border: 4px solid #6d98e9;
    display: block;
    font-size: 28px;
    line-height: 1;
    font-weight: 700;
    text-align: center;
    color: #6dc2e9;
    top: -24px
}

.everyday__danger {
    font-size: 26px;
    line-height: 1.4;
    text-align: center;
    color: #000
}

.everyday__danger-big {
    font-size: 40px;
    color: #2aabf5;
    display: block;
    font-weight: 500
}

.everyday__sign {
    font-size: 26px;
    line-height: 1.4;
    text-align: center;
    color: #2aabf5
}

@media screen and (max-width:1219px) {
    .everyday__item {
        margin-right: 10px
    }

    .everyday__list {
        margin-bottom: 60px
    }

    .title-everyday {
        margin-bottom: 35px
    }
}

@media screen and (max-width:1023px) {
    .title-everyday {
        margin-bottom: 25px
    }

    .everyday__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .everyday__item {
        margin-bottom: 40px
    }

    .everyday__item:nth-child(3) {
        margin-right: 0
    }

    .everyday__item:nth-last-child(-n+2) {
        margin-bottom: 0
    }

    .everyday__text {
        font-size: 17px
    }

    .everyday__bottom {
        padding-top: 40px
    }

    .everyday__danger-big {
        font-size: 32px
    }
}

@media screen and (max-width:767px) {
    .everyday__item:nth-child(even) {
        margin-right: 0
    }

    .everyday__item:nth-child(3) {
        margin-right: 10px
    }

    .everyday__item:last-child {
        margin-bottom: 0;
        margin-right: 0
    }

    .everyday__info {
        margin-bottom: 24px
    }

    .everyday__info-body {
        padding: 20px 0 25px
    }

    .everyday__info-body::after {
        width: 28px;
        height: 28px
    }

    .everyday__name {
        margin-bottom: 16px
    }

    .everyday__item {
        margin-bottom: 30px
    }

    .everyday__danger,
    .everyday__sign {
        font-size: 22px
    }

    .everyday__danger-big {
        font-size: 26px
    }

    .everyday__bottom {
        padding-top: 30px
    }
}

@media screen and (max-width:639px) {

    .everyday__danger,
    .everyday__sign {
        font-size: 19px
    }

    .everyday__list {
        margin-bottom: 40px
    }

    .everyday__danger-big {
        font-size: 25px
    }
}

@media screen and (max-width:479px) {
    .everyday__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .everyday__item {
        margin: 0 auto 30px
    }

    .everyday__item:nth-child(3),
    .everyday__item:nth-child(even) {
        margin: 0 auto 30px
    }

    .everyday__item:last-child {
        margin: 0 auto
    }

    .everyday__bottom {
        padding-top: 25px
    }

    .everyday__danger,
    .everyday__sign {
        font-size: 18px
    }

    .everyday__danger-big {
        font-size: 24px
    }
}

.problems {
    background-color: #faf1f5;
    background-image: url(../images/problems-background.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.title-problems {
    margin-bottom: 10px
}

.problems__subtitle {
    font-size: 22px;
    line-height: 1;
    color: #319bff;
    text-align: center;
    margin-bottom: 59px
}

.problems__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.problems__item {
    width: 270px;
    margin-bottom: 50px
}

.problems__info {
    background: #e5e5e5;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px;
    margin-bottom: 26px;
    position: relative
}

.problems__bottom::before,
.problems__info::after,
.problems__info::before {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.problems__info::before {
    content: '';
    width: 30px;
    height: 5px;
    background: #6dcce9;
    top: 0
}

.problems__bottom::before,
.problems__info::after {
    border-radius: 50%
}

.problems__info::after {
    -webkit-box-shadow: 0 0 0 6px rgba(109, 173, 233, 0.897);
    box-shadow: 0 0 0 6px rgba(109, 173, 233, 0.897);
    bottom: -10px;
    content: '';
    width: 32px;
    height: 32px
}

.problems__info-body {
    background-color: #fff;
    padding: 0 0 40px
}

.problems__name {
    font-size: 22px;
    line-height: 1;
    font-weight: 700;
    color: #000;
    text-align: center;
    height: 76px;
    padding: 11px 35px 0;
    margin-bottom: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.problems__text {
    font-size: 18px;
    line-height: 1.3;
    color: #444;
    text-align: center
}

.problems__bottom {
    font-size: 26px;
    line-height: 1;
    color: #000;
    text-align: center;
    padding-top: 57px;
    border-top: 1px solid #e5e5e5;
    position: relative
}

.problems__bottom::before {
    content: '!';
    background: #faf1f5;
    width: 34px;
    height: 34px;
    border: 4px solid #3995ff;
    display: block;
    font-size: 28px;
    line-height: 1;
    text-align: center;
    top: -24px
}

.problems__bottom-big,
.problems__bottom::before {
    color: #3995ff;
    font-weight: 700
}

@media screen and (max-width:1219px) {
    .problems__subtitle {
        margin-bottom: 45px
    }

    .problems__item {
        width: 230px
    }

    .problems__name {
        padding: 25px 15px 0
    }
}

@media screen and (max-width:1023px) {
    .problems__list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .problems__item {
        width: 230px;
        margin-bottom: 25px
    }

    .problems__item:nth-of-type(2n+1) {
        margin-left: 10px;
        margin-right: 10px
    }

    .problems__bottom {
        font-size: 22px;
        padding-top: 40px
    }

    .problems__name {
        font-size: 20px;
        padding: 0 20px;
        margin-bottom: 0
    }

    .problems__text {
        font-size: 17px
    }

    .problems__subtitle {
        margin-bottom: 30px
    }
}

@media screen and (max-width:767px) {
    .problems__item:nth-of-type(2n+1) {
        margin-left: 0;
        margin-right: 0
    }

    .problems__item:nth-of-type(odd) {
        margin-right: 10px
    }

    .problems__name {
        font-size: 18px;
        height: 60px
    }

    .problems__info {
        margin-bottom: 22px
    }

    .problems__subtitle {
        font-size: 20px
    }
}

@media screen and (max-width:639px) {
    .problems__list {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        margin-bottom: 10px
    }

    .problems__item {
        width: 210px;
        margin-bottom: 20px
    }

    .problems__text {
        font-size: 15px
    }
}

@media screen and (max-width:479px) {
    .problems__item:nth-of-type(odd) {
        margin-right: 0
    }

    .problems__item {
        margin-left: 10px;
        margin-right: 10px
    }

    .problems__bottom {
        font-size: 18px;
        padding-top: 25px
    }

    .problems__subtitle {
        font-size: 19px
    }
}

.care {
    padding: 60px 0
}

.care .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.care__title {
    width: 100%;
    margin-bottom: 51px
}

.care__descr {
    color: #000;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 90px
}

.care__subtitle {
    position: relative;
    color: #364878;
    font-size: 36px;
    font-weight: 500;
    line-height: 40px;
    margin-bottom: 56px
}

.care__subtitle::before {
    content: '';
    display: block;
    width: 54px;
    height: 4px;
    background-color: #eaa23e;
    position: absolute;
    top: -58px;
    left: 1px
}

.care__left {
    width: 100%;
    max-width: 430px;
    margin-left: 59px;
}

.care__img,
.eat__second img {
    width: 100%
}

.care__right {
    width: 600px;
    padding-top: 34px
}

@media screen and (max-width:1219px) {
    .care__title {
        margin-bottom: 30px
    }

    .care__title br {
        display: none
    }

    .care__descr,
    .care__subtitle {
        margin-bottom: 40px
    }

    .care__subtitle::before {
        top: -22px
    }

    .care__left {
        max-width: 360px;
        margin-left: 0;
        margin-right: 0px
    }

    .care__right {
        width: 520px
    }

    .care__subtitle {
        font-size: 32px
    }
}

@media screen and (max-width:1023px) {
    .care__left {
    max-width: 300px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 0;
 
    }

    .care__right {
        width: 440px;
        padding-top: 0
    }

    .care__descr {
        font-size: 20px;
        line-height: 23px
    }

    .care__subtitle {
        font-size: 31px;
        line-height: 34px
    }
}

@media screen and (max-width:767px) {

    .care__left,
    .care__right {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .care__right {
        width: 100%
    }


    .common {
      background: linear-gradient(to bottom, #cdebf6, #cfe9f3, #d1e6ef, #d3e4ec, #d5e2e8);
    }

    .order__item-title br {
      display: none;
    }

    .care__left {
        width: 300px;
        margin: 0 auto 20px
    }

    .care__descr,
    .care__subtitle {
        margin-bottom: 20px
    }

    .care__subtitle {
      padding-top: 27px;
    }

    .care__subtitle::before {
        top: 0px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .care__btn {
        margin: 0 auto
    }

    .care__title {
        margin-bottom: 15px
    }
}

@media screen and (max-width:639px) {
    .care__subtitle {
        font-size: 27px;
        line-height: 31px
    }
}

@media screen and (max-width:479px) {
    .care__left {
        width: 280px;
        margin-bottom: 15px;
    }

    .care__descr {
        font-size: 18px;
        line-height: 21px
    }

    .care__subtitle {
        font-size: 24px;
        line-height: 24px
    }
}

.inside {
    background: #fff9fc url(../images/problems-background.jpg) no-repeat bottom;
    text-align: center
}

.inside .container {
    padding: 0 15px
}

.inside__tsubtitle {
    font-size: 22px;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 50px
}

.inside__btitle {
    font-size: 40px;
    font-weight: 500;
    line-height: 34px;
    margin-bottom: 10px
}

.inside__bsubtitle {
    color: #000;
    font-size: 26px;
    font-weight: 400;
    line-height: 30px;
    width: 520px;
    margin: 0 auto
}

.inside__content,
.inside__img,
.inside__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.inside__content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 60px
}

.inside__img,
.inside__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.inside__img {
    height: 180px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 20px
}

.inside__item {
    width: 33%
}

.inside__item-title {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 35px;
    position: relative
}

.inside__item-title::before {
    content: '';
    display: block;
    width: 93px;
    height: 2px;
    background-color: #eaa23e;
    position: absolute;
    bottom: -11px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.inside__item-text {
    max-width: 100%;
    color: #5d5d5d;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4
}

@media screen and (max-width:1219px) {
    .inside__tsubtitle {
        margin-bottom: 20px
    }

    .inside__btitle {
        font-size: 38px
    }

    .inside__bsubtitle {
        font-size: 24px;
        line-height: 26px
    }

    .inside__item-text {
        font-size: 19px;
        line-height: 1.2
    }

    .inside__item-text br {
        display: none
    }

    .inside__item-title {
        margin-bottom: 18px
    }

    .inside__content {
        margin-bottom: 30px
    }

    .inside__img {
        width: 80%;
        height: 160px
    }
}

@media screen and (max-width:1023px) {
    .inside__tsubtitle {
        margin-bottom: 0
    }

    .inside__content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .inside__item {
        width: 50%;
        margin-bottom: 30px
    }

    .inside__item:last-child {
        margin-bottom: 0
    }

    .inside__img {
        height: 176px;
        margin-bottom: 5px
    }

    .inside__btitle {
        font-size: 32px;
        margin-bottom: 5px
    }

    .inside__bsubtitle {
        width: 100%;
        font-size: 20px;
        line-height: 1
    }

    .inside__item-title {
        font-size: 22px;
        line-height: 22px
    }

    .inside__item-text {
        font-size: 17px;
        line-height: 1.1
    }
}

@media screen and (max-width:767px) {
    .inside__tsubtitle {
        font-size: 19px;
        line-height: 24px
    }

    .inside__img {
        height: 150px
    }

    .inside__item-text {
        font-size: 16px;
        line-height: 1.2
    }

    .inside__btitle {
        font-size: 28px;
        margin-bottom: 0
    }

    .inside__bsubtitle {
        font-size: 18px;
        line-height: 1.2
    }
}

@media screen and (max-width:639px) {
    .inside__item {
        width: 100%;
        margin-bottom: 40px
    }

    .inside__img {
        height: auto
    }

    .inside__tsubtitle {
        margin-bottom: 20px
    }

    .inside__btitle {
        margin-bottom: 5px
    }
}

@media screen and (max-width:479px) {
    .inside__tsubtitle {
        font-size: 16px;
        line-height: 19px
    }

    .inside__item-title {
        font-size: 20px;
        line-height: 20px
    }
}

.feedback {
    overflow: hidden
}

.feedback__title {
    margin-bottom: 48px
}

.feedback__carousel-container {
    position: relative;
    margin: 0 -69px
}

.feedback__carousel {
    position: relative;
    max-width: 1196px;
    margin: 0 auto
}

.feedback__carousel::after,
.feedback__carousel::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    width: 20px;
    height: 100%
}

.feedback__carousel::before {
    left: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0))
}

.feedback__carousel::after {
    right: 0;
    background-image: -webkit-gradient(linear, right top, left top, from(#fff), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to left, #fff, rgba(255, 255, 255, 0))
}

.feedback__item {
    padding-bottom: 35px
}

.feedback__controls {
    position: absolute;
    z-index: 2;
    top: 264px;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.feedback__control {
    padding: 0;
    background: 0 0;
    cursor: pointer
}

.feedback__control svg {
    fill: #fbc483;
    -webkit-transition: fill .2s linear;
    transition: fill .2s linear
}

.feedback__control:hover svg {
    fill: #364878
}

.feedback__control--next {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

@media screen and (max-width:1369px) {
    .feedback__carousel-container {
        margin: 0 -5px;
        padding: 0 45px
    }
}

@media screen and (max-width:1219px) {
    .feedback__title {
        margin-bottom: 30px
    }

    .feedback__carousel::after,
    .feedback__carousel::before {
        width: 10px
    }
}

@media screen and (max-width:1023px) {
    .feedback__title {
        margin-bottom: 20px
    }

    .feedback__item {
        padding-bottom: 18px
    }
}

@media screen and (max-width:767px) {
    .feedback__carousel-container {
        max-width: 480px;
        margin: 0 auto
    }
}

@media screen and (max-width:479px) {
    .feedback__carousel-container {
        margin: 0 -10px;
        padding: 0
    }

    .feedback__controls {
        top: 120px;
        left: 50%;
        max-width: 220px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.review {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 360px;
    min-height: 552px;
    margin: 0 auto;
    padding: 1px;
    text-align: center;
    background-color: #85c7ee;
    border-radius: 5px;
    -webkit-box-shadow: 0 12px 26px 0 rgba(172, 182, 194, 0.29);
    box-shadow: 0 12px 26px 0 rgba(172, 191, 194, 0.29)
}

.review__inner {
    min-height: inherit;
    padding-bottom: 40px;
    background-color: #fff;
    border-radius: 5px
}

.review__top {
    padding: 26px 0 20px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eaf9fb), to(#f9fbff));
    background-image: linear-gradient(to bottom, #eaf9fb, #f9fbff)
}

.review__thumb {
    display: block;
    width: 130px;
    height: 130px;
    margin: 0 auto 23px;
    border-radius: 100%
}

.review__title {
    margin-bottom: 10px;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 1
}

.review__city {
    color: #666;
    font-size: 16px;
    line-height: 1
}

.review__text {
    position: relative;
    padding: 25px 30px 0;
    color: #555;
    font-size: 18px;
    line-height: 24px;
    -webkit-transition: max-height .3s linear;
    transition: max-height .3s linear
}

.review__text::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 30px;
    height: 4px;
    background-color: #364878;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.review__text::after {
    content: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 48px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
    pointer-events: none;
    -webkit-transition: opacity .1s linear;
    transition: opacity .1s linear
}

.review__toggler {
    position: absolute;
    bottom: -19px;
    left: 50%;
    width: 39px;
    height: 39px;
    padding: 0;
    background-color: #ffb400;
    background-clip: padding-box;
    border: 5px solid rgba(250, 181, 119, .3);
    border-radius: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    cursor: pointer;
    -webkit-transition: .3s linear;
    transition: .3s linear;
    -webkit-transition-property: border-color, -webkit-transform;
    transition-property: transform, border-color;
    transition-property: transform, border-color, -webkit-transform
}

.review__toggler:hover {
    border-color: rgba(250, 181, 119, .6)
}

.review__toggler::after,
.review__toggler::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 2px;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: inherit;
    transition: inherit
}

.review__toggler::after {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg)
}

@media screen and (max-width:1369px) {
    .review {
        width: 320px;
        min-height: 576px
    }

    .review__text {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (max-width:1219px) {
    .review {
        width: 280px;
        min-height: 546px
    }

    .review__thumb {
        width: 110px;
        height: 110px;
        margin-bottom: 15px
    }

    .review__title {
        font-size: 18px
    }

    .review__text {
        font-size: 16px;
        line-height: 22px
    }
}

@media screen and (max-width:1023px) {
    .review {
        width: 300px;
        min-height: 487px;
        padding-bottom: 25px;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.review__body--lg .review__text {
    max-height: 240px;
    overflow: hidden
}

.review__body--lg .review__text::after {
    content: ""
}

@media screen and (max-width:1369px) {
    .review__body--lg .review__text {
        max-height: 264px
    }
}

@media screen and (max-width:1219px) {
    .review__body--lg .review__text {
        max-height: 286px
    }

    .review__body--show .review__text {
        max-height: 440px
    }
}

@media screen and (max-width:1023px) {
    .review__body--lg .review__text {
        max-height: 220px
    }
}

.review__body--show .review__text {
    max-height: 480px
}

.review__body--show .review__text::after {
    opacity: 0
}

.review__body--show .review__toggler {
    -webkit-transform: translateX(-50%) rotate(90deg);
    transform: translateX(-50%) rotate(90deg)
}

.review__body--show .review__toggler::before {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg)
}

.eat {
    background: #fff9fc url(../images/problems-background.jpg) no-repeat bottom
}

.eat__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.eat__title {
    margin-bottom: 86px
}

.eat__item,
.eat__item::before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative
}

.eat__item::before {
    content: '1';
    width: 34px;
    height: 34px;
    background-color: #ffb400;
    border-radius: 50%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    position: absolute;
    top: 170px;
    -webkit-box-shadow: 0 0 0 5px rgba(255, 180, 0, .3);
    box-shadow: 0 0 0 5px rgba(255, 180, 0, .3)
}

.eat__second {
    width: 380px
}

.eat__second::before {
    display: none
}

.eat__second::after {
    content: "";
    width: 563px;
    height: 191px;
 
    position: absolute;
    top: -44px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.eat__text {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    padding-top: 24px;
    position: relative
}

.eat__text::before {
    content: '';
    display: block;
    width: 30px;
    height: 4px;
    background-color: #ffb400;
    position: absolute;
    top: 7px
}

.eat__first {
    padding-top: 122px;
    text-align: right
}

.eat__first .eat__text {
    margin-right: 32px
}

.eat__first .eat__text::before {
    right: 0
}

.eat__first::before {
    right: 8px
}

.eat__third {
    position: relative;
    left: -8px;
    padding-top: 122px
}

.eat__third .eat__text {
    margin-left: 28px
}

.eat__third .eat__text::before {
    left: 0
}

.eat__third::before {
    content: '2';
    left: 8px
}

@media screen and (max-width:1219px) {
    .eat__text {
        width: 50%
    }

    .eat__text br {
        display: none
    }

    .eat__item {
        max-width: 300px
    }

    .eat__second {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 0 -30px;
        position: relative;
    }

    .eat__title {
      margin-bottom: 40px;
    }

    .eat__second::after {
        width: 473px;
        background-size: contain
    }

    .eat .eat__text {
        width: 100%
    }
}

@media screen and (max-width:1023px) {
    .eat__text {
        font-size: 16px;
        line-height: 20px
    }

    .eat__title {
        margin-bottom: 56px
    }

    .eat__first {
        padding-top: 100px
    }

    .eat__first .eat__text {
        margin-right: 10px
    }

    .eat__item::before {
        top: 120px
    }

    .eat__second {
        max-width: 260px;
        margin: 0 auto
    }

    .eat__second::after {
        width: 400px
    }

    .eat__third {
        padding-top: 100px
    }

    .eat__third .eat__text {
        margin-left: 10px
    }
}

@media screen and (max-width:767px) {
    .eat__title {
        margin-bottom: 30px
    }

    .eat__content {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .eat__first {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 45%;
        padding-top: 0;
        margin-right: 50px
    }

    .eat__first::before {
        top: 0;
        right: 0
    }

    .eat__second {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        width: 100%;
        margin-top: 15px
    }

    .eat__second::after {
        display: none
    }

    .eat__third {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 45%;
        left: 0;
        padding-top: 0
    }

    .eat__third::before {
        left: 0;
        top: 0
    }
}

@media screen and (max-width:639px) {
    .eat__title {
        margin-bottom: 40px
    }

    .eat__first {
        margin-right: 0
    }

    .eat__first::before,
    .eat__third::before {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: -20px
    }

    .eat__first .eat__text {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: 0;
        padding: 0;
        text-align: center;
        line-height: 1.2;
     
    }

    .eat__img {
      margin-bottom: 20px;
    }

    .eat__first .eat__text::before,
    .eat__third .eat__text::before {
        display: none
    }

    .eat__first .eat__img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .eat__first,
    .eat__third {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .eat__third .eat__text {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: 0;
        padding: 0;
        text-align: center;
        line-height: 1.2
    }

    .eat__third .eat__img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .eat__second {

    }

    .eat__second img {
        max-width: 250px;
        margin: 0 auto
    }
}

@media screen and (max-width:479px) {
    .eat__item {
        width: 100%;
        margin-top: 0;
        margin-bottom: 40px
    }

    .eat__second {
        padding: 0;
        margin-bottom: 0
    }
}

.order__title {
    margin-bottom: 45px
}

.order__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.order__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 370px;
    flex: 0 1 370px;
    min-width: 300px;
    text-align: center
}

.order__top {
    position: relative;
    max-width: 270px;
    margin: 0 auto 26px;
    padding-bottom: 40px;
    border: 5px solid #2d9fd4;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.order__top::before {
    content: "";
    position: absolute;
    top: -5px;
    left: 50%;
    width: 30px;
    height: 5px;
    background-color: #5ec9d1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.order__item-title {
    max-width: 230px;
    margin: 0 auto;
    padding: 21px 0 8px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.09091
}

.order__item-picture {
    min-width: 100%;
    max-width: 100%;
    height: 151px;
    background-color: #fdf5f8
}

.order__item-product {
    position: absolute;
    bottom: 24px;
    left: 48px;
    width: auto;
    height: 166px
}

.order__description {
    color: #444;
    font-size: 20px;
    line-height: 1.2
}

@media screen and (max-width:1219px) {
    .order__title {
        margin-bottom: 30px
    }

    .order__top {
        margin-bottom: 15px
    }

    .order__item-title {
        font-size: 20px
    }

    .order__description {
        font-size: 18px
    }
}

@media screen and (max-width:1023px) {
    .order__title {
        margin-bottom: 0
    }

    .order__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .order__item {
        -ms-flex-preferred-size: 340px;
        flex-basis: 340px;
        margin-top: 25px
    }
}

@media screen and (max-width:767px) {
    .order__top {
        margin-bottom: 10px
    }

    .order__item {
        -ms-flex-preferred-size: 300px;
        flex-basis: 300px
    }

    .order__item-title {
        font-size: 18px
    }

    .order__description {
        font-size: 17px
    }
}

.footer {
    padding: 33px 0;
    color: #666;
    font-size: 16px;
    line-height: 1.5
}

.footer .rom__link,
.footer .rom__text {
    font-size: 16px !important;
    line-height: 1.5 !important
}

.footer .rom__img {
    width: 54px;
    height: 49px;
    margin-right: 29px
}

.footer__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center
}

.footer__logo {
    display: block;
    margin-right: 10px
}

.footer__text {
    display: block
}

.footer__link {
    display: block;
    color: inherit
}

.footer__link:hover {
    text-decoration: underline
}

.footer__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer__right {
    text-align: right
}

@media screen and (max-width:1023px) {
    .footer {
        padding: 20px 0
    }

    .footer__body {
        display: block
    }

    .footer__logo {
        margin: 0 auto 10px
    }

    .footer__text {
        display: none
    }
}

.popup__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 697px;
    padding: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-image: url(../images/common-background.png);
    background-size: cover;
    border-radius: 10px
}

.popup__product {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 320px;
    flex: 0 0 320px;
    margin: 0 30px
}

.block {
    padding: 60px 0
}

@media screen and (max-width:1023px) {
    .block {
        padding: 40px 0
    }
}

@media screen and (max-width:767px) {
    .block {
        padding: 30px 0
    }
}

@media screen and (max-width:639px) {
    .block {
        padding: 30px 0
    }
}

@media screen and (max-width:479px) {
    .block {
        padding: 25px 0
    }
}

.footer__text2 {
    display: none;
}

.price {
  display: flex;
  justify-content: space-evenly;
  margin-top: 10px;
  font-size: 20px;
}

.price__new {
  color: red;
}

@media (max-width: 1023px) {
    .footer__text {
        display: block;
        float: none;
        text-align: center;
        font-size: 12px;
    }

    .footer__text1 {
        display: none;
    }

    .footer__text2 {
        display: block;
        margin: auto;
    }
}


.ever-popup__body {
  padding-top: 0 !important;
}



.popup__content {
  width: 270px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-radius: 15px;
}
.popup__left {
  display: none;
}
.popup__form {
  margin: 0;
  padding-bottom: 0;
}
.popup__form::before {
  top: -13px;
  right: -6px;
}
.popup__form .form__toptitle {
  padding-left: 10px;
  text-align: left;
}

.popup .form__title {
  margin-bottom: 8px;
}
.popup .label {
  margin-bottom: 10px;
}
.popup .form__input {
  height: 50px;
}
.popup .form__btn,
.popup .form__online {
  margin-bottom: 10px;
}
.popup .form__lastpack {
  font-size: 18px;
}
.popup .lastpack {
  font-size: 20px;
}
.ever-popup__close {
  top: -10px !important;
}
.ever-popup__close::after,
.ever-popup__close::before {
  height: 3px !important;
  border-radius: 10px;
}



@media screen and (min-width: 1024px) {
 .popup__content {
    width: 700px;
    padding: 65px 60px 60px 60px;
    border-radius: 20px;
    position: relative;
    background: url(../images/popup-bg.jpg) no-repeat center/cover;
    z-index: 0;
    align-items: center;
  }

  .popup__logo {
    margin-bottom: 60px;
  }
  .popup__left {
    max-width: 500px;
    margin-left: -70px;
    margin-right: -20px;
    display: block;
    position: relative;
  }
  .popup__decor {
    position: absolute;
    top: -20px;
    right: -80px;
    z-index: -5;
  }
  .popup__form .form__toptitle {
    padding: 0;
    text-align: center;
  }

  .ever-popup__close {
    top: 10px !important;
    right: -40px !important;
  }
}