*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.d-block {
    display: block!important
}

.d-inline-block {
    display: inline-block!important
}

.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.d-none {
    display: none!important
}

@media(min-width:576px) {
    .container {
        max-width: 540px
    }
    .d-sm-block {
        display: block!important
    }
    .d-sm-inline-block {
        display: inline-block!important
    }
    .d-sm-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-sm-none {
        display: none!important
    }
}

@media(min-width:768px) {
    .container {
        max-width: 720px
    }
    .d-md-block {
        display: block!important
    }
    .d-md-inline-block {
        display: inline-block!important
    }
    .d-md-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-md-none {
        display: none!important
    }
}

@media(min-width:992px) {
    .container {
        max-width: 960px
    }
    .d-lg-block {
        display: block!important
    }
    .d-lg-inline-block {
        display: inline-block!important
    }
    .d-lg-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-lg-none {
        display: none
    }
}

@media(min-width:1200px) {
    .container {
        max-width: 1140px
    }
    .d-xl-block {
        display: block!important
    }
    .d-xl-inline-block {
        display: inline-block!important
    }
    .d-xl-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-xl-none {
        display: none!important
    }
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.img-fluid {
    max-width: 100%
}

* {
    margin: 0;
    padding: 0
}

body {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    background-color: #f6f7f9
}

.background-top-box {
    position: relative
}

.background-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 342px;
    background: #e95650 0 0 no-repeat padding-box;
    z-index: -1
}

.white-background {
    background-color: #fff;
    padding: 20px 15px
}

.main-title {
    font-size: 30px;
    color: #fff;
    line-height: 44px;
    margin-bottom: 40px
}

.article-title {
    font-size: 22px
}

.article-title,
.small-title {
    font-weight: 700;
    margin-bottom: 20px
}

.small-title {
    font-size: 18px
}

.article-title,
p {
    line-height: 27px
}

.photo-box {
    text-align: center;
    margin: 0 auto 40px;
    display: flex;
    flex-direction: column;
    max-width: 75%;
    position: relative
}

.photo-box img {
    max-width: 100%
}

.photo-box img.space {
    margin-bottom: 10px
}

.photo-box .photo-desc {
    font-weight: 700;
    max-width: 100%;
    color: #fff;
    background-color: #e95650;
    padding: 8px 10px;
    margin-top: -5px
}

.photo-box .photo-desc .photo-desc-half-box {
    display: flex
}

.photo-box .photo-desc .photo-desc-half-box span {
    width: 50%;
    text-align: center;
    padding: 8px 10px
}

.photo-box .photo-desc .photo-desc-half-box span:first-child {
    background-color: #b41216
}

.photo-box .reset-padding {
    padding: 0
}

.photo-box-100 {
    max-width: 100%
}

.photo-box-90 {
    max-width: 90%
}

.top-badges {
    margin-top: 35px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px
}

.top-badges .news {
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    padding: 8px 20px;
    background-color: #b41216;
    border-radius: 20px
}

.top-badges .top-social-icons img {
    margin-left: 17px
}

.main {
    max-width: 69%
}

.aside {
    max-width: 30%
}

.top-image {
    margin-bottom: -5px
}

.normal-text {
    margin-bottom: 20px
}

.before-photo {
    margin-bottom: 40px
}

.cluster-box {
    display: flex
}

.cluster-box .cluster-photo {
    margin-right: 25px
}

.cluster-box .cluster-point {
    display: flex;
    margin-bottom: 25px
}

.cluster-box .cluster-point .cluster-number {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    background-color: #148095;
    min-width: 28px;
    height: 28px;
    border-radius: 5px
}

.cluster-box .cluster-point .cluster-text {
    margin-top: 7px
}

.cluster-box .cluster-point .cluster-text .cluster-title {
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 19px
}

.expert-box {
    display: flex;
    margin-bottom: 30px
}

.expert-box .expert-image {
    width: fit-content
}

.expert-box .expert-image img {
    height: 100%
}

.expert-box .expert-opinion {
    padding: 10px;
    background-color: #f4f4f4;
    color: #263238;
    font-size: 15px
}

.before-last-photo {
    margin-bottom: 30px;
}

.last-photos {
    display: flex;
    position: relative;
    margin-bottom: 40px
}

.last-photos .last-photo-box {
    width: 50%
}

.last-photos .last-photo-box img {
    max-width: 100%
}

.last-photos .last-photo-product {
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%)
}

.cta-bottom {
    text-align: center;
    font-size: 28px;
    font-weight: 900;
    color: #001aee;
    display: block;
    margin-bottom: 20px
}

.alert-offer {
    margin-bottom: 40px;
    text-align: center;
    color: red
}

.thank-you {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    left: 0;
    top: 0;
    justify-content: center;
    align-items: center;
    display: none;
    z-index: 9
}

.thank-you img {
    position: absolute;
    top: 5%;
    right: 5%;
    cursor: pointer
}

.thank-you .thank-you-box {
    background-color: #fff;
    max-width: 500px;
    width: 500px;
    text-align: center;
    padding: 45px 15px
}

.link-tag {
    text-decoration: none;
    color: inherit
}

@media(min-width:767px) {
    .sliminazer-img img {
        max-width: 70%;
        transform: translateX(40px) translateY(10px)
    }
}

.nav {
    background-color: #fff
}

.nav .nav-wrapper {
    justify-content: space-between;
    padding: 25px 0
}

.nav .nav-wrapper,
.nav .nav-wrapper .logo {
    display: flex;
    align-items: center
}

.nav .nav-wrapper .logo span {
    font-family: Poppins, sans-serif;
    font-size: 38px;
    font-style: normal;
    line-height: 38px;
    text-transform: uppercase;
    color: #e95650;
    margin-left: 10px
}

.nav .nav-wrapper .nav-list {
    display: flex;
    list-style: none
}

.nav .nav-wrapper .nav-list li {
    margin-left: 40px
}

.nav .nav-wrapper .nav-list li a {
    text-decoration: none;
    color: #000;
    text-transform: uppercase
}

.nav .nav-wrapper .nav-list li:first-child {
    margin-left: 0
}

.aside {
    padding-left: 20px;
    margin-top: 171px
}

.aside .author-box {
    align-items: center;
    background-color: #fff;
    padding: 20px;
    margin-bottom: 30px
}

.aside .author-box .author {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.aside .author-box .author .author-photo {
    margin-right: 20px
}

.aside .author-box .author .author-name {
    display: flex;
    flex-direction: column
}

.aside .author-box .author .author-name span {
    display: block
}

.aside .author-box .author .author-name span:first-child {
    font-size: 13px;
    margin-bottom: 5px
}

.aside .author-box .author .author-name span:nth-child(2) {
    font-size: 17px;
    font-weight: 700
}

.aside .author-box .author-desc .author-text {
    line-height: 24px;
    margin-bottom: 10px
}

.aside .popular {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 30px
}

.aside .popular .popular-title {
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 10px;
    border-bottom: 1px solid #ececec;
    margin-bottom: 10px
}

.aside .popular .news a {
    display: flex;
    margin-bottom: 25px;
    text-decoration: none;
    color: #000
}

.aside .popular .news a .news-photo {
    margin-right: 10px
}

.aside .popular .news a .news-desc {
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.aside .popular .news a .news-desc .news-text {
    line-height: 20px
}

.aside .popular .news a .news-desc .news-category {
    font-size: 12px;
    padding: 3px 6px;
    background-color: #e95650;
    width: fit-content;
    border-radius: 8px;
    color: #fff;
    margin-top: -3px
}

.aside .popular .news:last-child {
    margin-bottom: 0
}

.aside .cta-aside {
    display: block;
    text-align: center
}

.aside .cta-aside img {
    max-width: 102%
}

.grey-comments-title {
    background-color: #ebebeb;
    padding: 8px 15px;
    margin-top: 30px;
    font-size: 20px;
    font-weight: 700
}

.comments {
    padding: 30px 15px;
    background-color: #fff
}

.comments .comment {
    display: flex;
    margin-bottom: 20px
}

.comments .comment .comment-photo {
    margin-right: 10px
}

.comments .comment .comment-desc {
    margin-top: 3px
}

.comments .comment .comment-desc .comment-author {
    font-size: 13px;
    display: flex;
    align-items: center;
    margin-bottom: 5px
}

.comments .comment .comment-desc .comment-author .author {
    color: #229cff;
    margin-right: 5px;
    font-weight: 700
}

.comments .comment .comment-desc .comment-author .dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #c2c6cd;
    margin-right: 5px
}

.comments .comment .comment-desc .comment-author .time {
    color: #656c79
}

.comments .comment .comment-desc .comment-bottom-photo {
    margin-top: 15px
}

.comments .add-comment-box {
    margin-top: 10px;
    margin-bottom: 30px
}

.comments .add-comment-box .add-comment-title {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px
}

.comments .add-comment-box .add-comment-line {
    position: relative;
    margin-bottom: 20px
}

.comments .add-comment-box .add-comment-line .long-line {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #e7e9ef
}

.comments .add-comment-box .add-comment-line .short-line {
    position: absolute;
    left: 0;
    top: 0;
    width: 110px;
    height: 2px;
    z-index: 1;
    background-color: #229cff
}

.comments .add-comment-box .add-comment-form {
    display: flex
}

.comments .add-comment-box .add-comment-form .add-comment-form-avatar {
    margin-right: 10px
}

.comments .add-comment-box .add-comment-form .add-comment-form-content {
    display: flex;
    flex-direction: column;
    width: 100%
}

.comments .add-comment-box .add-comment-form .add-comment-form-content .name-input,
.comments .add-comment-box .add-comment-form .add-comment-form-content .name-textarea {
    border-radius: 4px;
    margin-bottom: 10px;
    width: 100%;
    display: block;
    outline: none;
    border: 2px solid #e7e9ef
}

.comments .add-comment-box .add-comment-form .add-comment-form-content .name-input {
    padding: 12px;
    font-family: Roboto, sans-serif;
    font-size: 16px
}

.comments .add-comment-box .add-comment-form .add-comment-form-content .name-textarea {
    padding: 15px;
    min-height: 200px;
    resize: vertical;
    font-family: Roboto, sans-serif;
    font-size: 16px
}

.comments .add-comment-box .add-comment-form .add-comment-form-content .send {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.comments .add-comment-box .add-comment-form .add-comment-form-content .send .attachment,
.comments .add-comment-box .add-comment-form .add-comment-form-content .send .send-comment {
    display: block
}

.comments .add-comment-box .add-comment-form .add-comment-form-content .send .send-comment {
    margin-left: 10px;
    padding: 8px 30px;
    background-color: #229cff;
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
    cursor: pointer
}

.comments .add-comment-box .add-comment-form .add-comment-form-content .send .attachment {
    font-size: 13px;
    text-decoration: underline;
    color: #656c79
}

.comments .coupon {
    display: flex;
    align-items: center;
    background-color: #f0fbd7;
    border: 3px dashed #7b9545;
    padding: 25px
}

.comments .coupon .product {
    margin-right: 20px
}

.comments .coupon .product img {
    max-width: 100%
}

.comments .coupon .coupon-desc .coupon-title {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px
}

.comments .coupon .coupon-desc .coupon-text {
    font-size: 15px;
    margin-bottom: 20px
}

.comments .coupon .coupon-desc .coupon-cta {
    font-size: 20px;
    font-weight: 700;
    color: #001aee;
    margin-bottom: 10px
}

.comments .coupon .coupon-desc .coupon-red-alert {
    font-size: 14px;
    color: red
}

.footer {
    margin-top: 30px;
    background-color: #e95650;
    padding: 20px
}

.footer .footer-wrapper {
    display: flex;
    align-items: center
}

.footer .footer-wrapper .footer-desc {
    margin-right: 40px;
    color: #fff
}

.footer .footer-wrapper .footer-desc .footer-nav {
    display: flex;
    align-items: center;
    margin-bottom: 15px
}

.footer .footer-wrapper .footer-desc .footer-nav .footer-nav-item {
    margin-right: 40px
}

.footer .footer-wrapper .footer-desc .footer-nav .footer-nav-item a {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-family: Roboto, sans-serif
}

.footer .footer-wrapper .footer-desc .footer-nav .footer-nav-item:first-child {
    margin-right: 10px
}

.footer .footer-wrapper .footer-desc .footer-text {
    font-size: 14px;
    line-height: 19px
}

.footer .footer-wrapper .footer-logo .footer-logo-photo {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.footer .footer-wrapper .footer-logo .footer-logo-photo img {
    margin-right: 10px
}

.footer .footer-wrapper .footer-logo .footer-logo-photo span.logo-text {
    font-family: Poppins, sans-serif;
    color: #fff;
    font-size: 38px;
    line-height: 38px
}

.footer .footer-wrapper .footer-logo .footer-socials a {
    margin-right: 15px;
    text-decoration: none
}

.zoom-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    cursor: pointer;
    transform: translate(-50%, -50%)
}

.zoom-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .7);
    padding: 5px
}

.zoom.active {
    max-width: 100%;
    height: auto;
    max-height: 100%
}

.zoom.active:hover {
    cursor: zoom-out
}

@media(max-width:1199.98px) {
    .nav .nav-wrapper .nav-list li a {
        font-size: 15px
    }
    .footer .footer-wrapper .footer-desc {
        margin-right: 10px
    }
    .footer .footer-wrapper .footer-logo .footer-logo-photo span.logo-text {
        font-size: 30px
    }
}

@media(max-width:991.98px) {
    .nav .nav-wrapper {
        flex-direction: column
    }
    .nav .nav-wrapper .logo {
        margin-bottom: 15px
    }
    .cluster-box {
        align-items: center
    }
    .main {
        max-width: 100%
    }
    .expert-box {
        overflow: hidden
    }
    .expert-box .expert-image img {
        position: relative;
        left: -35px
    }
    .expert-box .expert-opinion {
        position: relative;
        z-index: 1
    }
    .footer .footer-wrapper {
        flex-direction: column-reverse
    }
    .footer .footer-wrapper .footer-desc {
        width: 100%
    }
    .footer .footer-wrapper .footer-desc .footer-nav .footer-nav-item a {
        font-size: 14px
    }
    .footer .footer-wrapper .footer-desc .footer-nav .footer-nav-item:last-child {
        margin-right: 0
    }
    .footer .footer-wrapper .footer-logo {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%
    }
}

@media(max-width:767.98px) {
    body {
        background-color: #fff
    }
    .nav .nav-wrapper {
        flex-direction: row;
        padding: 10px 15px
    }
    .nav .nav-wrapper .logo {
        margin-bottom: 0
    }
    .nav .nav-wrapper .logo img {
        width: 25%
    }
    .nav .nav-wrapper .logo span {
        font-size: 21px;
        line-height: 21px
    }
    .white-background {
        padding: 20px 0
    }
    .before-photo {
        margin-bottom: 30px
    }
    .photo-box {
        margin: 0 auto 30px
    }
    .top-badges {
        margin-top: 25px;
        margin-bottom: 20px
    }
    .main-title {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 20px
    }
    .photo-box {
        max-width: 100%
    }
    .cluster-box {
        flex-direction: column
    }
    .cluster-box .cluster-photo {
        margin-right: 0;
        margin-bottom: 30px
    }
    .cluster-box .cluster-photo img {
        max-width: 100%
    }
    .expert-box {
        flex-direction: column
    }
    .expert-box .expert-opinion {
        margin-top: -5px
    }
    .expert-box .expert-image {
        width: 100%
    }
    .expert-box .expert-image img {
        width: 100%;
        height: auto;
        left: 0
    }
    .last-photos .last-photo-product {
        display: flex;
        justify-content: center;
        align-items: center
    }
    .last-photos .last-photo-product img {
        width: 75%
    }
    .alert-offer {
        margin-bottom: 15px
    }
    .grey-comments-title {
        margin-top: 0
    }
    .comments {
        padding: 15px 0 0
    }
    .comments .comment .comment-desc .comment-bottom-photo {
        max-width: 100%
    }
    .comments .last-comment {
        margin-bottom: 0
    }
    .comments .coupon {
        margin-top: 25px;
        flex-direction: column
    }
    .comments .coupon .coupon-title {
        font-size: 25px;
        font-weight: 700;
        margin-bottom: 20px;
        text-align: center
    }
    .comments .coupon .product {
        margin-right: 0;
        margin-bottom: 15px
    }
    .footer {
        padding: 20px 0
    }
    .footer .footer-wrapper .footer-desc .footer-nav {
        flex-direction: column
    }
    .footer .footer-wrapper .footer-desc .footer-nav .footer-nav-item {
        margin-right: 0;
        margin-bottom: 10px
    }
    .footer .footer-wrapper .footer-desc .footer-text {
        text-align: center
    }
    .footer .footer-wrapper .footer-logo {
        flex-direction: column;
        margin-bottom: 15px
    }
}

.old_price {
    font-size: 34px;
    text-decoration: line-through;
    float: left;
    margin: 0 20px 0 25px;
    color: #f5a900;
}

.js_new_price {
    font-size: 64px;
    font-weight: bold;
}

.js_curs {
    text-transform: uppercase;
    font-size: 30px;
    font-style: normal;
    font-weight: bold;
}

.new_price {
    text-align: center;
    color: #ff0000;
    padding-top: 30px;
}

.cost {
    width: 100%;
    padding-top: 50px;
}

html,body {
    height: 100%;
}

.crossed {
    font-size: 35px;
    text-decoration: line-through;
    text-align: center;
}

.ac_footer {
    position: relative;
    text-align: center;
    overflow: hidden;
    padding: 30px;
    color: #6b6b6b;
    font-size: 10px;
}

.ac_footer p {
    text-align: center;
}

@media only screen and (max-width: 1230px) {
    .ac_footer {
        padding-bottom: 50px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (max-width: 991px) {
    .ac_footer {
        padding: 15px;
        font-size: 11px;
        line-height: 1.2;
    }
}