html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

body {
    font-family: 'Fira Sans', sans-serif;
    font-weight: 400
}

.lutevid {
    color: #1697ce;
    text-decoration: underline;
    cursor: pointer
}

.lutevid:hover {
    color: #b0493b
}

@font-face {
    font-family: 'icomoon';
    src: url("https://healthylyfe.tech/LP1/fonts/icomoon.eot");
    src: url("https://healthylyfe.tech/LP1/fonts/icomoon.eot") format("embedded-opentype"), url("https://healthylyfe.tech/LP1/fonts/icomoon.ttf") format("truetype"), url("https://healthylyfe.tech/LP1/fonts/icomoon.woff") format("woff"), url("https://healthylyfe.tech/LP1/images/icomoon.svg") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-tiktok:before {
    content: "\e900"
}

.icon-twitter:before {
    content: "\f099"
}

.icon-facebook:before {
    content: "\f09a"
}

.icon-facebook-f:before {
    content: "\f09a"
}

.icon-youtube-play:before {
    content: "\f16a"
}

.icon-instagram:before {
    content: "\f16d"
}

.icon-whatsapp:before {
    content: "\f232"
}

.icon-link:before {
    content: "\e9cb"
}

@-webkit-keyframes live {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0.4);
        transform: scale(0.4)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes live {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0.4);
        transform: scale(0.4)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes prod-shadow-pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.9);
        box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.9)
    }
    100% {
        -webkit-box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 15px rgba(0, 0, 0, 0)
    }
}

@keyframes prod-shadow-pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.9);
        box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.9)
    }
    100% {
        -webkit-box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 15px rgba(0, 0, 0, 0)
    }
}

.header__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #002765;
    padding: 10px 15px
}

.header__logo-img {
    width: 100px;
    cursor: pointer
}

.header__logo-text {
    font-size: 18px;
    line-height: 20px;
    color: #d23131;
    margin-top: 5px
}

.header__button {
    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;
    height: 28px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    background-color: #002765;
    border: none;
    margin-left: auto;
    padding: 5px 10px;
    letter-spacing: 0.5px;
    border-radius: 10px;
    text-transform: uppercase;
    cursor: pointer
}

/* .header__button::after{content:"";width:11px;height:11px;-webkit-transition:0.2s all ease;-o-transition:0.2s all ease;transition:0.2s all ease;display:inline-block;background-image:url("../images/dropdown.svg");background-repeat:no-repeat;background-size:11px;background-position:92%;margin-left:5px} */

.livenow {
    width: 25px;
    height: 16px
}

.livenow div {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    position: absolute;
    margin: 0 auto;
    border: 3px solid #fff;
    -webkit-animation: live 1.4s infinite ease-in-out;
    color: #ede505;
    animation: live 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.livenow div:nth-child(1) {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s
}

.livenow div:nth-child(2) {
    -webkit-animation-delay: 0.16s;
    animation-delay: 0.16s;
    background-color: #fff
}

.header__menu {
    margin-left: 15px;
    cursor: pointer
}

.header__menu .header__menu-item {
    height: 3px;
    background-color: #f4f8fc;
    border-radius: 5px
}

.header__menu .header__menu-item:nth-child(1) {
    width: 28px
}

.header__menu .header__menu-item:nth-child(2) {
    width: 28px
}

.header__menu .header__menu-item:nth-child(3) {
    width: 28px
}

.header__menu div+div {
    margin-top: 5px
}

.article__title {
    font-size: 24px;
    font-weight: 700;
    margin: 16px 12px;
    text-transform: uppercase
}

.article__title.center {
    text-align: center
}

.article__image {
    margin: 28px 0 16px;
    text-align: center
}

.article__image-img {
    max-width: 800px;
    width: 100%
}

.article__image-text {
    font-size: 14px;
    margin: 3px 50px;
    text-align: center
}

.article__data {
    text-align: center
}

.article__date {
    font-size: 14px;
    color: #5d6673
}

.article__contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.article__contact {
    width: 41px;
    height: 41px;
    font-size: 25px;
    color: #616874;
    padding: 8px;
    cursor: pointer
}

.article__contact+.article__contact {
    margin-left: 10px
}

.article__text {
    font-size: 16px;
    margin-left: 11px;
    margin-right: 11px
}

.article__text.medium {
    font-weight: 500
}

.article__text333 {
    font-size: 16px;
    margin-left: 30px;
    margin-right: 30px;
    padding: 5px;
    color: white;
    border-radius: 18px;
    background-color: #d90000
}

.article__frame {
    margin: 2px 2px 2px;
    padding: 5px 6px;
    border-radius: 5px;
    text-align: center
}

.article__frame.red {
    color: #fff;
    background-color: #8d0006;
}

.article__frame.brown {
    padding: 15px 20px;
    border: 2px solid #994f00;
    border-radius: 9px;
    background-color: #ffe7c0;
    text-align: left
}

.article__frame-img {
    max-width: 480px;
    width: 100%
}

.article__frame-text {
    font-size: 18px;
    font-weight: 500;
    text-align: center
}

.article__frame-textt {
    font-size: 18px;
    font-weight: 400;
    text-align: left
}

.article__table {
    margin: 16px 15px
}

.article__table-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 2px solid #ffffff
}

.article__table-row+.article__table-row {
    border-top: none
}

.article__table-left,
.article__table-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    padding: 0 10px;
    font-size: 12px;
    line-height: 18px;
    color: #ffffff
}

.article__table-right {
    border-left: 2px solid #ffffff
}

.article__hr,
.article__form {
    margin: 0 16px
}

.article__hr {
    margin-bottom: 7px
}

.form__block-one {
    background-color: #005873;
    padding: 0 5px 10px;
    color: #fff;
    text-align: center
}

.form__title {
    line-height: 1;
    font-size: 26px;
    font-weight: 800;
    padding: 8px 14px 10px
}

.form__timer {
    border: 5px solid #fffd07;
    max-width: 320px;
    margin: 0 auto
}

.form__timer-title,
.form__timer-texts {
    color: #fffd07;
    margin: -10px auto 0;
    width: 279px;
    background-color: #005873;
    font-weight: 700;
    font-size: 10px;
    line-height: 1.5625
}

.form__timer-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.form__timer-texts {
    font-size: 8px;
    margin: 0 auto -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.form__timer-texts span {
    width: 33%;
    margin-right: 1rem
}

.form__time-h,
.form__time-m,
.form__time-s {
    width: 80px;
    font-size: 39px;
    font-weight: 700;
    line-height: 1
}

.form__time-divider {
    width: 10px;
    font-size: 39px;
    font-weight: 300;
    line-height: 1
}

.form__block-two {
    background: -webkit-gradient(linear, left top, left bottom, from(#efeeed), to(#82b1e1));
    background: -o-linear-gradient(#efeeed, #82b1e1);
    background: linear-gradient(#efeeed, #82b1e1);
    text-align: center;
    padding: 10px 10px 40px
}

.form__product {
    line-height: 1;
    -webkit-animation: prod-shadow-pulse 1s infinite;
    animation: prod-shadow-pulse 1s infinite;
    border-radius: 20px;
    margin-bottom: 15px
}

.form__product-old-price span {
    font-size: 35px;
    position: relative;
    padding: 0 10px
}

.form__product-old-price span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 45%;
    right: 0;
    border-top: 5px solid #ed1b24;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg)
}

.form__product-img img {
    max-width: 260px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.form__product-new-price {
    font-size: 40px;
    color: #ff0101;
    font-weight: 700;
    letter-spacing: -2px
}

.form__form form {
    max-width: 320px;
    margin: 0 auto
}

.form__form form .form__name-input,
.form__form form .form__phone-input {
    color: #000;
    background: #fff;
    border: none;
    width: 100%;
    border-radius: 6px;
    font-size: 19px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.form__form form input {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    border: none;
    width: 100%;
    font: inherit;
    color: inherit;
    padding: 10px 15px;
    border-radius: 6px
}

.form__form form input::-webkit-input-placeholder {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    font-family: sans-serif;
    color: grey !important
}

.form__form form input::-moz-placeholder {
    text-decoration: underline dotted;
    font-family: sans-serif;
    color: grey !important
}

.form__form form input:-ms-input-placeholder {
    text-decoration: underline dotted;
    font-family: sans-serif;
    color: grey !important
}

.form__form form input::-ms-input-placeholder {
    text-decoration: underline dotted;
    font-family: sans-serif;
    color: grey !important
}

.form__form form input::placeholder {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    font-family: sans-serif;
    color: grey !important
}

.form__form form button {
    background-color: #fffd07;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0 auto;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 6px;
    border: none;
    padding: 14px 3px;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    cursor: pointer;
    font-size: 19px
}

.form__form form button span {
    color: #101010;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-weight: 900
}

.comments {
    margin-top: 60px
}

.comments .container {
    padding: 14px 14px 35px;
}

.comments__title {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    color: #black
}

.comments__item {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.comments__photo,
.comments__photo img {
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.comments__content {
    margin-left: 7px;
    margin-right: 11px;
    padding: 15px;
    background-color: #fff;
    border-radius: 12px;
    font-size: 15px;
    line-height: 1.42857;
    color: #2e2e2e;
}

.comments__name {
    font-weight: 700;
    margin-right: 10px
}

.comments__text {
    margin-top: 5px
}

.comments__img img {
    max-width: 400px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.comments__like a {
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    font-size: 14px;
    opacity: .9;
    color: #8899a7;
    cursor: pointer
}

.comments__like a span {
    padding-left: 5px;
    text-decoration: underline
}

.product {
    padding: 18px 45px 34px 59px
}

.product__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.product__img img {
    max-width: 360px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    cursor: pointer
}

.product button {
    color: #fff;
    background-color: #002765;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 320px;
    width: 100%;
    margin: 18px auto 0;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 6px;
    border: none;
    padding: 14px 3px;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    cursor: pointer;
    font-size: 19px
}

.product button span {
    color: #101010;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-weight: 900
}

.footer {
    background-color: #002765;
    padding: 50px 10px 20px
}

.footer__social {
    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;
    margin-bottom: 20px
}

.footer__social-item {
    width: 36px;
    height: 36px;
    font-size: 20px;
    padding: 8px;
    border-radius: 50%;
    color: #002765;
    background-color: #fff;
    text-align: center;
    cursor: pointer
}

.footer__social-item+.footer__social-item {
    margin-left: 10px
}

.footer__image {
    text-align: center
}

.footer__img {
    max-width: 219px;
    width: 100%;
    cursor: pointer
}

.footer__content {
    font-size: 16px;
    margin-top: 60px;
    text-align: center;
    color: #fff
}

.footer__adress,
.footer__phone {
    margin-bottom: 10px
}

.footer__copyright {
    font-size: 14px;
    margin-top: 40px;
    text-align: center;
    color: #fff
}

.green {
    color: #002765;
}