@-webkit-keyframes pulse {
    0%,
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
}

@keyframes pulse {
    0%,
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
}

.rekv{
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
    margin-top: 20px;
    font-size: 16px;
}

.rekv a{
    color: #fff;
    text-decoration: none;
}

@media (max-width:480px) {
    .rekv{
        font-size: 12px;
    }
}

body {
    position: relative;
    min-width: 320px;
    margin: 0 auto;
    font-family: sans-serif;
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    color: #000
}


*,
:after,
:before {
    margin: 0;
    padding: 0
}

body,
html {
    overflow-x: hidden
}

img {
    max-width: 100%;
    height: auto
}

input:invalid {
    -webkit-box-shadow: none;
    box-shadow: none
}

.visually-hidden:not(:focus):not(:active),
input[type=checkbox].visually-hidden,
input[type=radio].visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    white-space: nowrap;
    border: 0;
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden
}

.btn {
    color: #fff;
    font-size: 14px;
    line-height: 1;
    font-weight: 900;
    text-align: center;
    border: 0;
    background: #fe7200;
    border-radius: 30px;
    outline: 0;
    cursor: pointer;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.flag-dropdown,
.hide {
    display: none
}

.error-box {
    color: #fff;
    background-color: #de5042;
    border-radius: 5px;
    text-align: center;
    width: 100%;
    font-size: 11px;
    line-height: 20px;
    margin: 0 auto 10px
}

@media (min-width:1200px) {

    .error-box {
        width: 90%;
        margin-left: 0
    }
}

.page-header {
    position: relative;
    min-height: 1000px;
    background-image: url(header-bg-mobile.png);
    background-repeat: no-repeat;
    background-position: top center;
    margin-top: -30px;
    z-index: 100
}

.action {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 300;
    background-image: -webkit-gradient(linear, left top, right top, from(#d16913), color-stop(50%, #e98218), to(#d16913));
    background-image: linear-gradient(90deg, #d16913 0%, #e98218 50%, #d16913 100%)
}

.action__wrapper {
    width: 300px;
    padding: 10px;
    margin: 0 auto;
    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
}

@media (min-width:480px) {
    .action__wrapper {
        width: 440px;
        padding: 15px 20px
    }
}

@media (min-width:1200px) {
    .action__wrapper {
        width: 1140px;
        padding: 15px
    }
}

.action__text {
    color: #fff;
    font-size: 12px;
    line-height: 17px;
    font-weight: 700;
    margin-right: 10px
}

.action__btn {
    width: 120px;
    background: #d87418;
    border: 3px solid #ee8e34;
    padding: 2px
}

.page-header__wrapper {
    width: 300px;
    padding: 10px;
    margin: 0 auto;
    position: relative
}

@media (min-width:480px) {
    .page-header__wrapper {
        width: 440px;
        padding: 15px 20px
    }
}

@media (min-width:1200px) {
    .page-header__wrapper {
        width: 1140px;
        padding: 15px
    }
}

.page-header__title {
    text-align: center;
    font-size: 17px;
    line-height: 29px;
    font-weight: 900;
    margin-bottom: 10px;
    margin-top: 130px
}

.page-header__title span {
    font-size: 33px;
    color: #f77c16
}

.page-header__text {
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px
}

.page-header__list {
    list-style: none;
    padding: 0;
    margin: 0 0 100px
}

.page-header__item {
    font-size: 12px;
    position: relative;
    text-align: center;
    background-color: #fff;
    margin-bottom: 22px;
    border-radius: 15px;
    border: 1px dashed #eaeaea;
    -webkit-box-shadow: 0 0 0 6px #fff;
    box-shadow: 0 0 0 6px #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.page-header__price {
    text-align: center;
    color: #fff;
    margin-bottom: 40px
}

.page-header__discont {
    display: none
}

.old-price {
    text-decoration: line-through;
    font-size: 16px;
    line-height: 18px
}

.new-price {
    font-size: 20px;
    line-height: 23px;
    font-weight: 900
}

.page-header__pack {
    margin-bottom: 5px
}

.page-header__btn {
    display: block;
    margin: 0 auto;
    padding: 15px 35px;
    text-transform: uppercase;
}

@media (min-width:550px) {
    .action {
        width: 480px;
        left: 50%;
        margin: 0 auto 0 -240px
    }
    .action__text {
        font-size: 15px;
        line-height: 19px;
        margin-right: 20px
    }
    .action__btn {
        width: auto;
        font-size: 19px;
        line-height: 22px;
        padding: 8px 15px
    }
    .page-header__title {
        font-size: 25px;
        line-height: 39px;
        margin-bottom: 15px;
        margin-top: 80px;
    }
    .page-header__title span {
        font-size: 43px
    }
    .page-header__text {
        font-size: 16px;
        line-height: 19px
    }
    .page-header__list {
        list-style: none;
        padding: 0;
        margin: 0 0 65px
    }
    .page-header__item {
        font-size: 14px;
        line-height: 17px;
        padding: 4px 0
    }
    .page-header__item::after,
    .page-header__item::before {
        position: absolute;
        content: "";
        top: 50%;
        margin-top: -3px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #f77c16
    }
    .page-header__item::after {
        left: 12px
    }
    .page-header__item::before {
        right: 12px
    }
    .old-price {
        font-size: 18px;
        line-height: 21px
    }
    .new-price {
        font-size: 28px;
        line-height: 31px;
        font-weight: 900
    }
    .page-header__pack {
        margin-bottom: 5px;
        margin-left: 65px
    }
    .page-header__btn {
        padding: 20px 60px
    }
}

@media (min-width:1200px) {
    .page-header {
        background-image: url(header-bg-desktop.png);
        min-height: 773px;
        margin-top: 0
    }
    .action,
    .page-header__item::before {
        display: none
    }
    .page-header__title {
        font-size: 34px;
        line-height: 46px;
        text-align: left;
        margin-top: 45px;
        margin-left: 20px
    }
    .page-header__text {
        width: 440px;
        font-size: 16px;
        line-height: 19px;
        text-align: left;
        margin-left: 20px
    }
    .page-header__list {
        width: 450px;
        margin-bottom: 125px
    }
    .page-header__item {
        text-align: left;
        padding-left: 30px;
        margin-left: 6px
    }
    .page-header__price {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-image: url(header-discont-bg.png);
        background-repeat: no-repeat
    }
    .page-header__discont {
        display: block;
        font-size: 16px;
        line-height: 23px;
        text-align: left;
        padding: 32px;
       
    }
    .page-header__discont span {
        text-transform: uppercase;
        font-size: 17px;
        font-weight: 900
    }
    .page-header__pack {
        position: absolute;
        top: 200px;
        left: 570px
    }
    .page-header__btn {
        position: absolute;
        font-size: 17px;
        bottom: 70px;
        right: 70px;
        padding: 30px 60px
    }
}

.why,
.why::after {
    background-repeat: no-repeat
}

.why {
    min-height: 1300px;
    margin-top: -330px;
    padding-top: 290px;
    z-index: 90;
    position: relative;
    background-image: url(why-bg-mobile.jpg);
    background-position: top center
}

.why::after {
    position: absolute;
    content: "";
    bottom: -40px;
    width: 100%;
    height: 100px;
    background-image: url(water.png);
    background-position: center top
}

.why__wrapper {
    width: 300px;
    padding: 10px;
    margin: 0 auto
}

@media (min-width:480px) {
    .why__wrapper {
        width: 440px;
        padding: 15px 20px
    }
}

@media (min-width:1200px) {
    .why__wrapper {
        width: 1140px;
        padding: 15px
    }
}

.why__weight {
    position: relative;
    background-color: #fff;
    padding: 10px
}

.weight-title {
    font-size: 17px;
    line-height: 20px;
    font-weight: 900;
    margin-bottom: 20px
}

.how-work-title span,
.reviews__title span,
.weight-title span {
    color: #f77c16
}

.weight-text {
    position: relative;
    text-align: center;
    background: #fff;
    -webkit-box-shadow: 0 2px 30px 0 rgba(53, 152, 219, .15);
    box-shadow: 0 2px 30px 0 rgba(53, 152, 219, .15);
    border-radius: 20px;
    padding: 10px;
    margin-bottom: 10px;
    z-index: 2
}

.why__how-work {
    background-color: #fafafa;
    background-image: url(why-girl.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    padding: 20px 10px 10px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-bottom: 20px
}

.how-work-title {
    position: relative;
    font-size: 17px;
    line-height: 20px;
    font-weight: 900;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.how-work-title::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 70px;
    height: 1px;
    background-color: #f77c16
}

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

.how-work-item {
    position: relative;
    padding-left: 15px;
    width: 50%;
    margin-bottom: 10px
}

.how-work-item::after {
    position: absolute;
    content: "";
    top: 5px;
    left: 0;
    background: #f77c16;
    width: 5px;
    height: 5px;
    border-radius: 50%
}

.important-text {
    position: relative;
    font-size: 13px;
    line-height: 18px;
    padding: 10px 10px 10px 70px;
    border: 5px solid #e7e9ec;
    border-radius: 20px;
    background-color: #fff
}

.important-text::before {
    position: absolute;
    font-size: 40px;
    font-weight: 900;
    color: #fff;
    text-align: center;
    content: "!";
    width: 23%;
    height: 100%;
    background-image: url(important-bg-mobile.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
    padding-top: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.why__girl,
.why__pack {
    display: none
}

.slider {
    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: 40px;
    position: relative
}

#sliderdesktop {
    display: none!important
}
.owl-wrapper{
    display: flex !important;
}
.owl-wrapper-outer{
    overflow: hidden;
}

.owl-next,
.owl-prev {
    font-size: 0!important;
    width: 40px!important;
    height: 40px!important;
    position: absolute;
    top: 50%!important;
    margin-top: -40px!important;
    right: 0!important;
    padding: 0!important;
    background: 0 0!important;
    background-image: url(next.png)!important;
    opacity: .9!important
}

.owl-prev {
    left: 0!important;
    background-image: url(prev.png)!important
}

.owl-next:hover,
.owl-prev:hover {
    opacity: 1!important
}

.slides {
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.slide-image {
    margin-bottom: 20px
}

.slide-text,
.slider-title {
    color: #fff;
    text-align: center
}

.slide-text {
    font-weight: 500;
    font-size: 15px;
    line-height: 18px
}

.slider-title {
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    margin-bottom: 40px
}

.why__btn {
    display: block;
    margin: 0 auto;
    padding: 15px 45px 20px;
    text-transform: uppercase
}

@media (min-width:480px) {
    .why {
        min-height: 1375px;
        padding-top: 320px
    }
    .why__wrapper {
        position: relative
    }
    .why__wrapper:before {
        content: "";
        position: absolute;
        top: -25px;
        left: 0;
        width: 153px;
        height: 65px;
        background-image: url(rainbow.png);
        background-repeat: no-repeat
    }
    .why__weight {
        padding: 20px;
        background-image: url(wiki.png);
        background-repeat: no-repeat;
        background-position: 290px 20px
    }
    .weight-title {
        width: 240px;
        font-size: 20px;
        line-height: 24px
    }
    .weight-text {
        font-size: 13px;
        line-height: 24px;
        padding: 20px
    }
    .why__how-work {
        padding: 20px;
        margin-bottom: 30px
    }
    .how-work-title {
        font-size: 20px;
        line-height: 24px
    }
    .how-work-list {
        margin-bottom: 50px
    }
    .how-work-item {
        width: 55%;
        margin-bottom: 10px
    }
    .important-text {
        width: 90%;
        padding: 10px 25px 10px 80px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    .important-text::before {
        width: 18%;
        background-size: contain
    }
    .slider-title {
        width: 340px;
        font-size: 20px;
        line-height: 24px;
        margin: 0 auto 40px
    }
    .owl-next {
        right: 60px!important
    }
    .owl-prev {
        left: 60px!important
    }
    .why__btn {
        padding: 20px 55px
    }
}

@media (min-width:1200px) {
    .why {
        background-image: url(why-bg-desktop.jpg);
        min-height: 1500px;
        margin-top: -350px;
        padding-top: 320px
    }
    .why::after {
        bottom: 0;
        height: 170px;
        background-image: url(water-desktop.png)
    }
    .why__wrapper::before {
        width: 271px;
        height: 181px;
        background-image: url(rainbow-desktop.png);
        left: -25px;
        top: -40px;
        z-index: 1
    }
    .why__weight {
        position: relative;
        padding-top: 70px;
        padding-bottom: 70px;
        background-position: 950px 50px
    }
    .why__weight::after {
        top: -740px;
        left: -390px;
        width: 1920px;
        height: 1514px;
        background-image: url(why-border.png)
    }
    .weight-title {
        width: auto;
        font-size: 35px;
        line-height: 38px;
        margin-left: 35px
    }
    .weight-text {
        font-size: 15px;
        text-align: left;
        padding-right: 70px
    }
    .weight-text .dn {
        display: none
    }
    .why__how-work {
        position: relative;
        padding: 30px;
        background-image: none;
        margin-bottom: 50px
    }
    .why__how-work::after,
    .why__how-work::before,
    .why__weight::after {
        position: absolute;
        content: "";
        background-repeat: no-repeat
    }
    .why__how-work::after {
        bottom: -35px;
        right: -115px;
        z-index: -1;
        width: 266px;
        height: 120px;
        background-image: url(rainbow-desktop2.png)
    }
    .why__how-work::before {
        top: 265px;
        left: -80px;
        width: 136px;
        height: 133px;
        background-image: url(leaf2.png)
    }
    .how-work-title {
        width: 400px;
        font-size: 23px;
        line-height: 26px
    }
    .how-work-item {
        font-size: 14px;
        line-height: 17px
    }
    .why__important {
        width: 450px;
        margin-bottom: 25px
    }
    .important-text {
        font-size: 15px;
        line-height: 18px
    }
    .why__girl,
    .why__pack {
        display: block;
        position: absolute
    }
    .why__girl {
        left: 460px;
        bottom: 0
    }
    .why__pack {
        bottom: 50px;
        right: 30px
    }
    .slider {
        margin-bottom: 50px
    }
    .slider-title {
        width: auto;
        font-size: 26px;
        line-height: 29px
    }
    #slider {
        display: none!important
    }
    #sliderdesktop {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .slides {
        margin-right: 60px
    }
    .slides:last-child {
        margin-right: 0
    }
    .why__btn {
        font-size: 17px;
        padding: 30px 105px 35px
    }
}

.reviews {
    background: #f6f9fb;
    margin-top: -40px;
    padding-top: 60px
}

.reviews__wrapper {
    position: relative;
    width: 300px;
    margin: 0 auto;
    padding: 10px 10px 30px
}

@media (min-width:480px) {
    .reviews__wrapper {
        width: 440px;
        padding: 15px 20px
    }
}

@media (min-width:1200px) {
    .reviews__wrapper {
        width: 1140px;
        padding: 15px
    }
}

.reviews__title {
    font-size: 17px;
    line-height: 20px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 20px
}

.review-slides {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

#ReviewsSlider {
    width: 250px;
    background: #fff;
    padding: 10px;
    margin: 0 auto 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#ReviewsSlider .owl-next {
    right: -40px!important
}

#ReviewsSlider .owl-prev {
    left: -40px!important
}

#ReviewsSliderDesktop {
    display: none!important
}

.review-image {
    margin-bottom: 20px
}

.review-author {
    color: #677494;
    font-size: 15px;
    line-height: 18px;
    font-weight: 700;
    margin-bottom: 10px
}

.review-text {
    margin-bottom: 30px
}

.review-rating {
    -ms-flex-item-align: end;
    align-self: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.review-rating img {
    margin-right: 2px;
    cursor: pointer
}

.review-rating span {
    font-size: 14px;
    font-style: italic;
    color: #9a9a9a;
    margin-right: 10px
}

.disease__title {
    position: relative;
    font-size: 17px;
    line-height: 20px;
    font-weight: 900;
    text-transform: uppercase;
    padding-bottom: 20px
}

.disease__title::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    margin-left: -40px;
    width: 80px;
    height: 1px;
    background-color: #f77c16
}

.components__title span,
.disease__title span,
.doctor__title span {
    color: #f77c16
}

.disease__text,
.disease__title {
    text-align: center;
    margin-bottom: 20px
}

.disease__image {
    display: block;
    margin: 0 auto 20px
}

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

.disease__item {
    position: relative;
    font-weight: 700;
    padding-left: 15px;
    margin-bottom: 10px
}

.disease__item::after {
    position: absolute;
    content: "";
    top: 5px;
    left: 0;
    background: #f77c16;
    width: 5px;
    height: 5px;
    border-radius: 50%
}

.reviews__btn {
    display: none
}

@media (min-width:480px) {
    .reviews {
        width: 480px;
        padding-top: 80px;
        margin-left: auto;
        margin-right: auto
    }
    .reviews__title {
        width: 350px;
        font-size: 20px;
        line-height: 24px;
        margin: 0 auto 40px
    }
    #ReviewsSlider {
        width: 310px;
        padding: 15px
    }
    #ReviewsSlider .owl-prev {
        left: -70px!important
    }
    #ReviewsSlider .owl-next {
        right: -70px!important
    }
    .review-author {
        font-size: 16px
    }
    .disease__title {
        font-size: 20px;
        line-height: 24px
    }
}

@media (min-width:1200px) {
    .reviews {
        width: auto;
        margin-top: -80px;
        padding-top: 100px
    }
    .reviews__wrapper {
        padding-bottom: 150px
    }
    .reviews__title {
        width: auto;
        font-size: 26px;
        line-height: 29px;
        margin-bottom: 60px
    }
    /* #ReviewsSlider {
        display: none!important
    } */
    #DoctorSliderDesktop,
    #ReviewsSliderDesktop {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        margin-bottom: 60px
    }
    #DoctorSliderDesktop .slides,
    #ReviewsSliderDesktop .slides {
        width: 310px;
        background-color: #fff;
        padding: 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    .disease__text,
    .disease__title {
        width: 510px;
        font-size: 35px;
        line-height: 36px;
        text-align: left;
        margin-left: 50px
    }
    .disease__title::after {
        display: none
    }
    .disease__text {
        position: relative;
        width: 440px;
        font-size: 14px;
        line-height: 24px;
        padding-bottom: 20px;
        margin-bottom: 20px
    }
    .disease__text::after {
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        width: 80px;
        height: 1px;
        background-color: #f77c16
    }
    .disease__image {
        position: absolute;
        bottom: 0;
        left: 540px
    }
    .disease__list {
        margin-bottom: 50px
    }
    .disease__item {
        font-size: 16px;
        line-height: 19px;
        margin-left: 50px
    }
    .reviews__btn {
        font-size: 17px;
        display: block;
        text-transform: uppercase;
        margin-left: 50px;
        padding: 30px 95px 35px
    }
}

.components {
    background-image: url(components-bg-mobile.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    min-height: 900px;
    padding-top: 40px
}

.components__wrapper {
    width: 300px;
    padding: 10px;
    margin: 0 auto;
    background-color: #fff;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px
}

@media (min-width:480px) {
    .components__wrapper {
        width: 440px;
        padding: 15px 20px
    }
}

@media (min-width:1200px) {
    .components__wrapper {
        width: 1140px;
        padding: 15px
    }
}

.components__pack {
    display: block;
    margin: 0 auto 20px
}

.components__title {
    position: relative;
    font-size: 17px;
    line-height: 20px;
    font-weight: 900;
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.components__title::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    margin-left: -40px;
    width: 80px;
    height: 1px;
    background-color: #f77c16
}

.components__text {
    text-align: center;
    margin-bottom: 30px
}

.component-image,
.component-title {
    margin-bottom: 20px
}

.component-title {
    color: #677494;
    font-size: 15px;
    line-height: 18px;
    font-weight: 700
}

.component-text {
    text-align: center
}

#ComponentsSlider .owl-next,
#ComponentsSlider .owl-prev {
    top: 70px!important
}

#ComponentsSliderDesktop {
    display: none!important
}

@media (min-width:480px) {
    .components {
        min-height: 980px
    }
    .components__wrapper {
        width: 430px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    .components__pack {
        margin-bottom: 30px
    }
    .components__title {
        font-size: 20px;
        line-height: 24px
    }
    .components__text {
        width: 330px;
        margin-left: auto;
        margin-right: auto
    }
    #ComponentsSlider .owl-prev {
        left: 0!important
    }
    #ComponentsSlider .owl-next {
        right: 0!important
    }
}

@media (min-width:1200px) {
    .components {
        background-image: url(components-bg-desktop.jpg);
        padding-top: 120px;
        margin-top: -60px
    }
    .components__wrapper {
        position: relative;
        width: 300px;
        margin: 0 auto;
        padding: 50px 50px 40px!important
    }
    .components__wrapper::after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        width: 379px;
        height: 346px;
        background-image: url(ananas.png);
        background-repeat: no-repeat
    }
    .components__wrapper::before {
        position: absolute;
        content: "";
        width: 1250px;
        height: 819px;
        top: -45px;
        left: -45px;
        background-image: url(components-border.png);
        background-repeat: no-repeat
    }
    .components__pack {
        position: absolute;
        top: 20px;
        right: 40px
    }
    .components__title {
        width: 650px;
        font-size: 40px;
        line-height: 42px;
        text-align: left
    }
    .components__title::after {
        content: "";
        position: absolute;
        top: -103px;
        left: -60px;
        width: 267px;
        height: 192px;
        background: 0 0;
        background-image: url(rainbow-footer.png);
        z-index: 100
    }
    .components__title::before {
        position: absolute;
        content: "";
        top: 575px;
        left: -150px;
        width: 136px;
        height: 133px;
        background-image: url(leaf2.png);
        background-repeat: no-repeat
    }
    .components__text {
        width: 530px;
        font-size: 14px;
        line-height: 24px;
        text-align: left;
        margin-left: 0
    }
    #ComponentsSlider {
        display: none!important
    }
    #ComponentsSliderDesktop,
    .components-slides {
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    #ComponentsSliderDesktop {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        width: 630px;
        -webkit-box-shadow: 0 2px 30px 0 rgba(53, 152, 219, .15);
        box-shadow: 0 2px 30px 0 rgba(53, 152, 219, .15);
        padding: 20px;
        margin-left: -20px;
        border-radius: 20px;
        margin-bottom: 0;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .components-slides {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-right: 0
    }
    .component-image {
        margin-right: 30px
    }
    .components-container {
        width: 400px
    }
    .component-title {
        margin-bottom: 5px;
        margin-top: 5px
    }
    .component-text {
        text-align: left
    }
}

@media (min-width:1200px) and (min-width:480px) {
    .components__wrapper {
        width: 440px;
        padding: 15px 20px
    }
}

@media (min-width:1200px) and (min-width:1200px) {
    .components__wrapper {
        width: 1140px;
        padding: 15px
    }
}

.doctor {
    background-image: url(doctor-bg-mobile.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    min-height: 765px
}

.doctor__wrapper {
    position: relative;
    width: 300px;
    padding: 10px;
    margin: 0 auto
}

@media (min-width:480px) {
    .doctor__wrapper {
        width: 440px;
        padding: 15px 20px
    }
}

@media (min-width:1200px) {
    .doctor__wrapper {
        width: 1140px;
        padding: 15px
    }
}

.doctor__title {
    width: 200px;
    font-size: 17px;
    line-height: 20px;
    font-weight: 900;
    margin-top: 30px;
    margin-bottom: 20px
}

.doctor__title--desktop,
.doctor__title--second {
    display: none
}

.doctor__container {
    position: relative;
    padding: 120px 10px 10px;
    background-image: url(doctor-text-bg.png);
    background-repeat: no-repeat;
    background-position: -20px top
}

.doctor__container::before {
    content: '';
    position: absolute;
    top: -80px;
    right: -20px;
    width: 168px;
    height: 222px;
    background-image: url(doctor.png);
    background-repeat: no-repeat
}

.doctor__name {
    margin-top: 40px;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 20px
}

.doctor__name span {
    font-size: 15px;
    line-height: 18px;
    font-weight: 700
}

.doctor__text {
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #15587d;
    margin-bottom: 30px
}

.doctor__pack {
    display: none
}

#DoctorSliderDesktop {
    display: none!important
}

@media (min-width:480px) {
    .doctor__title {
        width: 250px;
        font-size: 20px;
        line-height: 24px
    }
    .doctor__name {
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 20px
    }
    .doctor__name span {
        font-size: 16px;
        line-height: 29px;
        font-weight: 700
    }
    .doctor__text {
        font-size: 13px;
        line-height: 25px;
        padding: 0 20px 20px;
        margin-bottom: 25px
    }
    .doctor__container::before {
        right: 30px
    }
}

@media (min-width:1200px) {
    .doctor {
        position: relative;
        background-image: url(doctor-bg-desktop.jpg);
        min-height: 1000px;
        margin-top: -70px;
        padding-bottom: 50px;
        border-top-left-radius: 1000px 50px;
        border-top-right-radius: 1000px 50px;
        border-bottom-left-radius: 1000px 50px;
        border-bottom-right-radius: 1000px 50px;
        background-color: #f6f9fb;
        z-index: 100
    }
    .doctor__title {
        display: none;
        width: auto;
        font-size: 35px;
        line-height: 38px;
        text-align: center;
        margin-top: 70px;
        margin-bottom: 110px
    }
    .doctor__title--desktop {
        display: block
    }
    .doctor__title--second {
        display: block;
        font-size: 26px;
        line-height: 29px;
        text-transform: uppercase;
        margin: 105px 0 50px
    }
    .doctor__container {
        background-image: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        width: 400px;
        margin-left: 140px
    }
    .doctor__container::before {
        display: none
    }
    .doctor__text {
        position: relative;
        text-align: left
    }
    .doctor__text::after {
        position: absolute;
        content: "";
        bottom: 20px;
        right: 10px;
        width: 111px;
        height: 43px;
        background-image: url(signature.png)
    }
    .doctor__name {
        color: #fff
    }
    .doctor__pack {
        display: block;
        position: absolute;
        top: 750px;
        left: 580px
    }
    #DoctorSliderDesktop {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
}

.page-footer {
    position: relative;
    background-image: url(footer-bg-mobile.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    min-height: 1150px;
    padding-top: 60px
}

.page-footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -150px;
    width: 300px;
    height: 93px;
    background-image: url(leaf-mobile.png);
    background-repeat: no-repeat
}

.page-footer__wrapper {
    width: 300px;
    margin: 0 auto;
    position: relative;
    padding: 0;
    background-color: #fff;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px
}

@media (min-width:480px) {
    .page-footer__wrapper {
        width: 440px;
        padding: 15px 20px
    }
}

@media (min-width:1200px) {
    .page-footer__wrapper {
        width: 1140px;
        padding: 15px
    }
}

.page-footer__pack {
    display: block;
    margin: 0 auto 30px
}

.footer__girl {
    display: none
}

.page-footer__title {
    position: relative;
    width: 250px;
    font-size: 17px;
    line-height: 20px;
    font-weight: 900;
    text-align: center;
    padding-bottom: 20px;
    margin: 0 auto 20px
}

.page-footer__title::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    margin-left: -35px;
    width: 70px;
    height: 1px;
    background-color: #f77c16
}

.page-footer__title span {
    color: #f77c16
}

.page-footer__text {
    text-align: center;
    margin-bottom: 20px;
    padding: 5px
}

.page-footer__text--bold {
    font-weight: 700;
    font-size: 15px;
    line-height: 18px
}

.page-footer__list {
    list-style: none;
    padding: 0;
    margin: 0 0 20px
}

.page-footer__item {
    text-align: center;
    background-color: #f6f6f6;
    margin-bottom: 22px;
    border-radius: 15px;
    border: 1px dashed #eaeaea;
    -webkit-box-shadow: 0 0 0 6px #f6f6f6;
    box-shadow: 0 0 0 6px #f6f6f6
}

.page-footer__discont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 5px 0;
    background-color: #dc7d19
}

.discont-price-container,
.discont-text {
    -ms-flex-item-align: center;
    align-self: center;
    color: #fff
}

.discont-text {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    line-height: 17px;
    font-weight: 900;
    text-transform: uppercase;
    width: 65%;
    padding: 10px 10px 10px 5px;
    background-color: #e07916
}

.discont-price-container {
    padding: 10px 0;
    width: 35%;
    text-align: center;
    background-color: #353535
}

.page-footer__price {
    display: none
}

.order-form,
.order-form-container {
    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
}

.order-form {
    background-image: url(form-bg-mobile.png);
    /* border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px; */
    padding: 20px
}

.order-form-container {
    width: 100%
}

.order-form__text {
    display: none
}

.order-form__input-container {
    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: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 90%
}

.order-form__input {
    position: relative;
    font-size: 12px;
    text-align: center;
    border: 0;
    outline: 0;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 5px;
    box-sizing: border-box;
}

.intl-tel-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.country-select {
    position: relative;
    font-size: 12px;
    text-align: center;
    border: 0;
    outline: 0;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 5px;
    box-sizing: border-box;
}

.order-form__btn {
    width: 90%;
    -webkit-animation: none;
    animation: none;
    padding: 14px 5px
}

.timer {
    display: none
}

@media (min-width:480px) {
    .page-footer {
        padding-top: 70px;
        min-height: 1250px
    }
    .page-footer::before {
        width: 440px;
        height: 136px;
        margin-left: -220px;
        background-image: url(leaf-tablet.png)
    }
    .page-footer__wrapper {
        width: 430px;
        padding: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    .page-footer__title {
        width: 370px;
        font-size: 27px;
        line-height: 33px
    }
    .page-footer__text--bold {
        font-size: 16px;
        line-height: 19px
    }
    .page-footer__item {
        position: relative;
        font-size: 14px;
        line-height: 17px;
        padding: 4px 0
    }
    .page-footer__item::after,
    .page-footer__item::before {
        position: absolute;
        content: "";
        top: 50%;
        margin-top: -3px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #f77c16
    }
    .page-footer__item::after {
        left: 12px
    }
    .page-footer__item::before {
        right: 12px
    }
    .page-footer__text {
        width: 95%;
        line-height: 23px;
        margin-left: auto;
        margin-right: auto
    }
    .discont-text {
        font-size: 16px;
        line-height: 19px;
        padding-left: 30px
    }
    .old-price--footer {
        font-size: 15px
    }
    .new-price-footer {
        font-size: 23px
    }
    .order-form__input-container {
        width: 80%
    }
    .order-form__input {
        border-radius: 15px;
        padding: 15px;
        margin-bottom: 10px
    }

    .country-select {
        border-radius: 15px;
        padding: 15px;
        margin-bottom: 10px
    }
    .order-form__btn {
        width: 80%;
        padding: 21px 5px
    }
}

@media (min-width:1200px) {
    .page-footer {
        position: relative;
        background-image: url(footer-bg-desktop.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        min-height: 1000px;
        padding-top: 150px;
        margin-top: -60px
    }
    .page-footer::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 0;
        width: 1914px;
        height: 341px;
        background-image: url(leaf-desktop.png);
        background-repeat: no-repeat;
        z-index: 10
    }
    .page-footer__wrapper {
        width: 300px;
        margin: 0 auto;
        padding: 0!important
    }
    .page-footer__wrapper::after {
        content: "";
        position: absolute;
        top: -53px;
        left: -30px;
        width: 267px;
        height: 192px;
        background-image: url(rainbow-footer.png);
        z-index: 100
    }
    .page-footer__wrapper::before {
        position: absolute;
        content: "";
        width: 1250px;
        height: 819px;
        top: -45px;
        left: -45px;
        background-image: url(components-border.png);
        background-repeat: no-repeat
    }
    .page-footer__pack {
        position: absolute;
        z-index: 1;
        top: 127px;
        left: 460px
    }
    .footer-container {
        position: relative;
        padding-bottom: 40px;
        background-image: url(orange.jpg);
        background-position: -5px -10px;
        background-repeat: no-repeat
    }
    .footer__girl {
        display: block;
        position: absolute;
        bottom: 0;
        left: 695px;
    }
    .page-footer__title {
        width: 600px;
        font-size: 43px;
        line-height: 46px;
        text-align: left;
        margin-left: 40px;
        padding-top: 50px
    }
    .page-footer__title::after {
        display: none
    }
    .page-footer__text {
        text-align: left;
        margin-left: 40px;
        width: 400px
    }
    .page-footer__text--bold {
        font-size: 16px;
        line-height: 19px;
        text-transform: uppercase;
        margin-bottom: 35px
    }
    .page-footer__list {
        position: relative;
        width: 440px;
        margin-bottom: 30px;
        margin-left: 40px
    }
    .page-footer__list::after {
        position: absolute;
        content: "";
        top: 10px;
        left: -140px;
        width: 135px;
        height: 133px;
        background-image: url(leaf3.png)
    }
    .page-footer__item {
        text-align: left;
        padding-left: 30px
    }
    /* .page-footer__discont {
        display: none
    } */
    .page-footer__price {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 0
    }
    .order-form {
        position: relative
    }
    .order-form::before {
        content: "";
        position: absolute;
        top: -100px;
        right: 0;
        width: 84px;
        height: 126px;
        background-image: url(arrow.png);
        background-repeat: no-repeat;
        z-index: 100
    }
    .order-form-container {
        width: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: center;
        min-height: 100px
    }
    .order-form__text {
        display: block;
        color: #fff;
        font-size: 20px;
        text-transform: uppercase;
        margin-bottom: 30px
    }
    .order-form__text span {
        color: #eea45a
    }
    .order-form__input-container {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 0;
        width: 35%
    }
    .order-form__input {
        width: 250px;
        margin-bottom: 10px;
        margin-right: 0px
    }

    .country-select {
        width: 250px;
        margin-bottom: 10px;
        margin-right: 0px
    }
    .order-form__btn {
        width: 340px;
        margin-top: -5px
    }
    .timer {
        display: block;
        position: absolute;
        top: 530px;
        left: 690px;
        color: #fff
    }
    .timer .num,
    .timer p {
        background-color: #323232
    }
    .timer p {
        padding: 5px;
        font-weight: 700;
        width: 73%
    }
    .timer .text {
        background: 0 0;
        text-align: center;
        margin-left: -5px
    }
    .timer span.day,
    .timer span.hour,
    .timer span.minute,
    .timer span.second {
        display: block;
        width: 60px;
        float: left;
        font-weight: 700;
        text-align: center;
        font-size: 12px;
        line-height: 28px;
        margin-top: 5px
    }
    .timer .num {
        display: block;
        width: 27px;
        height: 54px;
        float: left;
        line-height: 53px;
        text-align: center;
        font-size: 30px
    }
    .timer .num:nth-child(odd) {
        text-align: right
    }
    .timer .num:nth-child(even) {
        text-align: left
    }
}

@media (min-width:1200px) and (min-width:480px) {
    .page-footer__wrapper {
        width: 440px;
        padding: 15px 20px
    }
}

@media (min-width:1200px) and (min-width:1200px) {
    .page-footer__wrapper {
        width: 1140px;
        padding: 15px
    }
}

@media(max-width:1100px) {

    body {
        padding-top: 60px !important;
    }

    .corona-wrapper p {
        font-size: 13px !important;
    }

    .order-form {
        max-width: 440px;
        margin: 20px auto 0;
    }
}

@media(max-width:700px) {

    body {
        padding-top: 0px !important;
    }
}

.btn a {
    color: #fff;
    text-decoration: none;
}

.address {
    font-size: 14px;
    line-height: 1.5;
    padding: 20px;
    text-align: center;
}

.address a {
    color: #000;
    display: inline-block;
    margin: 0 10px;
}

.address-links {
    margin: 5px auto 0;
}

.discont-price-container {
    margin-right: 5px;
}

.page-footer__discont {
    margin-bottom: 20px;
}


[scroll="goScrollToForm"] {
    cursor:pointer;
}

.ring-loading {
    width: 10px;
    height: 10px;
    padding: 15px!important;
    border: 7px dashed #fff;
    border-radius: 100%;
    display: none;
    margin: 10px auto!important;
    animation: loadingD 1.5s 0.3s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite;
  }
  @keyframes loadingD {
    0% {
          transform: rotate(0deg);
      }
    50% {
      transform: rotate(180deg);
      }
    100% {
      transform: rotate(360deg);
      }
  }