/* Start:/local/js/app/vc/smarta/dist/s.css?178214749614074*/
#vc_smarta_modal + .popup-window-overlay{
	opacity: 1 !important;
    background-color: rgb(167 167 167 / 20%) !important;
    -webkit-backdrop-filter: blur(4px) !important;
            backdrop-filter: blur(4px) !important;
}
#vc_smarta_modal{
	background: #fff;
    -webkit-box-shadow: 0 0 27px rgb(24 24 24 / 18%);
            box-shadow: 0 0 27px rgb(24 24 24 / 18%);
    width: 640px;
    border-radius: 20px;
    overflow: hidden;
	padding: 55px 50px;
}
#vc_smarta_modal h3{
	font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    color: #000000;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}
#vc_smarta_modal p{
	font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    color: #000000;
    font-weight: 300;
    letter-spacing: 0.7px;
	line-height: normal;
}
#vc_smarta_modal .popup-window-close-icon:after{
	width: 20px;
    height: 20px;
}
#vc_smarta_modal .box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
#vc_smarta_modal .left{
    width: 13.4%;
}
#vc_smarta_modal .left img{
    width: 100%;
}
#vc_smarta_modal .right{
    width: 80%;
}
#vc_smarta_modal .right .text{
    padding: 0 0 0 2px;
}
#vc_smarta_modal .right .text p{
    margin: 0 0 16px 0;
}
#vc_smarta_modal .right .text p:last-child{
    margin: 0;
}
#vc_smarta_modal .right .text p strong{
    font-weight: 600;
}
.vc_smarta{
	position: relative;
}
.vc_smarta h3{
    font-size: 40px;
    margin: 81px 0 60px -3px;
    letter-spacing: -0.2px;
}
.vc_smarta .tegs{
    margin-bottom: 75px;
}
.vc_smarta .tegs .item{
    position: relative;
    padding: 0 0 0 107px;
    margin-bottom: 17px;
}
.vc_smarta .tegs .item .icon{
    position: absolute;
    left: 0;
    top: 0;
    width: 79px;
    height: 79px;
    overflow: hidden;
    border-radius: 50%;
}
.vc_smarta .tegs .item .icon img{
    width: 100%;
}
.vc_smarta .tegs .item .zag{
    font-weight: 600;
    font-size: 34px;
    padding: 18px 0 21px 0;
}
.vc_smarta .tegs .item .box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 0 0 2px;
}
.vc_smarta .tegs .item .box label{
    font-size: 16px;
    color: #636363;
    border: 1px solid #89c23c;
    background: #fff;
    border-radius: 35px;
    padding: 15px 18px;
    margin-right: 10px;
    margin-bottom: 0;
    min-width: 95px;
    text-align: center;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
    display: block;
}
.vc_smarta .tegs .item .box label:hover,
.vc_smarta .tegs .item .box input:checked + label{
    background: #89c23c;
    color: #fff;
}
.vc_smarta .material{
    margin-bottom: 73px;
}
.vc_smarta .material h4{
    font-size: 25px;
    margin: 0 0 44px 0;
    font-family: 'Roboto',sans-serif;
}
.vc_smarta .material .box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.vc_smarta .material .box .item{
    width: 30%;
    height: 300px;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    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: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 30px;
    margin-bottom: 20px;
}
.vc_smarta .material .box .item img{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.vc_smarta .material .box .item:hover img{
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
}
.vc_smarta .material .box .item p{
    z-index: 1;
    position: relative;
    color: #fff;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 17px;
    font-size: 16px;
    line-height: 17px;
}
.vc_smarta .material .box .item a{
    z-index: 1;
    position: relative;
    color: #fff;
    border: 1px solid #fff;
    display: block;
    width: 112px;
    font-size: 12px;
    border-radius: 20px;
    padding: 10px 16px 10px 19px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background: transparent;
    font-weight: 400;
}
.vc_smarta .material .box .item a svg{
    width: 20px;
    margin: 0 0 -4px 7px;
}
.vc_smarta .material .box .item a path{
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.vc_smarta .material .box .item a:hover{
    background: #fff;
    color: #000;
}
.vc_smarta .material .box .item a:hover path{
    stroke: #000 !important;
}
.vc_smarta .material .box .item:after{
    position: absolute;
    content: '';
    display: block;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 70%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}
.vc_smarta .viwn .grid__el:nth-child(1) {
    width: 32%;
}
.vc_smarta .viwn .grid__el:nth-child(2) {
    width: 67%;
    padding: 0 5px;
}
.vc_smarta .grid.viwn {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}
.vc_smarta .viwn .hero__top-info p {
    margin-top: 5px;
}
@media (max-width: 1124px) {
    .vc_smarta .material .box .item {
        width: 32%;
    }
}
@media (max-width: 992px) {
    .vc_smarta .material h4 {
        font-size: 24px;
    }
    .vc_smarta h3 {
        font-size: 30px;
    }
    .vc_smarta .tegs .item .zag {
        font-size: 25px;
    }
    .vc_smarta .material .box .item {
        padding: 20px;
    }
}
@media (max-width: 760px) {
    .vc_smarta .material .box .item {
        width: 48%;
    }
    .vc_smarta .material h4 {
        font-size: 18px;
    }
    .vc_smarta h3 {
        font-size: 25px;
        margin: 45px 0 50px 0;
    }
    .vc_smarta .tegs .item .zag {
        font-size: 18px;
        padding: 20px 0 35px 8px;
    }
    .vc_smarta .tegs .item .box a {
        font-size: 14px;
        padding: 15px;
        margin-bottom: 10px;
        margin-right: 5px;
    }
    .vc_smarta .tegs .item .icon{
        width: 65px;
        height: 65px;
    }
    .vc_smarta .tegs .item {
        padding: 0;
    }
    .vc_smarta .material {
        margin-bottom: 35px;
    }
    .vc_smarta .viwn .grid__el:nth-child(1) {
        width: 100%;
    }
    .vc_smarta .material .box .item {
        width: 100%;
    }
	#vc_smarta_modal{
		width: 90%;
		padding: 20px;
	}
}
@media (max-width: 585px) {
    #vc_smarta_modal .left {
        width: 70px;
        margin: 0 auto 20px auto;
    }
    #vc_smarta_modal .right {
        width: 100%;
    }
    #vc_smarta_modal h3,
    #vc_smarta_modal p{
        text-align: center;
    }
}
@media (max-width: 585px) {
    #vc_smarta_modal h3{
        font-size: 25px;
    }
    #vc_smarta_modal p{
        font-size: 14px;
        letter-spacing: 0;
    }
	#vc_smarta_modal .right .text{
		padding: 0;
	}
}

/* loader */
.loader {
    height: 105px;
    display: block;
}
/*.loaded .loader{
    opacity: 0;
    visibility: hidden;
}*/
.loader .logo{
    width: 200px;
    margin: 0 auto 20px;
}
.loader .logo img{
    width: 100%;
}
.loader .bar {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
    z-index: 20000;
    position: sticky;
    top: 50%;
    bottom: 0;
    left: 0;
    right: 0;
    height: 105px;
    width: 350px;
    overflow: hidden;
    margin: auto;
}
.loader .bar .bar-progress {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    z-index: 2000;
    display: block;
    height: 6px;
    width: 50px;
    border-radius: 20px;
    background: #89c23c;
    position: absolute;
    left: 3px;
    top: 2px;
	-webkit-animation: bar 1s linear alternate-reverse infinite;
    animation: bar 1s linear alternate-reverse infinite;
}
.loader .bar .bar-ins{
    -webkit-box-shadow: 0 0 7px rgb(0 0 0 / 45%) inset;
            box-shadow: 0 0 7px rgb(0 0 0 / 45%) inset;
    border-radius: 20px;
    overflow: hidden;
    height: 10px;
    width: 100%;
    background: #ffffff;
    position: relative;
}

@-webkit-keyframes bar {
    from {
        left: 3px;
    }
    to {
        left: 298px;
    }
}

@keyframes bar {
    from {
        left: 3px;
    }
    to {
        left: 298px;
    }
}

.section-bloggers{
  padding: 262px 0 0;
  /* padding: 85px 0 0; */
}

.bloggers{
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.blogger{
    display: flex;
    gap: 50px;
    align-items: flex-start;
    padding: 50px;
    border-radius: 20px;
    border: 1px solid #8AC23D;

}

.blogger__info{
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
    max-width: 170px;
    text-align: center;
}

.blogger__avatar{
    display: flex;
    width: 140px;
    height: 140px;
    overflow: hidden;
    border-radius: 100%;
}

.blogger__avatar>img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.blogger__name{
    font-family: Roboto;
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
}

.blogger__reviews{
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.review{
    display: none;
    align-items: flex-start;
    padding-bottom: 50px;
    gap: 50px;

}

.review:first-of-type{
  display: flex;
}

.review:not(:last-of-type){
    border-bottom: 1px solid #CBCBCB;
    margin-bottom: 50px;
}

.review:last-of-type{
    padding-bottom: 30px;
}

.review.show{
  display: flex;
}

.review.hide-info{
  border-bottom: 0;
  margin-bottom: 0;
}

.review.hide-info>.review__medias>.review__media:not(:first-child){
  display: none;
}

.review.hide-info>.review__body>.review__text{
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 20; /* number of lines to show */
           line-clamp: 20; 
   -webkit-box-orient: vertical;
   border-bottom: 0;
}

.review.hide-info>.review__body>.review__footer{
  display: none;
}

.review__medias{
    display: flex;
    flex-direction: column;
    gap: 30px;
    flex-shrink: 0;

}

.review__media{
    max-width: 298px;
    width: 100%;
    display: flex;
    overflow: hidden;
    border-radius: 20px;

}

.review__media>img, .review__media>video{
    object-fit: contain;
    width: 100%;
}

.review__body{
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex: 1;
    min-width: 0;
    width: 100%;
}

.review__text{
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 20px;
    border-bottom: 1px solid #CBCBCB;
    color: rgba(99, 99, 99, 1);
    font-family: Roboto;
    font-size: 18px;
    font-weight: 300;
    word-wrap: break-word;

}

.review__text>a{
  text-decoration: underline;
  color: rgba(99, 99, 99, 1);
}

.review__text>.green{
  color: #8AC23D;
}

.review__footer{
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.review__emotions{
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-right: 20px;
}

.review__emotion{
    display: flex;
    align-items: center;
    gap: 4px;
}

.review__emotion-icon, .review__emotion-count{
    font-family: Roboto;
    font-size: 18px;
    color: rgba(99, 99, 99, 1);

}

.review__watch{
    margin-left: auto;
    display: flex;
    gap: 4px;
    align-items: center;
}

.review__watch-count{
    font-family: Roboto;
    font-size: 18px;
    color: rgba(99, 99, 99, 1);

}

.review__watch-icon{
    width: 16px;
    height: 16px;
    display: flex;

}

.review__watch-icon>svg{
    width: 16px;
    height: 16px;

}

.review__time{
    font-family: Roboto;
    font-size: 18px;
    color: rgba(99, 99, 99, 1);

}

.blogger__review-button{
    cursor: pointer;
    border: none;
    align-self: flex-end;
    padding: 12px 34px;
    border-radius: 50px;
    color: #ffffff;
    background: #8AC23D;
    font-size: 14px;
    font-weight: 600;
}

.review.hidden{
    display: none;
}

@media screen and (max-width: 1200px){
    .blogger{
        flex-direction: column;
    }
}

@media only screen and (max-width: 992px){
    .section-bloggers{
        padding: 280px 0 0;
        /* padding: 80px 0 0; */
    }
}

@media screen and (max-width: 960px){
    .review__time{
        font-size: 14px;
    }

    .review__watch-icon>svg{
        width: 14px;
        height: 14px;
    }

    .review__watch-icon{
        width: 14px;
        height: 14px;
    }

    .review__watch-count{
        font-size: 14px;
    }

    .review__emotion-icon, .review__emotion-count{
        font-size: 14px;
    }

    .review__text{
        font-size: 14px;
    }

    .review__medias{
        gap: 20px;
    }

    .review{
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }

    .blogger{
        align-items: center;
        padding: 30px 18px;
        gap: 40px;
    }
}

@media only screen and (max-width: 768px){
    .review__media{
        max-width: 100%;
    }
}

@media only screen and (max-width: 760px){
    .section-bloggers{
        /* padding: 60px 0 0; */
        padding: 250px 0 0;
    }
}
/* End */


/* Start:/local/templates/.default/css/custom.css?1721928426402*/
.hero__top-row {
    align-items: center !important;
}
.captcha {
    margin-bottom: 16px;
}
.captcha p {
    margin-top: 16px;
}
.captchaImg {
    margin-left: 8px;
}
.input_error {
    border: 1px solid rgba(255, 70, 93, 1) !important;
}

@media only screen and (max-width: 760px) {
    .hero__width {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* End */


/* Start:/local/templates/general/template_styles.css?17345931481760*/
:root {
    --percent: 50%;
}

.pt-70 {
    padding-top: 70px;
}

.fa-star {
    color: #9ed04b;
}

.reviews__total-stars {
    display: flex;
}

.half-star {
    position: relative;
}

.half-star i {
    position: absolute;
}

.half-star .fa-regular {
    position: relative !important;
    opacity: 0;
}

.half-star .fa-solid {
    background: linear-gradient(to right, #9ed04b var(--percent), white var(--percent), white 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.progress-bar .progress {
    background: linear-gradient(to right, #75b800 var(--percent), rgba(0, 0, 0, 0.075) var(--percent), rgba(0, 0, 0, 0.075) 100%) !important;
}

.photo-block {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.review__right i {
    font-size: 15px;
    line-height: 15px;
}

.reviews__form-header {
    position: relative;
}

.reviews__form-header .close-btn {
    font-size: 48px;
    right: 30px;
    position: absolute;
    cursor: pointer;
}

.wrapper input {
    border: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    opacity: 0;
}

.wrapper label {
    position: relative;
    float: right;
    color: #C8C8C8;
}

.wrapper label:before {
    margin: 5px;
    content: "\f005";
    font-family: FontAwesome;
    display: inline-block;
    font-size: 1.5em;
    color: #ccc;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.wrapper input:checked ~ label:before {
    color: #9ed04b;
}

.wrapper label:hover ~ label:before {
    color: rgba(158, 208, 75, 0.78);
}

.wrapper label:hover:before {
    color: rgba(158, 208, 75, 0.78);
}
/* End */


/* Start:/local/sources/dist/css/layout.css?177789090427551*/
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;600;700&family=Roboto:wght@300;500;700;900&display=swap");
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/* UI BEGIN */
a {
  color: #000000;
  text-decoration: none;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

a:hover {
  color: #89c23c;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

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

input {
  -moz-appearance: none;
  -webkit-appearance: none;
}

h2 {
  font-size: 50px;
  padding-bottom: 63px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #000000;
  text-align: left;
  line-height: 1;
  letter-spacing: 0.4px;
}

h2 + p {
  margin-top: 0;
}

.montserrat {
  font-family: "Montserrat", sans-serif;
}

h3 {
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  line-height: 1.2;
}

h4 {
  font-size: 20px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  line-height: 1.2;
  padding-top: 38px;
}

p {
  margin-top: 63px;
  color: #636363;
  line-height: 1.7;
  font-weight: 400;
}

p + p {
  margin-top: 40px;
}

section {
  padding: 136px 0;
}

.no-bottom-padding {
  padding-bottom: 0;
}

.no-top-padding {
  padding-top: 0;
}

.no-padding {
  padding: 0;
}

.input-container {
  position: relative;
}

.input-container .label {
  position: absolute;
  font-size: 16px;
  color: #959595;
  line-height: 1.25;
  font-weight: 400;
  padding: 5px;
  left: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: "Roboto", sans-serif;
  letter-spacing: 0;
  width: auto;
  pointer-events: none;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  z-index: 2;
  font-weight: 300;
}

.input-container input {
  width: 100%;
  border: 1px solid #fff;
  outline: none;
  border-radius: 6px;
  background: #fff;
  padding: 20px 28px;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  color: #000000;
  display: inline-block;
  letter-spacing: 0.5px;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.input-container input::-webkit-input-placeholder {
  color: #333;
}

.input-container input::-moz-placeholder {
  color: #333;
}

.input-container input::-ms-input-placeholder {
  color: #333;
}

.input-container input::placeholder {
  color: #333;
}

.input-container input::-webkit-inner-spin-button,
.input-container input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input-container input::-webkit-input-placeholder {
  color: transparent !important;
  opacity: 0;
}

.input-container input::-moz-placeholder {
  color: transparent !important;
  opacity: 0;
}

.input-container input::-ms-input-placeholder {
  color: transparent !important;
  opacity: 0;
}

.input-container input::placeholder {
  color: transparent !important;
  opacity: 0;
}

.input-container input:-ms-input-placeholder {
  color: transparent !important;
}

.input-container input:focus + .label,
.input-container input:not(:placeholder-shown) + .label {
  -webkit-transform: translateY(-24px);
  -ms-transform: translateY(-24px);
  transform: translateY(-24px);
  font-size: 12px;
}

.input-container input:focus,
.input-container input:not(:placeholder-shown) {
  padding-top: 30px;
  padding-bottom: 10px;
}

.input-container.has-error input {
  border-color: #ff0000;
}

.edit-section h3 {
  margin-top: 96px;
}

.edit-section h2 {
  margin-top: 135px;
}

.no-margin {
  margin-top: 0;
}

@media only screen and (max-width: 1124px) {
  section {
    padding: 90px 0;
  }
  h2 {
    font-size: 42px;
    padding-bottom: 70px;
  }
}

@media only screen and (max-width: 992px) {
  section {
    padding: 75px 0;
  }
  h2 {
    font-size: 36px;
    padding-bottom: 40px;
  }
  h4 {
    font-size: 18px;
    padding-top: 25px;
  }
  p {
    margin-top: 35px;
  }
  .edit-section h3 {
    margin-top: 50px;
  }
  .edit-section h2 {
    margin-top: 60px;
  }
}

@media only screen and (max-width: 760px) {
  section {
    padding: 30px 0;
  }
  section.no-bottom-padding {
    padding-bottom: 30px;
  }
  section.no-top-padding {
    padding-top: 30px;
  }
  h2 {
    font-size: 24px;
    padding-bottom: 20px;
    line-height: 1.4;
  }
  h3 {
    font-size: 16px;
  }
  h4 {
    font-size: 16px;
    padding-top: 15px;
  }
  p {
    margin-top: 25px;
  }
  p + p {
    margin-top: 10px;
  }
  .edit-section h3 {
    margin-top: 30px;
  }
  .edit-section h2 {
    margin-top: 40px;
  }
  .input-container .label {
    left: 11px;
  }
  .input-container input {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* UI END */
@font-face {
  font-family: "RF Dewi Expanded";
  src: url("/local/sources/dist/css/../fonts/RFDewiExpanded-Semibold.eot");
  src: url("/local/sources/dist/css/../fonts/RFDewiExpanded-Semibold.eot?#iefix")
      format("embedded-opentype"),
    url("/local/sources/dist/css/../fonts/RFDewiExpanded-Semibold.woff2") format("woff2"),
    url("/local/sources/dist/css/../fonts/RFDewiExpanded-Semibold.woff") format("woff"),
    url("/local/sources/dist/css/../fonts/RFDewiExpanded-Semibold.ttf") format("truetype"),
    url("/local/sources/dist/css/../fonts/RFDewiExpanded-Semibold.svg#RFDewiExpanded-Semibold")
      format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "RF Dewi Expanded Thin";
  src: url("/local/sources/dist/css/../fonts/RFDewiExpanded-Thin.eot");
  src: url("/local/sources/dist/css/../fonts/RFDewiExpanded-Thin.eot?#iefix")
      format("embedded-opentype"),
    url("/local/sources/dist/css/../fonts/RFDewiExpanded-Thin.woff2") format("woff2"),
    url("/local/sources/dist/css/../fonts/RFDewiExpanded-Thin.woff") format("woff"),
    url("/local/sources/dist/css/../fonts/RFDewiExpanded-Thin.ttf") format("truetype"),
    url("/local/sources/dist/css/../fonts/RFDewiExpanded-Thin.svg#RFDewiExpanded-Thin") format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

/* GENERAL BEGIN */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}

body,
html {
  background: #ffffff;
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 0.5px;
  min-width: 320px;
  max-width: 100%;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100vh;
}

.page main {
  padding-top: 94px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  main {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: block;
  }
}

.container {
  max-width: 1300px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px;
}

@media only screen and (max-width: 1336px) {
  .page main {
    padding-top: 50px;
  }
}

@media only screen and (max-width: 992px) {
  body,
  html {
    font-size: 16px;
  }
  .container {
    padding-left: 35px;
    padding-right: 35px;
  }
}

@media only screen and (max-width: 760px) {
  body,
  html {
    font-size: 14px;
  }
  .page main {
    padding-top: 35px;
  }
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .container--no-padding {
    padding-left: 0;
    padding-right: 0;
  }
}

/* GENERAL END */
/* HEADER BEGIN */
.hamburger {
  width: 40px;
  height: 26px;
  z-index: 2000;
  display: inline-block;
  cursor: pointer;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  -o-transition-property: opacity, filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  padding: 0;
  overflow: visible;
  font-size: 0;
  line-height: 0;
  position: relative;
  margin-left: auto;
}

.hamburger span {
  display: block;
  height: 4px;
  position: absolute;
  width: 100%;
  background: #000000;
}

.hamburger span.top {
  top: 0;
}

.hamburger span.middle {
  top: 50%;
  margin-top: -1px;
  width: 30px;
}

.hamburger span.bottom {
  top: 100%;
  margin-top: -2px;
  width: 20px;
}

.hamburger.is-open .middle {
  opacity: 0;
}

.hamburger.is-open span.top {
  margin: -2px 0 0 -3px;
  top: 50%;
  width: 100%;
  background: #000000;
  -webkit-transform: rotate(-40deg);
  -ms-transform: rotate(-40deg);
  transform: rotate(-40deg);
}

.hamburger.is-open span.bottom {
  margin: -2px 0 0 -3px;
  top: 50%;
  width: 100%;
  background: #000000;
  -webkit-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
}

.hamburger span {
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.header {
  padding: 20px 0;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.header.nav-up {
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transform: translateY(-300%);
  -ms-transform: translateY(-300%);
  transform: translateY(-300%);
}

.header:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: #fff;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  opacity: 0;
  -webkit-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}

.header--small {
  background: #fff;
  padding: 15px 0;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.header--small:before {
  opacity: 1;
}

.header--small .header__logotype img {
  width: 160px;
}

.header .hamburger {
  display: none;
}

.header .container {
  max-width: 1800px;
  /* max-width: 1564px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.header .btn {
  background: transparent;
  padding: 11px 30px;
  font-size: 14px;
  margin-right: -20px;
  margin-left: 40px;
  white-space: nowrap;
  position: relative;
  z-index: 20;
}

.header .footer__city {
  margin: 6px 0 0;
  font-size: 12px;
}

.header .footer__phone {
  border-bottom: none;
}

.header .footer__phone:hover {
  color: #89c23c;
}

.header__logotype {
  font-size: 0;
  margin-right: 40px;
  position: relative;
  z-index: 20;
}

.header__logotype img {
  width: 206px;
  height: auto;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.header__menu {
  position: relative;
  z-index: 20;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
  column-gap: 32px;
}

.header__menu a {
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  margin: 0;
  color: #000000;
  line-height: 1.3;
}

.header__menu a:hover {
  color: #89c23c;
}

.header__dropdown {
  display: none;
  position: relative;
  z-index: 20;
}

.header__dropdown .header__menu {
  display: none;
}

.header__dropdown .header__consult {
  display: none;
}

.header__dropdown .btn {
  display: none;
}

.header__consult-container {
  position: relative;
  z-index: 20;
}

.header__languages {
  margin-right: 25px;
  position: relative;
  padding-right: 14px;
  z-index: 10;
  cursor: pointer;
}

.header__languages:after {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 3px 0 3px;
  border-color: #959595 transparent transparent transparent;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.header__languages:hover:after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.header__languages:hover .header__language {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  pointer-events: all;
}

.header__language {
  font-size: 0;
  color: transparent;
  display: block;
  line-height: 1;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 100%;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  -webkit-transform: translateY(8px);
  -ms-transform: translateY(8px);
  transform: translateY(8px);
}

.header__language svg {
  width: 24px;
  height: 24px;
}

.header__language.is-active {
  position: static;
  left: 0;
  top: 0;
  pointer-events: none !important;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  opacity: 1;
}

@media only screen and (max-width: 1568px) {
  .header__menu a {
    font-size: 15px;
    margin: 0 24px;
  }
  .header__logotype {
    margin-right: 25px;
  }
  .header .btn {
    margin-left: 25px;
  }
}

@media only screen and (max-width: 1336px) {
  .header .hamburger {
    display: block;
    margin: 0;
  }
  .header .btn {
    margin-right: 25px;
  }
  .header__dropdown {
    display: block;
    position: absolute;
    z-index: 20;
    right: 0;
    top: 100%;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    pointer-events: none;
    overflow-y: auto;
  }
  .header__dropdown .header__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
  }
  .header__menu {
    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: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    padding: 15px 50px 20px;
    background: #fff;
    display: none;
  }
  .header__menu a {
    font-size: 16px;
    margin: 12px 0;
  }
  .header__consult-container {
    margin-left: auto;
  }
  .header.is-active {
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  }
  .header.is-active:before {
    opacity: 1;
    height: 100vh;
  }
  .header.is-active .header__dropdown {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    pointer-events: all;
    height: unset;
    /* height: calc(100vh - 78px); */
    /* max-height: 100%; Fallback */
    /* height: -moz-available;
    height: -webkit-fill-available;
    height: fill-available;
    min-height: max-content; */
    -webkit-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
  }
}

@media only screen and (max-width: 992px) {
  .header__logotype img {
    width: 160px;
  }
}

@media only screen and (max-width: 760px) {
  .homepage .header {
    background: transparent;
  }
  .header {
    padding: 15px 0;
    background: #fff;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) !important;
  }
  .header.nav-up {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .header.is-active {
    background: #fff;
  }
  .header.is-active .header__dropdown {
    -webkit-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    /* height: calc(100vh - 66px); */
    height: unset;
    /* max-height: 100%; */
    /* height: -moz-available;
    height: -webkit-fill-available;
    height: fill-available;
    min-height: max-content; */
  }
  .header.is-active .header__dropdown:before {
    opacity: 1;
  }
  .header.is-active .header__languages {
    opacity: 1;
    pointer-events: all;
  }
  .header .hamburger {
    margin-right: 0;
  }
  .header--small {
    padding: 15px 0;
  }
  .header--small .header__logotype img {
    width: 120px;
  }
  .header__logotype img {
    width: 120px;
  }
  .header__languages {
    margin: 0 20px 0 auto;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
  }
  .header__language svg {
    width: 22px;
    height: 22px;
  }
  .header__dropdown {
    width: 100%;
    height: calc(var(--vh, 1vh) * 100 - 65px);
    right: 0;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    -webkit-transform: translateX(0) translateY(-100%);
    -ms-transform: translateX(0) translateY(-100%);
    transform: translateX(0) translateY(-100%);
    background: #fff;
    padding: 0 20px 20px;
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .header__button {
    display: none;
  }
  .header__consult-container {
    display: none;
  }
  .header__dropdown .btn {
    display: block;
  }
  .header__dropdown .header__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: auto;
    width: 100%;
  }
  .header__dropdown .header__menu-bottom {
    margin-top: auto;
  }
  .header__dropdown .header__consult {
    padding-top: 20px;
    display: block;
    text-align: center;
  }
  .header__menu {
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .header__menu a {
    margin: 0 -20px;
    width: calc(100% + 40px);
    padding: 14px 20px;
    border-bottom: 1px solid #ebebeb;
    text-align: center;
  }
  .header__menu a:hover {
    border-color: #ebebeb;
  }
  .header__menu a:first-child {
    border-top: 1px solid #ebebeb;
  }
  .header .btn {
    width: 100%;
    margin: 20px 0 0;
  }
  .header .header-dropdown-consult {
    margin-top: auto;
    text-align: center;
  }
  .hamburger {
    width: 32px;
    height: 20px;
  }
  .hamburger span {
    height: 3px;
  }
  .hamburger span.middle {
    width: 24px;
  }
  .hamburger span.bottom {
    width: 16px;
  }
}

/* @supports (hanging-punctuation: first) and (font: -apple-system-body) and
  (-webkit-appearance: none) {
  .header.is-active .header__dropdown {
    padding-bottom: 96px;
  }
} */

/* HEADER END */

/*# sourceMappingURL=layout.css.map */

/* End */


/* Start:/local/sources/dist/css/app.css?1788945403506240*/
@charset "UTF-8";

/* FOOTER BEGIN */
.footer {
  padding: 95px 0 40px;
  position: relative;
  z-index: 5;
}

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

.footer__info {
  width: 70%;
}

.footer__row {
  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;
  margin: 0;
  width: 100%;
}

.footer__row-item {
  padding: 0 15px 30px;
  -ms-flex-item-align: start;
  align-self: flex-start;
  width: 30%;
}

.footer__row-item:first-child {
  width: 26%;
}

.footer__row-item:last-child {
  width: 47%;
  padding-right: 0;
}

.footer__logotype {
  font-size: 0;
  margin-top: 5px;
  cursor: pointer;
  margin-right: 40px;
}

.footer__logotype img {
  width: 200px;
  height: auto;
}

.footer__city {
  font-size: 14px;
  margin: 0 0 6px;
  line-height: 1.3;
  color: #636363;
}

.footer__phone {
  font-size: 16px;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  margin: 0;
  line-height: 1.2;
  white-space: nowrap;
}

.footer__link {
  font-size: 12px;
  color: #636363;
  line-height: 1.4;
  display: block;
  cursor: pointer;
  height: auto;
}

.footer__link--mail {
  color: #89c23c;
  font-size: 14px;
  display: block;
  margin-top: -2px;
}

.footer__link--mail span {
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  border-bottom: 1px solid transparent;
}

.footer__link--mail:hover {
  color: #89c23c;
}

.footer__link--mail:hover span {
  border-color: #89c23c;
}

@media only screen and (max-width: 992px) {
  .footer {
    padding: 50px 0 20px;
  }

  .footer__wrapper {
    position: relative;
    padding-top: 100px;
  }

  .footer__logotype {
    position: absolute;
    margin-top: 0;
    top: 0;
  }

  .footer__row {
    padding-bottom: 0;
    margin: 0 -15px;
    width: calc(100% + 30px);
  }

  .footer__row:nth-child(1) .footer__row-item:last-child {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
  }

  .footer__row:nth-child(2) {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .footer__row:nth-child(2) .footer__row-item:last-child {
    position: absolute;
    right: 0;
    top: 60px;
    text-align: right;
  }

  .footer__info {
    width: 100%;
  }

  .footer__row-item {
    padding: 0 15px 15px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    width: 50%;
  }

  .footer__row-item:first-child {
    width: 50%;
  }

  .footer__row-item:last-child {
    width: 50%;
    padding-right: 15px;
  }

  .footer__city {
    font-size: 12px;
  }
}

@media only screen and (max-width: 760px) {
  .footer {
    padding: 25px 0 35px;
  }

  .footer__logotype {
    position: static;
  }

  .footer__logotype img {
    width: 120px;
  }

  .footer__wrapper {
    padding-top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .footer__city {
    font-size: 10px;
    margin: 0 0 5px;
  }

  .footer__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    width: 100%;
  }

  .footer__row:nth-child(1) .footer__row-item:last-child {
    position: static;
    text-align: left;
  }

  .footer__row:nth-child(2) {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .footer__row:nth-child(2) .footer__row-item:last-child {
    position: static;
    text-align: left;
  }

  .footer__row:nth-child(2) .footer__row-item:nth-child(2) {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .footer__row-item {
    padding: 15px 0 0;
    width: 100% !important;
  }
}

/* FOOTER END */
/* COOKIES BEGIN */
.cookies {
  padding: 65px 0 90px;
  background: #fff;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  z-index: 10;
  display: none;
}

.cookies__row {
  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;
}

.cookies__row p {
  margin: 12px 0 0;
  padding-right: 10px;
  font-size: 24px;
  line-height: 1.4;
}

.cookies__row-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-left: auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.cookies__row-buttons a {
  margin-left: 30px;
  color: #89c23c;
  margin-top: 18px;
}

.cookies__main {
  font-size: 48px;
  line-height: 1.2;
  color: #959595;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  margin: 80px 0 0;
}

@media only screen and (max-width: 1568px) {
  .cookies {
    padding-bottom: 80px;
  }

  .cookies__main {
    font-size: 46px;
  }
}

@media only screen and (max-width: 1336px) {
  .cookies {
    padding: 75px 0;
  }

  .cookies__main {
    font-size: 42px;
    margin-top: 60px;
  }
}

@media only screen and (max-width: 992px) {
  .cookies {
    padding: 40px 0 50px;
  }

  .cookies__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .cookies__row p {
    font-size: 20px;
    margin-top: 0;
  }

  .cookies__row-buttons {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-left: 0;
    width: 100%;
    padding-top: 20px;
  }

  .cookies__row-buttons a {
    margin-left: 0;
  }

  .cookies__main {
    font-size: 4vh;
    margin-top: 30px;
  }
}

@media only screen and (max-width: 760px) {
  .cookies {
    padding: 25px 0;
  }

  .cookies__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .cookies__row p {
    font-size: 16px;
    margin-top: 0;
  }

  .cookies__row-buttons {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: center;
    flex-direction: center;
    margin-left: 0;
    width: 100%;
    padding-top: 20px;
  }

  .cookies__row-buttons .btn {
    width: 100%;
    font-size: 12px;
  }

  .cookies__row-buttons a {
    margin: 15px 0 0;
  }

  .cookies__main {
    font-size: 32px;
    margin-top: 25px;
  }
}

@media only screen and (max-width: 360px) {
  .cookies__main {
    font-size: 28px;
  }
}

/* COOKIES END */
/* PAGE 404 BEGIN */
.page-404 {
  overflow: hidden;
}

.page-404 .footer {
  background: transparent;
}

.page-404 main {
  padding-top: 0;
}

.page404 {
  padding: 120px 0 0;
  margin: auto 0;
}

.page404__container {
  position: relative;
  max-width: 1920px;
  width: 100%;
  position: relative;
  margin: 0 auto;
}

.page404 .container {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.page404__circle {
  position: absolute;
  width: 1100px;
  height: 1100px;
  right: 50%;
  top: 37%;
}

.page404__image {
  font-size: 0;
  width: 50%;
  padding-right: 50px;
}

.page404__image img {
  width: 100%;
  height: auto;
}

.page404__info {
  width: 50%;
  padding-left: 50px;
  text-align: left;
}

@media only screen and (max-width: 992px) {
  .page404__image {
    width: 46%;
    padding-right: 25px;
  }

  .page404__info {
    width: 54%;
    padding-left: 25px;
  }

  .page404__info .btn {
    width: 100%;
  }
}

@media only screen and (max-width: 760px) {
  .page404 {
    padding: 100px 0 30px;
    margin: 0;
  }

  .page404 .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .page404__image {
    width: 100%;
    padding-right: 0;
    text-align: center;
  }

  .page404__image img {
    max-width: 240px;
    width: 80%;
  }

  .page404__circle {
    position: absolute;
    width: 240px;
    height: 240px;
    top: -25px;
  }

  .page404__info {
    width: 100%;
    padding: 40px 0 0;
    text-align: center;
  }

  .page404__info h2 {
    text-align: center;
  }

  .page404__info .btn {
    width: 100%;
  }
}

/* PAGE 404 END */
/**
 * Swiper 4.5.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 16, 2019
 */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical>.swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow>.swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode>.swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear,
      right top,
      left top,
      from(rgba(0, 0, 0, 0.5)),
      to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear,
      left top,
      right top,
      from(rgba(0, 0, 0, 0.5)),
      to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear,
      left bottom,
      left top,
      from(rgba(0, 0, 0, 0.5)),
      to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear,
      left top,
      left bottom,
      from(rgba(0, 0, 0, 0.5)),
      to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
}

/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-container-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical>.swiper-pagination-progressbar,
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  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;
  text-align: center;
}

.swiper-zoom-container>img,
.swiper-zoom-container>svg,
.swiper-zoom-container>canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next+.swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

/* ELEMENTS BEGIN */
.btn {
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 1px solid #89c23c;
  background: #89c23c;
  padding: 21px 40px;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  font-size: 14px;
  color: #fff;
  line-height: 1.2;
  border-radius: 50px;
  letter-spacing: normal;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  text-align: center;
}

.btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: #ccc;
  color: #666;
  border-color: #aaa;
  pointer-events: none;
}

.btn:hover {
  background: #9ed04b;
  border-color: #9ed04b;
  color: #ffffff;
}

.btn--border {
  background: transparent;
  color: #89c23c;
  transition: none;
}

.btn--border:hover {
  color: #fff;
  border-color: #89c23c;
  background: #89c23c;
}

@media only screen and (max-width: 760px) {
  .btn {
    font-size: 14px;
    padding: 14px 8px;
  }
}

/* ELEMENTS END */
.fancybox-enabled {
  overflow: hidden;
}

.fancybox-enabled body {
  overflow: visible;
  -ms-touch-action: none;
  touch-action: none;
}

.fancybox-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99993;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fancybox-container~.fancybox-container {
  z-index: 99992;
}

.fancybox-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #0f0f11;
  opacity: 0;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
  -o-transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
  transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fancybox-container--ready .fancybox-bg {
  opacity: 0.87;
  -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
  -o-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-controls {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  z-index: 99994;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  direction: ltr;
}

.fancybox-show-controls .fancybox-controls {
  opacity: 1;
}

.fancybox-infobar {
  display: none;
}

.fancybox-show-infobar .fancybox-infobar {
  display: inline-block;
  pointer-events: all;
}

.fancybox-infobar__body {
  display: inline-block;
  width: 70px;
  line-height: 44px;
  font-size: 13px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #ddd;
  background-color: rgba(30, 30, 30, 0.7);
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: subpixel-antialiased;
}

.fancybox-buttons {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  pointer-events: all;
}

.fancybox-show-buttons .fancybox-buttons {
  display: block;
}

.fancybox-slider-wrap {
  overflow: hidden;
  direction: ltr;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  z-index: 99993;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fancybox-slider {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  z-index: 99993;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fancybox-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  outline: none;
  white-space: normal;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  z-index: 99994;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
}

.fancybox-slide:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0;
}

.fancybox-slide>* {
  display: inline-block;
  position: relative;
  padding: 24px;
  margin: 44px 0 44px;
  border-width: 0;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  overflow: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.fancybox-slide--image {
  overflow: hidden;
}

.fancybox-slide--image:before {
  display: none;
}

.fancybox-content {
  display: inline-block;
  position: relative;
  margin: 44px auto;
  padding: 0;
  border: 0;
  width: 80%;
  height: calc(100% - 88px);
  vertical-align: middle;
  line-height: normal;
  text-align: left;
  white-space: normal;
  outline: none;
  font-size: 16px;
  font-family: Arial, sans-serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch;
}

.fancybox-iframe {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video .fancybox-iframe {
  background: transparent;
}

.fancybox-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border: 0;
  z-index: 99995;
  background: transparent;
  cursor: default;
  overflow: visible;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fancybox-image,
.fancybox-spaceball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  max-width: none;
  max-height: none;
  background: transparent;
  background-size: 100% 100%;
}

.fancybox-controls--canzoomOut .fancybox-placeholder {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.fancybox-controls--canzoomIn .fancybox-placeholder {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.fancybox-controls--canGrab .fancybox-placeholder {
  cursor: -webkit-grab;
  cursor: grab;
}

.fancybox-controls--isGrabbing .fancybox-placeholder {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.fancybox-spaceball {
  z-index: 1;
}

.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden;
}

.fancybox-error {
  position: absolute;
  margin: 0;
  padding: 40px;
  top: 50%;
  left: 50%;
  width: 380px;
  max-width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  cursor: default;
}

.fancybox-error p {
  margin: 0;
  padding: 0;
  color: #444;
  font: 16px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.fancybox-close-small {
  position: absolute;
  top: 4px;
  right: 4px;
  padding: 0;
  margin: 0;
  width: 30px;
  height: 30px;
  font: 21px/1 Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #888;
  font-weight: 300;
  text-align: center;
  border-radius: 50%;
  border-width: 0;
  cursor: pointer;
  background: #fff;
  -webkit-transition: background 0.2s;
  -o-transition: background 0.2s;
  transition: background 0.2s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 2;
}

.fancybox-close-small:focus {
  outline: 1px dotted #888;
}

.fancybox-slide--video .fancybox-close-small {
  top: -36px;
  right: -36px;
  background: transparent;
}

.fancybox-close-small:hover {
  color: #555;
  background: #eee;
}

.fancybox-caption-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 60px 30px 0 30px;
  z-index: 99998;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(transparent),
      color-stop(20%, rgba(0, 0, 0, 0.1)),
      color-stop(40%, rgba(0, 0, 0, 0.2)),
      color-stop(80%, rgba(0, 0, 0, 0.6)),
      to(rgba(0, 0, 0, 0.8)));
  background: -webkit-linear-gradient(top,
      transparent 0%,
      rgba(0, 0, 0, 0.1) 20%,
      rgba(0, 0, 0, 0.2) 40%,
      rgba(0, 0, 0, 0.6) 80%,
      rgba(0, 0, 0, 0.8) 100%);
  background: -o-linear-gradient(top,
      transparent 0%,
      rgba(0, 0, 0, 0.1) 20%,
      rgba(0, 0, 0, 0.2) 40%,
      rgba(0, 0, 0, 0.6) 80%,
      rgba(0, 0, 0, 0.8) 100%);
  background: linear-gradient(to bottom,
      transparent 0%,
      rgba(0, 0, 0, 0.1) 20%,
      rgba(0, 0, 0, 0.2) 40%,
      rgba(0, 0, 0, 0.6) 80%,
      rgba(0, 0, 0, 0.8) 100%);
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  pointer-events: none;
}

.fancybox-show-caption .fancybox-caption-wrap {
  opacity: 1;
}

.fancybox-caption {
  padding: 30px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #fff;
  line-height: 20px;
  -webkit-text-size-adjust: none;
}

.fancybox-caption a,
.fancybox-caption button {
  pointer-events: all;
}

.fancybox-caption a {
  color: #fff;
  text-decoration: underline;
}

.fancybox-button {
  display: inline-block;
  position: relative;
  width: 44px;
  height: 44px;
  line-height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  background: transparent;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  outline: none;
}

.fancybox-button--disabled {
  cursor: default;
  pointer-events: none;
}

.fancybox-infobar__body {
  background: rgba(30, 30, 30, 0.6);
}

.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
}

.fancybox-button:hover {
  background: rgba(0, 0, 0, 0.8);
}

.fancybox-button:before,
.fancybox-button:after {
  content: "";
  pointer-events: none;
  position: absolute;
  border-color: #fff;
  background-color: currentColor;
  color: currentColor;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
}

.fancybox-button--disabled:before,
.fancybox-button--disabled:after {
  opacity: 0.5;
}

.fancybox-button--left:after {
  left: 20px;
  top: 18px;
  width: 6px;
  height: 6px;
  background: transparent;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.fancybox-button--right:after {
  right: 20px;
  top: 18px;
  width: 6px;
  height: 6px;
  background: transparent;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.fancybox-button--left {
  border-bottom-left-radius: 5px;
}

.fancybox-button--right {
  border-bottom-right-radius: 5px;
}

.fancybox-button--close {
  float: right;
}

.fancybox-button--close:before,
.fancybox-button--close:after {
  content: "";
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 16px;
  top: calc(50% - 1px);
  left: calc(50% - 8px);
}

.fancybox-button--close:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.fancybox-button--close:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.fancybox-loading {
  border: 6px solid rgba(100, 100, 100, 0.4);
  border-top: 6px solid rgba(255, 255, 255, 0.6);
  border-radius: 100%;
  height: 50px;
  width: 50px;
  -webkit-animation: fancybox-rotate 0.8s infinite linear;
  animation: fancybox-rotate 0.8s infinite linear;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 99999;
}

@-webkit-keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.fancybox-button--fullscreen:before {
  width: 15px;
  height: 11px;
  left: 15px;
  top: 16px;
  border: 2px solid;
  background: none;
}

.fancybox-button--play:before {
  top: 16px;
  left: 18px;
  width: 0;
  height: 0;
  border-top: 6px inset transparent;
  border-bottom: 6px inset transparent;
  border-left: 10px solid;
  border-radius: 1px;
  background: transparent;
}

.fancybox-button--pause:before {
  top: 16px;
  left: 18px;
  width: 7px;
  height: 11px;
  border-style: solid;
  border-width: 0 2px 0 2px;
  background: transparent;
}

.fancybox-button--thumbs span {
  font-size: 23px;
}

.fancybox-button--thumbs:before {
  top: 20px;
  left: 21px;
  width: 3px;
  height: 3px;
  -webkit-box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset,
    -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0;
  box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0,
    4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0;
}

.fancybox-container--thumbs .fancybox-controls,
.fancybox-container--thumbs .fancybox-slider-wrap,
.fancybox-container--thumbs .fancybox-caption-wrap {
  right: 220px;
}

.fancybox-thumbs {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  width: 220px;
  margin: 0;
  padding: 5px 5px 0 0;
  background: #fff;
  z-index: 99993;
  word-break: normal;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.fancybox-thumbs>ul {
  list-style: none;
  position: absolute;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 0;
}

.fancybox-thumbs>ul>li {
  float: left;
  overflow: hidden;
  max-width: 50%;
  padding: 0;
  margin: 0;
  width: 105px;
  height: 75px;
  position: relative;
  cursor: pointer;
  outline: none;
  border: 5px solid #fff;
  border-top-width: 0;
  border-right-width: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

li.fancybox-thumbs-loading {
  background: rgba(0, 0, 0, 0.1);
}

.fancybox-thumbs>ul>li>img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  max-height: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fancybox-thumbs>ul>li:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 2px;
  border: 4px solid #4ea7f9;
  z-index: 99991;
  opacity: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.fancybox-thumbs>ul>li.fancybox-thumbs-active:before {
  opacity: 1;
}

.caption-fancybox {
  background: #fff;
  margin: -30px;
  padding: 0 30px;
}

.caption-fancybox .caption-fancybox-block {
  display: table;
  width: 100%;
  padding: 20px 0;
}

.caption-fancybox .caption-fancybox-block>div {
  display: table-cell;
  vertical-align: top;
}

.caption-fancybox .header-logo {
  position: static;
  margin: 0;
  width: 180px;
  height: auto;
}

.caption-fancybox .text {
  color: #000;
  padding-left: 50px;
  letter-spacing: 0.25px;
}

.caption-fancybox .text .t1 {
  font-weight: 600;
  padding-bottom: 7px;
  margin-bottom: 7px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
  font-family: "Proxima Nova Semi", sans-serif;
}

.caption-fancybox .text .t2 {
  font-family: "Proxima Nova Light", sans-serif;
  font-weight: 300;
}

@media all and (max-width: 800px) {
  .fancybox-thumbs {
    display: none !important;
  }

  .fancybox-container--thumbs .fancybox-controls,
  .fancybox-container--thumbs .fancybox-slider-wrap,
  .fancybox-container--thumbs .fancybox-caption-wrap {
    right: 0;
  }

  .fancybox-slide--iframe .fancybox-content {
    position: relative;
    padding-bottom: 56.25%;
    width: 100%;
    height: 0;
    overflow: hidden;
  }

  .fancybox-slide--iframe .fancybox-content .fancybox-iframe {
    position: absolute;
    top: 0;
    left: 0;
    border-width: 0;
    outline-width: 0;
  }
}

@media all and (max-width: 800px) {
  .fancybox-controls {
    text-align: left;
  }

  .fancybox-button--left,
  .fancybox-button--right,
  .fancybox-buttons button:not(.fancybox-button--close) {
    display: none !important;
  }

  .fancybox-caption {
    padding: 20px 0;
    margin: 0;
  }

  .fancybox-caption-wrap {
    padding: 20px 20px 0 20px;
  }

  .caption-fancybox {
    margin: 0 -20px -20px;
    padding: 0 20px;
  }

  .caption-fancybox .caption-fancybox-block {
    padding: 15px 0;
  }

  .caption-fancybox .header-logo {
    width: 80px;
  }

  .caption-fancybox .text {
    padding-left: 20px;
  }

  .caption-fancybox .text .t1,
  .caption-fancybox .text .t2 {
    font-size: 14px;
  }
}

/* SELECT2 BEGIN */
.select2-container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  width: 100% !important;
  max-width: 340px;
}

.select2-container .select2-selection--single {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 100%;
  font-size: 20px;
  padding: 17px 40px 17px 20px;
  line-height: normal;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  background: none;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #000000;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  background: #fff;
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 100%;
  font-size: 16px;
  padding: 9px 25px 15px 0;
  line-height: normal;
  border: none;
  border-bottom: 1px solid #ffffff;
  border-radius: 0;
  background: none;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #ffffff;
  font-weight: 700;
}

.select2-container .select2-selection--multiple .select2-selection__rendered:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 12px;
  height: 6px;
  background: url(/local/sources/dist/css/../img/dropdown-arrow.svg) center center no-repeat;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}

.select2-container .select2-search--inline {
  float: left;
}

.select2-container .select2-search__field {
  width: 100%;
  font-weight: 400;
  font-size: 15px;
  padding: 10px 0;
  line-height: normal;
  color: #000;
  border-radius: 0;
  background: none;
  border: none;
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  resize: none;
}

.select2-container .select2-search__field::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
  opacity: 1;
  display: block;
}

.select2-container .select2-search__field::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
  opacity: 1;
  display: block;
}

.select2-container .select2-search__field::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
  opacity: 1;
  display: block;
}

.select2-container .select2-search__field::placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
  opacity: 1;
  display: block;
}

.select2-container .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background: #fff;
  border-radius: 5px;
  border: none;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
  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: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.select2-results__option {
  padding: 12px 20px;
  font-weight: 300;
  font-size: 16px;
  width: 100%;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 5px 15px;
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: 700;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  display: block;
  position: absolute;
  right: 2px;
  top: 0;
  width: 16px;
  height: 100%;
  font-size: 0;
  color: transparent;
}

.select2-container--default .select2-selection--single .select2-selection__arrow:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 14px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 14px;
  height: 12px;
  background: url(/local/sources/dist/css/../img/dropdown-arrow.svg) center center no-repeat;
  background-size: contain;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.select2-container--default.select2-container--open .select2-selection--multiple .select2-selection__rendered:after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.select2-container--default .select2-selection--multiple {
  cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-search__field {
  padding: 0;
  border: 0;
}

.select2-container--default .select2-selection--multiple .select2-search__field::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.select2-container--default .select2-selection--multiple .select2-search__field::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.select2-container--default .select2-selection--multiple .select2-search__field::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.select2-container--default .select2-selection--multiple .select2-search__field::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: 700;
  margin-top: 5px;
  margin-right: 10px;
  padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  float: left;
  margin-right: 10px;
  font-size: 16px;
  line-height: normal;
  color: #ffffff;
  font-weight: 700;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice:after {
  content: ",";
  color: #ffffff;
  font-weight: 700;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice:nth-last-child(1):after,
.select2-container--default .select2-selection--multiple .select2-selection__choice:nth-last-child(2):after {
  display: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: 400;
  margin-right: 5px;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-results>.select2-results__options {
  max-height: 180px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option[role="group"] {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled="true"] {
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #dcdcdc;
  color: #000;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #f4f6f9;
  color: #000;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

@media only screen and (max-width: 760px) {
  .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 16px;
    padding: 15px 35px 15px 15px;
  }

  .select2-results__option {
    font-size: 14px;
  }

  .select2-dropdown {
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.05);
  }
}

/* SELECT2 END */
.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

.mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-zoom-in.mfp-removing .mfp-with-anim {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}

.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-inline-holder {
  padding: 10px 50px;
}

.popup {
  max-width: 1400px;
  width: 100%;
  margin: auto;
  background: #fff;
  position: relative;
}

.popup--form {
  padding: 50px;
  text-align: center;
  max-width: calc(100% + 100px);
  width: calc(100% + 100px);
  min-height: 100vh;
  margin: -10px -50px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.popup a {
  font-size: 14px;
  font-weight: 300;
  color: #e30613;
}

.popup .mfp-close {
  position: absolute;
  right: 30px;
  top: 40px;
  font-size: 0;
  color: transparent;
  width: 24px;
  height: 24px;
}

.popup .mfp-close:before {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  width: 3px;
  height: 24px;
  background: #e93c46;
  content: "";
}

.popup .mfp-close:after {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 3px;
  height: 24px;
  background: #e93c46;
  content: "";
}

.popup__information {
  padding: 35px 100px 30px 140px;
}

.popup__pagination {
  position: absolute;
  left: 50px;
  top: 32px;
  font-size: 18px;
  font-weight: 300;
  color: #e30613;
  width: auto;
  height: auto;
}

.popup__pagination .swiper-pagination-current {
  font-size: 30px;
  font-weight: 700;
}

.popup__slider-image {
  font-size: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.1);
}

.popup__slider-image img {
  width: 100%;
  height: auto;
  opacity: 0;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popup__title {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.35;
  color: #000;
}

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

.popup__parameters-item {
  margin-right: 40px;
  position: relative;
}

.popup__parameters-item:before {
  font-size: 12px;
  content: "|";
  font-weight: 300;
  position: absolute;
  top: 0;
  right: -20px;
}

.popup__parameters-item p {
  font-size: 12px;
  font-weight: 300;
}

.popup__parameters-item a {
  font-size: 12px;
  margin-left: 5px;
}

.popup__parameters-item:last-child {
  margin-right: 0;
}

.popup__parameters-item:last-child:before {
  display: none;
}

.popup__slider {
  position: relative;
}

.popup__arrow {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  width: 70px;
  height: 70px;
  border-radius: 4px;
  background: #fff;
  z-index: 2;
  cursor: pointer;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.popup__arrow:after {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  border: 5px solid #e30613;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.popup__arrow-prev {
  left: -35px;
}

.popup__arrow-prev:after {
  left: 55%;
  border-top: none;
  border-right: none;
}

.popup__arrow-next {
  right: -35px;
}

.popup__arrow-next:after {
  left: 45%;
  border-bottom: none;
  border-left: none;
}

.popup__arrow.swiper-button-disabled {
  background: #f5f5f5;
}

.popup__arrow.swiper-button-disabled:after {
  border-color: #c2c2c2;
}

.popup__comment {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #ebebeb;
}

.popup__comment p {
  font-size: 14px;
}

@media only screen and (max-width: 760px) {
  .mfp-inline-holder {
    padding: 5px;
  }

  .popup--form {
    padding: 20px;
    text-align: center;
    max-width: calc(100% + 10px);
    width: calc(100% + 10px);
    min-height: 100vh;
    margin: -5px;
  }

  .popup .mfp-close {
    right: 10px;
    top: 17px;
    width: 20px;
    height: 20px;
  }

  .popup .mfp-close:before {
    width: 2px;
    height: 20px;
  }

  .popup .mfp-close:after {
    width: 2px;
    height: 20px;
  }

  .popup__information {
    padding: 20px 35px 15px 20px;
  }

  .popup__title {
    font-size: 14px;
  }

  .popup__pagination {
    left: auto;
    top: auto;
    position: static;
    margin-top: 10px;
    font-size: 14px;
  }

  .popup__pagination .swiper-pagination-current {
    font-size: 20px;
  }

  .popup__parameters {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 10px;
  }

  .popup__parameters-item {
    margin-right: 0;
    padding-top: 5px;
  }

  .popup__parameters-item:before {
    display: none;
  }

  .popup__slider-image {
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
  }

  .popup__slider-image img {
    width: 130%;
    margin-left: -15%;
  }

  .popup__arrow {
    width: 34px;
    height: 34px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  }

  .popup__arrow:after {
    width: 8px;
    height: 8px;
    border: 3px solid #e30613;
  }

  .popup__arrow-prev {
    left: 10px;
  }

  .popup__arrow-prev:after {
    left: 55%;
    border-top: none;
    border-right: none;
  }

  .popup__arrow-next {
    right: 10px;
  }

  .popup__arrow-next:after {
    left: 45%;
    border-bottom: none;
    border-left: none;
  }

  .popup__comment {
    padding-top: 10px;
    margin-top: 10px;
  }

  .popup__comment p {
    font-size: 12px;
  }

  .popup__comment a {
    font-size: 12px;
  }
}

/* HOME-HERO BEGIN */
.homepage main {
  padding-top: 0;
}

.home-hero {
  overflow: hidden;
  height: 100vh;
  min-height: 800px;
  max-height: 1080px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* padding: 270px 0 130px; */
  padding: 402px 0 130px;
  background: -webkit-linear-gradient(45deg, #bfe0f9 0%, #daf6f4 100%);
  background: -o-linear-gradient(45deg, #bfe0f9 0%, #daf6f4 100%);
  background: linear-gradient(45deg, #bfe0f9 0%, #daf6f4 100%);
}

.home-hero .container {
  position: relative;
  z-index: 10;
}

.home-hero h1 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 120px;
  line-height: 1;
  padding: 26px 0 0 40px;
  letter-spacing: -0.5px;
  margin: 0;
  color: #000000;
}

.home-hero__description {
  font-size: 32px;
  line-height: 1.3;
  padding-left: 170px;
  position: relative;
  font-family: "Montserrat", sans-serif;
  margin: 90px 0 0;
  max-width: 700px;
  font-weight: 300;
  color: #000000;
}

.home-hero__description:before {
  width: 90px;
  height: 1px;
  background: rgba(0, 0, 0, 0.7);
  content: "";
  position: absolute;
  left: 50px;
  top: 24px;
}

.home-hero__container {
  position: absolute;
  width: 100%;
  max-width: 1600px;
  height: 100%;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.home-hero__image {
  font-size: 0;
  position: absolute;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.home-hero__image img {
  width: 100%;
  height: auto;
}

.home-hero__image.large-left {
  left: -12%;
  top: 9.7%;
  width: 29.7%;
}

.home-hero__image.large-right {
  bottom: -14%;
  right: -11%;
  width: 42%;
}

.home-hero__image.peptid-1 {
  left: 19.7%;
  -webkit-transform: rotate(60deg) !important;
  -ms-transform: rotate(60deg) !important;
  transform: rotate(60deg) !important;
  top: 14%;
  width: 8%;
  max-width: 68px;
}

.home-hero__image.peptid-2 {
  left: 34.3%;
  -webkit-transform: rotate(59deg) !important;
  -ms-transform: rotate(59deg) !important;
  transform: rotate(59deg) !important;
  top: 25.3%;
  width: 10%;
  max-width: 160px;
}

.home-hero__image.peptid-3 {
  left: 58%;
  top: 16%;
  width: 9%;
  max-width: 144px;
}

.home-hero__image.peptid-4 {
  left: 76.7%;
  -webkit-transform: rotate(-24deg) !important;
  -ms-transform: rotate(-24deg) !important;
  transform: rotate(-24deg) !important;
  top: 23.5%;
  width: 8%;
  max-width: 68px;
}

.home-hero__image.peptid-5 {
  left: 86%;
  -webkit-transform: rotate(24deg) !important;
  -ms-transform: rotate(24deg) !important;
  transform: rotate(24deg) !important;
  top: 33%;
  width: 21%;
  max-width: 388px;
}

.home-hero__image.peptid-6 {
  left: 81.2%;
  -webkit-transform: rotate(-24deg) !important;
  -ms-transform: rotate(-24deg) !important;
  transform: rotate(-24deg) !important;
  top: 74.5%;
  width: 8%;
  max-width: 68px;
}

.home-hero__image.peptid-7 {
  left: 63%;
  -webkit-transform: rotate(-59deg) !important;
  -ms-transform: rotate(-59deg) !important;
  transform: rotate(-59deg) !important;
  top: 58%;
  width: 11%;
  max-width: 105px;
}

.home-hero__image.peptid-8 {
  left: 47.3%;
  -webkit-transform: rotate(134deg) !important;
  -ms-transform: rotate(134deg) !important;
  transform: rotate(134deg) !important;
  top: 87.3%;
  width: 10%;
  max-width: 160px;
}

.home-hero__image.peptid-9 {
  left: 8%;
  -webkit-transform: rotate(-115deg) !important;
  -ms-transform: rotate(-115deg) !important;
  transform: rotate(-115deg) !important;
  top: 87%;
  width: 25%;
  max-width: 345px;
}

.home-hero__image.peptid-10 {
  left: 7%;
  -webkit-transform: rotate(-90deg) !important;
  -ms-transform: rotate(-90deg) !important;
  transform: rotate(-90deg) !important;
  top: 69%;
  width: 11%;
  max-width: 80px;
}

@media only screen and (max-width: 1336px) {
  .home-hero {
    /* padding: 150px 0 80px; */
    padding: 300px 0 80px;
  }

  .home-hero h1 {
    font-size: 100px;
  }

  .home-hero__description {
    font-size: 28px;
  }

  .home-hero__description:before {
    width: 85px;
    top: 21px;
  }
}

@media only screen and (max-width: 992px) {
  .home-hero {
    /* padding: 120px 0 70px; */
    padding: 300px 0 70px;
    min-height: 1px;
  }

  .home-hero h1 {
    font-size: 72px;
    padding-left: 0;
  }

  .home-hero__description {
    font-size: 24px;
    margin: 60px 0 0;
    padding-left: 100px;
  }

  .home-hero__description:before {
    width: 70px;
    left: 0;
    top: 18px;
  }
}

@media only screen and (max-width: 760px) {
  .home-hero {
    /* padding: 80px 0 50px; */
    max-height: 600px;
    min-height: 480px;
    padding: 200px 0 50px;
    /* padding: 300px 0 50px; */
    /* max-height: 645px;
    min-height: 480px; */
  }

  .home-hero h1 {
    font-size: 36px;
    padding-left: 0;
    letter-spacing: 0;
  }

  .home-hero__description {
    font-size: 18px;
    margin: 35px 0 0;
    padding-left: 60px;
  }

  .home-hero__description:before {
    width: 40px;
    left: 0;
    top: 13px;
  }

  .home-hero__image.peptid-7 {
    display: none;
  }

  .home-hero__image.large-left {
    left: -12%;
    top: 8.7%;
    width: 44.7%;
  }

  .home-hero__image.large-right {
    bottom: -10%;
    right: -18%;
    width: 62%;
  }
}

/* HOME-HERO END */
/* HOME-HERO BEGIN */
.home-advantages {
  padding: 80px 0 0;
  text-align: center;
}

.home-advantages .point-list p {
  text-align: start;
}

.home-advantages .btn {
  margin: 58px auto 40px;
}

.home-advantages__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 -25px;
  width: calc(100% + 50px);
  padding: 80px 0 0;
}

.home-advantages__el {
  width: 33.3333%;
  padding: 0 25px;
  text-align: left;
}

.home-advantages__el h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #000000;
  padding: 25px 0 0;
}

.home-advantages__el p {
  font-size: 16px;
  font-weight: 300;
  margin: 22px 0 0;
  color: #636363;
  line-height: 1.5;
}

.home-advantages__icon {
  font-size: 0;
  border-radius: 50%;
  max-width: 140px;
  width: 100%;
  position: relative;
  background: #f4f6f9;
  overflow: hidden;
}

.home-advantages__icon img {
  width: 100%;
  height: auto;
  opacity: 0;
  pointer-events: none;
}

.home-advantages__icon span {
  position: absolute;
  width: 55%;
  height: 55%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 992px) {
  .home-advantages {
    padding: 30px 0 0;
  }

  .home-advantages .btn {
    margin: 50px auto 0;
  }

  .home-advantages__row {
    margin: 0 -15px;
    width: calc(100% + 30px);
    padding: 50px 0 0;
  }

  .home-advantages__el {
    padding: 0 15px;
  }

  .home-advantages__el h4 {
    padding: 20px 0 0;
  }

  .home-advantages__el p {
    font-size: 15px;
    margin: 15px 0 0;
  }

  .home-advantages__icon {
    max-width: 100px;
  }
}

@media only screen and (max-width: 760px) {
  .home-advantages {
    padding: 15px 0 0;
  }

  .home-advantages .btn {
    margin: 40px auto 10px;
  }

  .home-advantages__row {
    margin: 0;
    width: 100%;
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .home-advantages__el {
    width: 100%;
    padding: 35px 0 0;
    text-align: center;
  }

  .home-advantages__el h4 {
    padding: 15px 0 0;
  }

  .home-advantages__el p {
    font-size: 14px;
    margin: 15px 0 0;
  }

  .home-advantages__icon {
    max-width: 90px;
    margin: 0 auto;
  }
}

/* HOME-HERO END */
/* HOME-USES BEGIN */
.home-uses__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex;
  -ms-flex-align: flex;
  align-items: flex;
  margin: 0 -20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(100% + 40px);
}

.home-uses__el {
  width: 25%;
  padding: 0 20px 20px;
}

.home-uses__el.is-active p {
  color: #89c23c;
}

.home-uses__el.is-active .home-uses__icon {
  background: #89c23c;
}

.home-uses__el.is-active svg path,
.home-uses__el.is-active svg circle,
.home-uses__el.is-active svg ellipse {
  stroke: #fff;
}

.home-uses__el .home-uses__mobile-slider {
  display: none;
}

.home-uses__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  cursor: pointer;
  position: relative;
}

.home-uses__item p {
  margin: 0 0 0 18px;
  font-size: 16px;
  line-height: 1.3;
  color: #636363;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.home-uses__icon {
  font-size: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  border-radius: 50%;
  max-width: 71px;
  min-width: 71px;
  width: 71px;
  overflow: hidden;
  background: #f4f6f9;
  position: relative;
}

.home-uses__icon img {
  width: 100%;
  height: auto;
  pointer-events: none;
  opacity: 0;
}

.home-uses__icon svg {
  position: absolute;
  width: 58%;
  height: 58%;
  left: 52%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.home-uses__icon svg path,
.home-uses__icon svg circle,
.home-uses__icon svg ellipse {
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.home-uses__items {
  padding-top: 52px;
}

.home-uses__items-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 -25px;
  width: calc(100% + 50px);
}

.home-uses__items-part {
  width: 50%;
  padding: 0 25px;
}

.home-uses__items-part h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  padding: 0;
  margin: 0;
}

.home-uses__items-image {
  font-size: 0;
  background-size: contain;
  background-position: center left;
  background-repeat: no-repeat;
  max-width: 142px;
  width: 100%;
}

.home-uses__items-image img {
  width: 90%;
  height: auto;
  pointer-events: none;
  opacity: 0;
}

.home-uses__sub-title {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.5px;
  color: #636363;
  margin-top: 4px;
}

.home-uses__items-slider {
  padding-top: 25px;
  line-height: 1;
}

.home-uses__items-slider span {
  font-size: 16px;
  display: inline-block;
  margin: 20px 0 0;
  color: #89c23c;
  border-bottom: 1px solid transparent;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.home-uses__items-slider span:hover {
  border-color: #89c23c;
}

.home-uses__slide {
  display: inline-block;
}

.home-uses__slide:hover span {
  border-color: #89c23c;
}

.home-uses__slide.is-active {
  display: block;
}

.home-uses__mobile-button {
  display: none;
}

.home-uses__desktop-button {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  cursor: pointer;
}

@media only screen and (min-width: 760px) {
  .home-uses__items-slider .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 -10px;
    width: calc(100% + 10px);
  }

  .home-uses__items-slider .swiper-slide {
    font-size: 0;
    padding: 20px 10px 10px;
    width: 33.3333% !important;
  }

  .home-uses__items-slider .swiper-pagination {
    display: none;
  }
}

@media only screen and (max-width: 1124px) {
  .home-uses__row {
    margin: 0 -15px;
    width: calc(100% + 15px);
  }

  .home-uses__el {
    padding: 0 15px 20px;
  }

  .home-uses__item p {
    margin: 0 0 0 15px;
    font-size: 15px;
  }
}

@media only screen and (max-width: 992px) {
  .home-uses__row {
    margin: 0 -10px;
    width: calc(100% + 20px);
  }

  .home-uses__el {
    width: 33.33333%;
    padding: 0 10px 20px;
  }

  .home-uses__item p {
    font-size: 14px;
  }

  .home-uses__icon {
    max-width: 60px;
    min-width: 60px;
    width: 60px;
  }

  .home-uses__items {
    padding-top: 30px;
  }

  .home-uses__items-slider {
    padding-top: 10px;
  }

  .home-uses__items-slider span {
    font-size: 14px;
    display: inline-block;
    margin: 15px 0 0;
  }
}

@media only screen and (max-width: 760px) {
  .home-uses {
    padding-bottom: 0 !important;
  }

  .home-uses__row {
    margin: 0;
    padding-top: 15px;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .home-uses__el {
    width: 100%;
    padding: 0 0 15px;
  }

  .home-uses__el .home-uses__items-row {
    position: absolute;
    height: 0;
    overflow: hidden;
  }

  .home-uses__el .home-uses__items-row.is-active {
    position: static;
    height: auto;
    overflow: visible;
  }

  .home-uses__el .home-uses__mobile-slider {
    display: block;
  }

  .home-uses__item p {
    font-size: 14px;
  }

  .home-uses__icon {
    max-width: 60px;
    min-width: 60px;
    width: 60px;
  }

  .home-uses__items-row {
    margin: 0;
    padding: 0;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .home-uses__items-part {
    padding: 20px 0;
    width: 100%;
  }

  .home-uses__items-part:last-child {
    padding-bottom: 0;
  }

  .home-uses__items-slider {
    padding: 20px 0 10px;
    margin: 0 -20px;
    width: calc(100% + 40px);
    overflow: hidden;
    position: relative;
  }

  .home-uses__items-slider span {
    margin-top: 20px;
  }

  .home-uses__items-slider .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    bottom: 0;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .home-uses__items-slider .swiper-pagination-bullet {
    background: #b7b7b7;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
  }

  .home-uses__items-slider .swiper-pagination-bullet-active {
    background: #89c23c;
  }

  .home-uses__items-slider .swiper-slide {
    width: 100% !important;
  }

  .home-uses__slide {
    padding: 0 20px;
    text-align: center;
    width: 100%;
  }

  .home-uses__sub-title {
    font-size: 12px;
    margin-top: 8px;
  }

  .home-uses__items-image {
    max-width: 180px;
    margin: 0 auto;
  }

  .home-uses__mobile-button {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: pointer;
    display: block;
  }

  .home-uses__desktop-button {
    display: none;
  }

  .home-uses__items {
    display: none;
    padding-top: 0;
  }
}

/* HOME-USES END */
/* HERO BEGIN */
.hero {
  overflow: hidden;
  padding: 262px 0 0;
  /* padding: 80px 0 0; */
}

@media only screen and (max-width: 1346px) {
  .hero {
    padding: 262px 0 0;
    /* padding: 80px 0 0; */
  }

  .reviews .hero {
    padding: 0;
  }
}

@media only screen and (max-width: 760px) {
  .hero {
    overflow: hidden;
    /* padding: 250px 0 0; */
    padding: 120px 0 0;
    /* padding: 30px 0 0; */
  }

  .reviews .hero {
    padding: 0;
  }
}

.hero__image-container {
  width: 100%;
  max-width: 390px;
  margin: 0 auto;
  position: relative;
}

.hero__image-container .placeholder {
  opacity: 0;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.hero__image-container .pills {
  width: 72%;
  height: auto;
  position: absolute;
  left: 0;
  top: 6%;
  z-index: 1;
}

.hero__image-container .pack {
  width: 100%;
  height: auto;
  position: absolute;
  right: -2%;
  top: 0;
  z-index: 2;
}

.hero__image {
  font-size: 0;
  position: relative;
  text-align: center;
  padding-bottom: 0;
}

.hero__image a {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  color: #89c23c;
  position: absolute;
  z-index: 3;
  bottom: 0;

  text-align: center;
  left: 55%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-bottom: 1px solid transparent;

  height: 61px;
  padding: 0 16px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 16px;
}

.hero__image a:hover {
  border-color: #89c23c;
}

.hero__top-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 0;
  padding-bottom: 42px;
  border-bottom: 1px solid #ebebeb;
}

.hero__title {
  font-size: 42px;
  font-family: "Montserrat", sans-serif;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.5px;
  position: relative;
  display: inline-block;
  padding: 0;
}

.hero__title:after {
  position: absolute;
  left: 101%;
  top: 0;
  font-size: 18px;
  content: "®";
  color: inherit;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}

.hero__sub-title {
  font-size: 20px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  line-height: 1.2;
  margin: 19px 0 0 3px;
  color: #000000;
}

.hero__top-icon {
  font-size: 0;
  max-width: 108px;
  min-width: 108px;
  width: 108px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 34px;
  margin-top: -9px;
}

.hero__top-icon img {
  width: 100%;
  height: auto;
}

.hero .large {
  font-size: 20px;
  line-height: 1.5;
}

.hero__bottom p {
  margin-top: 44px;
}

.hero__bottom p span {
  font-weight: 600;
  color: #000000;
}

.hero__pharmacy {
  padding-top: 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px;
  /* width: calc(100% + 40px); */
  width: 100%;
}

.hero__pharmacy-el {
  padding: 10px 5px 0;
  width: 33%;
  max-width: 190px;
}

.hero__pharmacy-el--adaptive .hero__pharmacy-button span {
  transform: scale(1.65);
}

.hero__pharmacy-el--adaptive-zdrav .hero__pharmacy-button span {
  transform: scale(1.35);
}

.hero__pharmacy-el--sc-mid .hero__pharmacy-button span {
  transform: scale(1.35);
}

.hero__pharmacy-button {
  height: 50px;
  border-radius: 50px;
  background: #fff;
  border: 1px solid #ebebeb;
  position: relative;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  width: 100%;
  display: block;
  overflow: hidden;
}

.hero__pharmacy-button:hover {
  background: #f4f6f9;
  border-color: #f4f6f9;
}

.hero__pharmacy-button span {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: 65%;
  background-position: center;
  background-repeat: no-repeat;
}

.hero__mob-content {
  display: none;
}

.hero__action-btn {
  margin: 50px 0 0 0;
}

@media only screen and (max-width: 1336px) {
  .hero__title {
    font-size: 46px;
  }
}

@media only screen and (max-width: 1124px) {
  .hero__title {
    font-size: 42px;
  }

  .hero__top-icon {
    max-width: 90px;
    min-width: 90px;
    width: 90px;
  }
}

@media only screen and (max-width: 992px) {
  .hero .large {
    font-size: 18px;
  }

  .hero .grid__el:nth-child(1) {
    width: 40%;
  }

  .hero .grid__el:nth-child(2) {
    width: 60%;
  }

  .hero__title {
    font-size: 32px;
  }

  .hero__sub-title {
    font-size: 20px;
    margin-top: 10px;
  }

  .hero__image {
    text-align: center;
    padding-bottom: 0;
  }

  .hero__image a {
    bottom: auto;
    top: 100%;
    left: 50%;
  }

  .hero__image-container {
    width: 95%;
    margin: 0 auto;
  }

  .hero__top-icon {
    max-width: 75px;
    min-width: 75px;
    width: 75px;
  }

  .hero__top-row {
    padding-bottom: 30px;
    margin-top: 0;
  }

  .hero__top-icon {
    margin-right: 15px;
  }

  .hero__bottom p {
    margin-top: 25px;
  }
}

@media only screen and (max-width: 760px) {
  .hero.no-bottom-padding {
    padding-bottom: 10px;
  }

  .hero .large {
    font-size: 16px;
  }

  .hero .grid__el:nth-child(1) {
    width: 100%;
  }

  .hero .grid__el:nth-child(2) {
    width: 100%;
    padding-top: 0;
  }

  .hero__title {
    font-size: 24px;
    letter-spacing: normal;
  }

  .hero__sub-title {
    font-size: 14px;
    margin: 5px 0 0;
  }

  .hero__image {
    text-align: center;
    padding: 30px 0 0;
  }

  .hero__image a {
    position: static;
    text-align: center;
    font-size: 14px;
    left: 0;
    margin: 15px 0 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);

    width: 100%;
    line-height: 1.2;
    height: 46.8px;
    font-size: 14px;
  }

  .hero__image-container {
    max-width: 350px;
    width: 80%;
    margin: 0 auto;
  }

  .with-margin-bottom-40 {
    margin-bottom: 40px !important;
  }

  .with-margin-bottom-20 {
    margin-bottom: 20px !important;
  }

  .with-margin-top-70 {
    margin-top: 70px !important;
  }

  .hero__top-icon {
    max-width: 44px;
    min-width: 44px;
    width: 44px;
    height: 44px;
    background-size: contain;
    margin-right: 15px;
    top: 10px;
    position: relative;
  }

  /* edits */
  .cytamin .hero__top-icon img {
    display: none;
  }

  /* edits */
  .article .hero__top-row .hero__top-info .hero__top .hero__top-row {
    padding-top: 20px;
  }

  /*  */

  .hero__top-row {
    padding-bottom: 0;
    margin-top: 0;
    border-bottom: none;
  }

  .hero__bottom p {
    margin-top: 25px;
  }

  .hero__pharmacy {
    padding-top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -4px;
    /* width: calc(100% + 8px); */
  }

  .hero__pharmacy-el {
    padding: 8px 4px 0;
  }

  .hero__pharmacy-button {
    height: 36px;
  }

  /* edits */
  .cytamin .hero__top {
    display: none;
  }

  .hero__mob-content {
    display: block;
  }

  .hero__btn-margin {
    margin: 90px 0 36px !important;
  }

  .hero__btn-top-margin {
    margin: 90px 0 0 !important;
  }

  .hero__image-margin {
    margin-bottom: 90px;
  }

  .hero__image-margin-40 {
    margin-bottom: 40px !important;
  }

  .hero__image-margin-20 {
    margin-bottom: 20px !important;
  }
}

@media only screen and (max-width: 500px) {
  .hero__image-container {
    max-width: 100%;
    width: 88%;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 360px) {
  .hero__pharmacy-el {
    width: 33.3333%;
  }
}

/* HERO END */
/* CONSULT BEGIN */
.consult {
  background: #f4f6f9;
  padding: 51px 95px 55px;
  border-radius: 20px;
  position: relative;
}

.consult h2 {
  font-size: 40px;
  color: #000000;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  padding: 0 0 17px;
  letter-spacing: 0.6px;
}

.consult h3 {
  font-size: 24px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  margin: 0;
  color: #000000;
  letter-spacing: 1px;
}

.consult__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 45px;
}

.consult__row .input-container {
  margin-right: 20px;
}

.consult__row .input-container-name {
  width: 60%;
}

.consult__row .input-container-phone {
  width: 40%;
  min-width: 210px;
}

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

.consult__row-button .btn {
  margin-right: 15px;
  white-space: nowrap;
  padding-left: 20px;
  padding-right: 20px;
  min-width: 160px;
}

.consult__row-button .btn:last-child {
  margin-right: 0;
}

.consult__inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.consult__description {
  font-size: 11px;
  font-weight: 300;
  /* margin: 15px 0 0; */
  margin: 20px 0 0;
  color: #000000;
}

.consult__description a {
  color: #000000;
}

.consult__description a:hover span {
  border-color: transparent;
}

.consult__description span {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.consult__thank {
  position: absolute;
  right: 35px;
  top: -35px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 27px 0px rgba(24, 24, 24, 0.18);
  box-shadow: 0px 0px 27px 0px rgba(24, 24, 24, 0.18);
  padding: 35px 30px 30px;
  z-index: 2;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  pointer-events: none;
}

.consult__thank-img {
  font-size: 0;
  min-width: 68px;
  width: 68px;
  margin-right: 30px;
}

.consult__thank-img img {
  width: 68px;
  height: 68px;
}

.consult__thank-info p {
  font-size: 16px;
  font-weight: 300;
  color: #636363;
  margin: 12px 0 0;
  line-height: 1.4;
}

.consult__thank-info p.large {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  color: #000;
}

.consult__bottom {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  padding: 25px 95px;
  background: #e8ebf0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.consult__bottom-icon {
  border-radius: 50%;
  background: #fff;
  min-width: 62px;
  width: 62px;
  height: 62px;
  margin-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.consult__bottom-icon img {
  width: 42px;
  height: 48px;
}

.consult__bottom-info p {
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  line-height: 1.2;
  color: #000;
  font-weight: 300;
  margin: 4px 0;
}

.consult__bottom-info p span {
  font-weight: 600;
}

@media only screen and (max-width: 1124px) {
  .consult {
    padding: 40px 55px;
  }

  .consult__bottom {
    padding: 25px 55px;
  }
}

@media only screen and (max-width: 992px) {
  .consult {
    padding: 35px 50px;
  }

  .consult__bottom {
    padding: 25px 50px;
  }

  .consult h2 {
    font-size: 30px;
    padding-bottom: 6px;
  }

  .consult h3 {
    font-size: 20px;
  }

  .consult__row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 20px;
  }

  .consult__row .input-container {
    width: 50%;
  }

  .consult__row .input-container:last-child {
    margin-right: 0;
  }

  .consult__row-button {
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .consult__row-button .btn {
    width: 100%;
    margin: 20px 0 0;
  }

  .consult__description a {
    display: block;
  }

  .consult__thank {
    position: absolute;
    right: 15px;
    top: -55px;
  }
}

@media only screen and (max-width: 760px) {
  .consult {
    padding: 20px;
  }

  .consult__bottom {
    padding: 15px 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .consult__bottom-icon {
    min-width: 46px;
    width: 46px;
    height: 46px;
    margin-right: 15px;
  }

  .consult__bottom-icon img {
    width: 36px;
    height: auto;
  }

  .consult__bottom-info p {
    font-size: 12px;
  }

  .consult h2 {
    font-size: 24px;
    padding-bottom: 12px;
  }

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

  .consult__row {
    padding-top: 0;
  }

  .consult__row .input-container {
    width: 100%;
    margin: 20px 0 0;
  }

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

  .consult__row-button .btn {
    margin: 15px 0 0;
  }

  .consult__description {
    font-size: 10px;
  }

  .consult__thank {
    right: -10px;
    top: auto;
    bottom: -15px;
    border-radius: 15px;
    padding: 15px;
  }

  .consult__thank-img {
    min-width: 35px;
    width: 35px;
    margin-right: 12px;
  }

  .consult__thank-img img {
    width: 35px;
    height: 35px;
  }

  .consult__thank-info p {
    font-size: 12px;
    margin: 8px 0 0;
  }

  .consult__thank-info p.large {
    font-size: 20px;
  }
}

/* CONSULT END */
/* COMPONENTS BEGIN */
.point-list {
  padding-top: 27px;
}

.point-list.no-margin {
  padding-top: 0;
}

.point-list p {
  position: relative;
  padding-left: 47px;
  margin-top: 24px;
  line-height: 1.35;
}

.point-list a:not(p a) {
  position: relative;
  padding-left: 47px;
  line-height: 1.35;
  width: 100%;
  display: inline-block;
  margin-top: 0;
}

.point-list-n p {
  line-height: 32px;
}

.point-list p a {
  color: #89c23c;
}

.point-list p a:hover {
  text-decoration: underline;
}

.point-list a+a:not(p a) {
  margin-top: 24px;
}

.point-list p:before,
.point-list a:before {
  content: "";
  background: url(/local/sources/dist/css/../img/point-icon.svg) center center no-repeat;
  position: absolute;
  left: 0;
  top: 3px;
  width: 18px;
  height: 18px;
  background-size: contain;
}

.point-list-stop p:before {
  background: url(/local/sources/dist/css/../img/point-icon-stop.svg) center center no-repeat !important;
  background-size: contain !important;
}

.point-list--no-top-padding {
  padding-top: 0;
}

.point-list--no-top-padding p:first-child {
  margin-top: 0;
}

.point-list-img {
  padding-top: 0;
}

.point-list-img p {
  position: relative;
  padding-left: 72px;
  margin-top: 30px;
  line-height: 1.5;
}

.point-list-img img {
  width: 100%;
  max-width: 55px;
  position: absolute;
  left: 0px;
}

.grid {
  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;
  margin: 0 -50px;
  width: calc(100% + 100px);
}

.grid--middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.grid__el {
  width: 50%;
  padding: 0 20px;
  /* edits */
  /* padding: 0 50px; */
}

table,
thead,
tbody,
tfoot,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.structure-tables h3 {
  margin: 7px 0 0;
}

.structure-tables__item {
  padding-top: 44px;
}

.structure-tables tr {
  vertical-align: top;
}

.structure-tables tr:nth-child(odd) {
  background: #f4f6f9;
}

.structure-tables td {
  font-size: 14px;
  font-weight: 300;
  font-family: "Roboto", sans-serif;
  line-height: 1.4;
  padding: 7px 30px 8px;
  color: #000000;
}

.structure-tables td:last-child {
  white-space: nowrap;
  text-align: right;
}

.articles {
  text-align: center;
}

.articles .btn {
  margin: 60px auto 0;
}

.articles__item {
  font-size: 0;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  text-align: left;
  display: block;
}

.articles__item img {
  width: 100%;
  height: auto;
  pointer-events: none;
  opacity: 0;
}

.articles__item:hover .articles__bg {
  -webkit-transform: translate(-50%, -50%) scale(1.075);
  -ms-transform: translate(-50%, -50%) scale(1.075);
  transform: translate(-50%, -50%) scale(1.075);
}

.articles__info-title {
  font-size: 24px;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 20px;
  position: relative;
  z-index: 5;
}

.articles__info {
  position: absolute;
  z-index: 3;
  left: 0;
  bottom: 0;
  width: 100%;
  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: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: auto;
  padding: 0 48px 38px;
}

.articles__info:after {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 130%;
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(rgba(0, 0, 0, 0)),
      to(rgba(0, 0, 0, 0.8)));
  background: -webkit-linear-gradient(top,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.8) 100%);
  background: -o-linear-gradient(top,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.8) 100%);
  background: linear-gradient(to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.8) 100%);
}

.articles__bg {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  will-change: transform;
}

.articles__info-about {
  font-size: 14px;
  color: #fff;
  line-height: 1.3;
  margin: 0 0 25px;
  position: relative;
  z-index: 5;
}

.articles__info-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
  z-index: 2;
  font-size: 12px;
  padding: 7px 20px;
  color: #fff;
  border-radius: 20px;
  border: 1px solid #fff;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  font-weight: 400;
  cursor: pointer;
}

.articles__info-link svg {
  width: 20px;
  height: 12px;
  margin-left: 7px;
}

.articles__info-link path {
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.articles__info-link:hover {
  background: #fff;
  border-color: #fff;
  color: #000000;
}

.articles__info-link:hover path {
  stroke: #000 !important;
}

.section-factors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 55px;
  margin: 0 -10px;
  width: calc(100% + 20px);
}

.section-factors__el {
  width: 19.25%;
  padding: 0 10px;
  text-align: center;
}

.section-factors__el:nth-child(3) {
  width: 23%;
}

.section-factors__el p {
  font-size: 16px;
  margin: 20px 0 0;
  line-height: 1.25;
}

.section-factors__icon {
  font-size: 0;
  max-width: 140px;
  border-radius: 50%;
  background: #fff;
  position: relative;
  margin: 0 auto;
}

.section-factors__icon span {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 60%;
  height: 60%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.section-factors__icon img {
  width: 100%;
  opacity: 0;
  pointer-events: none;
}

.read-more .swiper-pagination {
  display: none;
}

.read-more__slider-container {
  margin: 0 -80px;
  width: calc(100% + 160px);
  padding: 0 80px;
  position: relative;
}

.read-more__slider {
  overflow: hidden;
}

.read-more__arrow {
  position: absolute;
  width: 54px;
  height: 54px;
  border: 5px solid #f4f6f9;
  border-radius: 50%;
  top: 31%;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
  display: block;
}

.read-more__arrow.swiper-button-disabled {
  opacity: 0.6;
}

.read-more__arrow:hover {
  background: #f4f6f9;
}

.read-more__arrow:after {
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  display: block;
  border: 2px solid #89c23c;
  top: 50%;
  left: 47%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.read-more__arrow--prev {
  left: 10px;
}

.read-more__arrow--prev:after {
  left: 53%;
  border-right: none;
  border-top: none;
}

.read-more__arrow--next {
  right: 10px;
}

.read-more__arrow--next:after {
  border-left: none;
  border-bottom: none;
}

.read-more__image {
  width: 100%;
}

.read-more__image img {
  width: 92%;
  height: auto;
  max-width: 204px;
}

.read-more__item {
  padding: 30px 40px;
  width: 100%;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border-radius: 15px;
}

.read-more__item:hover {
  background: #f4f6f9;
}

.read-more__item p {
  font-size: 20px;
  color: #000;
  margin: 25px 0 0;
  line-height: 1.2;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}

.read-more__item span {
  margin: 7px 0 0;
  font-size: 14px;
  font-weight: 300;
  color: #000;
  display: inline-block;
}

.read-more__item .btn {
  width: 100%;
  padding: 10px;
  margin-top: 35px;
}

.full-image {
  padding-top: 90px;
  font-size: 0;
}

.full-image img {
  width: 100%;
  height: auto;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
}

.questions__item {
  padding: 15px 0 20px;
}

.questions__item.is-active .questions__title i {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
  border-color: #89c23c;
}

.questions__title {
  font-size: 20px;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  color: #000000;
  display: inline-block;
  padding-right: 20px;
  position: relative;
  cursor: pointer;
  line-height: 1.5;
}

.questions__title i {
  display: inline-block;
  margin-left: 10px;
  width: 10px;
  height: 10px;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  -webkit-transform: translateY(-45%) rotate(45deg);
  -ms-transform: translateY(-45%) rotate(45deg);
  transform: translateY(-45%) rotate(45deg);
  border: 3px solid #03cce3;
  border-left: none;
  border-top: none;
}

.questions__title .dotted {
  border-bottom: 1px dotted #000000;
}

.questions__toggle {
  display: none;
}

.questions__info {
  margin: 25px 0 0 40px;
  padding: 25px 39px 23px;
  border-radius: 10px;
  background: #f4f6f9;
}

.questions__info p {
  line-height: 1.5;
  margin: 0;
  letter-spacing: 0.7px;
  font-size: 16px;
}

.questions__info p+p {
  margin: 20px 0 0;
}

.questions__info>:first-child {
  margin-top: 0 !important;
}

.questions__info a {
  color: #89c23c;
}

@media only screen and (max-width: 760px) {
  .questions-n .container {
    padding: 0;
  }
}

.catalog-section {
  padding-top: 85px;
}

.catalog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -30px;
  width: calc(100% + 60px);
}

.article .catalog {
  flex-direction: column;
}

.article .catalog__item {
  width: 100%;
}

.article .catalog__item a {
  min-width: 230px;
}

.catalog__item {
  width: 25%;
  display: flex;
  gap: 52px;
  padding: 35px 30px;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  border-radius: 6px;
}

.catalog__item a {
  width: 100%;
}

.catalog__item .reviews {
  width: 70%;
}

.catalog__item:hover {
  background: #f4f6f9;
}

.catalog__item:hover .btn {
  opacity: 1;
}

.catalog__item h3 {
  font-size: 20px;
  margin-top: 25px;
}

.catalog__item img {
  max-width: 226px;
  max-height: 320px;
  width: 90%;
}

.catalog__item .photo-block img {
  max-height: 50px !important;
  width: auto !important;
}

.article .catalog__item .photo-block a {
  width: auto !important;
  min-width: auto !important;
}

.catalog__item p {
  font-size: 14px;
  margin-top: 10px;
  font-weight: 300;
  color: #000;
}

.catalog__item .btn {
  width: 100%;
  margin: 35px 0 0;
  padding: 10px 15px 12px;
  opacity: 0;
  height: 61px;
  font-style: normal;
  font-weight: 600;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.questions-result .questions-result-positive {
  display: none;
}

.questions-result .questions-result-positive.is-active {
  display: block;
}

.questions-result .questions-result-negative {
  display: none;
}

.questions-result .questions-result-negative.is-active {
  display: block;
}

@media only screen and (max-width: 1336px) {
  .read-more__slider-container {
    margin: 0;
    width: 100%;
    padding: 30px 0 0;
  }

  .read-more__arrow {
    top: -40px;
  }
}

@media only screen and (max-width: 992px) {
  .catalog-section {
    padding-top: 80px;
  }

  .grid {
    margin: 0 -15px;
    width: calc(100% + 30px);
  }

  .grid__el {
    padding: 0 15px;
  }

  .point-list {
    padding-top: 20px;
  }

  .point-list p {
    padding-left: 40px;
    margin-top: 20px;
  }

  .point-list a {
    padding-left: 40px;
  }

  .point-list p a {
    padding-left: 0;
  }

  .point-list a+a {
    margin-top: 20px;
  }

  .point-list p:before,
  .point-list a:before {
    top: 3px;
    width: 16px;
    height: 16px;
  }

  .articles .btn {
    margin: 40px auto 0;
  }

  .articles__info-title {
    font-size: 20px;
    margin: 0 0 15px;
  }

  .articles__info {
    padding: 0 25px 25px;
  }

  .articles__info:after {
    height: 120%;
  }

  .articles__info-about {
    margin: 0 0 15px;
  }

  .full-image {
    padding-top: 50px;
  }

  .section-factors {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding-top: 15px;
  }

  .section-factors__el {
    width: 50%;
    padding: 25px 10px 0;
  }

  .section-factors__el:nth-child(3) {
    width: 100%;
  }

  .questions__info {
    margin: 25px 0 0 0;
    padding: 25px 30px;
  }

  .questions__info p {
    font-size: 15px;
  }

  .questions__info p+p {
    margin: 15px 0 0;
  }

  .read-more__slider-container {
    margin: 0;
    width: 100%;
    padding: 50px 0 0;
  }

  .read-more__arrow {
    top: -15px;
  }

  .read-more__arrow--prev {
    left: 0;
  }

  .read-more__arrow--next {
    right: 0;
  }

  .read-more__item .btn {
    margin: 25px 0 0;
  }

  .read-more__item p {
    font-size: 18px;
    margin: 20px 0 0;
  }

  .read-more__item span {
    font-size: 13px;
    margin: 5px 0 0;
  }

  .catalog {
    margin: 0 -20px;
    width: calc(100% + 40px);
  }

  .catalog__item {
    width: 33.3333%;
    padding: 25px 20px;
  }

  .catalog__item:hover {
    background: #f4f6f9;
  }

  .catalog__item:hover .btn {
    opacity: 1;
  }

  .catalog__item h3 {
    font-size: 18px;
    margin-top: 20px;
  }

  .catalog__item .btn {
    margin: 25px 0 0;
  }
}

@media only screen and (max-width: 760px) {
  .catalog-section {
    padding-top: 60px;
  }

  .grid {
    margin: 0;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .grid__el {
    padding: 25px 0 0;
    width: 100%;
  }

  .grid__el--no-padding {
    padding: 0;
    width: 100%;
  }

  .point-list {
    padding-top: 10px;
  }

  .point-list p {
    padding-left: 25px;
    margin-top: 15px;
  }

  .point-list a {
    padding-left: 25px;
  }

  .point-list p a {
    padding-left: 0;
  }

  .point-list a+a {
    margin-top: 15px;
  }

  .point-list p:before,
  .point-list a:before {
    top: 10px;
    width: 12px;
    height: 12px;
  }

  .structure-tables .grid__el {
    padding-top: 0;
  }

  .structure-tables__title {
    margin: 0 0 20px;
    font-size: 16px;
    letter-spacing: normal;
  }

  .structure-tables__item {
    padding-top: 25px;
    padding-bottom: 10px;
  }

  .structure-tables table {
    margin: 0 -20px;
    width: calc(100% + 40px);
  }

  .structure-tables td {
    padding: 8px 20px;
  }

  .articles .btn {
    margin: 25px 0 0;
    width: 100%;
  }

  .articles__item img {
    display: none;
  }

  .articles__info {
    position: relative;
    min-height: 250px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .articles__info-title {
    font-size: 18px;
    margin: 0 0 15px;
  }

  .articles__info {
    padding: 20px;
  }

  .articles__info:after {
    height: 130%;
  }

  .articles__info-about {
    margin: 0 0 15px;
  }

  .section-factors {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding-top: 10px;
    width: 100%;
    margin: 0;
  }

  .section-factors__el {
    width: 100%;
    padding: 20px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .section-factors__el p {
    font-size: 12px;
    text-align: left;
    margin: 0;
  }

  .section-factors__el:nth-child(3) {
    width: 100%;
  }

  .section-factors__icon {
    min-width: 60px;
    max-width: 60px;
    width: 60px;
    margin: 0 15px 0 0;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }

  .full-image {
    padding-top: 25px;
  }

  .full-image img {
    margin: 0 -20px;
    width: calc(100% + 40px);
  }

  .full-image__image {
    font-size: 0;
  }

  .full-image__image img {
    width: 100%;
  }

  .questions__item {
    padding: 10px 0;
  }

  .questions__title {
    font-size: 16px;
    line-height: 1.4;
    padding-right: 0;
  }

  .questions__title i {
    width: 8px;
    min-width: 8px;
    height: 9px;
    border-width: 2px;
  }

  .questions__item.is-active .questions__title i {
    min-width: 9px;
    height: 9px;
    width: 9px;
  }

  .questions__info {
    margin: 15px 0 0 0;
    padding: 15px 20px;
  }

  .questions__info p {
    letter-spacing: 0.5px;
    font-size: 12px;
  }

  .questions__info p+p {
    margin: 10px 0 0;
  }

  .read-more .swiper-pagination {
    position: absolute;
    bottom: 16px;
    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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 45px;
  }

  .read-more .swiper-pagination-bullet {
    background: #b7b7b7;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    margin: 2px 5px !important;
    width: 8px;
    height: 8px;
  }

  .read-more .swiper-pagination-bullet-active {
    background: #89c23c;
  }

  .read-more__slider-container {
    margin: 0;
    width: 100%;
    padding: 0;
  }

  .read-more__arrow {
    width: 40px;
    min-width: 40px;
    height: 40px;
    border: 4px solid #f4f6f9;
    margin: 0;
    bottom: 0;
    top: auto;
    z-index: 5;
  }

  .read-more__arrow.swiper-button-disabled {
    opacity: 0.5;
  }

  .read-more__arrow--prev {
    left: 0;
  }

  .read-more__arrow--next {
    right: 0;
  }

  .read-more__slider {
    margin: 0 -20px;
    width: calc(100 + 40px);
    padding-bottom: 50px;
  }

  .read-more__image {
    text-align: center;
  }

  .read-more__image img {
    max-width: 180px;
  }

  .read-more__item {
    padding: 15px 20px;
    text-align: center;
  }

  .read-more__item:hover {
    background: none;
  }

  .read-more__item .btn {
    margin: 25px 0 0;
  }

  .read-more__item p {
    font-size: 16px;
    margin: 20px 0 0;
  }

  .read-more__item span {
    font-size: 12px;
    margin: 5px 0 0;
  }

  .catalog {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 -15px;
    width: calc(100% + 30px);
  }

  .catalog__item {
    width: 50%;
    padding: 20px 15px;
  }

  .catalog__item h3 {
    font-size: 14px;
    margin-top: 10px;
  }

  .catalog__item img {
    max-width: 226px;
    width: 90%;
    margin: 0 auto;
    display: flex;
  }

  .catalog__item p {
    font-size: 13px;
    line-height: 1.5;
    margin-top: 6px;
    height: 39px;

    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .catalog__item .btn {
    margin: 30px 0 0;
    opacity: 1;
    font-size: 12px;
    padding: 10px 10px 8px;
    width: 100% !important;
    line-height: 1.2;
    height: 46.8px;
    font-size: 14px;
  }
}

@media only screen and (max-width: 500px) {
  .questions__title {
    width: 100%;
    font-size: 16px;
    line-height: 1.4;
    padding-right: 0;
  }

  .questions__title span:not(.dotted) {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

/* COMPONENTS END */
/* TESTIMONY BEGIN */
.testimony h2 {
  /* margin-left: -6px; */
  padding-bottom: 0;
}

.testimony__info {
  padding-top: 35px;
}

.testimony__info .point-list {
  width: calc(100% + 10px);
}

.test-container {
  width: 100%;
  border-radius: 20px;
  background: #fff;
  border: 1px solid #89c23c;
  /* padding: 50px 50px 63px 50px; */
  padding: 50px;
  min-height: 732px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  overflow: hidden;
}

.test-container--height-auto {
  min-height: 1px;
}

.test-container .swiper-pagination {
  position: static;
  height: auto;
  margin: 15px auto -20px;
}

.test-container .swiper-pagination-bullet {
  background: #b7b7b7;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.test-container .swiper-pagination-bullet-active {
  background: #89c23c;
}

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

.test-container__title {
  color: #89c23c;
  font-size: 24px;
  font-family: "Montserrat", sans-serif;
  line-height: 1.35;
  font-weight: 600;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: normal;
}

.test-container__icon {
  font-size: 0;
  margin-right: 29px;
}

.test-container__icon img {
  width: 63px;
  height: auto;
}

.test-container__sub-title {
  color: #636363;
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  line-height: 1.4;
  font-weight: 600;
  margin: 0;
}

.test-container__questions {
  padding-top: 9px;
}

.test-container__questions--large .test-container__item-checkboxes {
  padding-left: 0;
}

.test-container__questions--large .test-container__checkbox .info {
  min-width: 150px;
}

.test-container__questions--large .test-container__button {
  margin-left: 0;
}

.test-container__item {
  padding-top: 33px;
}

.test-container__item p {
  line-height: 1.55;
  padding-bottom: 13px;
  margin-top: 0;
  width: calc(100% + 15px);
}

.test-container__item-checkboxes {
  padding-left: 22px;
  margin-top: -10px;
}

.test-container__checkbox {
  margin-right: 4px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  margin-top: 10px;
}

.test-container__checkbox input {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}

.test-container__checkbox input:checked+.info {
  background: #89c23c;
  color: #fff;
}

.test-container__checkbox .info {
  color: #89c23c;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  line-height: 1.6;
  font-weight: 600;
  border: 1px solid #89c23c;
  border-radius: 30px;
  background-color: #ffffff;
  min-width: 68px;
  padding: 8px 9px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.test-container__checkbox:hover .info {
  background: #89c23c;
  color: #fff;
}

.test-container__button {
  color: #ffffff;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  display: inline-block;
  padding: 13px 10px;
  text-align: center;
  min-width: 140px;
  line-height: 1.6;
  font-weight: 600;
  border-radius: 30px;
  background-color: #89c23c;
  border: 1px solid #89c23c;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin-top: 49px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  margin-left: 22px;
}

.test-container__button:hover {
  background: #9ed04b;
  border-color: #9ed04b;
}

.questions-step-2,
.questions-step-3,
.questions-result {
  display: none;
}

.test-container__result-bottom {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: -7px;
}

.test-container__result-slider {
  padding-top: 15px;
}

.test-container__result-img {
  font-size: 0;
  padding: 0;
  margin-right: 50px;
  width: 40%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.test-container__result-img img {
  max-width: 150px;
  width: 100%;
  height: auto;
}

.test-container__result-text {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 60%;
  color: #636363;
  font-size: 14px;
  font-family: "Roboto", Arial, sans-serif;
  line-height: 1.55;
  font-weight: 300;
}

.test-container__result-bottom p {
  color: #636363;
  font-size: 14px;
  font-family: "Roboto", Arial, sans-serif;
  line-height: 1.55;
  font-weight: 300;
}

.test-container__result-bottom p:first-child {
  margin: 0;
}

.test-container__info-result {
  display: none;
}

.questions-result .test-container__item-title {
  font-size: 16px;
  padding-bottom: 5px;
}

.questions-result .test-container__item-title span {
  color: #000000;
}

.questions-result .test-container__item {
  padding-top: 24px;
}

.testimony-use .point-list {
  padding-top: 16px;
}

.testimony-use .point-list p {
  margin-top: 19px;
}

.testimony-use__image-pack {
  text-align: center;
  padding-top: 30px;
  max-width: 420px;
  width: 90%;
  margin: 0 auto;
  position: relative;
}

.testimony-use__image-pack:before {
  position: absolute;
  bottom: -40px;
  left: -60px;
  width: calc(100% + 120px);
  height: 45%;
  background: #fff;
  border-radius: 50%;
  content: "";
}

.testimony-use__image-pack .hero__image {
  position: relative;
  z-index: 2;
}

.testimony-use h3 {
  margin-top: 58px;
}

.testimony-use h3+p {
  margin-top: 28px;
}

@media only screen and (max-width: 992px) {
  .testimony__info {
    padding-top: 0;
  }

  .test-container {
    padding: 25px;
    min-height: 1px;
  }

  .test-container .swiper-pagination {
    margin: 15px auto 0;
  }

  .test-container__item {
    padding-top: 20px;
  }

  .test-container__item-checkboxes {
    padding-left: 0;
  }

  .test-container__button {
    margin-left: 0;
    margin-top: 35px;
  }

  .testimony-use__image-pack:before {
    bottom: -45px;
    left: -30px;
    width: calc(100% + 60px);
    height: 42%;
  }
}

@media only screen and (max-width: 760px) {
  .testimony h2 {
    margin-left: 0;
  }

  .test-container {
    padding: 15px 10px 15px 15px;
    border-radius: 15px;
  }

  .test-container__icon {
    margin-right: 12px;
  }

  .test-container__icon img {
    width: 40px;
  }

  .test-container__title {
    font-size: 18px;
    letter-spacing: normal;
  }

  .test-container__sub-title {
    font-size: 12px;
    letter-spacing: normal;
  }

  .test-container__questions {
    padding-top: 0;
  }

  .test-container__questions--large .test-container__checkbox .info {
    min-width: 130px;
  }

  .test-container__item {
    padding-top: 15px;
  }

  .test-container__checkbox .info {
    font-size: 12px;
    min-width: 55px;
    padding: 5px 7px;
  }

  .test-container__item p {
    padding-bottom: 10px;
    width: 100%;
  }

  .test-container__button {
    margin-left: 0;
    margin-top: 25px;
    font-size: 12px;
    padding: 10px;
  }

  .test-container__result-slider {
    padding: 0;
  }

  .test-container__result-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .test-container__result-bottom p,
  .test-container__result-text {
    width: 100%;
    margin: 15px 0 0;
    font-size: 12px;
  }

  .test-container__result-img {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }

  .test-container__result-img img {
    max-width: 170px;
    width: 50%;
  }

  .testimony-use h3 {
    margin-top: 35px;
  }

  .testimony-use .grid__el:nth-child(1) {
    padding-top: 0;
  }

  .testimony-use .hero__image {
    padding-top: 20px;
  }

  .testimony-use .point-list {
    padding-top: 0;
  }

  .testimony-use .point-list p {
    margin-top: 19px;
  }

  .testimony-use__image-pack {
    padding-top: 0;
  }

  .testimony-use__image-pack img {
    max-width: 280px;
    width: 90%;
  }

  .testimony-use__image-pack:before {
    bottom: -10px;
    left: -20px;
    width: calc(100% + 40px);
    height: 35%;
  }

  .testimony-use__sub-title {
    font-size: 18px;
    margin-top: 25px;
  }

  .testimony-use__sub-title+p {
    margin-top: 15px;
  }
}

/* TESTIMONY END */
/* HOW USE BEGIN */
.how-use {
  position: relative;
}

.how-use-container {
  overflow: hidden;
  padding-bottom: 42px;
}

.how-use__controls {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.how-use .swiper-pagination {
  bottom: -37px;
  margin: auto auto 0;
}

.how-use .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  margin: 0 10px !important;
  border-radius: 100%;
  background: transparent;
  border: 1px solid #89c23c;
}

.how-use .swiper-pagination-bullet-active {
  background: #89c23c;
}

.how-use .swiper-arrow {
  width: 35px;
  height: 35px;
  border-radius: 50px;
  border: 1px solid #89c23c;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: #89c23c;
  position: absolute;
  z-index: 2;
  cursor: pointer;
}

.swiper-button-disabled {
  color: #89c23c !important;
  background: transparent !important;
}

.how-use-arrow--next {
  right: 18px;
}

.how-use-arrow--prev {
  left: -48px;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-button-lock {
  display: none !important;
}

.how-use p {
  margin-top: 0;
}

.how-use__images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  /* justify-content: space-around; */
  /*  */
  justify-content: flex-start;
  align-items: flex-end;
  gap: 58px;
}

.how-use__images-el {
  text-align: center;
  width: 47%;
  max-width: 230px;
}

.how-use__images-el a {
  display: inline-block;
  margin: 32px auto 0;
  color: #89c23c;
}

.how-use__tag {
  height: fit-content;
  font-size: 20px;
  line-height: 24px;
  color: #636363;
  text-align: start;
  margin: 0 0 45px 14px;
}

.how-use__images-el a:hover {
  border-color: #89c23c;
}

.how-use__img img {
  width: 100%;
  height: auto;
}

.buttons-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 20px;
}

.buttons-row .btn {
  margin: 25px 18px 0 0;
}

.buttons-row .btn:last-child {
  margin-right: 0;
}

.reviews-section {
  /* padding: 85px 0 48px; */
  padding: 262px 0 48px;
}

.reviews-section-hero {
  padding: 10px 0;
}

/* .fa-circle-plus,
.fa-circle-minus {
    position: relative;
} */
.fa-circle-plus::before {
  content: "\f055";
  font-family: FontAwesome;
  /* line-height: 15px;
    font-size: 22px;
    text-decoration: none;
    font-style: normal; */
}

.fa-circle-minus::before {
  content: "\f056";
  font-family: FontAwesome;
  /* line-height: 15px;
    font-size: 22px;
    text-decoration: none;
    font-style: normal; */
}

.fa_thin {
  color: #e9e9e9;
}

.open-btns {
  font-weight: 300;
  font-size: 24px;
  line-height: 23px;
}

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

  /* .how-use-sup-pro .how-use__images {
        display: grid;
        grid-template-columns: 1fr 1fr;
        justify-items: center;
        row-gap: 48px;
        column-gap: 20px;
    } */
  .how-use .swiper-arrow {
    display: none;
  }

  .how-use__tag {
    margin-bottom: 16px;
    font-size: 15px;
    line-height: 17px;
  }
}

@media only screen and (max-width: 760px) {
  .how-use {
    padding-top: 0;
  }

  .how-use-container {
    padding-bottom: 22px;
  }

  .how-use__images {
    gap: 0;
  }

  .how-use .swiper-pagination {
    bottom: -20px;
  }

  .how-use .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 6.5px !important;
  }

  .how-use__images-el {
    text-align: center;
    width: 47%;
    max-width: 230px;
  }

  .how-use__images-el p {
    font-size: 14px;
    margin: 15px auto 0;
  }

  .how-use__img img {
    /* width: 90%;
        height: auto; */
    width: auto;
    height: 179px;
  }

  .buttons-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 10px;
  }

  .buttons-row .btn {
    margin: 15px 0 0;
    width: 100%;
  }

  .how-use-sup-pro .how-use__images-el {
    max-width: unset;
    width: unset;
  }

  .how-use-sup-pro .how-use__images-el a {
    width: 50%;
  }

  .how-use__tag {
    margin: 0 0 20px 14px !important;
  }

  .how-use__images-el a {
    margin: 12px auto 0;
  }
}

@media only screen and (max-width: 600px) {
  .how-use-sup-pro .how-use__images-el a {
    width: 90%;
  }
}

/* HOW USE BEGIN */
/* REVIEWs BEGIN */
.reviews {
  overflow: hidden;
  width: 100%;
}

.reviews__slider {
  padding-bottom: 15px;
  position: relative;
}

.reviews__control {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.reviews__control .swiper-pagination {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.reviews__control .swiper-pagination-bullet {
  background: #b7b7b7;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  margin: 0 10px;
  width: 10px;
  height: 10px;
}

.reviews__control .swiper-pagination-bullet-active {
  background: #89c23c;
}

.reviews__arrow {
  width: 58px;
  min-width: 58px;
  height: 58px;
  border-radius: 50%;
  margin: 0px;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  overflow: hidden;
}

.reviews__arrow:hover {
  background: #f4f6f9;
}

.reviews__arrow.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}

.reviews__arrow:after {
  position: absolute;
  content: "";
  width: 18px;
  height: 18px;
  border: 4px solid #89c23c;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.reviews__arrow-next:after {
  left: 47%;
  border-left: none;
  border-bottom: none;
}

.reviews__arrow-prev:after {
  left: 53%;
  border-right: none;
  border-top: none;
}

.reviews__item {
  display: flex;
  width: 100%;
  height: fit-content;
  gap: 56px;
  padding: 20px 120px 40px 0px;
  border-bottom: 1px solid #cbcbcb;
  margin-bottom: 10px;
}

.review__left {
  width: 250px;
  min-width: 250px;
  display: flex;
  gap: 18px;
}

.review__right {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.reviews__item .advs {
  padding-top: 6px;
}

.reviews__item .text {
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 30px;
  color: #000000;
  margin-top: 0px !important;
  height: fit-content;
}

.reviews__item .stars {
  display: flex;
  margin-bottom: 5px;
}

.reviews__item .star {
  width: 30px;
  height: 30px;
  padding: 1px;
}

.reviews__item .avatar {
  width: 64px;
  height: 64px;
  border-radius: 40px;
  margin: 0 !important;
}

.reviews__item .author {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  color: #000000;
  margin-bottom: 5px;
}

.reviews__item .date {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 17px;
  color: #000000;
  margin-bottom: 42px;
}

.reviews__item .website {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 21px;
  color: #9ed04b;
  display: flex;
  gap: 2px;
  min-width: unset !important;
  width: unset !important;
}

.reviews__item .website img {
  max-width: 85px;
  max-height: 27px;
  width: 85px;
  height: auto;
  margin: 0 !important;
}

.reviews__item .site-comment {
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  color: #9ed04b;
  margin-top: 36px;
  min-width: 100px;
}

.site-comment-mobile {
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  color: #9ed04b;
  min-width: 100px;
  display: none;
}

.reviews__item .advs,
.reviews__item .disadvs {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  color: #000000;
  margin-bottom: 10px;
  display: flex;
  gap: 12px;
}

.reviews__item .advs i,
.reviews__item .disadvs i {
  color: #89c23c;
  font-size: 22px;
}

.reviews__item .disadvs i {
  color: #898989;
}

.reviews__slide {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.reviews__add-review {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 108px;
}

.reviews__total {
  font-weight: 700;
  font-size: 46px;
  line-height: 52px;
  color: #000000;
  text-align: center;
}

.reviews__total span {
  font-size: 18px;
  line-height: 24px;
  margin-left: 10px;
}

.reviews__total-stars {
  margin-top: 15px;
}

.reviews__total-stars img {
  width: 48px;
  height: 48px;
  padding: 1px;
}

.reviews__stars-range {
  width: 350px;
}

.reviews__stars-element {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 4px;
  align-items: center;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 15px;
}

.reviews__stars-element .fa-solid {
  color: #fae445;
}

.reviews__stars-element .fa_thin {
  color: #e9e9e9;
}

.reviews__stars-element .fa-star {
  font-size: 20px;
}

.reviews__total .fa-star {
  font-size: 40px;
}

.progress-bar .progress {
  background: #75b800;
  color: #fff;
  padding: 5px;
  width: 100%;
}

.progress-bar .bar {
  background: rgba(0, 0, 0, 0.075);
}

.progress-bar {
  overflow: hidden;
  width: 150px;
  height: 13px;
  border: 2px solid #e9e9e9;
}

.progress-bar span {
  display: block;
}

@keyframes loader {
  0% {
    width: 0;
  }

  20% {
    width: 10%;
  }

  25% {
    width: 24%;
  }

  43% {
    width: 41%;
  }

  56% {
    width: 50%;
  }

  66% {
    width: 52%;
  }

  71% {
    width: 60%;
  }

  75% {
    width: 76%;
  }

  94% {
    width: 86%;
  }

  100% {
    width: 100%;
  }
}

.reviews__button button {
  font-family: Montserrat, sans-serif !important;
  width: 198px;
  height: 61px;
  font-style: normal;
  font-weight: 600 !important;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  padding: 0;
}

.reviews__button--catalog button {
  font-family: Montserrat, sans-serif !important;
  width: 198px;
  height: 61px;
  font-style: normal;
  font-weight: 600 !important;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  padding: 0;
}

.read-reviews__button button {
  font-family: Montserrat, sans-serif !important;
  width: 198px !important;
  height: 61px;
  font-style: normal;
  font-weight: 600 !important;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  padding: 0;
}

.read-reviews__button--catalog button {
  font-family: Montserrat, sans-serif !important;
  width: 198px !important;
  height: 61px;
  font-style: normal;
  font-weight: 600 !important;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  padding: 0;
}

.article .read-reviews__button--catalog button {
  min-width: 194px;
  font-family: Montserrat, sans-serif !important;
  width: 198px !important;
  height: 61px !important;
  font-style: normal;
  font-weight: 600 !important;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  padding: 0;
}

.read-reviews__button {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-top: 50px;
}

.read-reviews__button--catalog {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-top: 0px;
  gap: 20px;
}

.read-reviews__button .btn {
  opacity: 1 !important;
}

.read-reviews__button--catalog .btn {
  opacity: 1 !important;
}

.catalog__item .read-reviews__button {
  margin-top: 0;
}

.catalog__item .read-reviews__button--catalog {
  margin-top: 0;
}

.read-reviews__button-single {
  display: none;
}

.cytamin .read-reviews__button-single button {
  font-family: Montserrat, sans-serif;
  width: 198px !important;
  height: 41px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  padding: 0;
}

.cytamin .read-reviews__button-single {
  font-family: Montserrat, sans-serif;
  display: flex;
  width: 100%;
  justify-content: center;
  margin-top: 50px;
}

.cytamin .read-reviews__button-single .btn {
  opacity: 1 !important;
}

body.fixed {
  overflow: hidden;
}

.reviews__modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 0px 6px;
  z-index: 10001;
  overflow: hidden;
  overflow-y: auto;
}

.reviews__form {
  background: #fff;
  max-width: 752px;
  width: 100%;
  height: fit-content;
  text-align: center;
  border-radius: 50px;
  margin: 84px auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.reviews__form-header {
  width: 100%;
  height: 131px;
  background: #89c23c;
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 44px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
  justify-content: center;
  border-radius: 50px 50px 0px 0px;
}

.reviews__form-body {
  padding: 35px 20px 40px;
}

.reviews__form-body h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 44px;
  padding: 0;
}

.reviews__form-body .stars {
  cursor: pointer;
}

.reviews__form label {
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 18px;
  color: #000000;
  margin: 35px 0 25px;
}

.reviews__form .star {
  width: 36px;
  height: 32px;
}

.reviews__form .input-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.reviews__form .input-item input {
  border: 1px solid #cccccc;
  border-radius: 30px;
  min-height: 40px;
  width: 100%;
  padding: 0 39px;
  font-weight: 300;
  font-size: 16px;
  line-height: 18px;
  display: flex;
  align-items: center;
  color: #757575;
}

.reviews__form .input-item textarea {
  border: 1px solid #cccccc;
  border-radius: 30px;
  min-height: 90px;
  width: 100%;
  padding: 20px 39px;
  font-weight: 300;
  font-size: 16px;
  line-height: 18px;
  display: flex;
  align-items: center;
  color: #757575;
  overflow: hidden;
  resize: none;
}

.reviews__form .agreement {
  display: flex;
  flex-direction: row;
  gap: 11px;
  align-items: flex-start;
  margin: 35px 0;
}

.reviews__form .agreement input {
  appearance: auto;
  width: 23px;
  height: 23px;
  min-height: 23px;
  min-width: 23px;
  margin-top: 5px;
}

.reviews__form .agreement div {
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 30px;
  color: #000000;
  text-align: left;
}

.reviews__form a {
  color: #89c23c;
}

.reviews__form .add-photo-btn {
  width: 151px;
  height: 41px;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 18px;
  color: #757575;
  background: #ffffff;
  border: 1px solid #89c23c;
  padding: 0;
  position: relative;
  align-items: center;
  justify-content: center;
  display: flex;
  cursor: pointer;
}

.reviews__form .add-photo-btn input {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 23232;
  cursor: pointer;
}

.reviews__form .close-form-btn {
  width: 192px;
  height: 41px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  padding: 0;
}

.reviews__form .photos {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 20px;
}

.reviews__form .photos img:before {
  font-family: "Font Awesome 6 Pro";
  content: "\f095";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  font-weight: 900;
}

.reviews__form p.error {
  margin-top: 14px;
  color: rgba(255, 70, 93, 1);
  font-family: "Roboto";
  font-weight: 300;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: left;
}

.reviews__form .img-items {
  position: relative;
}

.reviews__form .img-items i {
  position: absolute;
  right: -6px;
  top: -9px;
  color: #89c23c;
  cursor: pointer;
}

.reviews__form .img-items img {
  max-width: 150px;
  height: 50px;
  box-shadow: 0px 0px 3px #0000002b;
}

.success__modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  z-index: 10001;
  overflow: auto;
}

.success__modal .body {
  background: #fff;
  max-width: 1217px;
  width: 100%;
  height: 428px;
  text-align: center;
  border-radius: 50px;
  margin: 84px auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 122px;
  position: relative;
}

.success__modal .close button {
  background: none;
  border: none;
  font-size: 48px;
  font-weight: 700;
  font-family: cursive, sans-serif;
  position: absolute;
  top: 35px;
  right: 45px;
  cursor: pointer;
  color: #000000;
}

.success__modal .text {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 36px;
  line-height: 44px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #000000;
}

.success__modal .br-adaptive {
  display: none;
}

.reviews__filter-section {
  max-width: 1300px;
  /*1110*/
}

.reviews__filter-section .button-section {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin-top: 0px;
  justify-content: center;
  align-items: center;
}

.reviews__filter-section .button-section.active {
  margin-top: 50px;
}

.reviews__filter-section .btn {
  width: 178px;
  height: 53px;
  font-style: normal;
  font-weight: 500;
  font-size: 19px;
  line-height: 20px;
  padding: 0 8px;
  color: #000000;
  background: #ffffff;
  border: 2px solid #89c23c;
  display: flex;
  justify-content: center;
  align-items: center;
}

.reviews__filter-section .btn.active,
.reviews__filter-section .btn:hover {
  background: #89c23c;
  border-color: #9ed04b;
  color: white;
}

.reviews__filter-section h2 {
  padding-bottom: 74px;
}

.reviews .share {
  display: none;
}

@media only screen and (max-width: 992px) {
  .reviews__slider {
    padding-bottom: 55px;
  }

  .reviews__item {
    padding: 15px 25px 25px;
  }

  .reviews__item p {
    font-size: 18px;
  }

  .reviews__item .author {
    margin: 15px 0 0;
  }

  .reviews__slide {
    margin: 0 -25px;
    width: calc(100% + 50px);
  }

  .reviews__filter-section h2 {
    padding-bottom: 40px;
  }

  .reviews-section {
    /* padding: 80px 0 48px; */
    padding: 280px 0 48px;
  }
}

@media only screen and (max-width: 760px) {
  .reviews__slider {
    padding-bottom: 45px;
  }

  .reviews__item {
    padding: 10px 0 15px;
    max-width: 100%;
    width: 100%;
  }

  .reviews__item p {
    font-size: 14px;
  }

  .reviews__item .author {
    font-size: 12px;
    margin: 5px 0 0;
  }

  .reviews__slide {
    margin: 0;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .reviews__control {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }

  .reviews__control .swiper-pagination-bullet {
    margin: 0 6px;
    width: 8px;
    height: 8px;
  }

  .reviews__arrow {
    width: 40px;
    min-width: 40px;
    height: 40px;
    border: 4px solid #f4f6f9;
    margin: 0 17px;
  }

  .reviews__arrow.swiper-button-disabled {
    opacity: 0.5;
  }

  .reviews__filter-section h2 {
    font-size: 24px;
    padding-bottom: 20px;
    line-height: 1.4;
  }

  .reviews-section {
    /* padding: 60px 0 30px; */
    padding: 300px 0 30px;
  }

  .reviews__stars-element {
    gap: 2px;
  }
}

.article .reviews__item,
.cytamin .reviews__item {
  padding: 0px 120px 40px 0px;
  gap: 24px;
}

.article .reviews-list,
.cytamin .reviews-list {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.reviews .reviews-list {
  padding-bottom: 30px;
}

.reviews__item .fa-star {
  font-size: 24px;
}

.article .reviews__item .stars,
.cytamin .reviews__item .stars {
  margin-bottom: 9px;
}

.hero-reviews-button {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}

.hero-reviews-button a {
  width: 264px;
  height: 61px;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
}

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

  .article .reviews__item,
  .cytamin .reviews__item {
    padding: 0px 40px 40px 0px;
  }

  .reviews__form {
    max-width: 671px;
  }

  .reviews__form-header {
    height: 108px;
    font-size: 32px;
    line-height: 39px;
  }

  .reviews__form-body h2 {
    font-size: 32px;
    line-height: 39px;
  }

  .reviews__form label {
    font-size: 20px;
    margin: 20px 0 17px;
  }

  .reviews__form .agreement div,
  .reviews__form a {
    font-size: 18px;
  }

  .success__modal .body {
    height: 360px;
    max-width: 1090px;
  }

  .success__modal .text {
    font-size: 30px;
    line-height: 37px;
  }

  .success__modal .fa-xmark::before {
    font-size: 38px;
  }

  .success__modal .close button {
    top: 6px;
    right: 26px;
  }
}

@media only screen and (max-width: 1200px) {
  .reviews__filter-section .button-section {
    gap: 16px;
    margin-top: 36px;
  }

  .reviews__filter-section .btn {
    font-size: 18px;
    line-height: 19px;
    width: 164px;
    height: 48px;
  }
}

@media only screen and (max-width: 1124px) {
  .open-btns {
    font-size: 22px;
    line-height: 24px;
  }
}

@media only screen and (max-width: 1100px) {
  .reviews__add-review {
    justify-content: space-between;
    gap: 0px;
  }
}

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

  .article .catalog__item,
  .cytamin .catalog__item {
    gap: 24px;
  }

  .article .reviews__item,
  .cytamin .reviews__item {
    padding: 0px 24px 40px 0px;
    gap: 12px;
  }

  .article .reviews__item .text,
  .cytamin .reviews__item .text {
    font-size: 16px;
    line-height: 26px;
  }

  .reviews__item .fa-star {
    font-size: 20px;
  }

  .article .review__left,
  .cytamin .review__left {
    width: 220px;
    min-width: 220px;
  }

  .reviews__total-stars .fa-star {
    font-size: 32px;
  }

  .reviews__add-review {
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
  }

  .reviews__button {
    flex-basis: 100%;
    margin: 0 auto;
    display: flex;
  }

  .reviews__button--catalog {
    flex-basis: 100%;
    margin: 0 auto;
    display: flex;
  }

  .reviews__button button {
    margin: 0 auto;
  }

  .reviews__button--catalog button {
    margin: 0 auto;
  }

  .reviews__total {
    margin-right: 60px;
  }

  .reviews__filter-section .button-section {
    gap: 12px;
  }

  .reviews__filter-section .btn {
    font-size: 14px;
    line-height: 16px;
    width: 130px;
    height: 40px;
  }

  .open-btns {
    font-size: 20px;
    line-height: 22px;
  }
}

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

  .article .catalog__item,
  .cytamin .catalog__item {
    flex-direction: column;
  }

  .reviews__total {
    margin-right: 8px;
  }

  .reviews__button button {
    width: 100%;
    line-height: 1.2;
    height: 46.8px;
    font-size: 14px;
  }

  .reviews__button--catalog button {
    width: 100%;
    line-height: 1.2;
    height: 46.8px;
    font-size: 14px;
  }

  .read-reviews__button button {
    line-height: 1.2;
    height: 46.8px;
    font-size: 14px;
  }

  .read-reviews__button--catalog button {
    line-height: 1.2;
    height: 46.8px;
    font-size: 14px;
  }

  .article .read-reviews__button--catalog button {
    width: 100% !important;
    line-height: 1.2;
    height: 46.8px !important;
    font-size: 14px;
  }

  .read-reviews__button .btn {
    width: 100% !important;
    line-height: 1.2;
    height: 46.8px;
    font-size: 14px;
  }

  .read-reviews__button--catalog .btn {
    width: 100% !important;
    line-height: 1.2;
    height: 46.8px;
    font-size: 14px;
  }

  .cytamin .read-reviews__button-single {
    margin: 0 0 20px;
  }

  .cytamin .read-reviews__button-single .btn {
    width: 100% !important;
    line-height: 1.2;
    height: 46.8px;
    font-size: 14px;
    margin: 0 20px 0;
  }

  .reviews__filter-section .btn {
    color: #89c23c;
    border: none;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    width: fit-content;
    height: fit-content;
    transition: none;
  }

  .reviews__filter-section .btn.active,
  .reviews__filter-section .btn:hover {
    background: #ffffff;
    border-color: unset;
    text-decoration-line: underline;
    color: #000000;
  }

  .reviews__filter-section .button-section {
    gap: 10px;
    margin-top: 16px;
    justify-content: flex-start;
  }

  .reviews__form {
    margin: 80px auto 40px;
    border-radius: 50px;
  }

  .success__modal .body {
    height: 196px;
    padding: 0;
    border-radius: 30px;
    margin: 100px auto;
  }

  .success__modal .text {
    font-size: 20px;
    line-height: 24px;
  }

  .success__modal .br-adaptive {
    display: inline;
  }

  .success__modal .close button {
    font-size: 28px;
    top: 14px;
    right: 20px;
    padding: 0;
  }

  .hero-reviews-button a {
    width: 100%;
    line-height: 1.2;
    height: 46.8px;
    font-size: 14px;
  }

  .open-btns {
    font-size: 14px;
    line-height: 16px;
  }
}

@media only screen and (max-width: 600px) {
  .reviews__item {
    padding: 0px 0px 20px 0px;
    gap: 0px;
    flex-direction: column;
  }

  .reviews__item .center {
    display: flex;
    gap: 60px;
    align-items: center;
  }

  .catalog__item>.reviews__item .center {
    display: flex;
    gap: 20px;
    align-items: center;
  }

  .reviews__item .site-comment {
    display: none;
  }

  .reviews__item .site-comment-mobile {
    display: flex;
    margin-top: 4px;
  }

  .reviews__item .avatar {
    width: 30px;
    height: 30px;
  }

  .reviews__item .review__left {
    gap: 4px;
  }

  .reviews__item .fa-star {
    font-size: 17px;
  }

  .reviews__item .stars {
    margin-bottom: 4px;
  }

  .reviews__item .author {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
  }

  .reviews__item .date {
    font-weight: 500;
    font-size: 10px;
    line-height: 17px;
    margin: 0;
  }

  .reviews__item .text {
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
  }

  .reviews__total-stars {
    margin-top: 8px;
  }

  .reviews__total-stars .fa-star {
    font-size: 20px;
  }

  .reviews__total {
    font-size: 20px;
    line-height: 24px;
    margin: 0;
  }

  .reviews__total span {
    font-size: 12px;
    line-height: 16px;
    margin-left: 0px;
  }

  .reviews__stars-element .fa-star {
    font-size: 13px;
  }

  .reviews__stars-element .count {
    font-size: 8px;
    line-height: 15px;
  }

  .progress-bar {
    width: 106px;
  }

  .reviews__stars-range {
    width: 230px;
  }

  .article .catalog__item a {
    min-width: 120px;
  }

  .pt-70 {
    padding-top: 40px;
  }

  .reviews__item .advs,
  .reviews__item .disadvs {
    margin-left: 34px;
    gap: 6px;
    font-size: 13px;
    line-height: 14px;
  }

  .reviews__item .advs i,
  .reviews__item .disadvs i {
    font-size: 14px;
  }
}

@media only screen and (max-width: 500px) {
  .reviews__total-stars .fa-star {
    font-size: 16px;
  }

  .reviews__stars-element .fa-star {
    font-size: 10px;
  }

  .reviews__stars-range {
    width: 208px;
  }

  .reviews__form-header {
    height: 76px;
    font-size: 24px;
    line-height: 29px;
    border-radius: 30px 30px 0px 0px;
  }

  .reviews__form-header .close-btn {
    font-size: 24px;
    top: 10px;
    right: 20px;
  }

  .reviews__form-body h2 {
    font-size: 24px;
    line-height: 29px;
  }

  .reviews__form-body {
    padding: 20px 12px 40px;
  }

  .reviews__form label {
    word-break: break-word;
    text-align: left;
    font-size: 18px;
    line-height: 18px;
    margin: 20px 0 10px;
  }

  .reviews__form .input-item textarea {
    font-size: 14px;
    line-height: 18px;
  }

  .reviews__form .agreement {
    margin: 20px 0;
  }

  .reviews__form .agreement div {
    font-size: 14px;
    line-height: 20px;
  }

  .reviews__form a {
    font-size: 14px;
    line-height: 20px;
  }

  .reviews__form p.error {
    font-size: 16px;
    line-height: 18px;
    margin-top: 8px;
  }

  .reviews__form {
    border-radius: 30px;
  }
}

@media only screen and (max-width: 400px) {
  .reviews__add-review {
    justify-content: space-between;
  }

  .reviews section.no-bottom-padding {
    padding-bottom: 0;
  }

  .reviews-section {
    /* padding: 40px 0 0; */
    padding: 250px 0 0;
  }

  .reviews-section .hero {
    padding: 0;
  }

  .reviews .hero .no-bottom-padding {
    padding: 0;
  }

  .reviews .pt-70 {
    padding-top: 30px;
  }

  .reviews .reviews__slider {
    padding-bottom: 0;
  }

  .reviews-section-hero {
    padding: 0 !important;
  }

  .reviews-list {
    padding-bottom: 46px;
  }

  .custom-pagination a,
  .custom-pagination span,
  .custom-pagination .page-current,
  .custom-pagination a:hover {
    min-width: 30px;
    height: 30px;
    font-size: 16px;
    line-height: 18px;
  }

  .read-reviews__button .btn {
    margin: 0 !important;
  }

  .read-reviews__button--catalog .btn {
    margin: 0 !important;
  }

  .read-reviews__button {
    margin: 0;
  }

  .read-reviews__button--catalog {
    margin: 0;
  }
}

/* REVIEWs END */
/* illustrations begin */
.sosud-types {
  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;
  margin: 0 -25px;
  width: calc(100% + 50px);
  padding: 91px 0 36px;
}

.sosud-types-pro {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-around;
}

.sosud-types--middle {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.sosud-types__el {
  width: 33.333%;
  max-width: 376px;
  padding: 0 25px;
  text-align: center;
}

.sosud-types__el p {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  margin-top: 38px;
}

.sosud-types__image {
  font-size: 0;
  position: relative;
}

.sosud-types__image img {
  width: 100%;
  height: auto;
}

.kidneys__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 125px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.kidneys__el {
  width: 48%;
  max-width: 510px;
  font-size: 0;
  position: relative;
}

.kidneys__el:nth-child(1) {
  padding-top: 30px;
}

.kidneys__el img {
  width: 100%;
  height: auto;
}

.kidneys__el .k-line-1 {
  width: 1px;
  height: 28%;
  background: #7a7777;
  position: absolute;
  top: -2%;
  left: 64%;
  -webkit-transform: rotate(-25deg);
  -ms-transform: rotate(-25deg);
  transform: rotate(-25deg);
}

.kidneys__el .k-line-2 {
  width: 1px;
  height: 28%;
  background: #7a7777;
  position: absolute;
  top: -2%;
  left: 38%;
  -webkit-transform: rotate(25deg);
  -ms-transform: rotate(25deg);
  transform: rotate(25deg);
}

.kidneys__el .k-line-3 {
  width: 1px;
  height: 46%;
  background: #7a7777;
  position: absolute;
  bottom: -17.5%;
  left: 64.5%;
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}

.kidneys__el .k-line-4 {
  width: 1px;
  height: 40%;
  background: #7a7777;
  position: absolute;
  bottom: -17%;
  left: 36%;
  -webkit-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  transform: rotate(-30deg);
}

.kidneys__el .k-line-5 {
  width: 1px;
  height: 32%;
  background: #7a7777;
  position: absolute;
  top: 8%;
  left: 140px;
  -webkit-transform: rotate(-35deg);
  -ms-transform: rotate(-35deg);
  transform: rotate(-35deg);
}

.kidneys__el .k-line-6 {
  width: 1px;
  height: 24%;
  background: #7a7777;
  position: absolute;
  left: 54%;
  bottom: 9%;
  -webkit-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  transform: rotate(-20deg);
}

.kidneys__upkidneys {
  text-align: center;
  font-size: 14px;
  position: absolute;
  left: 51%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -7%;
  margin: 0;
}

.kidneys__kidneys {
  text-align: center;
  font-size: 14px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 112%;
  margin: 0;
}

.kidneys__mozgovoe {
  text-align: center;
  font-size: 14px;
  position: absolute;
  left: -10%;
  top: 7%;
  margin: 0;
}

.kidneys__korkovoe {
  text-align: center;
  font-size: 14px;
  position: absolute;
  left: 57%;
  bottom: 4%;
  margin: 0;
}

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

.ovaries__el {
  width: 44%;
}

.ovaries__el span {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  line-height: 1.3;
  color: #000000;
  text-align: center;
}

.ovaries__text {
  width: 44%;
}

.ovaries__image {
  font-size: 0;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}

.ovaries__image img {
  width: 100%;
  height: auto;
}

.vakuoli {
  padding-top: 80px;
  padding-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.vakuoli__el {
  width: 25.5%;
  padding: 0;
  text-align: center;
}

.vakuoli__el:nth-child(1) {
  position: relative;
}

.vakuoli__el:nth-child(1) .line-1 {
  content: "";
  width: 1px;
  height: 28%;
  background: #7a7777;
  position: absolute;
  top: 43px;
  left: 14%;
  -webkit-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  transform: rotate(-15deg);
}

.vakuoli__el:nth-child(1) .line-2 {
  content: "";
  width: 1px;
  height: 36%;
  background: #7a7777;
  position: absolute;
  bottom: -11px;
  left: -3.5%;
  -webkit-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  transform: rotate(5deg);
}

.vakuoli__el:nth-child(1) .vakuoli__image img {
  width: 118%;
  margin-left: -16%;
}

.vakuoli__el:nth-child(2) {
  width: 49%;
}

.vakuoli__el p {
  font-size: 14px;
  line-height: 1.4;
  margin: 25px 0 0;
}

.vakuoli__text-vakuol {
  margin: 0;
  position: absolute;
  left: -11.2%;
  top: 0;
  font-size: 14px;
  display: inline-block;
}

.vakuoli__text-vakuol:before {
  content: "";
  width: 120%;
  height: 1px;
  background: #7a7777;
  position: absolute;
  top: 100%;
  left: 0;
}

.vakuoli__text-complex {
  margin: 0;
  position: absolute;
  left: -11.2%;
  top: 98%;
  font-size: 14px;
  display: inline-block;
  max-width: 200px;
  text-align: left;
}

.vakuoli__info-part {
  width: 50%;
  text-align: center;
  margin-left: 50%;
}

.vakuoli__image {
  font-size: 0;
}

.vakuoli__image img {
  width: 100%;
}

.dewi {
  font-size: 20px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  text-align: center;
  line-height: 1.2;
  color: #000;
  margin: 0;
}

.renisamin-kidneys {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 50px 0;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.renisamin-kidneys__item {
  width: 50%;
  padding: 50px 30px;
  text-align: center;
}

.renisamin-kidneys__item p {
  margin-top: 40px;
}

.renisamin-kidneys__item img {
  width: 100%;
}

.testalamin-testis {
  padding: 80px 0;
}

.testalamin-testis p {
  margin-bottom: 60px;
}

.testalamin-testis__image {
  font-size: 0;
  text-align: center;
}

.testalamin-testis__image img {
  max-width: 620px;
  width: 70%;
}

.oftalamin-eyes {
  padding: 120px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.oftalamin-eyes__item {
  padding: 0 20px;
  width: 40%;
  text-align: center;
}

.oftalamin-eyes__item img {
  width: 100%;
  height: auto;
}

.oftalamin-eyes__item p {
  margin-top: 35px;
}

.prostalamin {
  padding: 80px 0;
}

.prostalamin p {
  margin-bottom: 60px;
}

.prostalamin__image {
  font-size: 0;
  text-align: center;
}

.prostalamin__image img {
  max-width: 620px;
  width: 70%;
}

.khondramin-koleno {
  padding: 120px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.khondramin-koleno__item {
  padding: 0 25px;
  width: 48%;
  font-size: 0;
  text-align: center;
}

.khondramin-koleno__item img {
  width: 100%;
  height: auto;
  max-width: 500px;
}

.khondramin-koleno__item:nth-child(3) {
  width: 90%;
  padding-top: 100px;
}

.khondramin-koleno__item:nth-child(3) img {
  max-width: 900px;
}

.ventramin-ill {
  padding: 120px 0 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.ventramin-ill__item {
  padding: 0 25px;
  width: 48%;
  font-size: 0;
  text-align: center;
  position: relative;
}

.ventramin-ill__item img {
  width: 100%;
  height: auto;
  max-width: 510px;
}

.ventramin-ill__item .left {
  width: 234px;
  max-width: 45%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 104%;
}

.ventramin-ill__item .right {
  width: 234px;
  max-width: 45%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 104%;
}

.ventramin-ill__item:nth-child(3) {
  padding-top: 90px;
}

.bronhalamin-ill {
  padding: 100px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.bronhalamin-ill__item {
  width: 100%;
  padding: 0 30px;
}

.bronhalamin-ill img {
  max-width: 300px;
  min-width: 300px;
  height: auto;
}

.bronhalamin-ill p {
  margin-bottom: 40px;
}

.cytamin-row {
  padding: 60px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.cytamin-row__item {
  width: 49%;
  padding: 0 30px;
}

.cytamin-row__item img {
  width: 100%;
  height: auto;
}

.cytamin-row__item {
  width: 49%;
  padding: 0 30px;
}

.cytamin-row-pro {
  padding: 60px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.cytamin-row-pro img {
  width: 100%;
  max-width: 360px;
  height: auto;
  background-repeat: no-repeat;
}

.cytamin-row-pro__item {
  width: 100%;
  padding: 0 30px;
}

.tserebramin__image {
  padding: 40px 0 24px;
  text-align: center;
}

.tserebramin__image img {
  width: 100%;
  height: auto;
  max-width: 680px;
}

.tserebramin__image p {
  margin-top: 0;
}

.koramin-ill {
  padding: 100px 0;
  text-align: center;
}

.koramin-ill__top {
  font-size: 0;
}

.koramin-ill__top img {
  width: 100%;
  max-width: 900px;
}

.koramin-ill__bottom {
  font-size: 0;
}

.koramin-ill__bottom img {
  width: 100%;
  max-width: 1000px;
}

.koramin-ill p {
  margin: 80px 0;
}

.gepatamin-ill {
  padding: 40px 0 100px;
}

.gepatamin-ill p {
  margin: 0 0 60px;
}

.gepatamin-ill__row {
  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;
}

.gepatamin-ill__item {
  width: 47%;
  padding: 100px 25px 0;
}

.gepatamin-ill__item img {
  width: 100%;
  height: auto;
}

.timusamin-ill {
  padding: 100px 0;
  text-align: center;
}

.timusamin-ill .dewi {
  margin-bottom: 60px;
}

.timusamin-ill__full {
  font-size: 0;
}

.timusamin-ill__full img {
  width: 100%;
  height: auto;
}

.timusamin-ill__row {
  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;
  font-size: 0;
  padding-top: 60px;
}

.timusamin-ill__item {
  width: 30%;
}

.timusamin-ill__item p {
  margin: 20px 0 0;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 300;
}

.timusamin-ill__item img {
  width: 100%;
  height: auto;
}

.epifamin-ill {
  padding: 100px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -20px;
  width: calc(100% + 40px);
}

.epifamin-ill .dewi {
  margin: 0 0 40px;
}

.epifamin-ill__item {
  width: 28%;
  padding: 0 20px;
}

.epifamin-ill__item img {
  width: 100%;
  height: auto;
}

.epifamin-ill__item:nth-child(2) {
  width: 44%;
  margin-bottom: -1%;
}

.pankramin-ill {
  padding: 100px 0;
  text-align: center;
}

.pankramin-ill .mob {
  display: none;
}

.pankramin-ill .dewi {
  margin-bottom: 70px;
}

.pankramin-ill__map {
  font-size: 0;
}

.pankramin-ill__map img {
  width: 100%;
  max-width: 1200px;
  height: auto;
}

.pankramin-ill__info {
  margin-top: 80px;
  font-size: 0;
  text-align: center;
}

.pankramin-ill__info img {
  width: 90%;
  max-width: 1000px;
  height: auto;
}

.tiramin-ill {
  padding: 100px 0;
  text-align: center;
}

.tiramin-ill .dewi {
  margin-bottom: 70px;
}

.tiramin-ill__map {
  font-size: 0;
}

.tiramin-ill__map img {
  width: 100%;
  max-width: 900px;
  height: auto;
}

.tiramin-ill__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -40px;
  width: calc(100% + 80px);
}

.tiramin-ill__item {
  padding: 140px 40px 0;
  width: 50%;
  text-align: left;
}

.tiramin-ill__item:nth-child(1) img {
  width: calc(100% + 60px);
  margin-left: -60px;
}

.tiramin-ill__item:nth-child(3) {
  width: 54%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.tiramin-ill__item:nth-child(4) {
  width: 46%;
}

.tiramin-ill__img img {
  width: 100%;
  height: auto;
}

.tiramin-ill__face {
  font-size: 0;
  width: 52%;
}

.tiramin-ill__face img {
  width: 180%;
  height: auto;
  margin-top: -50px;
  margin-left: -30px;
}

.tiramin-ill__list {
  width: 48%;
  text-align: left;
}

.tiramin-ill__list .dewi {
  margin-bottom: 25px;
}

.tiramin-ill__list .point-list {
  padding-top: 90px;
}

.tiramin-ill__list p {
  text-align: left;
}

.tiramin-ill__icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px;
  width: calc(100% + 30px);
  padding-top: 150px;
}

.tiramin-ill__icons-item {
  width: 25%;
  padding: 20px 10px;
  text-align: center;
}

.tiramin-ill__icons-item p {
  font-size: 14px;
  line-height: 1.4;
  margin: 14px 0 0;
}

.tiramin-ill__icons-icon {
  width: 100%;
  height: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.tiramin-ill__icons-icon img {
  width: auto;
}

@media only screen and (max-width: 992px) {
  .sosud-types {
    padding: 60px 0 30px;
    margin: 0 -20px;
    width: calc(100% + 40px);
  }

  .sosud-types__el {
    padding: 0 20px;
  }

  .vakuoli {
    padding-top: 60px;
    padding-bottom: 30px;
  }

  .vakuoli__el:nth-child(1) {
    position: relative;
  }

  .vakuoli__el:nth-child(1) .line-1 {
    height: 44%;
    top: calc(-10% + 17px);
    left: 15px;
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  .vakuoli__el:nth-child(1) .line-2 {
    bottom: -3%;
    height: 36%;
  }

  .vakuoli__el p {
    font-size: 12px;
    margin: 10px 0 0;
  }

  .vakuoli__text-vakuol {
    margin: 0 !important;
    position: absolute;
    left: -10px;
    top: -10%;
    font-size: 12px;
    display: inline-block;
  }

  .vakuoli__text-vakuol:before {
    width: 100%;
  }

  .kidneys__grid {
    padding-top: 50px;
  }

  .kidneys__el .k-line-1 {
    top: 0%;
    left: 66%;
  }

  .kidneys__el .k-line-2 {
    top: 0.5%;
    left: 38%;
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
  }

  .kidneys__el .k-line-3 {
    bottom: -16%;
    left: 64.5%;
  }

  .kidneys__el .k-line-4 {
    bottom: -15%;
    left: 36%;
  }

  .kidneys__el .k-line-5 {
    height: 28%;
    top: 8%;
    left: 103px;
  }

  .kidneys__upkidneys {
    font-size: 12px;
  }

  .kidneys__kidneys {
    font-size: 12px;
  }

  .kidneys__mozgovoe {
    text-align: center;
    font-size: 12px;
    left: -12%;
    top: 4%;
  }

  .kidneys__korkovoe {
    font-size: 12px;
  }

  .ovaries {
    padding: 0;
  }

  .ovaries__el {
    width: 46%;
  }

  .ovaries__el span {
    font-size: 15px;
  }

  .ovaries__text {
    width: 46%;
  }

  .dewi {
    font-size: 18px;
  }

  .tserebramin__image {
    padding: 0 0 20px;
  }

  .renisamin-kidneys {
    padding: 30px 0;
  }

  .renisamin-kidneys__item {
    padding: 40px 20px;
  }

  .renisamin-kidneys__item p {
    margin-top: 30px;
  }

  .testalamin-testis {
    padding: 50px 0;
  }

  .testalamin-testis p {
    margin-bottom: 40px;
  }

  .oftalamin-eyes {
    padding: 70px 0;
  }

  .oftalamin-eyes__item {
    padding: 0 15px;
  }

  .oftalamin-eyes__item p {
    margin-top: 25px;
  }

  .prostalamin {
    padding: 50px 0;
  }

  .prostalamin p {
    margin-bottom: 40px;
  }

  .khondramin-koleno {
    padding: 65px 0 30px;
  }

  .khondramin-koleno__item {
    padding: 0 20px;
    width: 44%;
  }

  .khondramin-koleno__item:nth-child(3) {
    padding-top: 40px;
    width: 80%;
  }

  .ventramin-ill {
    padding: 80px 0 50px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -20px;
    width: calc(100% + 40px);
  }

  .ventramin-ill__item {
    padding: 0 20px;
    width: 49%;
  }

  .ventramin-ill__item:nth-child(3) {
    padding-top: 50px;
    margin: 0 auto;
  }

  .bronhalamin-ill {
    padding: 50px 0;
  }

  .bronhalamin-ill__item {
    padding: 0 20px;
  }

  .bronhalamin-ill p {
    margin-bottom: 30px;
  }

  .cytamin-row {
    padding: 50px 0;
  }

  .cytamin-row__item {
    padding: 0 20px;
  }

  .cytamin-row-pro {
    padding: 50px 0 0;
    -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;
  }

  .cytamin-row-pro__item {
    padding: 0;
    text-align: left;
  }

  .koramin-ill {
    padding: 70px 0;
  }

  .koramin-ill p {
    margin: 50px 0;
  }

  .gepatamin-ill {
    padding: 30px 0 60px;
  }

  .gepatamin-ill p {
    margin: 0 0 40px;
  }

  .gepatamin-ill__row {
    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;
  }

  .gepatamin-ill__item {
    width: 45%;
    padding: 50px 0 0;
  }

  .timusamin-ill {
    padding: 60px 0;
  }

  .timusamin-ill .dewi {
    margin-bottom: 40px;
  }

  .timusamin-ill__row {
    padding-top: 40px;
  }

  .timusamin-ill__item {
    width: 32%;
  }

  .timusamin-ill__item p {
    margin: 15px 0 0;
  }

  .epifamin-ill {
    padding: 50px 0;
    margin: 0 -15px;
  }

  .epifamin-ill__item {
    padding: 0 15px;
  }

  .pankramin-ill {
    padding: 60px 0;
  }

  .pankramin-ill .dewi {
    margin-bottom: 50px;
  }

  .pankramin-ill__info {
    margin-top: 50px;
  }

  .tiramin-ill {
    padding: 60px 0;
  }

  .tiramin-ill .dewi {
    margin-bottom: 40px;
  }

  .tiramin-ill__map {
    text-align: center;
  }

  .tiramin-ill__map img {
    width: 90%;
  }

  .tiramin-ill__row {
    margin: 0 -20px;
    width: calc(100% + 40px);
  }

  .tiramin-ill__item {
    padding: 80px 20px 0;
  }

  .tiramin-ill__item:nth-child(1) img {
    width: calc(100% + 20px);
    margin-left: -20px;
  }

  .tiramin-ill__item:nth-child(3) {
    width: 100%;
  }

  .tiramin-ill__item:nth-child(4) {
    width: 100%;
  }

  .tiramin-ill__face {
    font-size: 0;
    width: 50%;
  }

  .tiramin-ill__face img {
    width: 100%;
    height: auto;
    margin: 0;
  }

  .tiramin-ill__list {
    width: 50%;
  }

  .tiramin-ill__list .dewi {
    margin-bottom: 20px;
  }

  .tiramin-ill__list .point-list {
    padding-top: 0;
  }

  .tiramin-ill__icons {
    padding-top: 0;
  }
}

@media only screen and (max-width: 760px) {
  .sosud-types {
    padding: 0;
    margin: 0;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .sosud-types__el {
    width: 100%;
    text-align: center;
    padding: 30px 0 0;
  }

  .sosud-types__el p {
    margin: 20px 0 0;
  }

  .sosud-types__image {
    text-align: center;
  }

  .sosud-types__image img {
    max-width: 200px;
    width: 80%;
  }

  .vakuoli {
    padding-top: 40px;
    padding-bottom: 0;
    -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;
  }

  .vakuoli__el {
    width: 100%;
    max-width: 180px;
  }

  .vakuoli__el:nth-child(1) {
    position: relative;
    max-width: 180px;
  }

  .vakuoli__el:nth-child(1) .vakuoli__image {
    max-width: 180px;
  }

  .vakuoli__el:nth-child(1) .line-1 {
    height: 44%;
    top: calc(-10% + 17px);
    left: 15px;
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  .vakuoli__el:nth-child(1) .line-2 {
    bottom: 3%;
    left: -2%;
    height: 29%;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }

  .vakuoli__el:nth-child(2) {
    max-width: 320px;
    margin-top: 55px;
    width: 100%;
  }

  .vakuoli__el:nth-child(2) img {
    width: 106%;
    margin-left: -3%;
  }

  .vakuoli__el:nth-child(3) {
    max-width: 180px;
    margin-top: 20px;
    width: 100%;
  }

  .vakuoli__el p {
    font-size: 12px;
    margin: 7px 0 0;
  }

  .vakuoli__text-vakuol {
    margin: 0 !important;
    position: absolute;
    left: -10px;
    top: -10%;
    font-size: 12px;
    display: inline-block;
  }

  .vakuoli__text-vakuol:before {
    width: 100%;
  }

  .vakuoli__text-complex {
    margin: 0 !important;
    top: 102%;
    width: 140%;
    max-width: 250px;
  }

  .kidneys__grid {
    padding-top: 30px;
    -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;
  }

  .kidneys__el {
    width: 100%;
    max-width: 240px;
  }

  .kidneys__el:nth-child(2) {
    margin-top: 100px;
  }

  .kidneys__el .k-line-1 {
    top: 2%;
  }

  .kidneys__el .k-line-2 {
    top: 2.5%;
  }

  .kidneys__el .k-line-5 {
    height: 30%;
    top: -10px;
    left: 100px;
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  .kidneys__el .k-line-6 {
    height: 28%;
    bottom: 6%;
  }

  .kidneys__upkidneys {
    font-size: 12px;
  }

  .kidneys__kidneys {
    font-size: 12px;
  }

  .kidneys__mozgovoe {
    text-align: center;
    font-size: 12px;
    left: 0;
    top: -14%;
  }

  .kidneys__korkovoe {
    font-size: 12px;
    left: 40%;
    bottom: -3%;
  }

  .ovaries {
    padding: 0;
    -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;
  }

  .ovaries__el {
    width: 80%;
    max-width: 260px;
    margin: 35px 0 0;
  }

  .ovaries__el span {
    font-size: 14px;
  }

  .ovaries__text {
    width: 100%;
  }

  .tserebramin__image {
    padding: 0 0 15px;
    max-width: 400px;
  }

  .renisamin-kidneys {
    padding: 30px 0;
    -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;
  }

  .renisamin-kidneys__item {
    width: 100%;
    padding: 25px 0;
    text-align: center;
  }

  .renisamin-kidneys__item p {
    margin-top: 20px;
  }

  .renisamin-kidneys__item img {
    width: 90%;
    max-width: 290px;
  }

  .dewi {
    font-size: 16px;
  }

  .testalamin-testis {
    padding: 30px 0;
  }

  .testalamin-testis p {
    margin-bottom: 25px;
  }

  .testalamin-testis__image img {
    width: 94%;
    max-width: 300px;
  }

  .oftalamin-eyes {
    padding: 25px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .oftalamin-eyes__item {
    padding: 15px 0;
    width: 100%;
    text-align: center;
  }

  .oftalamin-eyes__item img {
    width: 100%;
    max-width: 240px;
  }

  .oftalamin-eyes__item p {
    margin-top: 15px;
  }

  .prostalamin {
    padding: 30px 0;
  }

  .prostalamin p {
    margin-bottom: 25px;
  }

  .prostalamin__image {
    overflow: hidden;
    margin: 0 -20px;
    width: calc(100% + 40px);
  }

  .prostalamin__image img {
    width: calc(100% + 20px);
    margin-left: -50px;
    max-width: 400px;
  }

  .khondramin-koleno {
    padding: 15px 0;
  }

  .khondramin-koleno__item {
    padding: 15px 0;
    width: 100%;
  }

  .khondramin-koleno__item img {
    width: 85%;
    max-width: 260px;
  }

  .khondramin-koleno__item:nth-child(3) {
    padding: 15px 0;
    width: 100%;
  }

  .khondramin-koleno__item:nth-child(3) img {
    max-width: 104%;
    width: 104%;
    margin-left: -2%;
  }

  .ventramin-ill {
    padding: 20px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .ventramin-ill__item {
    padding: 30px 0 0;
    width: 100%;
  }

  .ventramin-ill__item img {
    width: 100%;
    height: auto;
    max-width: 300px;
  }

  .ventramin-ill__item .left {
    width: 200px;
    max-width: 100%;
    position: static;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin-top: 15px;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  .ventramin-ill__item .right {
    width: 200px;
    max-width: 100%;
    position: static;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin-top: 15px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .ventramin-ill__item:nth-child(3) {
    padding-top: 30px;
    margin: 0 auto;
    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;
  }

  .bronhalamin-ill {
    padding: 10px 0 25px;
    -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;
  }

  .bronhalamin-ill__item {
    width: 100%;
    padding: 35px 0 0;
    text-align: center;
  }

  .bronhalamin-ill p {
    margin-bottom: 20px;
  }

  .cytamin-row {
    padding: 10px 0 25px;
    -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;
  }

  .cytamin-row__item {
    width: 100%;
    padding: 35px 0 0;
    text-align: center;
  }

  .cytamin-row__item img {
    width: 100%;
    height: auto;
    max-width: 300px;
  }

  .koramin-ill {
    padding: 30px 0;
    text-align: center;
  }

  .koramin-ill__top img {
    width: 104%;
    margin-left: -2%;
  }

  .koramin-ill__bottom {
    font-size: 0;
  }

  .koramin-ill__bottom img {
    width: 104%;
    margin-left: -2%;
  }

  .koramin-ill p {
    margin: 30px 0;
  }

  .gepatamin-ill {
    padding: 20px 0 30px;
  }

  .gepatamin-ill p {
    margin: 0 0 25px;
  }

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

  .gepatamin-ill__item {
    width: 100%;
    padding: 30px 0 0;
    text-align: center;
  }

  .gepatamin-ill__item img {
    max-width: 300px;
  }

  .timusamin-ill {
    padding: 40px 0;
  }

  .timusamin-ill .dewi {
    margin-bottom: 25px;
  }

  .timusamin-ill__full img {
    width: calc(100% + 20px);
    margin-left: -10px;
    max-width: 360px;
  }

  .timusamin-ill__row {
    padding-top: 30px;
    -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;
  }

  .timusamin-ill__item {
    width: 100%;
    padding: 25px 0 0;
  }

  .timusamin-ill__item p {
    margin: 20px 0 0;
  }

  .timusamin-ill__item img {
    max-width: 200px;
  }

  .epifamin-ill {
    padding: 0 0 30px;
    -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;
    margin: 0;
    width: 100%;
  }

  .epifamin-ill .dewi {
    margin: 0 0 20px;
  }

  .epifamin-ill__item {
    width: 100%;
    padding: 0;
    padding-top: 35px;
    text-align: center;
  }

  .epifamin-ill__item img {
    max-width: 200px;
  }

  .epifamin-ill__item:nth-child(2) {
    width: 100%;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin: 0;
  }

  .epifamin-ill__item:nth-child(2) img {
    width: 100%;
    max-width: 300px;
  }

  .pankramin-ill {
    padding: 30px 0;
  }

  .pankramin-ill .desktop {
    display: none;
  }

  .pankramin-ill .mob {
    display: inline-block;
  }

  .pankramin-ill .dewi {
    margin-bottom: 20px;
  }

  .pankramin-ill__map img {
    max-width: 320px;
  }

  .pankramin-ill__info {
    margin-top: 30px;
  }

  .pankramin-ill__info img {
    width: 100%;
    max-width: 320px;
  }

  .tiramin-ill {
    padding: 30px 0;
  }

  .tiramin-ill .dewi {
    margin-bottom: 20px;
  }

  .tiramin-ill__map img {
    width: 100%;
  }

  .tiramin-ill__row {
    margin: 0;
    width: 100%;
  }

  .tiramin-ill__item {
    padding: 35px 0 0;
    width: 100%;
  }

  .tiramin-ill__item:nth-child(1) {
    padding-left: 40px;
    text-align: center;
  }

  .tiramin-ill__item:nth-child(1) p {
    margin-left: -40px;
  }

  .tiramin-ill__item:nth-child(1) img {
    width: calc(100% + 40px);
    margin-left: -40px;
    max-width: 300px;
  }

  .tiramin-ill__item:nth-child(2) {
    padding-left: 40px;
    text-align: center;
  }

  .tiramin-ill__item:nth-child(2) p {
    margin-left: -40px;
  }

  .tiramin-ill__item:nth-child(2) img {
    width: 100%;
    max-width: 300px;
    margin-left: 0;
  }

  .tiramin-ill__item:nth-child(3) {
    width: 100%;
  }

  .tiramin-ill__item:nth-child(4) {
    width: 100%;
  }

  .tiramin-ill .point-list p {
    font-size: 12px;
    margin-top: 10px;
  }

  .tiramin-ill__img img {
    width: 100%;
    height: auto;
  }

  .tiramin-ill__face {
    font-size: 0;
    width: calc(50% + 20px);
    margin-right: -20px;
    padding-top: 44px;
    overflow: hidden;
  }

  .tiramin-ill__face img {
    width: 140%;
    height: auto;
  }

  .tiramin-ill__list {
    width: 50%;
    text-align: left;
  }

  .tiramin-ill__list .dewi {
    margin-bottom: 25px;
    width: 200%;
    text-align: center;
  }

  .tiramin-ill__icons {
    margin: 0 -5px;
    width: calc(100% + 10px);
  }

  .tiramin-ill__icons-item {
    width: 50%;
    padding: 10px 5px;
    text-align: center;
  }

  .tiramin-ill__icons-item p {
    font-size: 12px;
    margin: 10px 0 0;
  }

  .tiramin-ill__icons-icon {
    height: 40px;
  }

  .tiramin-ill__icons-icon img {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
}

/* illustrations end */
/* WHERE BUY BEGIN */
.where-buy {
  /* padding: 85px 0 48px; */
  padding: 262px 0 48px;
}

.where-buy__select-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 10px;
}

.where-buy__select-container p {
  white-space: nowrap;
}

.where-buy__select-container p,
.where-buy__select-container a {
  margin: 0 20px 0 0;
  font-size: 18px;
  line-height: 1.5;
}

.where-buy__select-container a {
  margin-bottom: 20px;
  color: #89c23c;
  display: inline-block;
  border-bottom: 1px solid transparent;
}

.where-buy__select-container a:hover {
  color: #636363;
}

.where-buy__select-container a.is-active {
  color: #636363;
  border-color: rgba(99, 99, 99, 0.7);
}

.where-buy__select {
  max-width: 340px;
  width: 100%;
}

.where-buy--terms h3 {
  margin: 25px 0 0;
  color: #000;
}

.where-buy--terms p {
  margin: 25px 0 0;
}

.where-buy--terms a {
  color: #89c23c;
}

.where-buy .test-container__questions {
  padding-top: 0;
}

.where-map {
  border-top: 1px solid #ebebeb;
  padding: 0;
}

.where-map__row {
  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;
  padding: 18px 0 21px;
}

.where-map__row p {
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  font-family: "Montserrat", sans-serif;
  margin: 0 20px 0 0;
}

.where-map__apteka {
  font-size: 0;
}

.where-map__apteka img {
  height: 45px;
  width: auto;
  max-width: 100%;
}

.where-apteki {
  /* padding: 68px 0 0; */
  padding: 38px 0 0;
}

.where-apteki__title {
  font-size: 30px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #000000;
  margin: 0;
}

.where-apteki__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /* padding-top: 22px; */
}

.where-apteki__el {
  width: 33.33333%;
  padding: 30px 10px;
  border-right: 1px solid #cccccc;
  text-align: center;
  /* margin-top: 25px; */
  margin-top: 8px;

  display: flex;
  align-items: center;
  justify-content: center;
}

.where-apteki__el a {
  width: 100%;
  height: auto;
}

.where-apteki__el:nth-child(3n) {
  border-right: none;
}

.where-apteki__el:last-child {
  border-right: none;
}

.where-apteki__el img {
  width: auto;
  max-width: 100%;
  height: 100%;
  max-height: 35px;
}

.where-apteki__image {
  display: flex;
  justify-content: center;
  align-items: center;
}

.where-apteki__el--adaptive {
  display: flex;
  align-items: center;
  justify-content: center;
}

.where-apteki__el--adaptive .where-apteki__image img {
  max-height: 55px;
  border-radius: 50px;
}

.where-apteki__el--ozon .where-apteki__image img {
  transform: scale(1.2);
}

@media only screen and (max-width: 992px) {
  .where-buy {
    /* padding: 80px 0 48px; */
    padding: 280px 0 48px;
  }

  .where-buy__select-container {
    padding-top: 0;
  }

  .where-apteki {
    padding: 50px 0 0;
  }

  .where-apteki__title {
    font-size: 24px;
  }

  .where-apteki__grid {
    padding-top: 15px;
  }

  .where-apteki__el {
    width: 33.33333%;
    padding: 15px 10px;
    margin-top: 20px;
  }

  .where-apteki__el:nth-child(4n) {
    border-right: 1px solid #cccccc;
  }

  .where-apteki__el:nth-child(3n) {
    border-right: none;
  }

  .where-apteki__el img {
    max-height: 28px;
  }

  .where-apteki__el--adaptive .where-apteki__image img {
    max-height: 44px;
  }
}

@media only screen and (max-width: 760px) {
  .where-buy {
    /* padding: 60px 0 30px; */
    padding: 300px 0 30px;
  }

  .where-buy__select-container {
    padding-top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .where-buy__select-container p,
  .where-buy__select-container a {
    font-size: 14px;
    margin-bottom: 15px;
  }

  .where-buy__select-container a {
    margin: 0 12px 10px 0;
  }

  .where-buy__select {
    width: 100%;
    height: 50px;
  }

  .where-buy--terms h3 {
    margin: 18px 0 0;
  }

  .where-buy--terms p {
    margin: 18px 0 0;
  }

  .where-map__row {
    padding: 15px 0 20px;
    -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;
  }

  .where-map__row p {
    font-size: 14px;
    margin: 0 0 8px;
  }

  .where-map__apteka img {
    height: 25px;
  }

  .where-apteki {
    padding: 25px 0;
  }

  .where-apteki__title {
    font-size: 20px;
  }

  .where-apteki__grid {
    padding-top: 10px;
  }

  .where-apteki__el {
    /* width: 50%; */
    padding: 10px;
    margin-top: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  /* 
    .where-apteki__el:nth-child(4n) {
        border-right: 1px solid #cccccc;
    }

    .where-apteki__el:nth-child(3n) {
        border-right: 1px solid #cccccc;
    }

    .where-apteki__el:nth-child(even) {
        border-right: none !important;
    } */

  .where-apteki__image {
    font-size: 0;
    width: 100%;
  }

  .where-apteki__image img {
    max-height: 20px;
  }

  .where-apteki__el img {
    width: 100%;
  }

  .where-apteki__el--adaptive .where-apteki__image img {
    max-height: 34px;
  }
}

/* WHERE BUY END */
/* PRODUCTION BEGIN */
.production-head {
  /* padding: 85px 0 73px; */
  padding: 262px 0 73px;
}

.production-head h2 {
  padding-bottom: 0;
}

.production {
  padding: 0;
}

.production__full-image {
  overflow: hidden;
  max-width: 1920px;
  font-size: 0;
  margin: 0 auto;
  width: 100%;
  position: relative;
  z-index: 3;
}

.production__full-image img {
  width: 100%;
  height: auto;
}

.production__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0 -20px;
  width: calc(100% + 40px);
  padding-bottom: 4px;
}

.production__grid-el {
  width: 25%;
  padding: 72px 20px 0;
}

.production__grid-el:nth-child(2) {
  width: 30%;
}

.production__grid-el:nth-child(2) img {
  width: 156px;
  height: auto;
}

.production__grid-el:nth-child(3) {
  width: 20%;
}

.production__grid-el:nth-child(4) .production__grid-el-head {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.production__grid-el:nth-child(4) img {
  width: 100%;
  height: auto;
  max-width: 251px;
}

.production__grid-el span {
  font-size: 180px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #000;
  margin-left: -32px;
  letter-spacing: -1px;
}

.production__grid-el p {
  font-size: 18px;
  color: #636363;
  line-height: 1.2;
  margin: 18px 0 0;
}

.production__grid-el h3 {
  font-size: 22px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #000;
  margin: 27px 0 0;
  text-transform: uppercase;
}

.production__grid-el-head {
  height: 180px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.production__row {
  padding: 93px 0 0;
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.production__row--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.production__row--reverse .production__controls {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.production__row--reverse .production__row-info-container {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.production__row--reverse .production__row-info {
  padding-left: 120px;
  max-width: 730px;
}

.production__row-info-container {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-bottom: 80px;
}

.production__row-large {
  position: absolute;
  font-size: 500px;
  color: #f4f6f9;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.production__row-large--large-2 {
  left: auto;
  right: 0;
  top: 20%;
}

.production__row-info {
  padding-left: 50px;
  padding-right: 50px;
  max-width: 650px;
  width: 100%;
  position: relative;
}

.production__row-info h2 {
  font-size: 40px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #000;
  padding-bottom: 0;
  line-height: 1.3;
  position: relative;
  z-index: 2;
}

.production__row-info p {
  font-size: 20px;
  font-weight: 300;
  margin: 30px 0 0;
  max-width: 500px;
  position: relative;
  z-index: 2;
}

.production__row-info .small {
  font-size: 14px;
}

.production__row-slider {
  width: 50%;
  overflow: hidden;
  padding-bottom: 93px;
}

.production__row-slider .swiper-slide {
  height: 600px;
}

.production__row-slider-container {
  width: 100%;
  height: 100%;
  position: relative;
}

.production__row-slider-container .swiper-slide {
  font-size: 0;
  line-height: 0;
}

.production__controls {
  position: absolute;
  top: 100%;
  padding-top: 30px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  z-index: 2;
}

.production__controls .swiper-pagination {
  position: static;
  left: 0;
  top: 0;
  width: auto;
  min-width: 80px;
  text-align: center;
  padding: 0 10px;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}

.production__controls .swiper-arrow {
  width: 56px;
  min-width: 56px;
  height: 56px;
  border: 2px solid #f4f6f9;
  border-radius: 50%;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
  display: block;
  position: relative;
}

.production__controls .swiper-arrow.swiper-button-disabled {
  opacity: 0.3;
}

.production__controls .swiper-arrow:hover {
  background: #f4f6f9;
}

.production__controls .swiper-arrow:after {
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  display: block;
  border: 2px solid #000;
  top: 50%;
  left: 48%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.production__controls .swiper-arrow--prev:after {
  left: 52%;
  border-right: none;
  border-top: none;
}

.production__controls .swiper-arrow--next:after {
  border-left: none;
  border-bottom: none;
}

.production__row-slider-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.production__full-tab {
  text-align: center;
  margin-top: 40px;
}

.production__full-tab .container {
  padding: 90px 0;
  position: relative;
  text-align: center;
}

.production__full-tab .production__row-large {
  top: 60%;
}

.production__full-tab h2 {
  font-size: 40px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #000;
  padding-bottom: 0;
  line-height: 1.3;
  position: relative;
  z-index: 2;
  text-align: center;
}

.production__love {
  padding: 60px 0 70px;
  text-align: center;
}

.production__love .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.production__love p {
  font-size: 80px;
  margin: 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  color: #000000;
  padding-top: 30px;
}

.production__love-icon {
  width: 60px;
  min-width: 60px;
  height: 60px;
  margin-right: 40px;
  margin-top: 30px;
}

.production__love-icon img {
  width: 60px;
  height: 60px;
}

@media only screen and (max-width: 1336px) {
  .production__grid {
    margin: 0 -10px;
    width: calc(100% + 20px);
  }

  .production__grid-el {
    width: 25%;
    padding: 62px 10px 0;
  }

  .production__grid-el:nth-child(2) {
    width: 30%;
  }

  .production__grid-el:nth-child(2) img {
    width: 135px;
    height: auto;
  }

  .production__grid-el:nth-child(3) {
    width: 20%;
  }

  .production__grid-el:nth-child(4) .production__grid-el-head {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .production__grid-el:nth-child(4) img {
    width: 90%;
  }

  .production__grid-el span {
    font-size: 160px;
    margin-left: -28px;
  }

  .production__grid-el p {
    margin: 15px 0 0;
  }

  .production__grid-el h3 {
    font-size: 20px;
    margin: 20px 0 0;
  }

  .production__grid-el-head {
    height: 160px;
  }

  .production__row {
    padding: 75px 0 0;
  }

  .production__row--reverse .production__row-info {
    padding-left: 80px;
  }

  .production__row-info-container {
    padding-bottom: 65px;
  }

  .production__row-large {
    font-size: 400px;
  }

  .production__row-info {
    padding-left: 50px;
    padding-right: 50px;
    max-width: 650px;
  }

  .production__row-info h2 {
    font-size: 34px;
  }

  .production__row-info p {
    font-size: 18px;
    margin: 25px 0 0;
  }

  .production__row-slider {
    padding-bottom: 75px;
  }

  .production__row-slider .swiper-slide {
    height: 500px;
  }

  .production__controls {
    padding-top: 15px;
  }

  .production__full-tab {
    text-align: center;
    margin-top: 30px;
  }

  .production__full-tab .container {
    padding: 80px 0;
  }

  .production__full-tab .production__row-large {
    top: 60%;
  }

  .production__full-tab h2 {
    font-size: 34px;
  }

  .production__love {
    padding: 50px 0 30px;
  }

  .production__love p {
    font-size: 60px;
    padding-top: 10px;
  }

  .production__love-icon {
    width: 50px;
    min-width: 50px;
    height: 50px;
    margin-right: 40px;
    margin-top: 10px;
  }

  .production__love-icon img {
    width: 50px;
    height: 50px;
  }
}

@media only screen and (max-width: 992px) {
  .production-head {
    /* padding: 80px 0 55px; */
    padding: 280px 0 55px;
  }

  .production__grid {
    margin: 0 -10px;
    width: calc(100% + 20px);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .production__grid-el {
    width: 50%;
    padding: 25px 10px;
  }

  .production__grid-el:nth-child(2) {
    width: 50%;
  }

  .production__grid-el:nth-child(2) img {
    width: 105px;
    height: auto;
  }

  .production__grid-el:nth-child(3) {
    width: 50%;
  }

  .production__grid-el:nth-child(4) .production__grid-el-head {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .production__grid-el:nth-child(4) img {
    width: 90%;
  }

  .production__grid-el span {
    font-size: 120px;
    margin-left: -10px;
  }

  .production__grid-el p {
    font-size: 16px;
    margin: 15px 0 0;
  }

  .production__grid-el h3 {
    font-size: 20px;
    margin: 15px 0 0;
  }

  .production__grid-el-head {
    height: 120px;
  }

  .production__row {
    padding: 40px 0 10px;
  }

  .production__row--reverse .production__row-info {
    padding-left: 50px;
  }

  .production__row-large {
    font-size: 300px;
  }

  .production__row-info {
    padding-left: 35px;
    padding-right: 35px;
  }

  .production__row-info h2 {
    font-size: 24px;
  }

  .production__row-info p {
    font-size: 15px;
    margin: 20px 0 0;
  }

  .production__row-slider {
    padding-bottom: 60px;
  }

  .production__row-slider .swiper-slide {
    height: 400px;
  }

  .production__row-info-container {
    padding-bottom: 30px;
  }

  .production__controls {
    padding-top: 10px;
  }

  .production__controls .swiper-arrow {
    width: 48px;
    min-width: 48px;
    height: 48px;
  }

  .production__full-tab {
    text-align: center;
    margin-top: 30px;
  }

  .production__full-tab .container {
    padding: 60px 0;
  }

  .production__full-tab .production__row-large {
    top: 60%;
  }

  .production__full-tab h2 {
    font-size: 24px;
  }

  .production__love {
    padding: 30px 0 40px;
  }

  .production__love p {
    font-size: 50px;
    padding-top: 10px;
  }

  .production__love-icon {
    width: 40px;
    min-width: 40px;
    height: 40px;
    margin-right: 20px;
    margin-top: 10px;
  }

  .production__love-icon img {
    width: 40px;
    height: 40px;
  }
}

@media only screen and (max-width: 760px) {
  .production-head {
    /* padding: 60px 0 20px; */
    padding: 250px 0 20px;
  }

  .production__full-image img {
    width: calc(100% + 40%);
    margin-left: -20%;
  }

  .production__grid {
    padding-bottom: 20px;
  }

  .production__grid-el {
    width: 100%;
    padding: 30px 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .production__grid-el:nth-child(2) {
    width: 100%;
  }

  .production__grid-el:nth-child(2) img {
    width: 50px;
  }

  .production__grid-el:nth-child(3) {
    width: 100%;
  }

  .production__grid-el:nth-child(4) {
    width: 100%;
  }

  .production__grid-el:nth-child(4) img {
    width: 100%;
  }

  .production__grid-el span {
    font-size: 60px;
    margin-left: 0;
    margin-top: -5px;
  }

  .production__grid-el p {
    font-size: 12px;
    line-height: 1.4;
    margin: 10px 0 0;
  }

  .production__grid-el h3 {
    font-size: 15px;
    margin: 0;
  }

  .production__grid-image {
    text-align: center;
  }

  .production__grid-el-head {
    height: auto;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 70px;
    min-width: 70px;
    margin-right: 15px;
  }

  .production__row {
    padding: 15px 0 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .production__row--reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .production__row--reverse .production__row-info {
    padding-left: 20px;
  }

  .production__row--reverse .production__controls {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .production__row-large {
    font-size: 200px;
    top: -70px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  .production__row-large--large-2 {
    left: 0;
    top: -70px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  .production__row-info-container {
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-bottom: 0;
  }

  .production__row-info {
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
  }

  .production__row-info h2 {
    font-size: 18px;
  }

  .production__row-info p {
    font-size: 12px;
    margin: 14px 0 0;
    max-width: 100%;
  }

  .production__row-info .small {
    font-size: 10px;
  }

  .production__row-slider {
    width: 100%;
    margin-top: 20px;
    padding-bottom: 52px;
  }

  .production__row-slider .swiper-slide {
    height: 220px;
  }

  .production__controls {
    padding-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .production__controls .swiper-pagination {
    font-size: 12px;
  }

  .production__controls .swiper-arrow {
    width: 40px;
    min-width: 40px;
    height: 40px;
  }

  .production__full-tab {
    text-align: center;
    margin-top: 30px;
  }

  .production__full-tab .container {
    padding: 40px 0 20px;
  }

  .production__full-tab .production__row-large {
    top: -70px;
  }

  .production__full-tab h2 {
    font-size: 18px;
  }

  .production__love {
    padding: 25px 0 0;
  }

  .production__love p {
    font-size: 20px;
    padding-top: 0;
  }

  .production__love-icon {
    width: 20px;
    min-width: 20px;
    height: 20px;
    margin-right: 12px;
    margin-top: 0px;
  }

  .production__love-icon img {
    width: 20px;
    height: 20px;
  }
}

/* PRODUCTION BEGIN */
/* BLOG BEGIN */
.blog-section {
  /* padding: 85px 0 48px; */
  padding: 262px 0 48px;
}

.blog-section li {
  list-style-type: none;
}

.blog-section__text {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}

.blog-section h4 {
  font-weight: 600;
  font-size: 30px;
  margin-bottom: 54px;
}

.blog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -50px;
  width: calc(100% + 100px);
  overflow: hidden;
}

.blog li {
  padding: 30px 50px 20px;
  width: 50%;
}

.blog li:nth-child(1) {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.blog li.tags {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}

.article .blog__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.article .blog__tag {
  border: 1px solid #cccccc;
  border-radius: 30px;
  outline: none;
  font-size: 14px;
  color: #636363;
  font-weight: 300;
  line-height: 1.2;
  padding: 6px 20px;
  margin: 0 5px 10px 0;
  cursor: pointer;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.article .blog__tag:hover {
  background: #f7f7f7;
}

.article .blog__tag.is-active {
  background: #89c23c;
  border-color: #89c23c;
  color: #fff;
}

.blog-section .blog__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  row-gap: 20px;
  column-gap: 18px;
  max-width: 1000px;
  width: 100%;
  margin: 50px auto 32px;
}

.blog-section .blog__tag {
  display: flex;
  flex-direction: column;
  max-width: 23%;
  width: 100%;
  gap: 20px;
}

.blog-section .blog__tag-item {
  border: 1px solid #89c23c;
  border-radius: 50px;
  outline: none;
  color: #636363;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 17px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  text-align: center;
  height: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.blog-section .blog__tag-item:hover {
  background: #f7f7f7;
}

.blog-section .blog__tag-item.is-active {
  background: #89c23c;
  border-color: #89c23c;
  color: #fff;
}

.blog__button-section {
  width: 100% !important;
}

.blog__button {
  padding: 100px 0 50px;
  text-align: center;
}

.blog .btn {
  margin: 0 auto;
}

.blog__subtags {
  display: none;
  flex-direction: column;
  gap: 14px;
  opacity: 0;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.blog__subtags--is-active {
  display: flex;
  opacity: 1;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.blog__subtags input {
  cursor: pointer;
  position: absolute;
}

.blog__subtags input[type="radio"]+label:before {
  height: 20px;
  width: 20px;
  min-width: 20px;
  margin: 0;
  content: "";
  border: 2px solid #89c23c;
  border-radius: 50px;
}

.blog__subtags .checked>label:before {
  background: #89c23c;
  height: 14px !important;
  width: 14px !important;
  min-width: 14px !important;
  border: 3px solid white !important;
  outline: 2px solid #89c23c !important;
  position: relative;
  left: 2px;
}

.blog__subtags .checked>label {
  color: #89c23c !important;
  font-weight: 600 !important;
  gap: 16px !important;
}

.blog__tags .subtag {
  display: flex;
  justify-content: flex-start;
  height: unset;
  border: none;
  gap: 10px;
  padding: 0;
}

.blog__tags .subtag:hover {
  background: none;
}

.blog__tags .subtag label {
  font-family: Roboto, sans-serif;
  font-size: 18px;
  line-height: 20px;
  font-weight: 300;
  cursor: pointer;
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  color: #636363;
  text-align: start;
  min-height: 24px;
}

.blog__tags .subtag label:hover {
  color: #89c23c;
}

.tags-reset-btn {
  width: 163px;
  height: 61px;
  background: #b6adad;
  border-radius: 50px;
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
  justify-content: center;
  margin: 0 auto;
}

.tags-reset-btn:hover {
  color: #b6adad;
  background: white;
  border: 1px solid #b6adad;
}

@media only screen and (max-width: 992px) {
  .blog-section {
    /* padding: 80px 0 48px; */
    padding: 280px 0 48px;
  }

  .blog {
    margin: 0 -25px;
    width: calc(100% + 50px);
  }

  .blog li {
    padding: 20px 25px 15px;
  }

  .blog-section .blog__tag {
    gap: 14px;
  }

  .blog-section .blog__tags {
    gap: 14px;
  }

  .blog-section .blog__tag-item {
    font-size: 14px;
  }

  .blog__tags .subtag label {
    font-size: 16px;
  }
}

@media only screen and (max-width: 760px) {
  .blog-section {
    /* padding: 60px 0 30px; */
    padding: 250px 0 30px;
  }

  .blog-section h4 {
    font-size: 18px;
    margin-bottom: 16px;
  }

  .blog {
    margin: 0 -20px;
    width: calc(100% + 40px);
    height: auto !important;
  }

  .blog li {
    position: static !important;
    height: auto !important;
    left: auto !important;
    top: auto !important;
    width: 100%;
    padding: 10px 0 20px;
  }

  .blog-section .blog__tags {
    padding: 0;
  }

  .article .blog__tags {
    padding: 0 20px;
  }

  .article .blog__tag {
    max-width: unset;
  }

  .blog__tag {
    max-width: 48%;
    font-size: 10px;
    padding: 0;
    margin: 0;
    gap: 18px;
  }

  .blog__button {
    padding: 0 20px;
  }

  .blog .btn {
    width: 100%;
  }

  .blog-section .blog__tag-item {
    font-size: 14px;
    line-height: 15px;
    height: 46px;
  }

  .blog-section .blog__tags .subtag label {
    font-size: 12px;
    line-height: 14px;
  }

  .blog__subtags input[type="radio"]+label:before {
    height: 17px;
    width: 17px;
    min-width: 17px;
  }

  .blog__subtags .checked>label:before {
    height: 12px !important;
    width: 12px !important;
    min-width: 12px !important;
  }

  .tags-reset-btn {
    width: 120px;
    height: 46px;
  }

  .blog__subtags {
    gap: 10px;
  }
}

@media only screen and (max-width: 600px) {
  .blog-section .blog__tag {
    max-width: 47%;
  }
}

@media only screen and (max-width: 400px) {
  .blog-section .blog__tag {
    font-size: 10px;
    padding: 0;
    margin: 0;
    gap: 18px;
  }

  .blog-section .blog__tag-item {
    font-size: 12px;
  }
}

/* BLOG END */
/* BEGIN BLOG DETAIL */
.article {
  /* padding: 85px 0 0; */
  padding: 262px 0 0;
}

.article h2 {
  padding-bottom: 0;
  width: calc(100% + 20px);
}

.article .mt-50 {
  margin-top: 50px;
}

.article .mt-35 {
  margin-top: 35px;
}

.article .blog__tags {
  margin-top: 42px;
  margin-bottom: 0;
}

.article .gepatamin-ill--nop {
  padding: 0 0 40px;
}

.article .gepatamin-ill--nop .gepatamin-ill__item {
  padding-top: 50px;
}

.article .renisamin-kidneys {
  padding: 0;
}

.article .renisamin-kidneys__item--w80 img {
  width: 70%;
  max-width: 285px;
}

.article .renisamin-kidneys__item--w80 p {
  margin-top: 20px;
  font-size: 14px;
  color: #000;
}

.article__row-vsd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 -10px;
  width: calc(100% + 20px);
  padding: 60px 0 35px;
}

.article__row-vsd-el {
  width: 20%;
  padding: 0 10px;
  text-align: center;
}

.article__row-vsd-el p {
  margin-top: 20px;
}

.article__row-vsd-el p.small {
  font-size: 14px;
  margin-top: 15px;
}

.article__row-vsd-img {
  font-size: 0;
  text-align: center;
}

.article__row-vsd-img img {
  width: 85%;
  height: auto;
}

.article__small {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}

.article__small .grid {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 80px 0 40px;
}

.article__small .grid__el:nth-child(1) {
  width: 45%;
}

.article__small .grid__el:nth-child(2) {
  width: 55%;
}

.article__small .grid p {
  color: #000;
}

.article__small .grid .articles__info-about {
  color: #fff;
}

.article__small .hero__top-info p {
  color: #636363;
}

.article__custom {
  padding-top: 92px;
}

.article .hero__image p {
  font-size: 16px;
  text-align: left;
  margin-top: 0;
}

.article__image {
  font-size: 0;
  padding: 40px 0 20px;
}

.article__image--three {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
}

.article__image--three img {
  width: 33% !important;
}

.article__image--center {
  text-align: center;
}

.article__image img {
  width: 100%;
  height: auto;
}

.article p {
  margin-top: 30px;
  color: #636363;
}

.article p b {
  font-weight: 700;
}

.article .fs-24 {
  font-size: 24px;
}

.article .fs-14 {
  font-size: 14px;
}

.article .mlm20 {
  margin-left: -20px;
}

.article p.articles__info-title {
  color: #fff;
  margin-top: 0;
}

.article .kidneys__grid {
  padding: 80px 0 60px;
}

.article .kidneys__grid p {
  margin: 0;
}

.article .ttu {
  text-transform: uppercase;
}

.article .bold {
  font-weight: 700;
  margin-top: 50px;
  font-family: "Montserrat", sans-serif;
  color: #000000;
}

.article .color-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0;
}

.article .color-row span {
  background: -webkit-linear-gradient(top, #e69e8f 0%, #e78085 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 60px;
  font-weight: 600;
  margin: 0 10px;
}

.article h4 {
  font-size: 30px;
  font-weight: 700;
  color: #000000;
  margin-top: 60px;
  padding: 0;
  font-family: "Montserrat", sans-serif;
}

.article .ta-c {
  text-align: center;
}

.article__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 60px;
}

.article__row-with-names p {
  text-align: center;
  padding: 16px 0;
}

.article__row-with-names .article__row-image {
  padding: 0 !important;
  margin: 0 !important;
}

.article__row p {
  margin-top: 0;
}

.article__row p+p {
  margin-top: 30px;
}

.article__row--pt20 {
  padding-top: 20px;
}

.article__row-image {
  width: 50%;
  padding-right: 50px;
  margin: auto;
}

.article__row-image--middle {
  padding: 0 25px;
  text-align: center;
}

.article__row-image--small {
  width: 30%;
}

.article__row-image img {
  width: 100%;
  height: auto;
}

.article__row-image .sosud-repair {
  max-width: 320px;
}

.article__row-image .sosud-remove {
  max-width: 240px;
}

.article__row-image .kuperoz-face {
  max-width: 220px;
}

.article__row .gradient {
  font-size: 24px;
  background: -webkit-linear-gradient(top, #e69e8f 0%, #e78085 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
  display: inline-block;
}

.article__row .no-margin {
  margin-top: 0;
  line-height: 1.2;
}

.article__row-info {
  width: 50%;
  padding-left: 50px;
}

.article__row-info p:nth-child(1) {
  margin-top: 0;
}

.article__row-info--large {
  width: 75%;
}

.article__row-info--tar {
  text-align: right;
}

.article__row--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.article__row--reverse .article__row-image {
  padding: 0 0 50px;
}

.article__row--reverse .article__row-info {
  padding: 100px 50px 0 0;
}

.article__row--reverse .article__row-info--editable {
  padding-top: 0;
}

.article__row--no-padding .article__row-image {
  padding: 0 0 0 50px;
}

.article__row--no-padding .article__row-info {
  padding: 0 50px 0 0;
}

.article__row--middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.article__row-with-names {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

.article__row--a-fs {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.article__row--small .bold {
  text-transform: uppercase;
}

.article__row--small .article__row-image {
  max-width: 220px;
  width: 30%;
  text-align: center;
}

.article__row--small .article__row-info {
  width: 100%;
}

.article__rows {
  padding-top: 40px;
  display: flex;
}

.article__rows--left,
.article__rows--right {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50%;
}

.article__rows--left img,
.article__rows--right img {
  max-width: 500px;
  width: 100%;
}

.article__rows--left p,
.article__rows--right p {
  align-self: baseline;
}

.article__rows--left p {
  padding: 0px 60px 0 0;
}

.img--collapsable {
  display: inline;
}

.img--collapsable--mobile {
  display: none;
}

.article__fat-body {
  text-align: center;
  padding-top: 35px;
}

.article__fat-body img {
  max-width: 600px;
  width: 100%;
  height: auto;
  margin-left: -18%;
}

.article__button {
  padding-top: 50px;
  text-align: center;
}

.article__button .btn {
  margin: 0 auto;
}

.article__button span {
  text-transform: uppercase;
}

.article__icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -15px;
  width: calc(100% + 30px);
}

.article__icons-icon {
  font-size: 0;
  min-width: 140px;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: #f4f6fa;
  background-size: 54%;
  background-position: center;
  background-repeat: no-repeat;
}

.article__icons-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 50px;
}

.article__icons-row--aifs {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 0;
}

.article__icons-row--aifs img {
  width: 85%;
  height: auto;
  max-width: 280px;
}

.article__icons-row--aifs p {
  font-size: 16px;
}

.article__row-columns {
  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;
}

.article__row-columns .article__vsd-title {
  font-size: 110px;
  margin-top: 10px;
  line-height: 1;
}

.article__row-columns .article__vsd-title sup {
  position: static;
  font-size: 50px;
  vertical-align: revert;
}

.article__row-columns .article__vsd-title span {
  font-size: 30px;
  display: block;
  margin: 0;
}

.article__row-column {
  text-align: center;
  padding: 0 10px;
}

.article__bzh-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: 580px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 25px -10px 0;
  width: calc(100% + 20px);
}

.article__bzh-el {
  padding: 0 10px;
}

.article__bzh-el p {
  margin-top: 10px;
}

.article__bzh-el .article__vsd-title {
  font-size: 60px;
  font-weight: 600;
  margin-top: 0;
}

.article__icons-column .article__icons-el {
  width: 100%;
  padding: 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.article__icons-column .article__icons-el--edit {
  margin-top: 15px;
}

.article__icons-column .article__icons-el p {
  max-width: 250px;
  margin: 0 0 0 25px;
}

.article__icons-column .article__icons-info p {
  max-width: 100%;
  margin: 10px 0 0 25px;
}

.article__icons-column .article__icons-info .bold {
  margin-top: 0;
}

.article__icons-column--full .article__icons-el {
  padding: 10px 0;
}

.article__icons-column--full .article__icons-el p {
  text-align: left;
  margin-left: 40px;
  max-width: 700px;
  font-size: 18px;
}

.article__icons-doc-arrow {
  font-size: 0;
  margin-top: 0;
  padding: 0 20px;
  margin-left: -40px;
  pointer-events: none;
}

.article__icons-doc-arrow img {
  width: 224px;
  height: auto;
}

.article__icons-doc-arrow .small {
  display: none;
}

.article__icons-doc-arrow .large {
  width: 230px;
  margin-left: -50px;
}

.article__icons-el {
  width: 25%;
  padding: 70px 15px 0;
}

.article__icons-el p {
  font-weight: 300;
  margin: 25px 0 0;
}

.article__icons-el--center {
  text-align: center;
  width: 16.6666%;
}

.article__icons-el--center p {
  font-size: 14px;
}

.article__icons-el .bold {
  font-size: 20px;
  text-transform: uppercase;
  color: #000000;
  font-weight: 600;
  margin: 25px 0 0;
  letter-spacing: normal;
}

.article__ovariamin-images {
  padding-bottom: 50px;
}

.article__ovariamin-item {
  margin-top: -150px;
  width: 50%;
  position: relative;
  padding-top: 100px;
}

.article__ovariamin-item:nth-child(1) {
  margin-top: -100px;
}

.article__ovariamin-item:nth-child(3) {
  margin-top: -60px;
}

.article__ovariamin-item:nth-child(even) {
  margin-left: 50%;
}

.article__ovariamin-item:nth-child(4) .article__ovariamin-image {
  top: -40px;
}

.article__ovariamin-item p {
  font-size: 24px;
  margin: 10px 0 0;
  line-height: 1.2;
  font-weight: 300;
  color: #000;
  letter-spacing: normal;
  font-family: "Montserrat", sans-serif;
}

.article__ovariamin-item .small {
  font-weight: 600;
  text-transform: uppercase;
}

.article__ovariamin-item .large {
  font-size: 140px;
  line-height: 1;
  font-weight: 800;
}

.article__ovariamin-item .large span {
  font-size: 40px;
}

.article__ovariamin-image {
  font-size: 0;
  width: 45%;
  left: 42%;
  top: 0;
  position: absolute;
}

.article__ovariamin-image img {
  width: 100%;
  height: auto;
}

.adaptive--custom {
  display: flex;
  flex-direction: row;
}

.adaptive--custom span {
  width: 50%;
}

.db--mobile {
  display: none;
}

.article__custom-test {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  border-bottom: 1px solid #89c23c;
}

.article__custom-test p {
  width: 40%;
  align-self: center;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 31px;
  letter-spacing: 0.5px;
  color: #636363;
  margin: 0;
}

.article__custom-test--btn-block {
  width: 30%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  padding: 20px 0;
}

.article__custom-test--hidden-block {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.5px;
  color: #636363;
}

.article__custom-test--dn {
  display: none;
}

.artticle__table--custom {
  width: 100% !important;
  margin-top: 32px;
}

.artticle__table--custom tr {
  background: #f9f9f9;
}

.artticle__table--custom tr:nth-child(odd) {
  background: #e6e6e6;
}

.artticle__table--custom tr,
.artticle__table--custom td,
.artticle__table--custom th {
  padding: 35px;
  width: 33.3%;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 31px;
  text-align: center;
  letter-spacing: 0.5px;
  color: #636363;
}

.article__custom-recommendation {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.article__custom-recommendation a {
  align-self: center;
}

.article__custom-recommendation-block {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 50px 0 32px;
}

.article__custom-recommendation-block a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  position: relative;
  width: 350px;
  height: 350px;
  padding: 30px 20px;
}

.article__custom-recommendation-block img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}

.article__custom-recommendation-block--background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 1) 152%);
}

.article__custom-recommendation-block p {
  z-index: 1;
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 31px;
  letter-spacing: 0.5px;
  color: #ffffff;
  margin-bottom: 16px;
}

@media only screen and (max-width: 1180px) {
  .article__custom-recommendation-block {
    flex-direction: column;
    gap: 20px;
  }
}

@media (max-width: 992px) {
  .article__custom-test p {
    font-size: 16px;
    line-height: 22px;
    margin: 0;
  }
}

@media (max-width: 760px) {

  .artticle__table--custom tr,
  .artticle__table--custom td,
  .artticle__table--custom th {
    padding: 16px;
    font-size: 14px;
    line-height: 20px;
  }

  .article__custom-test--hidden-block {
    font-size: 12px;
    line-height: 16px;
  }

  .article__custom-test p {
    font-size: 14px;
    line-height: 18px;
    margin: 0;
  }

  .db--mobile {
    display: block !important;
  }
}

@media (max-width: 500px) {

  .artticle__table--custom tr,
  .artticle__table--custom td,
  .artticle__table--custom th {
    padding: 6px;
    font-size: 11px;
    line-height: 16px;
  }

  .article__custom-test {
    flex-wrap: wrap;
    justify-content: center;
    gap: 0;
  }

  .article__custom-test p {
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    margin-top: 15px;
  }

  .article__custom-test--btn-block {
    width: 50%;
  }
}

.article__tags {
  padding-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.article__tags a {
  font-size: 16px;
  margin: 5px 5px 0 0;
  text-style: italic;
  line-height: 1.4;
  color: #636363;
}

.article__tags a:hover {
  color: #000;
}

.article__tags p {
  color: #636363;
  font-size: 16px;
  margin: 5px 5px 0 0;
  line-height: 1.4;
}

.article__scheme {
  text-align: center;
  padding-bottom: 50px;
}

.article__scheme .article__scheme-item p {
  margin: 0;
}

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

.article__scheme-row .article__scheme-item {
  width: 47%;
  max-width: 100%;
}

.article__scheme-item {
  margin: 44px auto 0;
  text-align: center;
  padding: 20px;
  border-radius: 10px;
  background: #f4f6f9;
  max-width: 400px;
  width: 100%;
  position: relative;
}

.article__scheme-item .arrow {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 100%;
  height: 42px;
  width: 2px;
  border: 1px dashed #b7b7b7;
}

.article__scheme-item .arrow.left {
  -webkit-transform: translateX(0) rotate(25deg);
  -ms-transform: translateX(0) rotate(25deg);
  transform: translateX(0) rotate(25deg);
  height: 46px;
  left: -5px;
  top: 98%;
}

.article__scheme-item .arrow.right {
  -webkit-transform: translateX(0) rotate(-25deg);
  -ms-transform: translateX(0) rotate(-25deg);
  transform: translateX(0) rotate(-25deg);
  height: 46px;
  left: auto;
  right: -5px;
  top: 98%;
}

.article__scheme-item .arrow:after {
  content: "";
  position: absolute;
  bottom: -3px;
  z-index: 1;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 6px 0 6px;
  border-color: #b7b7b7 transparent transparent transparent;
}

.article__vsd-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 -10px;
  width: calc(100% + 20px);
  padding: 60px 0 35px;
}

.article__vsd-el {
  width: 33.3333%;
  padding: 0 10px;
  text-align: left;
}

.article__vsd-el--center {
  width: 50%;
  text-align: center;
}

.article__vsd-el--center img {
  max-width: 366px;
  width: 100%;
  height: auto;
}

.article__vsd-el--w50 {
  width: 50%;
}

.article__vsd-el--w50 .article__vsd-title {
  font-weight: 700;
}

.article__vsd-el--w50 .def {
  max-width: 450px;
}

.article__vsd-el p {
  margin-top: 20px;
}

.article__vsd-el .large {
  font-size: 31px;
  color: #e77b83;
  font-weight: 400;
  line-height: 1.3;
}

.article__vsd-el .bold {
  margin-top: 20px;
  line-height: 1.3;
}

.article__vsd-title {
  font-size: 140px;
  font-weight: 900;
  background: -webkit-linear-gradient(top, #e69e8f 0%, #e78085 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.1;
  margin: 0;
  display: block;
  font-family: "Montserrat", sans-serif;
}

.article__vsd-title--fs160 {
  font-size: 160px;
}

.article__vsd-title--large {
  font-size: 180px;
  font-weight: 600;
}

.article__vsd-title span {
  font-size: 40px;
  font-weight: 500;
}

.article .hero__top-row {
  border-bottom: none;
  padding-bottom: 0;
}

.article .hero__top-row .btn {
  margin-top: 35px;
}

.article .oftalamin-eyes {
  padding: 90px 0 50px;
  background: #fee7fb;
  margin: 40px 0;
}

.article .oftalamin-eyes img {
  max-width: 280px;
}

.article .oftalamin-eyes p {
  color: #000;
}

.article p.articles__info-about {
  color: #fff;
  margin-top: 0;
}

.article .articles {
  padding-top: 63px;
}

.article__cyt-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 40px -15px 0;
  width: calc(100% + 30px);
}

.article__cyt-el {
  font-size: 0;
  display: inline-block;
  cursor: pointer;
  width: 100%;
  padding: 0 15px;
}

.article__cyt-el img {
  width: 100%;
  height: auto;
}

.article__quote {
  padding: 30px;
  background: #f4f6f9;
  text-align: center;
  margin-top: 80px;
  border-radius: 15px;
}

.article__quote p {
  font-size: 24px;
  color: #636363;
  margin: 0;
}

.article__quote p span {
  font-weight: 700;
}

.article__quote .edit {
  font-size: 30px;
}

.article__quote--small {
  padding: 30px 100px;
  margin-left: -100px;
  margin-right: -100px;
}

.article__quote--small p {
  font-size: 20px;
  text-align: left;
}

.article__detail-list {
  margin-top: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.article__detail-list--aic {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 50px;
}

.article__detail-image {
  font-size: 0;
  width: 38%;
}

.article__detail-image img {
  width: 100%;
  height: auto;
}

.article__detail-hidden {
  display: none;
}

.article__detail-about {
  width: 62%;
  padding-left: 75px;
}

.article__detail-about h4 {
  margin-top: 0;
}

.article__detail-about h3 {
  margin-top: 40px;
}

.article__detail-about .btn {
  margin-top: 40px;
}

.article__detail-about .btn .less {
  display: none;
}

.article__detail-about .btn.is-active .less {
  display: inline-block;
}

.article__detail-about .btn.is-active .more {
  display: none;
}

/* new buttons */
.article__buttons-row {
  display: flex;
  flex-direction: row;
  gap: 30px;
}

.article__buttons-row button {
  font-weight: 600;
  font-size: 17px;
  line-height: 22px;
  color: #000;
}

.article__buttons-row--wrap {
  flex-wrap: wrap;
  margin-top: 30px;
}

.article__buttons-row--wrap .btn {
  height: 51px;
  padding: 0 12px;
}

.dieta-pri-zabolevaniyakh-pecheni--first-btn {
  width: 468px;
}

.dieta-pri-zabolevaniyakh-pecheni--second-btn {
  width: 355px;
}

.dieta-pri-zabolevaniyakh-pecheni--third-btn {
  width: 254px;
}

.dieta-pri-zabolevaniyakh-pecheni--fourth-btn {
  width: 602px;
}

.article__hidden-part {
  display: none;
}

.article__buttons-row--pancreatitis {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin: 30px 0 70px 0;
}

.article__buttons-row--pancreatitis button {
  font-family: Montserrat, sans-serif;
  width: 844px;
  height: 74px;
  font-style: normal;
  font-weight: 600;
  font-size: 26px;
  line-height: 32px;
  margin: 0 auto;
  color: black !important;
}

.btn--active-custom {
  color: white !important;
  border-color: #89c23c !important;
  background: #89c23c !important;
}

.btn--active-custom-inner {
  background: #89c23c !important;
}

.article__details--first-btn,
.article__details--second-btn {
  max-width: unset;
  max-height: unset;
  margin: 0 auto 50px;
  padding: 0;
  width: 595px;
  height: 74px;
  border-radius: 60px;
}

.article__details--first-btn span,
.article__details--second-btn span {
  font-weight: 600;
  font-size: 26px;
  line-height: 28px;
  color: #000;
}

.article__details--first-sub-btn {
  margin: 0 0 0 40px;
}

.article__details--first-sub-btn,
.article__details--second-sub-btn {
  min-width: 200px;
  height: 70px;
}

.article__buttons-row--first {
  gap: 96px;
  margin-bottom: 30px;
}

.article__details-row--second {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 600px;
  gap: 30px;
}

.article__details-row--second button {
  width: 278px;
  height: 70px;
  line-height: 20px;
  padding: 0 30px;
  margin: 0 auto;
}

.article__details-basic-section {
  margin-top: 60px;
}

.article__details-basic-item {
  display: flex;
  align-items: flex-start;
  margin-top: 60px;
}

.article__details-basic-item-text {
  margin-left: 60px;
}

.article__details-basic-item-text h5 {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 25px;
  letter-spacing: 0.5px;
  margin-top: 0;
}

.article__details-basic-item-text p {
  line-height: 23px;
  margin-top: 24px;
}

.article__details-basic-item img {
  max-width: 85px;
  height: auto;
}

.article__details-stop-section {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 24px 0px;
  margin-top: 24px;
}

.article__details-stop-section--acute {
  max-height: 430px;
}

.article__details-stop-section--ulcer,
.article__details-stop-section--chronic-one,
.article__details-stop-section--chronic-two,
.article__details-stop-section--chronic-three,
.article__details-stop-section--pancreatitis {
  max-height: 390px;
}

.article__details-stop-item {
  display: flex;
  width: 33%;
  align-items: center;
}

.article__details-stop-item p {
  margin-top: 0 !important;
  margin-left: 11px;
}

.article__details-stop-item--pancreatitis {
  width: 50%;
}

.article__details-strong {
  font-weight: 600;
  line-height: 23px;
}

.article__details-stop-list-bottom {
  display: flex;
  justify-content: space-evenly;
}

.article__details-stop-list-bottom p {
  margin-top: 0 !important;
  text-align: center;
}

.article__details-stop-list-bottom span {
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  font-size: 60px;
  line-height: 73px;
  letter-spacing: 0.5px;
  color: #89c23c;
  text-align: center;
}

.article__details-stop-list-item {
  display: flex;
  flex-direction: column;
}

.nows--double {
  max-width: 1100px;
  margin: 0 auto;
}

.article__details--no-margin {
  margin: 0 !important;
}

.article__details-img {
  margin: 30px 0 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.article__details-img-inside {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
}

.article__details-img img {
  width: 120px;
  height: 120px;
}

.article__details-sources {
  position: relative;
}

.article__details-sources span {
  position: absolute;
  left: -24px;
}

.article__details-sources a {
  color: #89c23c;
  text-decoration: underline;
  word-break: break-all;
}

.article__details-sources p {
  position: relative;
  margin-top: 0px;
}

.article__details-sources {
  padding-top: 20px;
}

.article__details-br-adaptive {
  display: none;
}

.article__details-br-dekstop {
  display: inline;
}

.pancreatitis__note {
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 31px;
  letter-spacing: 0.5px;
  color: #8ac23d !important;
}

.pancreatitis__img-section {
  margin-top: 60px;
}

.pancreatitis__img-section img {
  max-width: 1200px;
}

.catalog__sources {
  position: relative;
  margin: 24px 0 0 24px;
}

.catalog__sources span {
  position: absolute;
  left: -24px;
}

.catalog__sources,
.catalog__sources span {
  font-size: 14px;
  line-height: 18px;
}

.catalog__sources a {
  color: #89c23c;
}

@media only screen and (max-width: 1300px) {
  .article__details--first-sub-btn {
    margin-left: 16px;
  }

  .article__details-img img {
    width: 100px;
    height: 100px;
  }

  .pancreatitis__img-section img {
    max-width: 100%;
  }
}

@media only screen and (max-width: 1100px) {
  .article__details-img img {
    width: 85px;
    height: 85px;
  }

  .article__rows {
    display: flex;
    flex-direction: column;
    padding: 30px 0 16px 0;
    gap: 30px;
  }

  .article__rows--left,
  .article__rows--right {
    width: 100%;
  }

  .article__rows--left p {
    padding: 0;
  }
}

@media only screen and (max-width: 1070px) {
  .article__details-br-adaptive {
    display: inline;
  }

  .article__details-br-dekstop {
    display: none;
  }

  .article__details-stop-section--chronic-two,
  .article__details-stop-section--chronic-three {
    max-height: 420px;
  }

  .article__details-stop-item--ulcer,
  .article__details-stop-item--chronic-one,
  .article__details-stop-item--chronic-two,
  .article__details-stop-item--chronic-three {
    width: 50%;
  }

  .article__details-stop-item--chronic-two:nth-child(6),
  .article__details-stop-item--chronic-three:nth-child(6) {
    order: 1;
    width: 60%;
  }

  .article__details-stop-item--chronic-two:nth-child(5),
  .article__details-stop-item--chronic-three:nth-child(5) {
    order: 2;
    width: 60%;
  }

  .article__details-stop-item--chronic-two:nth-child(1),
  .article__details-stop-item--chronic-three:nth-child(1) {
    order: 3;
    width: 60%;
  }

  .article__details-stop-item--chronic-two:nth-child(4),
  .article__details-stop-item--chronic-three:nth-child(4) {
    order: 4;
    white-space: nowrap;
    width: 60%;
  }

  .article__details-stop-item--chronic-two:nth-child(2),
  .article__details-stop-item--chronic-three:nth-child(2) {
    order: 5;
    width: 40%;
  }

  .article__details-stop-item--chronic-two:nth-child(3),
  .article__details-stop-item--chronic-three:nth-child(3) {
    order: 6;
    width: 40%;
  }

  .article__details-stop-item--chronic-two:nth-child(7),
  .article__details-stop-item--chronic-three:nth-child(7) {
    order: 7;
    width: 40%;
  }

  .article__details-stop-section--ulcer,
  .article__details-stop-section--chronic-one {
    max-height: 530px;
  }

  .article__details-stop-item--ulcer:nth-child(6),
  .article__details-stop-item--chronic-one:nth-child(6) {
    order: 1;
    width: 60%;
  }

  .article__details-stop-item--ulcer:nth-child(7),
  .article__details-stop-item--chronic-one:nth-child(7) {
    order: 2;
    width: 60%;
  }

  .article__details-stop-item--ulcer:nth-child(1),
  .article__details-stop-item--chronic-one:nth-child(1) {
    order: 3;
    width: 60%;
  }

  .article__details-stop-item--ulcer:nth-child(5),
  .article__details-stop-item--chronic-one:nth-child(5) {
    order: 4;
    white-space: nowrap;
    width: 60%;
  }

  .article__details-stop-item--ulcer:nth-child(4),
  .article__details-stop-item--chronic-one:nth-child(4) {
    order: 5;
    white-space: nowrap;
    width: 60%;
  }

  .article__details-stop-item--ulcer:nth-child(2),
  .article__details-stop-item--chronic-one:nth-child(2) {
    order: 6;
    width: 40%;
  }

  .article__details-stop-item--ulcer:nth-child(3),
  .article__details-stop-item--chronic-one:nth-child(3) {
    order: 7;
    width: 40%;
  }

  .article__details-stop-item--ulcer:nth-child(8),
  .article__details-stop-item--chronic-one:nth-child(8) {
    order: 8;
    width: 40%;
  }

  .article__details--first-sub-btn {
    margin-left: 0px;
  }

  .article__buttons-row--first {
    gap: 30px;
  }

  .article__details--first-sub-btn,
  .article__details--second-sub-btn {
    min-width: 116px;
  }

  .article__buttons-row--pancreatitis button {
    width: 80%;
    font-size: 1rem;
    line-height: 18px;
  }
}

@media only screen and (max-width: 960px) {
  .article__details-img--pancreatitis {
    flex-direction: row;
    justify-content: center;
  }

  .article__details-img-inside--pancreatitis {
    flex-direction: column;
    margin: 0;
  }
}

@media only screen and (max-width: 870px) {
  .article__details-stop-section--acute {
    max-height: 640px;
  }

  .article__details-stop-item--acute {
    width: 50%;
  }

  .article__details-stop-item--acute:nth-child(5) {
    order: 1;
  }

  .article__details-stop-item--acute:nth-child(7) {
    order: 2;
  }

  .article__details-stop-item--acute:nth-child(8) {
    order: 3;
  }

  .article__details-stop-item--acute:nth-child(6) {
    order: 4;
  }

  .article__details-stop-item--acute:nth-child(1) {
    order: 5;
  }

  .article__details-stop-item--acute:nth-child(4) {
    order: 6;
  }

  .article__details-stop-item--acute:nth-child(10) {
    order: 7;
  }

  .article__details-stop-item--acute:nth-child(2) {
    order: 8;
  }

  .article__details-stop-item--acute:nth-child(11) {
    order: 9;
  }

  .article__details-stop-item--acute:nth-child(3) {
    order: 10;
  }

  .article__details-stop-item--acute:nth-child(9) {
    order: 11;
  }
}

@media only screen and (max-width: 760px) {
  .article__details-basic-section {
    margin-top: 25px;
  }

  .article__details-basic-item {
    margin-top: 25px;
  }

  .article__details-basic-item img {
    height: 54px;
    width: 54px;
  }

  .article__details-basic-item-text {
    margin-left: 25px;
  }

  .article__details-basic-item-text h5 {
    font-size: 14px;
    line-height: 18px;
  }

  .hero__top-info--adaptive {
    margin-top: 14px;
  }

  .nows--adaptive {
    padding: 0 0 20px !important;
  }

  .article__details-stop-section {
    margin-top: 14px;
    gap: 14px 0px;
  }

  .article__details-stop-item img {
    height: 54px;
    width: 54px;
  }

  .article__details-stop-item p {
    margin-top: 0 !important;
    margin-left: 5px;
  }

  .article__details-stop-section--acute {
    max-height: 430px;
  }

  .article__details-sources p {
    margin-left: 24px;
  }

  .article__details-stop-list-bottom p {
    margin-top: 0 !important;
    line-height: 18px;
  }

  .article__details-stop-list-bottom span {
    font-size: 36px;
    line-height: 44px;
  }

  .article__details-stop-list-item:nth-child(1) {
    order: 1;
  }

  .article__details-stop-list-item:nth-child(2) {
    order: 3;
  }

  .article__details-stop-list-item:nth-child(3) {
    order: 2;
  }

  .article__details-stop-section--chronic-two,
  .article__details-stop-section--chronic-three {
    max-height: 320px;
  }

  .article__details-stop-section--pancreatitis {
    max-height: 250px;
  }

  .article__details-stop-section--ulcer,
  .article__details-stop-section--chronic-one {
    max-height: 350px;
  }

  .article__details--first-btn,
  .article__details--second-btn {
    height: 54px;
    margin: 0 auto 18px;
  }

  .article__details--first-btn span,
  .article__details--second-btn span {
    font-size: 18px;
    line-height: 15px;
  }

  .article__details--first-sub-btn,
  .article__details--second-sub-btn {
    font-size: 12px !important;
    line-height: 12px !important;
    height: 40px;
    width: 100px;
  }

  .article__details-row--second {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 360px;
    gap: 18px;
    margin-left: 14px;
  }

  .article__details-row--second button {
    width: 160px;
    height: 40px;
    padding: 0;
    font-size: 10px;
    line-height: 11px;
  }

  .article__custom {
    padding-top: 40px;
  }

  .article__buttons-row--first {
    gap: 18px;
    margin-bottom: 18px;
  }

  .img--collapsable {
    display: none;
  }

  .img--collapsable--mobile {
    display: inline;
  }

  .article__buttons-row--wrap .btn {
    width: 100%;
  }
}

@media only screen and (max-width: 600px) {
  .article__buttons-row--pancreatitis button {
    width: 100%;
  }
}

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

  .article__details-stop-item--acute:nth-child(5),
  .article__details-stop-item--acute:nth-child(7),
  .article__details-stop-item--acute:nth-child(8),
  .article__details-stop-item--acute:nth-child(6),
  .article__details-stop-item--acute:nth-child(1),
  .article__details-stop-item--acute:nth-child(4) {
    width: 60%;
  }

  .article__details-stop-item--acute:nth-child(10),
  .article__details-stop-item--acute:nth-child(2),
  .article__details-stop-item--acute:nth-child(11),
  .article__details-stop-item--acute:nth-child(3),
  .article__details-stop-item--acute:nth-child(9) {
    width: 30%;
  }

  .article__details-stop-list-item:nth-child(2) {
    width: 60%;
  }

  .article__details--first-sub-btn {
    margin-left: 0;
  }

  .article__details-row--second {
    width: 340px;
    margin-left: 0;
  }
}

@media only screen and (max-width: 380px) {
  .article__details-row--second {
    width: 328px;
    gap: 6px;
  }

  .article__details-img img {
    width: 70px;
    height: 70px;
  }
}

@media only screen and (max-width: 365px) {
  .article__details-row--second {
    width: unset;
  }

  .article__details-row--second button {
    width: 136px;
    font-size: 9px;
  }

  .article__details--first-btn,
  .article__details--second-btn {
    height: 50px;
  }

  .article__buttons-row--first {
    gap: 16px;
    margin-bottom: 16px;
  }
}

/* details / summary / buttons */
.article__details {
  display: flex;
  justify-content: center;
  max-width: 1000px;
  margin: 30px auto;
  overflow: auto;
}

.article__details-row {
  display: flex;
  justify-content: space-between;
}

.article__details summary {
  margin: 0 auto 30px;
}

.article__details--last-btn {
  margin-right: 28px;
}

.article__details-background {
  background: rgba(217, 217, 217, 0.5);
  border-radius: 50px;
  padding: 8px 28px;
  width: 1004px;
  margin: 35px 10px 0 0;
}

.article__details-background p {
  margin: 0;
}

.article__details-background .point-list p {
  padding-left: 55px;
}

.article__details-background p:before {
  top: 8px;
  width: 16px;
  height: 16px;
}

.article__details-top-and-help,
.article__details-to-remember {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 105%;
}

.article__details-top-and-help-indent,
.article__details-to-remember-and-stop-indent {
  display: flex;
  justify-content: space-between;
  width: 122%;
  position: relative;
  top: 2px;
}

.article__details-to-remember-and-stop-indent {
  top: 0;
}

.article__details-single-indent {
  display: flex;
  width: 122%;
  position: relative;
  top: 2px;
}

.article__details-single-indent--adaptive {
  display: none;
}

.article__details-indent--adaptive {
  display: none;
}

.article__details-top {
  order: 0;
  width: 48%;
  border: 3px solid #89c23c;
  padding: 0 12px;
  display: flex;
}

.article__details-help {
  order: 1;
  width: 48%;
  border: 3px solid #89c23c;
  padding: 8px 12px;
  display: flex;
  justify-content: center;
}

.article__details-help .btn {
  margin-top: 24px !important;
}

.article__details-help .hero__image-container {
  margin-top: 100px;
}

.article__details-help p {
  margin-top: 12px;
  margin: 0;
}

.article__details-help .grid,
.article__details-help .nows {
  padding: 0;
  margin: 0;
  align-items: center;
}

.article__details-help .point-list p {
  padding-left: 36px;
  margin-top: 12px;
}

.article__details-help .point-list p::before {
  top: 6px;
  width: 16px;
  height: 16px;
}

.article__details-img-section img {
  height: 106px;
  width: 106px;
}

.article__details-img-section h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 60px;
  letter-spacing: 0.5px;
  margin: 0 0 12px 30px;
}

.article__details-acute,
.article__details-chronic {
  width: 250px;
}

.article__details-acute-section,
.article__details-ulcer-section,
.article__details-decreased-section,
.article__details-normal-section,
.article__details-increased-section {
  width: 1200px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.article__details-acute-section p,
.article__details-ulcer-section p,
.article__details-decreased-section p,
.article__details-normal-section p,
.article__details-increased-section p {
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 31px;
  margin-top: 20px;
}

.article__details-theory {
  border: 3px solid #89c23c;
  padding: 0 12px 12px;
}

.article__details-stop-list--adaptive {
  display: none;
}

.article__details-point-list {
  border: 3px solid #89c23c;
  padding: 0 24px !important;
}

.article__details-point-list p {
  font-weight: 600;
  font-size: 21px;
  line-height: 60px;
  letter-spacing: 0.5px;
  color: #000000;
  margin-top: 0;
  padding-left: 18px;
}

.article__details-point-list--double {
  border: 3px solid #89c23c;
  padding: 0px 6px 6px !important;
}

.article__details-point-list--double p {
  font-weight: 300;
  font-size: 21px;
  line-height: 31px;
  letter-spacing: 0.5px;
  color: #000000;
  margin-top: 10px !important;
}

.article__details-point-list--double .article__details-point-list {
  border: none;
  padding: 0 !important;
  margin: 20px 0 10px;
}

.article__details-point-list--double .article__details-point-list p {
  padding-left: 24px !important;
}

.article__details-point-list--double .article__details-point-list p::before {
  left: 0;
  top: 13%;
}

.article__details-point-list p::before {
  left: -12px;
  top: 22px;
  width: 15px;
  height: 15px;
}

.article__detail-indent {
  width: 292px;
  height: 50px;
  background: #89c23c;
}

.article__details-table>thead {
  background: rgba(137, 194, 60, 0.28);
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.5px;
  color: #636363;
  height: 80px;
}

.article__details-table>tbody {
  background: rgba(137, 194, 60, 0.19);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #636363;
  vertical-align: baseline;
}

.article__details-table td,
.article__details-table th {
  width: 25%;
}

.article__details-first-table p,
.article__details-table p,
.article__details-last-table p {
  margin: 0;
}

.article__details-top p {
  margin: 12px 0px 0px;
  padding-left: 52px;
}

.article__details-top p::before {
  top: 6px;
  width: 16px;
  height: 16px;
}

.article__details-table-section--adaptive {
  display: none;
}

.article__details-first-table {
  width: 15%;
  min-width: 180px;
}

.article__details-middle-table {
  width: 55%;
  min-width: 660px;
}

.article__details-last-table {
  width: 30%;
  display: flex;
  min-width: 360px;
}

.article__details-stop-list {
  margin-top: 14px;
}

.article__details-stop-list p {
  margin: 2px 0;
  padding-left: 34px;
}

.article__details-stop-list .point-list {
  border: 3px solid #ca2c3a;
  padding: 4px 15px !important;
  width: 330px;
}

.article__details-stop-list p:before {
  width: 15px;
  height: 15px;
  top: 8px;
  left: -4px;
}

.article__details-table-section {
  display: flex;
  flex-direction: row;
  width: 106%;
  flex-wrap: wrap;
  box-shadow: 0px 4.71842px 4.71842px rgb(0 0 0 / 25%);
  border-radius: 0px 0px 58.9802px 58.9802px;
}

.article__details-table-section p {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  padding-left: 30px;
  margin-top: 4px;
}

.article__details-table-section p::before {
  left: 7px;
  top: 6px;
  width: 12px;
  height: 12px;
}

.article__details-table-header-row {
  border: 2.4px solid #89c23c;
  box-shadow: 0px 4.8px 4.8px rgba(0, 0, 0, 0.25);
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.6px;
  color: #212121;
  display: flex;
  width: 100%;
  height: 79px;
  align-items: center;
}

.article__details-table-header {
  flex-basis: 15%;
  display: flex;
  justify-content: center;
}

.article__details-indent {
  margin-top: 28px;
  width: 310px;
  height: 50px;
  background: #89c23c;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0.5px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}

.article__details-to-remember-and-stop {
  display: flex;
  flex-direction: row;
  width: 105%;
}

.img-section {
  display: flex;
  flex-wrap: wrap;
}

.img-section img {
  width: 450px;
  height: 330px;
  margin: auto;
  padding-top: 40px;
}

/* Убираем стандартные маркеры */
details>summary {
  position: relative;
  list-style: none;
}

summary::-webkit-details-marker {
  display: none;
}

summary::-moz-list-bullet {
  list-style-type: none;
}

summary::marker {
  display: none;
}

details,
summary {
  width: fit-content;
  max-width: unset;
}

summary .btn {
  font-style: normal;
  font-size: 17px;
  line-height: 22px;
  color: #000000;
  max-height: 69px;
  height: 69px;
  max-width: 265px;
  width: 100%;
  min-width: 160px;
  padding: 0px;
}

summary:before {
  color: transparent;
  background: none;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  cursor: pointer;
}

/* end of details / summary / buttons */

.article__details-ulcer-section {
  margin-top: 268px;
}

.article__details-acute-section {
  margin-top: 169px;
}

.article__detail-about .point-list p {
  color: #636363;
  font-weight: 700;
}

.article__detail-about .point-list .no-point {
  font-weight: 300;
  margin-top: 15px;
}

.article__detail-about .point-list .no-point:before {
  display: none;
}

.article__detail-image-mob {
  display: none;
}

.article__columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 -50px;
  width: calc(100% + 100px);
}

.article__column {
  padding: 0 50px;
  width: 50%;
}

.article__column .medium {
  font-weight: 500;
}

.article__column .point-list {
  padding-top: 0;
}

.article__dangerous-item {
  font-size: 16px;
}

.article__dangerous-item span {
  font-weight: 700;
  color: #ee2938;
  display: inline;
}

.article__dangerous-peoples {
  margin-top: 75px;
  width: 100%;
  height: auto;
}

.article .hero__top-info h4 {
  margin-top: 0;
}

.article__large-info {
  margin-top: 80px;
}

.article__large-info p {
  margin: 20px 0 0;
}

.article__large-info .large {
  font-size: 60px;
  color: #000;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  margin: 0;
  line-height: 1;
}

.article__large-info .large span {
  font-size: 100px;
}

.article__s-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -20px;
  width: calc(100% + 40px);
  padding-top: 40px;
  row-gap: 23px;
}

.article__s-icons-el {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0;
}

.article__s-icons-el p {
  margin: 0;
}

.article__s-icons-img {
  min-width: 80px;
  width: 80px;
  max-width: 80px;
  font-size: 0;
  text-align: center;
  margin-right: 20px;
}

.article__volos-row {
  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;
  margin: 0 -20px;
  width: calc(100% + 40px);
  padding: 65px 0 30px;
}

.article__volos-el {
  width: 33.333%;
  padding: 0 20px;
  text-align: center;
}

.article__volos-el:nth-child(1) .article__volos-image img {
  margin-top: 2%;
}

.article__volos-el:nth-child(3) .article__volos-image img {
  width: 105%;
  margin-top: -9.5%;
}

.article__volos-image {
  font-size: 0;
  position: relative;
}

.article__volos-image img {
  width: 100%;
  height: auto;
}

.article__volos-image .info-volos {
  position: absolute;
  left: -50%;
  top: 65%;
}

.article .gepatamin-ill__item p {
  color: #000;
}

.article .gepatamin-ill__item--tiramin-ne-ok img {
  width: 78.5%;
}

.article .gepatamin-ill__item--varikoz-ne-ok img {
  width: 85%;
}

.article .test-container p {
  margin: 0;
}

.article .testimony__test {
  padding: 0 0 0 25px;
}

.article p.test-container__title {
  color: #89c23c;
}

.article .grid--no-pb {
  padding-bottom: 0;
}

.article .grid--mt60 {
  margin-top: 60px;
}

.article .grid__el-padding {
  margin-left: auto;
  width: 100%;
  max-width: 450px;
}

.article .grid--test {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.article .grid--test .point-list {
  padding-top: 0;
}

.article .grid--test .point-list p:first-child {
  margin-top: 0;
}

.article .grid--test .testimony__info {
  padding-top: 0;
}

.article__circle-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 45px;
  padding-bottom: 25px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-left: -10px;
  margin-right: -10px;
  width: calc(100% + 20px);
}

.article__circle-el {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 10px;
  width: 25%;
}

.article__circle-el p {
  margin: 20px 0 0;
  font-size: 16px;
  line-height: 1.4;
}

.article__circle-el p span {
  display: block;
}

.article__circle-item {
  max-width: 140px;
  width: 100%;
  font-size: 0;
  position: relative;
  margin: 0 auto;
}

.article__circle-item img {
  width: 100%;
  height: auto;
  opacity: 0;
  pointer-events: none;
}

.article__circle-item span {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 1px solid #faccd5;
  border-radius: 50%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1;
  color: #000;
  font-weight: 600;
}

.article__gip-danger-row {
  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;
  margin: 0 -15px;
  width: calc(100% + 30px);
  padding-top: 40px;
}

.article__gip-danger-el {
  width: 30%;
  padding: 0 15px;
}

.article__gip-danger-el p {
  margin: 15px 0 0;
}

.article__gip-danger-el .bold {
  margin-top: 30px;
}

.article__gip-danger-image {
  font-size: 0;
  margin-left: -60px;
}

.article__gip-danger-image img {
  width: 70%;
  max-width: 205px;
  height: auto;
}

.article__gep-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -20px;
  width: calc(100% + 40px);
}

.article__gep-grid--afs {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.article__gep-item {
  width: 50%;
  padding: 45px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.article__gep-item--pt {
  padding-bottom: 0;
}

.article__gep-item--w100 {
  width: 100%;
}

.article__gep-item--w100 .article__gep-image {
  width: 150px;
  min-width: 150px;
}

.article__gep-item--w100 .article__gep-info {
  width: 100%;
}

.article__gep-item p {
  padding-left: 35px;
  margin: 0;
  width: 70%;
}

.article__gep-item--afs {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.article__gep-item--column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 31%;
  margin: 0 auto;
}

.article__gep-item--column .article__gep-info {
  padding: 15px 0 0;
  width: 100%;
}

.article__gep-item--column .article__gep-info p {
  width: 100%;
}

.article__gep-item--column .article__gep-image {
  width: auto;
  max-width: 100%;
  text-align: left;
}

.article__gep-item--column .article__gep-image img {
  height: 135px;
  width: auto;
}

.article__gep-info {
  width: 70%;
  padding-left: 25px;
}

.article__gep-info p {
  padding: 20px 0 0;
  width: 100%;
  margin: 0;
}

.article__gep-info .title {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  padding: 0;
}

.article__gep-image {
  font-size: 0;
  text-align: center;
  width: 30%;
  max-width: 170px;
}

.article__gep-image img {
  margin: auto;
  width: 100%;
  height: auto;
}

.article__pankr-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 800px;
  width: 100%;
  padding-top: 50px;
  margin: 0 auto;
}

.article__pankr-el {
  width: 50%;
  padding: 0 30px;
}

.article__pankr-item {
  text-align: center;
  margin-top: 50px;
}

.article__pankr-item:nth-child(1) {
  margin-top: 0;
}

.article__pankr-item img {
  width: 100%;
}

.article__quotation-section {
  max-width: 1000px;
  width: 100%;
  margin: 80px auto;
  align-items: start;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

.article__quotation-img {
  width: 350px;
}

.article__quotation-img-name {
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  margin-top: 24px;
}

.article__quotation-img-name span {
  text-transform: uppercase;
}

.article__quotation-text {
  width: 582px;
  text-align: left;
  background: #e8eaed;
  position: relative;
  padding: 34px 50px;
  border-radius: 15px;
}

.article__quotation-tail {
  position: absolute;
  right: calc(100% - 1px);
  top: 20%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 24px 10px 0;
  border-color: transparent #e8eaed transparent transparent;
}

.article__quotation-text p {
  font-size: 18px;
  margin-top: 0px;
}

.article__quotation-left-mark {
  color: #89c23c;
  font-size: 62px;
  position: absolute;
  left: 15px;
  top: 5px;
}

.article__quotation-right-mark {
  color: #89c23c;
  font-size: 62px;
  position: absolute;
  right: 176px;
  bottom: 16px;
}

.ovaries-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  width: calc(100% + 30px);
}

.ovaries-row__el {
  margin-top: 80px;
  width: 33.333%;
  padding: 0 15px;
  position: relative;
}

.ovaries-row__el img {
  width: 90%;
  height: auto;
}

.ovaries-row__el p {
  font-size: 15px;
  position: absolute;
  left: 30%;
  bottom: 5%;
}

.ovaries-row__el--info p {
  position: static;
  margin: 25px 0 0;
  text-align: center;
  width: 100%;
}

.ovaries-row__el--w25 {
  width: 25%;
}

.ovaries-row__el-image {
  font-size: 0;
  position: relative;
  text-align: center;
}

.ovaries-row__el-image img {
  width: 90%;
  height: auto;
  opacity: 0;
  pointer-events: none;
}

.ovaries-row__el-image .normal {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 1;
  pointer-events: all;
}

.ovaries-row__el-images {
  display: flex;
  margin-top: 30px;
}

.ovaries-row__el-images img {
  width: 60%;
}

.ovaries-row__el-text {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 10px;
  gap: 100px;
  margin-right: 10px;
}

.ovaries-row__el-text p {
  width: unset;
}

@media only screen and (max-width: 1124px) {
  .ovaries-row__el-text {
    gap: 90px;
  }
}

@media only screen and (max-width: 760px) {
  .ovaries-row__el-images img {
    width: 60% !important;
  }

  .ovaries-row__el-text {
    gap: 54px;
  }
}

.klimax {
  margin-top: 85px;
  padding-bottom: 30px;
}

.klimax__row {
  margin: -15px -50px;
  width: calc(100% + 100px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.klimax__row--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.klimax__row--reverse p {
  text-align: right;
}

.klimax__row--editable {
  padding: 20px 0;
}

.klimax__row--editable p {
  text-align: left;
}

.klimax__part {
  width: 50%;
  padding: 0 50px;
}

.klimax__part .fs20 {
  font-size: 20px;
}

.klimax__part p {
  margin: 0;
  color: #636363;
}

.klimax__part p span {
  font-weight: 700;
}

.klimax__img {
  font-size: 0;
}

.klimax__img img {
  width: 100%;
  height: auto;
}

.vsd-graph__image {
  font-size: 0;
}

.vsd-graph__image img {
  width: 100%;
  height: auto;
}

.vsd-graph__list p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.vsd-graph__list p span {
  width: 22px;
  height: 22px;
  min-width: 22px;
  margin-right: 20px;
  margin-top: 3px;
}

.vsd-graph__list p:nth-child(1) {
  margin-top: 0;
}

.display-flex--adaptive {
  display: none;
}

.btn--align {
  font-family: Montserrat, sans-serif !important;
  margin: 20px 0 0 -4px !important;
  width: 145px;
  height: 61px;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 16px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  transition: none;
}

.btn--more {
  font-family: Montserrat, sans-serif !important;
  margin: 20px 0 0 !important;
  width: 264px;
  height: 60px;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 16px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  transition: none;
}

.btn--review {
  font-family: Montserrat, sans-serif !important;
  margin: 20px auto 0 !important;
  width: 145px;
  height: 50px;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 16px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  transition: none;
}

.btn--more-about-review {
  font-family: Montserrat, sans-serif !important;
  margin: 20px 0 0 !important;
  width: 264px;
  height: 60px;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 16px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  transition: none;
}

.btn--more-about-review:hover {
  color: #fff !important;
  border-color: #89c23c !important;
  background: #89c23c !important;
}

.btn--buy {
  margin: 20px 0 0 !important;
  font-family: Montserrat, sans-serif !important;
  font-weight: 600 !important;
}

.btn--buy-custom {
  width: 264px;
}

.hero__buttons-section {
  display: flex;
  flex-direction: row;
  gap: 44px;
  position: relative;
  width: 100%;
  margin-top: 25px;
}

.hero__buttons-section .btn {
  margin: 0 !important;
  width: 204px;
  height: 61px;
  padding: 0 16px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 16px;
}

.btn--reviews-to-buy {
  margin: 40px 0 0 -4px;
  width: 145px;
  height: 61px;
  font-weight: 600;
  font-size: 14px !important;
  line-height: 16px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.btn--reviews-to-buy-catalog {
  margin: 40px 0 0 -4px;
  width: 145px;
  height: 61px;
  font-weight: 600;
  font-size: 14px !important;
  line-height: 16px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.hero__bottom-custom-btns {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.zdravcity-btn {
  background: #007fdb;
  border-radius: 50px;
  padding: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  margin: 0;
}

.zdravcity-btn svg {
  position: relative;
  top: 4px;
}

.zdravcity-btn:hover {
  background: #0095ff;
}

.eapteka-btn {
  border-radius: 50px;
  padding: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  margin: 0;

  border: 1px solid #ebebeb;
}

.eapteka-btn img {
  width: 100%;
}

.eapteka-btn:hover {
  background: #f4f6f9;
  border-color: #f4f6f9;
}

@media only screen and (max-width: 760px) {
  .zdravcity-btn {
    width: 100%;
    height: 36px;
  }

  .eapteka-btn {
    width: 100%;
    height: 36px;
  }
}

@media only screen and (max-width: 500px) {
  .zdravcity-btn svg {
    top: 2px;
  }
}

.adaptive--custom {
  display: block;
}

.btn--custom {
  display: block !important;
  bottom: -30px !important;
  width: 100% !important;
  color: white !important;
  padding: 21px;
  line-height: 8px !important;
  height: 50px;
}

@media only screen and (max-width: 1124px) {
  .article .articles {
    padding-top: 70px;
  }

  .article__quotation-section {
    flex-direction: column;
  }

  .article__quotation-img {
    width: 100%;
  }

  .article__quotation-text {
    width: 100%;
    margin-top: 24px;
  }

  .article__quotation-tail {
    right: 50%;
    top: -20px;
    transform: rotate(90deg);
  }

  .article__quotation-right-mark {
    right: 2%;
  }
}

.catalog-section {
  /* padding: 100px 0 0; */
  padding: 262px 0 0;
}

.catalog-section--art {
  padding: 100px 0 0;
}

.catalog .catalog-section {
  padding: 100px 0 0;
}

.catalog-section h2 {
  padding-bottom: 50px;
}

@media only screen and (max-width: 992px) {
  .article {
    /* padding: 80px 0 0; */
    padding: 280px 0 0;
  }

  .article .articles {
    padding-top: 40px;
  }

  .article .blog__tags {
    margin-top: 30px;
  }

  .article__image {
    padding: 25px 0 15px;
  }

  .article p {
    margin-top: 20px;
  }

  .article .fs-24 {
    font-size: 20px;
  }

  .article .bold {
    margin-top: 30px;
  }

  .article h4 {
    font-size: 24px;
    margin-top: 40px;
  }

  .article__s-icons-el p {
    margin: 0;
  }

  .article__row {
    padding-top: 30px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .article__row p {
    margin-top: 0;
  }

  .article__row p+p {
    margin-top: 20px;
  }

  .article__row-image {
    padding-right: 25px;
  }

  .article__row-info {
    padding-left: 25px;
  }

  .article__button {
    padding-top: 30px;
  }

  .article__fat-body {
    padding-top: 25px;
  }

  .article__fat-body img {
    width: 90%;
    margin-left: 0;
  }

  .article__icons-icon {
    min-width: 120px;
    width: 120px;
    height: 120px;
  }

  .article__icons-el {
    width: 50%;
    padding: 40px 15px 0;
  }

  .article__icons-el--center {
    width: 33.333%;
  }

  .article__icons-el--center .article__icons-icon {
    margin: 0 auto;
  }

  .article__icons-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 20px;
  }

  .article__icons-doc .article__icons-el {
    width: 100%;
    text-align: center;
    padding: 25px 0 15px;
  }

  .article__icons-doc .article__icons-icon {
    margin: 0 auto;
  }

  .article__icons-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .article__icons-column .article__icons-el {
    width: 50%;
    padding: 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -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;
  }

  .article__icons-column .article__icons-el--edit {
    margin-top: 0;
  }

  .article__icons-column .article__icons-el:nth-child(1) {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    text-align: right;
    padding-right: 50px;
  }

  .article__icons-column .article__icons-el:nth-child(2) {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
    padding-left: 50px;
  }

  .article__icons-column .article__icons-el p {
    max-width: 250px;
    margin: 20px 0 0;
  }

  .article__icons-column--full {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .article__icons-column--full .article__icons-el {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    padding: 10px 0;
  }

  .article__icons-column--full .article__icons-el .article__icons-icon {
    margin: 0;
  }

  .article__icons-column--full .article__icons-el:nth-child(1) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    padding: 10px 0;
  }

  .article__icons-column--full .article__icons-el:nth-child(2) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    padding: 10px 0;
  }

  .article__icons-column--full .article__icons-el p {
    max-width: 100%;
    margin: 0 0 0 15px;
  }

  .article__icons-doc-arrow {
    font-size: 0;
    margin-top: 0;
    padding: 0 10px;
    margin-left: 0;
    pointer-events: none;
  }

  .article__icons-doc-arrow .large {
    display: none;
  }

  .article__icons-doc-arrow .small {
    display: block;
  }

  .article__icons-doc-arrow img {
    width: 210px;
    height: auto;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .article__ovariamin-images {
    padding-bottom: 40px;
    padding-top: 40px;
  }

  .article__ovariamin-item {
    margin-top: -150px;
    padding-top: 80px;
  }

  .article__ovariamin-item:nth-child(1) {
    margin-top: -50px;
  }

  .article__ovariamin-item:nth-child(3) {
    margin-top: -60px;
  }

  .article__ovariamin-item:nth-child(even) {
    margin-left: 50%;
  }

  .article__ovariamin-item:nth-child(4) .article__ovariamin-image {
    top: -40px;
  }

  .article__ovariamin-item p {
    font-size: 20px;
  }

  .article__ovariamin-item .large {
    font-size: 100px;
    font-weight: 700;
  }

  .article__ovariamin-item .large span {
    font-size: 32px;
  }

  .article__small .grid {
    padding: 40px 0 20px;
  }

  .article__detail-list {
    margin-top: 50px;
  }

  .article__row-columns .article__vsd-title {
    font-size: 80px;
  }

  .article__row-columns .article__vsd-title sup {
    font-size: 40px;
  }

  .article__row-columns .article__vsd-title span {
    font-size: 26px;
  }

  .article__quote {
    padding: 20px;
    margin-top: 50px;
  }

  .article__quote p {
    font-size: 20px;
    margin: 0;
  }

  .article__quote .edit {
    font-size: 24px;
  }

  .article__quote--small {
    padding: 20px;
    margin-left: 0;
    margin-right: 0;
  }

  .article__quote--small p {
    font-size: 16px;
    text-align: left;
  }

  .article__detail-about {
    width: 60%;
    padding-left: 40px;
  }

  .article__detail-about h3 {
    margin-top: 30px;
  }

  .article__detail-about .btn {
    margin-top: 30px;
  }

  .article__detail-about .point-list .no-point {
    margin-top: 10px;
  }

  .article .kidneys__grid {
    padding: 50px 0 30px;
  }

  .article .vakuoli {
    padding: 50px 0;
  }

  .article__columns {
    width: calc(100% + 50px);
    margin: 0 -25px;
  }

  .article__column {
    padding: 0 25px;
  }

  .article__tags {
    padding-top: 15px;
  }

  .article__tags a {
    font-size: 14px;
    margin: 5px 5px 0 0 !important;
  }

  .article__tags p {
    font-size: 14px;
    margin: 5px 5px 0 0 !important;
  }

  .article__large-info {
    margin-top: 50px;
  }

  .article__large-info .large {
    font-size: 40px;
    margin: 0;
  }

  .article__large-info .large span {
    font-size: 70px;
  }

  .article__row-vsd {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px 0 25px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .article__row-vsd-el {
    width: 33.3333%;
    padding: 25px 10px 0;
    text-align: center;
  }

  .article__row-vsd-el p {
    margin-top: 20px;
  }

  .article__row-vsd-el p.small {
    font-size: 14px;
    margin-top: 15px;
  }

  .article__vsd-row {
    padding: 40px 0 25px;
  }

  .article__vsd-el {
    width: 33.3333%;
    padding: 0 10px;
    text-align: left;
  }

  .article__vsd-el--w50 {
    width: 50%;
  }

  .article__vsd-el p {
    margin-top: 10px;
  }

  .article__vsd-el .large {
    font-size: 24px;
    margin-top: 10px;
  }

  .article__vsd-el .bold {
    margin-top: 10px;
  }

  .article__vsd-title {
    font-size: 70px;
  }

  .article__vsd-title span {
    font-size: 24px;
  }

  .article__circle-row {
    padding-top: 25px;
  }

  .article__circle-el {
    text-align: center;
    max-width: 100%;
  }

  .article__circle-el:last-child {
    margin-right: 0;
  }

  .article__circle-el p {
    margin: 15px 0 0;
    font-size: 14px;
  }

  .article__gip-danger-row {
    padding-top: 30px;
  }

  .article__gip-danger-el {
    width: 30%;
    padding: 0 10px;
  }

  .article__gip-danger-el p {
    margin: 10px 0 0;
  }

  .article__gip-danger-el .bold {
    margin-top: 20px;
  }

  .article__gip-danger-image {
    margin-left: 0;
  }

  .article__gip-danger-image img {
    width: 80%;
  }

  .article .color-row {
    margin-top: 0;
  }

  .article .color-row span {
    font-size: 40px;
  }

  .article__volos-image .info-volos {
    display: none;
  }

  .article__gep-grid {
    margin: 0 -15px;
    width: calc(100% + 30px);
  }

  .article__gep-item {
    width: 50%;
    padding: 25px 15px;
  }

  .article__gep-item--w100 {
    width: 100%;
    padding: 30px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .article__gep-item--w100 .article__gep-image {
    width: 150px;
    min-width: 150px;
  }

  .article__gep-item p {
    padding-left: 25px;
    width: 74%;
    margin: 0;
  }

  .article__gep-item--afs {
    width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 30px 0 0;
  }

  .article__gep-info {
    width: 70%;
    padding-left: 25px;
  }

  .article__gep-info p {
    padding: 20px 0 0;
    width: 100%;
    margin: 0;
  }

  .article__gep-info .title {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    padding: 0;
  }

  .article__gep-image {
    font-size: 0;
    text-align: center;
    width: 30%;
    max-width: 150px;
  }

  .article__gep-image img {
    margin: auto;
    width: 100%;
    height: auto;
  }

  .catalog-section {
    /* padding: 70px 0 0; */
    padding: 280px 0 0;
  }

  .catalog-section--art {
    padding: 70px 0 0;
  }

  .catalog .catalog-section {
    padding: 70px 0 0;
  }

  .catalog-section h2 {
    padding-bottom: 35px;
  }

  .ovaries-row__el {
    margin-top: 40px;
  }

  .ovaries-row__el p {
    font-size: 13px;
  }

  .klimax {
    margin-top: 45px;
  }

  .klimax__row {
    margin: -5px -25px;
    width: calc(100% + 50px);
  }

  .klimax__part {
    padding: 0 25px;
  }

  .klimax__part .fs20 {
    font-size: 16px;
  }

  .hero__buttons-section {
    gap: 16px;
  }

  .article__image--three img {
    width: 32% !important;
  }
}

@media only screen and (max-width: 760px) {
  .article {
    /* padding: 60px 0 0; */
    padding: 250px 0 0;
  }

  .article .articles {
    padding-top: 20px;
  }

  .article .gepatamin-ill--nop {
    padding: 0 0 20px;
  }

  .article .gepatamin-ill--nop .gepatamin-ill__item {
    padding-top: 30px;
  }

  .article .hero__image p {
    font-size: 14px;
  }

  .article h2 {
    font-size: 20px;
    width: 100%;
  }

  .article .fs-24 {
    font-size: 18px;
  }

  .article .mt-50 {
    margin-top: 25px;
  }

  .article .mt-35 {
    margin-top: 10px;
  }

  .article .blog__tags {
    padding: 0;
    margin-top: 15px;
  }

  .article__detail-list {
    margin-top: 25px;
  }

  .article__detail-image {
    display: none;
  }

  .article__detail-image-mob {
    display: inline-block;
    font-size: 0;
    text-align: center;
    margin-top: 15px;
    width: 100%;
  }

  .article__detail-image-mob img {
    width: 80%;
    max-width: 240px;
    margin: 0 auto;
  }

  .article__detail-about {
    width: 100%;
    padding-left: 0;
  }

  .article__detail-about h3 {
    margin-top: 20px;
  }

  .article__detail-about .btn {
    margin-top: 30px;
    margin-bottom: 10px;
    width: 100%;
  }

  .article__detail-about .point-list .no-point {
    margin-top: 10px;
  }

  .article__image {
    padding: 15px 0 0;
  }

  .article__image--three {
    flex-direction: column;
    gap: 12px;
  }

  .article__image--three img {
    width: 100% !important;
    margin: 0 !important;
  }

  .article__margin-30 img {
    margin-bottom: 30px !important;
  }

  .article__image--causes {
    padding-left: 10px;
    padding-right: 10px;
  }

  .article__image img {
    margin: 0 -20px;
    width: calc(100% + 40px);
  }

  .article__image-no-margin img {
    margin: 0;
  }

  .article p {
    margin-top: 15px;
  }

  .article .mlm20 {
    margin-left: 0;
  }

  .article .bold {
    margin-top: 20px;
  }

  .article h4 {
    font-size: 18px;
    margin-top: 25px;
  }

  .article__row {
    padding-top: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .article__row p {
    margin-top: 0;
  }

  .article__row p+p {
    margin-top: 20px;
  }

  .article__row .gradient {
    font-size: 16px;
  }

  .article__row .no-margin {
    margin-top: 0;
  }

  .article__row-image {
    max-width: 220px;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
  }

  .article__row-image--full-mobile {
    max-width: 100%;
  }

  .article__row-image--middle {
    text-align: left;
  }

  .article__row-image .sosud-repair {
    max-width: 150px;
  }

  .article__row-image .sosud-remove {
    max-width: 130px;
  }

  .article__row-image .kuperoz-face {
    max-width: 120px;
  }

  .article__row-info {
    padding-top: 20px;
    padding-left: 0;
    width: 100%;
  }

  .article__row-info--tar {
    text-align: left;
  }

  .article__row--reverse .article__row-image {
    padding: 20px 0 0;
  }

  .article__row--reverse .article__row-info {
    padding: 20px 0 0;
  }

  .article__row--no-padding .article__row-image {
    padding: 20px 0 0;
  }

  .article__row--no-padding .article__row-info {
    padding: 20px 0 0;
  }

  .article__button {
    padding-top: 20px;
  }

  .article__button .btn {
    width: 100%;
  }

  .article__fat-body {
    padding-top: 10px;
    margin: 0 -20px;
    width: calc(100% + 40px);
    overflow: hidden;
    padding-left: 20px;
  }

  .article__fat-body img {
    width: 110%;
  }

  .article__icons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding-top: 10px;
  }

  .article__icons-icon {
    min-width: 80px;
    width: 80px;
    height: 80px;
  }

  .article__icons-el {
    width: 100%;
    padding: 35px 0 0;
  }

  .article__icons-el p {
    margin: 15px 0 0;
  }

  .article__icons-el .bold {
    font-size: 16px;
    margin: 20px 0 0;
  }

  .article__icons-el--center {
    width: 100%;
    text-align: left;
  }

  .article__icons-el--center .article__icons-icon {
    margin: 0;
  }

  .article__icons-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 0 30px;
  }

  .article__icons-row--aifs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 0;
  }

  .article__icons-row--aifs img {
    width: 85%;
    max-width: 160px;
  }

  .article__icons-row--aifs p {
    font-size: 14px;
  }

  .article__icons-doc .article__icons-el {
    width: 100%;
    text-align: center;
    padding: 25px 0 15px;
  }

  .article__icons-doc .article__icons-icon {
    margin: 0 auto;
  }

  .article__icons-column {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .article__icons-column .article__icons-el {
    width: 50%;
    padding: 20px 0;
  }

  .article__icons-column .article__icons-el:nth-child(1) {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 10px 5px 0;
  }

  .article__icons-column .article__icons-el:nth-child(2) {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 10px 5px 0;
  }

  .article__icons-column .article__icons-el p {
    max-width: 250px;
    margin: 20px 0 0;
    font-size: 12px;
  }

  .article__icons-column--full {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .article__icons-column--full .article__icons-el {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    padding: 10px 0;
  }

  .article__icons-column--full .article__icons-el p {
    max-width: 100%;
    margin: 0 0 0 15px;
  }

  .article__icons-doc-arrow {
    padding: 0 10px;
  }

  .article__icons-doc-arrow img {
    width: 140px;
  }

  .article__small .grid {
    padding: 0 0 60px;
    position: relative;
  }

  .article__small .grid .btn {
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
  }

  .article__small .grid__el:nth-child(1) {
    width: 100%;
  }

  .article__small .grid__el:nth-child(2) {
    width: 100%;
  }

  .article__ovariamin-images {
    padding-bottom: 25px;
    padding-top: 0px;
  }

  .article__ovariamin-image {
    width: 50%;
    left: 50%;
    top: 0;
  }

  .article__quote {
    padding: 15px;
    margin-top: 30px;
  }

  .article__quote p {
    font-size: 14px;
    margin: 0;
  }

  .article__quote--small {
    padding: 15px;
  }

  .article__quote--small p {
    font-size: 14px;
    text-align: left;
  }

  .article__quote .edit {
    font-size: 16px;
  }

  .article__ovariamin-item {
    margin-top: 40px;
    padding-top: 20px;
    width: 100%;
  }

  .article__ovariamin-item:nth-child(1) {
    margin-top: 30px;
  }

  .article__ovariamin-item:nth-child(3) {
    margin-top: 40px;
  }

  .article__ovariamin-item:nth-child(even) {
    margin-left: 0;
  }

  .article__ovariamin-item:nth-child(4) {
    margin-top: 60px;
  }

  .article__ovariamin-item:nth-child(4) .article__ovariamin-image {
    top: -40px;
  }

  .article__ovariamin-item p {
    font-size: 16px;
    line-height: 1.4;
  }

  .article__ovariamin-item .large {
    font-size: 70px;
    font-weight: 700;
  }

  .article__ovariamin-item .large span {
    font-size: 24px;
  }

  .article__columns {
    margin: 0;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .article__column {
    width: 100%;
    padding: 15px 0 0;
  }

  .article__large-info {
    margin-top: 30px;
  }

  .article__large-info p {
    margin: 10px 0 0;
  }

  .article__large-info .large {
    font-size: 18px;
    margin: 0;
    line-height: 1.2;
  }

  .article__large-info .large span {
    font-size: 32px;
  }

  .article__dangerous-peoples {
    margin-top: 25px;
  }

  .article__s-icons {
    margin: 0;
    width: 100%;
    padding-top: 20px;
    gap: 0;
  }

  .article__s-icons-el {
    width: 100%;
    /* padding: 10px 0; */
    padding: 0;
  }

  .article__s-icons-el p {
    margin: 0;
  }

  .article__s-icons-img {
    margin-right: 15px;
    min-width: 55px;
    width: 55px;
    max-width: 55px;
    margin: -5px -10px;
    margin-right: 20px;
  }

  .article__s-icons-img img {
    -webkit-transform: scale(0.65);
    -ms-transform: scale(0.65);
    transform: scale(0.65);
  }

  .article__scheme {
    padding-bottom: 15px;
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% + 20px);
  }

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

  .article__scheme-row .article__scheme-item {
    width: 48%;
    max-width: 100%;
  }

  .article__scheme-item {
    margin: 30px auto 0;
    text-align: center;
    padding: 8px;
    max-width: 100%;
  }

  .article__scheme-item p {
    font-size: 11px;
  }

  .article__scheme-item .arrow {
    height: 28px;
  }

  .article__scheme-item .arrow.left {
    -webkit-transform: translateX(0) rotate(0);
    -ms-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0);
    height: 28px;
    left: 25%;
    top: 100%;
  }

  .article__scheme-item .arrow.right {
    -webkit-transform: translateX(0) rotate(0);
    -ms-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0);
    height: 28px;
    left: 75%;
    right: auto;
    top: 100%;
  }

  .article__scheme-item .arrow:after {
    content: "";
    position: absolute;
    bottom: -3px;
    z-index: 1;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 5px 0 5px;
    border-color: #b7b7b7 transparent transparent transparent;
  }

  .article__row-vsd {
    padding: 10px 0 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin: 0;
  }

  .article__row-vsd-el {
    width: 100%;
    padding: 25px 0 0;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .article__row-vsd-el p {
    margin-top: 0;
  }

  .article__row-vsd-el p.small {
    font-size: 10px;
    margin-top: 5px;
  }

  .article__row-vsd-img {
    width: 100px;
    min-width: 100px;
    margin-right: 15px;
  }

  .article__row-vsd-img img {
    width: 100%;
  }

  .article__vsd-row {
    padding: 0 0 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    width: 100%;
  }

  .article__vsd-el {
    width: 100%;
    padding: 15px 0 0;
    text-align: left;
  }

  .article__vsd-el--w50 {
    width: 100%;
    padding-top: 25px;
  }

  .article__vsd-el--w50 .article__vsd-title {
    line-height: 1;
  }

  .article__vsd-el p {
    margin-top: 10px;
  }

  .article__vsd-el .large {
    font-size: 22px;
    margin-top: 12px;
  }

  .article__vsd-el .bold {
    margin-top: 12px;
  }

  .article .color-row span {
    font-size: 24px;
    margin: 0 5px;
    line-height: 1.1;
  }

  .article__vsd-title {
    font-size: 70px;
  }

  .article__vsd-title span {
    font-size: 20px;
  }

  .article__circle-row {
    padding-top: 5px;
    padding-bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .article__circle-el {
    margin: 10px 0 0;
    max-width: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .article__circle-el p {
    margin: 0 0 0 20px;
    font-size: 14px;
    text-align: left;
    width: 100%;
  }

  .article__circle-el p span {
    display: inline;
  }

  .article__circle-item {
    max-width: 120px;
    margin: 0;
  }

  .article__gip-danger-row {
    padding-top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    width: 100%;
  }

  .article__gip-danger-el {
    width: 100%;
    padding: 30px 0 10px;
    text-align: left;
  }

  .article__gip-danger-el p {
    margin: 10px 0 0;
  }

  .article__gip-danger-info {
    padding-left: 0;
    text-align: center;
  }

  .article__gip-danger-image {
    min-width: 200px;
    width: 200px;
    margin: 0 auto;
    text-align: center;
  }

  .article__gip-danger-image img {
    width: 80%;
    margin: 0;
  }

  .article__volos-row {
    -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;
    padding: 10px 0;
    width: 100%;
    margin: 0;
  }

  .article__volos-el {
    width: 100%;
    padding: 25px 0 0;
  }

  .article__volos-image {
    width: 50%;
    margin: 0 auto;
  }

  .article__volos-image .info-volos {
    display: inline-block;
    position: absolute;
  }

  .article__gep-grid {
    margin: 15px 0 0;
    width: 100%;
    flex-dcirection: column;
  }

  .article__gep-item {
    padding: 20px 0 0;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .article__gep-item p {
    margin-top: 20px;
    padding-left: 0;
    width: 100%;
  }

  .article__gep-image {
    width: 40%;
    text-align: left;
  }

  .article__gep-item {
    width: 50%;
    padding: 25px 15px;
  }

  .article__gep-item--w100 {
    width: 100%;
    padding: 30px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .article__gep-item--w100 .article__gep-image {
    width: 150px;
    min-width: 150px;
  }

  .article__gep-item p {
    padding-left: 25px;
    width: 74%;
    margin: 0;
  }

  .article__gep-item--afs {
    width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 30px 0 0;
  }

  .article__gep-item--afs .article__gep-image {
    width: 120px;
    min-width: 120px;
    text-align: left;
  }

  .article__gep-item--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    margin: 0;
    padding: 25px 0 0;
  }

  .article__gep-item--column .article__gep-info {
    padding: 15px 0 0;
    width: 100%;
  }

  .article__gep-item--column .article__gep-info p {
    width: 100%;
  }

  .article__gep-item--column .article__gep-image {
    width: auto;
    max-width: 100%;
    text-align: left;
  }

  .article__gep-item--column .article__gep-image img {
    height: 85px;
    width: auto;
  }

  .article__gep-info {
    width: 100%;
    padding: 10px 0 0;
  }

  .article__gep-info p {
    padding: 10px 0 0;
    width: 100%;
    margin: 0;
  }

  .article__gep-info .title {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    padding: 5px 0 0;
  }

  .article__cyt-items {
    margin: 10px -10px 0;
    width: calc(100% + 20px);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .article__cyt-el {
    width: 33.3333%;
    padding: 20px 10px 0;
  }

  .article__pankr-grid {
    padding-top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .article__pankr-el {
    width: 100%;
    padding: 0;
  }

  .article__pankr-item {
    text-align: center;
    margin-top: 30px;
  }

  .article__pankr-item:nth-child(1) {
    margin-top: 30px;
  }

  .article__pankr-item img {
    width: 80% !important;
  }

  .article__bzh-el .article__vsd-title {
    font-size: 36px;
  }

  .article__row-columns {
    margin: 0 -10px;
    width: calc(100% + 20px);
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .article__row-columns .article__vsd-title {
    font-size: 54px;
  }

  .article__row-columns .article__vsd-title sup {
    font-size: 30px;
  }

  .article__row-columns .article__vsd-title span {
    font-size: 20px;
  }

  .article__row-column {
    padding: 0 5px;
  }

  .article__gep-image {
    text-align: left;
    width: 40%;
  }

  .article .grid__el-padding {
    margin-left: 0;
    max-width: 100%;
  }

  .article .grid--no-pb {
    padding-bottom: 0;
  }

  .article .grid--mt60 {
    margin-top: 30px;
  }

  .article .grid--no-pb-mob {
    padding-bottom: 20px;
  }

  .article .gepatamin-ill__item--tiramin-ne-ok img {
    width: 100%;
    margin-top: -20px;
  }

  .article .gepatamin-ill__item--varikoz-ne-ok img {
    width: 100%;
  }

  .article .testimony__test {
    padding: 30px 0 0;
  }

  .article .kidneys__grid {
    padding: 30px 0 20px;
  }

  .article .vakuoli {
    padding: 50px 0 20px;
  }

  .article .oftalamin-eyes {
    padding: 35px 20px;
    margin: 25px -20px;
    width: calc(100% + 40px);
    background: #fee7fb;
  }

  .article .oftalamin-eyes__item img {
    max-width: 200px;
  }

  .catalog-section {
    /* padding: 40px 0 0; */
    padding: 250px 0 0;
  }

  .catalog-section--art {
    padding: 40px 0 0;
  }

  .catalog .catalog-section {
    padding: 40px 0 0;
  }

  .reviews__buy-link+.catalog-section {
    padding: 40px 0 0;
  }

  .catalog-section h2 {
    padding-bottom: 35px;
  }

  .ovaries-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .ovaries-row__el {
    max-width: 240px;
    width: 100%;
    margin: 30px auto 0;
  }

  .ovaries-row__el img {
    width: 100%;
  }

  .ovaries-row__el p {
    font-size: 13px;
    left: 40%;
    bottom: 10%;
  }

  .ovaries-row__el-image {
    font-size: 0;
    position: relative;
    text-align: center;
  }

  .ovaries-row__el-image img {
    display: none;
  }

  .ovaries-row__el-image .normal {
    position: static;
    display: inline-block;
    bottom: 0;
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: all;
  }

  .klimax {
    margin-top: 25px;
  }

  .klimax__row {
    margin: 0;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .klimax__row:last-child {
    padding-bottom: 0;
  }

  .klimax__row--reverse p {
    text-align: left;
  }

  .klimax__part {
    width: 100%;
    padding: 15px 0 0;
  }

  .klimax__part .fs20 {
    font-size: 14px;
  }

  .klimax__part p {
    text-align: left;
    margin: 0;
  }

  .article__vsd-title {
    padding-left: 26px;
  }

  .adaptive--custom {
    display: none;
  }

  .btn--reviews-to-buy {
    width: 100%;
    line-height: 1.2;
    height: 46.8px;
    font-size: 14px;
  }

  .btn--reviews-to-buy-catalog {
    width: 100%;
    line-height: 1.2;
    height: 46.8px;
    font-size: 14px;
  }

  .hero__image-container {
    margin-bottom: 70px;
  }

  .cytamin .hero__image-container {
    margin-bottom: 10px;
  }

  /* edits */
  .nows .hero__image-container {
    margin-bottom: 0px !important;
  }

  .btn--align {
    width: 80% !important;
    margin: 0px 10% !important;
    line-height: 1.2;
    height: 46.8px;
    font-size: 14px;
  }

  .btn--review {
    position: static !important;
    padding: 0 !important;
    width: 100% !important;
  }

  .btn--more-about-review {
    bottom: 0px !important;
    height: 50px;
    width: 80% !important;
    margin: 0px 10% 12px !important;
  }

  .btn--buy-custom {
    width: 80% !important;
  }

  .btn--more {
    bottom: 0px !important;
    height: 50px;
    width: 80% !important;
    margin: 0px 10% 12px !important;
  }

  .btn--buy {
    bottom: 0 !important;
  }

  .hero__buttons-section {
    flex-direction: column;
    gap: 6px;
  }

  .hero__buttons-section .btn {
    bottom: 0 !important;
    line-height: 1.2;
    height: 46.8px;
    font-size: 14px;
  }
}

@media only screen and (max-width: 500px) {
  .btn--align {
    width: 88% !important;
    margin: 0 6% !important;
  }

  .btn--more-about-review {
    width: 88% !important;
    margin: 0px 6% 12px !important;
  }

  .btn--buy-custom {
    width: 88% !important;
  }

  .btn--more {
    width: 88% !important;
    margin: 0px 6% 12px !important;
  }
}

@media only screen and (max-width: 1440px) {
  .article__details-top-and-help-indent {
    display: none;
  }

  .article__details-acute-section,
  .article__details-ulcer-section {
    width: 100%;
    padding: 0px 20px;
  }

  .article__details-decreased-section,
  .article__details-normal-section,
  .article__details-increased-section {
    width: 96%;
    min-width: 92vw;
    padding: 0;
  }

  .article__details-single-indent {
    width: 100vw;
    top: 0;
    display: flex;
  }

  .article__details-table-section {
    width: 100%;
  }

  .article__details-top-and-help,
  .article__details-to-remember {
    flex-direction: column;
    width: 100%;
  }

  .article__details-top-and-help-indent,
  .article__details-to-remember-and-stop-indent {
    display: none;
  }

  .article__details-help .point-list p::before {
    top: 5px;
    left: 4px;
    width: 12px;
    height: 12px;
  }

  .article__details-help .point-list p {
    padding-left: 30px;
  }

  .article__details-top {
    order: 3;
  }

  .article__details-img-section img {
    height: 85px;
    width: 85px;
  }

  .article__details-table-section {
    flex-direction: column;
    width: 100%;
  }

  .article__details-to-remember-and-stop {
    flex-direction: column;
  }

  .img-section img {
    width: 100%;
    height: unset;
  }

  .article__details-acute-section p,
  .article__details-ulcer-section p,
  .article__details-decreased-section p,
  .article__details-normal-section p,
  .article__details-increased-section p {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.5px;
  }

  .article__details-table-header-row--adaptive {
    height: 37px;
    width: 100%;
    display: flex;
  }

  .article__details-table-header--adaptive {
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    width: 100%;
    background: #c3e792;
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.398727px;
    color: #212121;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 37px;
  }

  .article__details-table-header--adaptive-single {
    box-shadow: none;
    background: none;
    justify-content: flex-end;
    position: absolute;
    top: -37px;
  }

  .article__details-table-header--single {
    width: 121px;
    background: #c3e792;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 2.50415px 2.50415px rgba(0, 0, 0, 0.1);
  }

  .article__details-table-adaptive {
    display: flex;
    flex-direction: row;
  }

  .article__details-table-adaptive--left,
  .article__details-table-adaptive--right {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .article__details-table-main {
    display: flex;
    flex-direction: row;
    margin-bottom: 7px;
  }

  .article__details-table-main-section,
  .article__details-table {
    height: fit-content;
    padding: 6px 2px;
    width: 100%;
    box-shadow: 0px 2.73089px 2.73089px rgba(0, 0, 0, 0.25);
    border-radius: 0px 0px 20px 0px;
  }

  .article__details-table-main-section p,
  .article__details-table p {
    margin-top: 8px;
    padding-left: 20px;
    font-weight: 300;
    font-size: 11px;
    line-height: 17px;
    letter-spacing: 0.5px;
    word-break: break-word;
  }

  .article__details-table-main-section p::before,
  .article__details-table p::before {
    width: 10px;
    height: 10px;
    left: 3px;
    top: 3px;
  }

  .article__details-table {
    display: flex;
    flex-direction: column;
    padding: 0px;
    width: 100%;
    margin-bottom: 6px;
  }

  .article__details-table .point-list {
    padding: 2px;
  }

  .article__details-first-table {
    order: 1;
    display: flex;
  }

  .article__details-middle-table {
    order: 4;
    display: flex;
  }

  .article__details-last-table {
    order: 3;
  }

  .article__details-first-table {
    box-shadow: 0px 2.73089px 2.73089px rgb(0 0 0 / 25%);
    border-radius: 0px 0px 20px 0px;
  }

  .article__details-last-table--left,
  .article__details-last-table--right {
    box-shadow: 0px 2.73089px 2.73089px rgba(0, 0, 0, 0.25);
    border-radius: 0px 0px 20px 0px;
    height: fit-content;
  }

  .article__details-table-section {
    display: none;
  }

  .article__details-table-section--adaptive {
    display: block;
    margin-bottom: 6px;
    position: relative;
    max-width: 1000px;
    width: 100%;
  }

  .article__details-table-subheader {
    background: rgba(137, 194, 60, 0.19);
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    font-weight: 600;
    font-size: 14px;
    line-height: 13px;
    text-align: center;
    letter-spacing: 0.5px;
    color: #636363;
    height: 37px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .article__details-single-indent {
    width: 100%;
    justify-content: center;
  }

  .article__details-single-indent--adaptive {
    display: flex;
    justify-content: center;
  }

  .article__details-indent {
    width: 199px;
    height: 32px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.33px;
    margin-top: 16px;
  }

  .article__details-indent--adaptive {
    width: 199px;
    height: 32px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.33px;
    margin-top: 16px;
    background: #89c23c;
    font-style: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
  }

  .article__details-background {
    width: 100%;
    border-radius: 14px;
    margin: 4px auto 35px;
    padding: 6px;
    max-width: 1000px;
  }

  .article__details-background p:before {
    top: 6px;
    left: 4px;
    width: 12px;
    height: 12px;
  }

  .article__details-background .point-list p {
    padding-left: 28px;
    margin-top: 10px !important;
  }

  .article__details-help {
    width: 100%;
    border: none;
    padding: 0;
  }

  .article__details-help .hero__image-container {
    margin-top: 0px;
  }

  .article__details-help .btn {
    margin-top: 50px !important;
    margin-bottom: 16px;
  }

  .article__details-help .article__small .grid {
    padding: 0px !important;
  }

  .article__details-top {
    width: 100%;
    padding: 0px 6px;
    max-width: 1000px;
    margin: auto;
    margin-bottom: 36px;
  }

  .article__details-top p:before {
    top: 6px;
    left: 4px;
    width: 12px;
    height: 12px;
  }

  .article__details-top .point-list p {
    padding-left: 28px;
    margin-top: 10px !important;
  }

  .article__details-img-section h4 {
    margin: 11px 0 0 0;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.22px;
  }

  .article__details-stop-list-bottom--adaptive {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    margin-bottom: 16px;
    text-align: center;
  }

  .article__details-stop-list-bottom--adaptive p {
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #89c23c;
    margin: 0;
  }

  .article__details-stop-list-bottom--adaptive span {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 30px;
    letter-spacing: 0.189px;
    color: #89c23c;
  }

  .article__details-point-list p {
    margin-top: 0px;
    padding-left: 8px;
    font-weight: 400;
    font-size: 11px;
    line-height: 24px;
  }

  .article__details-point-list p::before {
    left: -17px;
    top: 19%;
    width: 12px;
    height: 12px;
  }

  .article__details-point-list--aling p::before {
    top: 5%;
  }

  .article__details-theory {
    padding: 0px 6px 6px;
    max-width: 1000px;
    margin: auto;
  }

  .article__details-theory p {
    margin-top: 5px !important;
  }

  .article__details-stop-list {
    display: none;
  }

  .article__details-stop-list--adaptive {
    gap: 4px;
    border: 3px solid #ca2c3a;
    padding: 4px 8px !important;
    width: 100%;
    display: flex;
    flex-direction: row;
    margin: 0 auto 16px;
    justify-content: space-evenly;
    max-width: 500px;
  }

  .article__details-stop-list--adaptive p {
    font-size: 13px;
    line-height: 24px;
    padding-left: 30px;
    margin-top: 0px;
  }

  .article__details-stop-list--adaptive p::before {
    width: 12px;
    height: 12px;
    top: 6px;
    left: 0px;
  }

  .article__details-point-list--double .article__details-point-list {
    margin: 6px 0;
  }

  .article__details-point-list--double .article__details-point-list p::before {
    top: 5%;
  }

  .article__details-point-list--double p {
    margin-top: 5px !important;
  }

  .display-flex--adaptive {
    display: flex;
  }
}

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

  details,
  summary {
    width: 160px;
  }

  .article__details-decreased-section,
  .article__details-normal-section,
  .article__details-increased-section {
    width: 95%;
  }

  .article__details-acute-section {
    margin-top: 100px;
  }

  .article__details-ulcer-section {
    margin-top: 170px;
  }

  .article__details {
    overflow: hidden;
  }

  .article__details--second {
    margin-right: 0px;
  }

  summary .btn {
    max-height: 40px;
    height: 40px;
    max-width: 100px;
    width: 100%;
    min-width: 100px;
    padding: 0px;
    font-size: 12px;
    line-height: 12px;
  }
}

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

  .article__details-decreased-section,
  .article__details-normal-section,
  .article__details-increased-section {
    width: 94.5%;
  }

  .article__details--last-btn {
    margin-right: 16px;
  }

  .article__details-point-list {
    padding: 0 4px 0 24px !important;
  }

  .article__details-to-remember-and-stop,
  .article__details-to-remember-and-stop {
    width: 100%;
  }

  .btn--align {
    width: unset;
    margin-left: auto;
    margin-right: auto;
  }

  html {
    scroll-padding-top: 80px;
  }
}

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

  .article__details-decreased-section,
  .article__details-normal-section,
  .article__details-increased-section {
    min-width: 90vw;
    width: 93%;
  }
}

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

  .article__details-decreased-section,
  .article__details-normal-section,
  .article__details-increased-section {
    min-width: 88vw;
    width: 92%;
  }

  .article__details--left,
  .article__details--right {
    max-width: 190px;
  }

  .article__details summary {
    margin: 0 auto 18px;
  }
}

@media only screen and (max-width: 457px) {
  .article__details-table-header--align {
    position: relative;
    top: -37px;
  }

  .article__details-table-adaptive--align {
    position: relative;
    top: -37px;
  }
}

@media only screen and (max-width: 441px) {
  .article__details-table-header--align {
    top: -36px;
  }

  .article__details-table-adaptive--align {
    top: -36px;
  }
}

@media only screen and (max-width: 437px) {
  .article__details-table-header--align {
    top: -23px;
  }

  .article__details-table-adaptive--align {
    top: -23px;
  }
}

@media only screen and (max-width: 422px) {
  .article__details-table-header--align {
    top: -6px;
  }

  .article__details-table-adaptive--align {
    top: -6px;
  }
}

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

  .article__details-decreased-section,
  .article__details-normal-section,
  .article__details-increased-section {
    width: 90%;
  }

  .article__details--left,
  .article__details--right {
    max-width: 168px;
  }

  .article__details-stop-list--adaptive p {
    padding-left: 25px;
  }

  .article__details-point-list p::before {
    top: 7%;
  }

  .article__details-acute-section {
    margin-top: 90px;
  }

  .article__details-ulcer-section {
    margin-top: 148px;
  }

  .article__details-table-header--align {
    top: -23px;
  }

  .article__details-table-adaptive--align {
    top: -23px;
  }
}

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

  .article__details--left,
  .article__details--right {
    max-width: 150px;
  }
}

@media only screen and (max-width: 377px) {
  .article__details-table-header--single {
    width: 112px;
  }

  details,
  summary {
    width: 144px;
  }
}

@media only screen and (max-width: 365px) {
  .article__details-table-header--single {
    width: 121px;
  }

  details,
  summary {
    width: 135px;
  }
}

@media only screen and (max-width: 363px) {
  .article__details-table-header--align {
    top: -6px;
  }

  .article__details-table-adaptive--align {
    top: -6px;
  }
}

@media only screen and (max-width: 333px) {
  .article__details-table-header--align {
    top: 0px;
  }

  .article__details-table-adaptive--align {
    top: 0px;
  }
}

@media only screen and (max-width: 329px) {
  .article__details-table-header--align {
    top: -6px;
  }

  .article__details-table-adaptive--align {
    top: -6px;
  }
}

@media only screen and (max-width: 328px) {
  .article__details-table-header--align {
    position: initial;
  }

  .article__details-table-adaptive--align {
    top: 0px;
  }
}

/* END BLOG DETAIL */
/* TEST RESULT BEGIN */
.test-result {
  position: relative;
  margin-bottom: 100px;
}

.test-result:before {
  width: calc(50% + 40px);
  border-radius: 30px;
  height: calc(100% + 50px);
  background: #f4f6f9;
  content: "";
  position: absolute;
  left: 50%;
  top: -10px;
}

.test-result__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}

.test-result__row--top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.test-result__row:nth-child(1) .test-result__item-row {
  border: none;
  padding-top: 31px;
}

.test-result__row:last-child .test-result__item-row {
  border-bottom: 1px solid #ebebeb;
}

.test-result__item {
  width: 50%;
}

.test-result__item:nth-child(1) {
  padding-right: 50px;
}

.test-result__item .hero__top-icon {
  width: 100px;
  min-width: 100px;
  height: 100px;
  margin: 0 30px 0 0;
}

.test-result__item p {
  font-size: 20px;
  margin: 0;
  line-height: 1.5;
}

.test-result__item:last-child {
  padding: 0 50px;
}

.test-result__item-row {
  border-top: 1px solid #ebebeb;
  width: 100%;
  padding: 50px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.test-result__el {
  padding: 20px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.test-result .hero__image-container {
  max-width: 110px;
  min-width: 110px;
  padding: 0;
  width: 100%;
  margin: 0 60px 0 -10px;
}

.test-result .hero__top-info {
  width: auto;
}

.test-result .hero__title {
  font-size: 30px;
}

.test-result .hero__title:after {
  display: none;
}

.test-result .hero__sub-title {
  font-size: 14px;
  margin: 5px 0 0;
  font-weight: 300;
}

.test-result .pack {
  position: static;
  width: 100%;
  left: auto;
  top: auto;
  right: auto;
}

.test-result__doctor {
  padding-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 950px;
  margin: 0 auto;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.test-result__doctor-image {
  font-size: 0;
  width: 48%;
  padding-right: 30px;
}

.test-result__doctor-image img {
  max-width: 332px;
  width: 80%;
  height: auto;
}

.test-result__doctor-info {
  width: 52%;
}

.test-result__doctor-info p {
  margin-top: 30px;
}

.test-result__doctor-info p:nth-child(1) {
  margin-top: 0;
}

.test-result__doctor-info .bold {
  font-size: 24px;
  font-weight: 700;
  margin-top: 0;
}

.test-result__doctor-info .btn {
  margin-top: 30px;
}

@media only screen and (max-width: 1124px) {
  .test-result__row:nth-child(1) .test-result__item-row {
    padding-top: 25px;
  }

  .test-result__row:nth-child(1) p {
    font-size: 16px;
  }

  .test-result__item:nth-child(1) {
    padding-right: 40px;
  }

  .test-result__item .hero__top-icon {
    width: 90px;
    min-width: 90px;
    height: 90px;
    margin: 0 25px 0 0;
  }

  .test-result__item p {
    font-size: 18px;
  }

  .test-result__item:last-child {
    padding: 0 25px;
  }

  .test-result__el {
    padding: 20px 30px;
  }

  .test-result .hero__image-container {
    max-width: 100px;
    min-width: 100px;
    margin: 0 35px 0 0;
  }

  .test-result .hero__title {
    font-size: 26px;
  }
}

@media only screen and (max-width: 992px) {
  .test-result {
    margin-bottom: 60px;
  }

  .test-result__doctor {
    padding-top: 30px;
  }

  .test-result__doctor-image {
    width: 45%;
  }

  .test-result__doctor .bold {
    font-size: 20px;
  }

  .test-result__doctor-info {
    width: 55%;
  }

  .test-result:before {
    width: calc(50% + 40px);
    border-radius: 20px;
    height: calc(100% + 30px);
    left: 45%;
    top: -5px;
  }

  .test-result__row:nth-child(1) .test-result__item-row {
    padding-top: 20px;
  }

  .test-result__row:nth-child(1) p {
    font-size: 15px;
  }

  .test-result__item {
    width: 55%;
  }

  .test-result__item:nth-child(1) {
    padding-right: 25px;
    width: 45%;
  }

  .test-result__item .hero__top-icon {
    width: 75px;
    min-width: 75px;
    height: 75px;
    margin: 0 20px 0 0;
  }

  .test-result__item p {
    font-size: 18px;
  }

  .test-result__item:last-child {
    padding: 0 25px;
  }

  .test-result__el {
    padding: 20px 25px;
  }

  .test-result .hero__image-container {
    max-width: 90px;
    min-width: 90px;
    margin: 0 30px 0 0;
  }

  .test-result .hero__title {
    font-size: 24px;
  }
}

@media only screen and (max-width: 760px) {
  .test-result {
    margin-bottom: 15px;
  }

  .test-result:before {
    display: none;
  }

  .test-result__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .test-result__row:nth-child(1) .test-result__item-row {
    padding: 0 0 20px;
  }

  .test-result__row:nth-child(1) p {
    font-size: 14px;
  }

  .test-result__row:nth-child(even) {
    margin: 0 -20px;
    width: calc(100% + 40px);
    padding: 0 20px;
    background: #f4f6f9;
  }

  .test-result__item {
    width: 100%;
  }

  .test-result__item:nth-child(1) {
    padding-right: 0;
    width: 100%;
  }

  .test-result__item .hero__top-icon {
    width: 44px;
    min-width: 44px;
    height: 44px;
    margin: 0 20px 0 0;
  }

  .test-result__item p {
    font-size: 14px;
  }

  .test-result__item:last-child {
    padding: 0;
  }

  .test-result__item-row {
    padding: 20px 0;
    border: none !important;
  }

  .test-result__el {
    padding: 5px 0 20px;
  }

  .test-result .hero__image-container {
    max-width: 70px;
    min-width: 70px;
    margin: 0 20px 0 0;
  }

  .test-result .hero__title {
    font-size: 18px;
  }

  .test-result .hero__sub-title {
    font-size: 12px;
  }

  .test-result__doctor {
    padding-top: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
  }

  .test-result__doctor-image {
    width: 100%;
    text-align: center;
    padding: 0;
  }

  .test-result__doctor-image img {
    width: 100%;
    max-width: 200px;
  }

  .test-result__doctor .bold {
    left: 0;
    top: 0;
    width: 100%;
    font-size: 18px;
  }

  .test-result__doctor-info {
    width: 100%;
    padding-top: 25px;
  }

  .test-result__doctor-info p {
    margin-top: 15px;
  }

  .test-result__doctor-info p:nth-child(1) {
    margin-top: 0;
  }

  .test-result__doctor-info .btn {
    margin-top: 20px;
  }
}

/* TEST RESULT END */

.article__zag {
  font-weight: 700;
  color: #636363;
  font-size: 24px;
  margin: 25px 0 21px 0;
}

.article__box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.article__box .article__left {
  width: 18%;
}

.article__box .article__left p {
  font-size: 20px;
  width: 100%;
  line-height: 24px;
  margin-top: 32px;
  margin-bottom: 5px;
}

.article__box .article__left img {
  width: 100%;
}

.article__box .article__right {
  width: 75%;
}

.article__small .viwn .grid__el:nth-child(1) {
  width: 32%;
}

.article__small .viwn .grid__el:nth-child(2) {
  width: 67%;
  padding: 0 5px;
}

.article__small .grid.viwn {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  padding-bottom: 0;
}

.article__small .viwn .hero__top-info p:first-child {
  margin-top: 0;
}

.article__infobox {
  margin: 66px 0 68px 0;
}

.article__infobox .infobox__top {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.article__infobox .infobox__top .infobox__item {
  width: 25%;
  font-size: 16px;
  color: #636363;
  text-align: center;
  border-right: 1px solid #cc8cc1;
  padding-bottom: 27px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.article__infobox .infobox__top .infobox__item:last-child {
  border-right: 0;
}

.article__infobox .infobox__top .infobox__item b {
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
  color: #cc8cc1;
  font-weight: 600;
  margin-bottom: 24px;
}

.article__infobox .infobox__bar {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.article__infobox .infobox__bar .infobox__item {
  font-size: 16px;
  color: #cc8cc1;
  background: #f8dced;
  width: 25%;
  text-align: center;
  padding: 6px 0;
  border-radius: 15px 0 0 15px;
}

.article__infobox .infobox__bar .infobox__item:last-child {
  color: #fff;
  background: #cc8cc1;
  border-radius: 0 15px 15px 0;
  width: 75%;
}

.article__infobox .infobox__bot {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.article__infobox .infobox__bot .infobox__item {
  width: 25%;
  font-size: 16px;
  line-height: 17px;
  color: #636363;
  text-align: center;
  border-right: 1px solid #cc8cc1;
  padding: 23px 0 24px 0;
}

.article__infobox .infobox__bot .infobox__item:nth-child(4) {
  border-right: 0;
}

.article__infobox .infobox__bot .infobox__niz {
  width: 28%;
  text-align: right;
  font-size: 18px;
  color: #cc8cc1;
  font-weight: 700;
  margin: 10px 0 0 0;
}

.article__infobox .infobox__bot .infobox__niz:nth-child(6) {
  width: 25%;
}

.article__infobox .infobox__bot .infobox__niz:nth-child(7) {
  width: 25%;
}

.article__infobox .infobox__bot .infobox__niz:last-child {
  width: 14%;
}

.grid__el--double {
  padding: 0px 30px;
}

.article__small .grid.nows .grid__el--double:first-child {
  padding: 0;
}

.article__small .grid.nows .grid__el--double:nth-child(2) {
  padding: 0 0 0 20px;
}

@media (max-width: 992px) {

  .article__infobox .infobox__top .infobox__item,
  .article__infobox .infobox__bar .infobox__item,
  .article__infobox .infobox__bot .infobox__item {
    font-size: 14px;
  }

  .article__infobox .infobox__top .infobox__item b,
  .article__infobox .infobox__bot .infobox__niz {
    font-size: 16px;
  }
}

@media (max-width: 926px) {
  .btn--double {
    min-width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 760px) {
  .article__small .grid.nows .grid__el:nth-child(2) {
    display: none;
  }

  .article__small .viwn .grid__el:nth-child(1) {
    width: 100%;
  }

  .article__small .grid.nows .grid__el--double:nth-child(1) {
    padding: 0;
  }

  .article__small .grid .btn--double {
    bottom: 0;
  }

  .nows--double {
    margin: 0;
  }

  .article__box .article__left {
    width: 100%;
  }

  .article__box .article__left img {
    width: 50%;
    margin: 0 auto;
    display: block;
  }

  .article__box .article__right {
    width: 100%;
  }

  .article__zag {
    font-size: 18px;
  }

  .article__infobox .infobox__top .infobox__item,
  .article__infobox .infobox__bar .infobox__item,
  .article__infobox .infobox__bot .infobox__item {
    font-size: 10px;
  }

  .article__infobox .infobox__top .infobox__item b,
  .article__infobox .infobox__bot .infobox__niz {
    font-size: 10px;
  }

  .article__infobox .infobox__top .infobox__item b {
    text-transform: none;
    margin-bottom: 10px;
  }

  .article__infobox .infobox__bot .infobox__item {
    padding: 15px 0 10px 0;
    line-height: 12px;
  }

  .article__infobox .infobox__top .infobox__item {
    padding-bottom: 15px;
  }

  .article__infobox .infobox__bot .infobox__niz:last-child {
    width: 15%;
    margin: 10px auto 0 auto;
  }

  .article__infobox .infobox__bar .infobox__item {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .article__infobox {
    margin: 30px 0;
  }

  .article__small .grid.viwn {
    padding-bottom: 80px;
  }

  .article__small .grid.nows .grid__el:nth-child(1) {
    width: 100% !important;
  }
}

.grid.nows .hero__image-container .pack,
.grid.long .hero__image-container .pack {
  left: 0;
  right: auto;
  width: 100%;
}

.grid.nows .hero__image a,
.grid.long .hero__image a {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  color: #fff;
  position: inherit;
  margin-top: 50px;
  font-size: 14px;
  padding: 15px 35px;
}

.grid.nows h4 {
  font-size: 40px;
}

.grid.nows h4.red {
  color: #ab0c09;
}

.grid.nows h4.blue {
  color: #185c7c;
}

.grid.nows h4.green {
  color: #358028;
}

.grid.nows h4.yellow {
  color: #ae5700;
}

.grid.nows h4.dark-blue {
  color: #00478e;
}

.grid.nows h5 {
  font-size: 18px;
  color: #636363;
  font-weight: 300;
}

.article__small .grid.nows .grid__el:nth-child(2) {
  width: 70%;
}

.article__small .grid.nows .grid__el:nth-child(1) {
  width: 30%;
}

.article__small .grid.nows {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

.grid.long .hero__image {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.grid.long .hero__image-container {
  width: 40%;
}

.article__small .grid.long .grid__el:nth-child(1) {
  width: 55%;
  padding: 0;
}

.article__small .grid.long .grid__el:nth-child(2) {
  width: 45%;
}

.point-list.table p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #ebebeb;
  padding: 20px 0 20px 47px;
  margin: 0;
}

.point-list.table p:first-child {
  margin-top: 30px;
}

.point-list.table p:last-child {
  border-bottom: 1px solid #ebebeb;
}

.point-list.table p:before {
  top: 0;
  bottom: 0;
  margin: auto;
}

.point-list.table p a {
  padding: 11px 30px;
}

@media (max-width: 440px) {
  .point-list.table p {
    flex-wrap: wrap;
  }

  .point-list.table p a {
    margin-top: 10px;
  }

  .article__small .article__image img {
    width: 100%;
  }
}

.share {
  margin: 0 0 -50px auto;
  width: 200px;
  padding: 0 13px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #fff;
  box-shadow: 0 0 0 #000;
  position: relative;
}

.article .share {
  display: flex !important;
  margin: -115px auto 50px auto;
}

.catalog-section .share {
  display: none;
  margin: 0 0 -40px auto;
}

.share:before {
  content: "";
  position: absolute;
  background: #ddd;
  width: calc(100% + 3px);
  height: 1px;
  left: -4px;
  bottom: -5px;
  z-index: 10000;
  display: none;
}

.share:hover .ya-share2__popup_list-direction_horizontal {
  display: block;
}

.share:hover:before {
  display: block;
}

.share.share-top {
  display: none;
  /* margin: 6px 0 -43px auto;
    border-bottom: 0; */
}

.share .name {
  font-weight: 400;
  position: relative;
  z-index: 10000;
}

.ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short {
  position: relative;
  z-index: 10000;
  margin-right: -5px;
}

.ya-share2__container_size_m .ya-share2__popup:not(.ya-share2__popup_mobile) {
  right: -12px !important;
  top: -5px !important;
  padding: 45px 10px 10px 10px !important;
}

.ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more {
  background-image: url(https://s.rbk.ru/v10_rbcnews_static/common/common-10.9.46/styles/pages/news/article/header/images/arrow.svg) !important;
}

.ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short {
  background: none !important;
}

.hero__top-row {
  /* flex-wrap: wrap; */
  flex-wrap: nowrap;
}

.header {
  z-index: 100000;
}

.header--with-admin {
  top: 147px;
  z-index: 200;
}

@media (max-width: 760px) {
  .header--with-admin {
    top: 0;
  }
}

@media (max-width: 1440px) {
  .hero__top-row {
    /* flex-wrap: wrap; */
    flex-wrap: nowrap;
  }

  .share.share-top {
    /* margin: 20px 0 -43px auto; */
  }
}

@media (max-width: 1250px) {
  .catalog-section .share {
    margin: 0 0 0 auto;
  }
}

@media (max-width: 1220px) {
  .share.share-top {
    /* margin: -140px 0 -43px auto;
		width: 155px; */
  }

  .catalog-section .share {
    margin: 0 0 -37px auto;
    width: 155px;
  }

  .article .share {
    margin: -40px 0 50px auto;
    width: 155px;
  }

  .ya-share2__popup.ya-share2__popup_mobile.ya-share2__popup_visible {
    z-index: 10000;
  }

  .ya-share2__container_size_m .ya-share2__badge+.ya-share2__title {
    white-space: normal;
  }

  .ya-share2__container_size_m .ya-share2__popup:not(.ya-share2__popup_mobile) {
    width: 160px;
  }
}

.liver-section {
  padding: 40px 0 100px;
}

.liver-section p {
  margin: 0 0 60px;
}

.liver-section__row {
  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;
}

.liver-section__item {
  width: 47%;
  padding: 100px 25px 0;
}

.liver-section__item img {
  width: 100%;
  height: auto;
}

.liver-section__text {
  font-size: 20px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  text-align: center;
  line-height: 1.2;
  color: #000 !important;
  margin: 0;
}

@media only screen and (max-width: 992px) {
  .liver-section {
    padding: 30px 0 60px;
  }

  .liver-section p {
    margin: 0 0 40px;
  }

  .liver-section__row {
    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;
  }

  .liver-section__item {
    width: 45%;
    padding: 50px 0 0;
  }

  .liver-section__text {
    font-size: 18px;
  }
}

@media only screen and (max-width: 760px) {
  .liver-section {
    padding: 20px 0 30px;
  }

  .liver-section p {
    margin: 0 0 25px;
  }

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

  .liver-section__item {
    width: 100%;
    padding: 30px 0 0;
    text-align: center;
  }

  .liver-section img {
    max-width: 300px;
  }

  .liver-section__text {
    font-size: 16px;
  }
}

p small {
  color: #89c23c;
  display: flex;
  font-size: 12px;
  line-height: 19px;
  margin-top: 12px;
}

/*# sourceMappingURL=app.css.map */

details>summary::marker {
  content: none;
  display: none;
}

details>summary::-webkit-details-marker {
  content: none;
  display: none;
}

details[open]>.clinical-cases__item-body>.clinical-cases__item-opened {
  display: flex;
}

details:not([open])>.clinical-cases__item-body>.clinical-cases__item-opened {
  display: none;
}

details[open]>.clinical-cases__item-body>.clinical-cases__item-text {
  display: none;
}

details:not([open])>.clinical-cases__item-body>.clinical-cases__item-text {
  display: flex;
}

details[open]>.clinical-cases__item-body {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

details:not([open])>.clinical-cases__item-body {
  position: relative;
  width: unset;
  height: unset;
}

.clinical-cases {
  padding: 262px 0 0;
}

.clinical-cases .catalog-section {
  padding: 0 !important;
}

.clinical-cases h2 {
  padding-bottom: 34px;
}

.clinical-cases h3 {
  padding-bottom: 54px;
}

.clinical-cases__video-block {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 60px;
  margin-bottom: 100px;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
}

.clinical-cases__video-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  max-width: 47%;
}

.clinical-cases__video {
  position: relative;
  width: 570px;
  height: 341px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.clinical-cases__video video {
  max-width: 600px !important;
  max-height: 341px !important;
  width: 100% !important;
  height: 100% !important;
}

.clinical-cases__items {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.clinical-cases__item {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 58px;
  border-radius: 20px;
  border: 1px solid #89c23c;
  position: relative;
}

.clinical-cases strong {
  font-weight: 700;
}

.clinical-cases__item a {
  text-decoration: underline;
}

.clinical-cases__item:hover>.clinical-cases__item-body>.clinical-cases__item-text>.btn,
.clinical-cases__item:hover>.clinical-cases__item-opened>.btn {
  background: #9ed04b;
  border-color: #9ed04b;
}

.clinical-cases__item .btn {
  max-height: 61px;
  height: 61px;
  max-width: 257px;
  width: 100%;
  min-width: 257px;

  color: #fff;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
}

.clinical-cases__item-text {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 125px;
  align-items: center;
  justify-content: space-between;
}

.clinical-cases__item-text strong,
.clinical-cases__item-opened strong {
  font-weight: 600;
}

.clinical-cases__item-opened {
  display: flex;
  flex-direction: column;
  padding-top: 15px;
}

.clinical-cases__item-opened>p,
.clinical-cases__item-opened>p+p {
  margin-top: 40px;
}

.clinical-cases__item-opened .btn {
  margin: 50px 0 0 auto;
}

.clinical-cases-block {
  width: 100%;
  max-width: 1260px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 60px;
  border-radius: 20px;
  border: 1px solid #89c23c;
  padding: 50px 81px 50px 80px;
  margin-top: 30px;
}

.clinical-cases-block .hero__top-row {
  padding-bottom: 0;
  border: none;
}

.clinical-cases-block__left-section {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.clinical-cases-block__left-section img {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 25px;
  max-width: 512px;
}

.clinical-cases-block__video-link {
  margin: 50px 0 24px;
}

.clinical-cases-block__right-section {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.clinical-cases-block__text {
  display: flex;
  flex-direction: column;
}

.clinical-container .clinical-cases-block p:not(.em) {
  margin-top: 0;
}

.clinical-cases-block__buttons {
  display: flex;
  flex-direction: row;
  gap: 24px;
  margin-top: 55px;
}

.clinical-cases-block__buttons .btn {
  max-height: 51px;
  height: 51px;
  max-width: 140px;
  width: 100%;
  min-width: 140px;

  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;

  color: #fff;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
}

.clinical-cases-block .hero__title {
  font-size: 37px;
  font-style: normal;
  font-weight: 600;
  line-height: 50px;
  letter-spacing: -0.5px;
  position: relative;
  display: inline-block;
  line-height: 1;
}

.clinical-cases-block .hero__sub-title {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.5px;
  margin: 30px 0 0;
}

.clinical-cases-block__subtitle {
  font-size: 50px;
  font-style: normal;
  font-weight: 600;
  line-height: 50px;
  letter-spacing: -0.5px;
  color: #636363;
}

.mb-60-adap {
  margin-bottom: 60px !important;
}

.underline {
  text-decoration: underline;
}

.clinical-container {
  padding: 0 20px;
}

.clinical-cases__table {
  width: 300px;
  max-width: 100%;
  margin-top: 10px;
}

.clinical-cases__table td {
  font-size: 14px;
  font-weight: 300;
  font-family: "Roboto", sans-serif;
  line-height: 1.4;
  padding: 7px 30px 8px;
  color: #000000;
}

.clinical-cases__table td:last-child {
  white-space: nowrap;
  text-align: right;
}

.clinical-cases__table .ex {
  text-align: left !important;
}

.clinical-cases__table tr:nth-child(odd) {
  background: #f4f6f9;
}

@media only screen and (max-width: 1360px) {
  .clinical-cases__video-item {
    max-width: 46%;
  }

  .clinical-cases__video {
    width: 500px;
    height: 294px;
  }
}

@media only screen and (max-width: 1200px) {
  .clinical-cases__video {
    width: 424px;
    height: 248px;
  }

  .clinical-cases-block {
    gap: 32px;
    padding: 38px 30px 30px;
  }

  .clinical-cases-block img {
    max-width: 448px;
  }

  .clinical-cases-block__right-section {
    max-width: 42%;
  }

  .clinical-cases-block__buttons {
    gap: 16px;
    margin-top: 30px;
  }

  .clinical-cases-block__buttons .btn {
    max-height: 50px;
    height: 50px;
    max-width: 190px;
    min-width: 170px;
  }

  .clinical-cases-block .hero__top-icon {
    width: 75px;
    height: 75px;
    max-width: 75px;
    min-width: 75px;
  }

  .clinical-cases-block .hero__title {
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: 35px;
    letter-spacing: -0.35px;
  }

  .clinical-cases-block .hero__sub-title {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.35px;
    margin: 21px 0 0;
  }

  .clinical-cases-block__subtitle {
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: 35px;
    letter-spacing: -0.35px;
  }
}

@media only screen and (max-width: 1024px) {
  .clinical-cases__video {
    width: 390px;
    height: 230px;
  }
}

@media only screen and (max-width: 960px) {
  .clinical-cases__video {
    width: 320px;
    height: 190px;
  }

  .clinical-cases-block img {
    max-width: 332px;
  }

  .clinical-cases-block__buttons .btn {
    min-width: 136px;
  }
}

@media only screen and (max-width: 760px) {
  .clinical-cases {
    /* padding: 40px 0 0; */
    padding: 250px 0 0;
  }

  .clinical-cases__item-opened>p,
  .clinical-cases__item-opened>p+p {
    margin-top: 10px;
  }

  .clinical-cases__video-block {
    flex-direction: column;
    align-items: center;
    margin-bottom: 60px;
  }

  .clinical-cases__video-item {
    max-width: unset;
  }

  .clinical-cases__item-text {
    flex-direction: column;
    gap: 32px;
  }

  .clinical-cases__item {
    padding: 32px;
  }

  .clinical-cases__item-opened .btn {
    margin: 32px auto 0;
  }

  .clinical-cases__item .btn {
    max-height: 46.8px;
    height: 46.8px;
    max-width: 257px;
    min-width: 257px;
  }

  .clinical-cases-block {
    flex-direction: column;
    align-items: center;
    border-radius: 15px;
    padding: 24px 15px 15px;
    gap: 24px;
  }

  .clinical-cases-block__video-link {
    margin: 0 0 34px;
  }

  .clinical-cases-block__right-section {
    max-width: unset;
  }

  .clinical-cases-block__buttons {
    gap: 6px;
    margin-top: 24px;
  }

  .clinical-cases-block__buttons .btn {
    max-height: 46.8px;
    height: 46.8px;
    max-width: 257px;
    min-width: 212px;
    margin: 0 auto;
  }

  .clinical-cases-block .hero__top {
    display: block;
  }

  .clinical-cases-block .hero__top-icon img {
    display: block;
  }

  .clinical-cases-block .hero__top-icon {
    width: 64px;
    height: 64px;
    max-width: 64px;
    min-width: 64px;
    top: 6px;
  }

  .clinical-cases-block .hero__title {
    font-size: 30px;
    line-height: 30px;
    letter-spacing: -0.3px;
  }

  .clinical-cases-block .hero__sub-title {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 0.3px;
    margin: 18px 0 0;
  }

  .clinical-cases-block__subtitle {
    font-size: 30px;
    line-height: 30px;
    letter-spacing: -0.3px;
  }

  .mb-60-adap {
    margin-bottom: 24px !important;
  }
}

@media only screen and (max-width: 500px) {
  .clinical-cases__item {
    padding: 24px;
  }

  .clinical-cases-block__buttons .btn {
    max-width: 100%;
    min-width: 257px;
  }

  .clinical-cases-block img {
    max-width: 100%;
  }

  .clinical-cases-block__buttons {
    flex-direction: column;
  }

  .clinical-cases__table {
    width: 100%;
  }

  .clinical-cases__table td {
    padding: 7px 12px 8px;
  }

  .clinical-cases__table td:last-child {
    white-space: unset;
    min-width: 104px;
  }
}

.clinical-popup-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  z-index: 100;
  overflow: auto;
}

.clinical-popup {
  background: #fff;
  padding: 80px 75px 40px;
  max-width: 790px;
  width: 100%;
  height: fit-content;
  text-align: center;
  border-radius: 10px;
  margin: 10px auto;
}

.clinical-popup__subtitle {
  max-width: 698px;
  color: #000;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0.5px;
  margin: 0 auto;
}

.clinical-popup__title {
  color: #000;
  font-family: Montserrat, sans-serif;
  font-size: 50px;
  font-style: normal;
  font-weight: 600;
  line-height: 50px;
  letter-spacing: 0.4px;
  margin: 10px 0;
}

.clinical-popup__description {
  color: #818181;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 31px;
  letter-spacing: 0.5px;
  margin: 60px auto 26px;
}

.clinical-popup__buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  margin-bottom: 24px;
}

.clinical-popup__button {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: background 0.25s ease-in-out, color 0.25s ease-in-out;
  text-decoration: none;

  color: #fff;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;

  width: 100%;
  max-height: 61px;
  height: 61px;
  max-width: 300px;
  min-width: 300px;
}

.close-clinical-popup {
  color: #ffffff;
  background: #ff8623;
}

.close-clinical-popup:hover {
  color: #000000;
  background: #ffffff;
}

.clinical-popup__info {
  max-width: 566px;
  color: #636363;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 18px;
  letter-spacing: 0.5px;
  margin: 0 auto;
}

.clinical-popup__info a {
  color: #636363;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 18px;
  letter-spacing: 0.5px;
}

.clinical-popup__mobile {
  display: none;
}

.clinical-popup__dekstop {
  display: inline;
}

.clinical-popup__info span {
  text-decoration-line: underline;
}

.clinical-popup__info a:hover span {
  text-decoration-line: none;
}

@media only screen and (max-width: 760px) {
  .clinical-popup {
    max-width: 90vw;
    padding: 32px 24px 24px;
  }

  .clinical-popup__mobile {
    display: inline;
  }

  .clinical-popup__dekstop {
    display: none;
  }

  .clinical-popup__buttons {
    flex-direction: column;
    gap: 10px;
  }

  .clinical-popup__button {
    max-height: 46.8px;
    height: 46.8px;
    max-width: 300px;
    min-width: 300px;
  }

  .clinical-popup__subtitle {
    max-width: 550px;
    font-size: 20px;
    line-height: 24px;
  }

  .clinical-popup__title {
    font-size: 42px;
    line-height: 48px;
  }

  .clinical-popup__description {
    max-width: 380px;
    font-size: 16px;
    line-height: 18px;
    margin: 28px auto 18px;
  }

  .clinical-popup__info,
  .clinical-popup__info span {
    font-size: 11px;
    line-height: 14.5px;
  }
}

@media only screen and (max-width: 500px) {
  .clinical-popup__button {
    max-width: 100%;
    min-width: 250px;
  }
}

.test-result__cytamins {
  display: flex;
  flex-wrap: wrap;
  margin: 40px 0;
  width: 100%;
  justify-content: center;
  column-gap: 20px;
  row-gap: 40px;
}

.cyt-item {
  width: 48%;
  margin: 0 auto;
  display: flex;
  gap: 20px;
  flex-direction: column;
}

.cyt-item .btn--buy {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  max-width: 220px;
  margin: 20px auto 0 !important;
}

.cyt-item .btn-review {
  border: 1px solid #9c9c9c;
  border-radius: 50px;
  background: white;
  color: #9c9c9c !important;
}

.cyt-item__pack {
  display: flex;
  flex-direction: column;
  min-width: 180px;
  max-width: 220px;
  margin: 0 auto;
}

.cyt-item__pack img {
  width: 100%;
  cursor: unset;
}

.cyt-item__text p {
  margin: 0;
}

@media only screen and (max-width: 1200px) {
  .cyt-item {
    flex-direction: column;
  }

  .cyt-item__pack {
    display: flex;
    flex-direction: column;
    width: 100%;
    /* order: 2; */
    max-width: 240px;
  }

  /* .cyt-item__text {
    order: 1;
  } */
}

@media only screen and (max-width: 760px) {
  .test-result__cytamins {
    flex-direction: column;
  }

  .cyt-item {
    width: 100%;
  }

  .cyt-item .btn--buy {
    max-width: unset;
  }

  .vc_smarta__men .vc_smarta h3 {
    margin: 28px 0 20px;
  }

  .vc_smarta__men .vc_smarta .tegs {
    margin-bottom: 40px;
  }

  .vc_smarta__men .vc_smarta .tegs .item {
    margin-bottom: 25px;
  }

  .vc_smarta__men .vc_smarta .tegs .item .box {
    gap: 8px;
  }

  .vc_smarta__men .vc_smarta .tegs .item .box .tag {
    display: flex;
  }

  .vc_smarta__men .vc_smarta .tegs .item .zag {
    padding: 0 0 15px 8px;
  }

  .vc_smarta__men .vc_smarta .tegs .item .box label {
    margin-right: 0;
  }
}

.desktop {
  display: flex !important;
}

.tablet-mobile {
  display: none !important;
}

@media (max-width: 760px) {
  .desktop {
    display: none !important;
  }

  .tablet-mobile {
    display: flex !important;
  }
}

.article__inline {
  display: flex;
  gap: 70px;
  justify-content: space-between;
  margin: 25px auto;
}

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

.inline__image img {
  width: 190px;
  height: auto;
}

.mt-30 {
  margin-top: 30px;
}

.mt-0 {
  margin-top: 0 !important;
}

@media only screen and (max-width: 992px) {
  .mt-30 {
    margin-top: 20px;
  }
}

@media (max-width: 760px) {
  .article__inline {
    flex-direction: column;
    gap: 0;
  }

  .mt-30 {
    margin-top: 15px;
  }
}

.no-margin {
  margin-top: 0 !important;
}

/* story */
.stories {
  /* padding: 85px 0 0; */
  padding: 262px 0 0;
}

.stories h1 {
  font-size: 50px;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  color: #000000;
  text-align: left;
  line-height: 1;
  letter-spacing: 0.4px;
}

.stories__btn-block {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 50px auto;
  max-width: 660px;
}

.stories__btn-block .btn {
  height: 61px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

.stories__btn-block p {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  padding: 16px 0;
  color: #fff;
  margin: 0;
}

.stories__btn-block span {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 16px;
}

.stories__btn-block img {
  width: 88px;
  height: auto;
  margin-left: 10px;
}

.stories__btn-block h6 {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.5px;
  color: #636363;
}

.stories__btn-block a {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.5px;
  color: #636363;
  text-decoration: underline;
}

.stories__user-stories-block {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.stories__navigation {
  margin-top: 32px;
}

.stories__item-title-block {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 48px;
}

.stories__item-title-left {
  display: flex;
  gap: 18px;
}

.stories__item-avatar {
  width: 64px;
  height: 64px;
}

.stories__item-title-name {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.stories__item-title-right {
  width: 100%;
  max-width: 460px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.stories__item-subtitle {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 31px;
  letter-spacing: 0.5px;
  color: #636363;
  margin-bottom: 31px;
}

.stories__item h3 {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: 0.5px;
  color: #000000;
}

.stories__item h2 {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 35px;
  line-height: 50px;
  letter-spacing: -0.5px;
  padding: 0;
  text-align: end;
}

.stories__item h5 {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  display: flex;
  align-items: center;
  letter-spacing: 0.5px;
  color: #000000;
}

.stories__item h6 {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  color: #000000;
  text-align: end;
}

.stories__item-preview {
  max-width: 740px;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 31px;
  letter-spacing: 0.5px;
  color: #636363;
}

.stories__item-text {
  display: none;
  max-width: 985px;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 31px;
  letter-spacing: 0.5px;
  color: #636363;
}

.stories__item-cyt-info {
  display: none;
}

.stories__item-cyt-info section {
  padding: 10px 0 0;
}

.stories__item-cyt-info .read-reviews__button--catalog .btn {
  height: 61px;
  width: 637px !important;
}

.stories__item-cyt-info .reviews__slider {
  padding: 0;
}

.stories__item-cyt-info .reviews__item {
  padding: 20px 0px;
}

.stories__item {
  width: 100%;
  min-height: 290px;
  display: flex;
  flex-direction: column;
  padding: 50px;
  border-radius: 20px;
  border: 1px solid #89c23c;
  position: relative;
}

.stories__read-btn {
  height: 61px;
  width: 212px;
  position: absolute;
  right: 50px;
  top: 176px;
}

.stories__collapse-btn {
  display: none;
  height: 61px;
  width: 212px;
  margin: 40px 0 50px auto;
}

.stories .catalog-section {
  padding: 20px 0 0;
}

.stories__user-photos {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  margin: 20px 0;
}

.stories__user-photos a {
  max-width: 47%;
}

.stories__user-photos img {
  border-style: none;
  max-width: 100%;
  height: auto;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 2px 10px;
}

.stories__img-block {
  margin-top: 70px;
}

.stories__img-block img {
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 1200px) {
  .stories__read-btn {
    margin: 25px 0 0 auto;
    position: static;
  }
}

@media only screen and (max-width: 992px) {
  .stories__item {
    padding: 40px;
  }

  .stories__item h3 {
    font-size: 22px;
    line-height: 26px;
  }
}

@media only screen and (max-width: 760px) {
  .stories {
    /* padding: 40px 0 0; */
    padding: 250px 0 0;
  }

  .stories__item {
    padding: 32px;
  }

  .stories__img-block img {
    margin: 0 -20px;
    width: calc(100% + 40px);
  }

  .stories__btn-block {
    max-width: unset;
    margin: 24px auto;
  }

  .stories__item-cyt-info .read-reviews__button--catalog .btn {
    width: 100% !important;
  }

  .stories__item-preview {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.5px;
    -webkit-line-clamp: 7;
    line-clamp: 7;
  }

  .stories__item-text {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.5px;
  }

  .stories__item-subtitle {
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 20px;
  }

  .stories__btn-block .btn {
    padding: 16px 21px;
  }

  .stories__btn-block p {
    font-size: 14px;
    line-height: 15px;
    padding: 0;
    text-align: left;
  }

  .stories__btn-block span {
    font-size: 16px;
    line-height: 16px;
  }

  .stories__item h3 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 25px;
  }

  .stories__item-title-block {
    margin-bottom: 25px;
  }

  .stories__read-btn {
    height: 46px;
    width: 100%;
    margin-top: 25px;
    position: static;
  }

  .stories__collapse-btn {
    height: 46px;
    width: 100%;
    margin: 25px 0 0;
  }

  .stories__item h2 {
    font-size: 20px;
    line-height: 20px;
  }

  .stories__item h6 {
    font-size: 8px;
    line-height: 8px;
  }

  .stories__item h5 {
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.5px;
  }

  .stories__item-avatar {
    width: 30px;
    height: 30px;
  }

  .stories__item-title-left {
    gap: 2px;
  }

  .stories__btn-block h6 {
    font-size: 10px;
    line-height: 15px;
  }

  .stories__btn-block a {
    font-size: 10px;
    line-height: 15px;
  }

  .stories__btn-block img {
    margin-left: 2px;
  }
}

@media only screen and (max-width: 500px) {
  .stories__item {
    padding: 20px;
  }

  .stories__user-photos a {
    max-width: 100%;
  }

  .stories__item-cyt-info .container {
    padding-left: 0;
    padding-right: 0;
  }

  .stories__item-title-block {
    gap: 32px;
  }

  .stories__item-title-name {
    max-height: 30px;
  }
}

.stories__modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 0px 6px;
  z-index: 10001;
  overflow: hidden;
  overflow-y: auto;
}

.stories__form {
  background: #fff;
  max-width: 900px;
  width: 100%;
  height: fit-content;
  text-align: center;
  border-radius: 50px;
  margin: 84px auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.stories__form-header {
  width: 100%;
  height: 131px;
  background: #89c23c;
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 44px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
  justify-content: center;
  border-radius: 50px 50px 0px 0px;
  position: relative;
}

.stories__form-body {
  width: 100%;
  padding: 35px 20px 40px;
}

.stories__form-body h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  padding: 0;
  margin-top: 35px;
}

.stories__form-body h6 {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 18px;
  color: #757575;
  text-align: left;
  letter-spacing: 0;
}

.stories__form-body .input-row {
  display: flex;
  gap: 25px;
  align-items: center;
}

.stories__form label {
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 30px;
  color: #000000;
  margin: 35px 0 25px;
  text-align: left;
}

.stories__form .input-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.stories__form .input-item input {
  font-family: Roboto, sans-serif;
  border: 1px solid #cccccc;
  border-radius: 30px;
  min-height: 60px;
  width: 100%;
  padding: 0 39px;
  font-weight: 300;
  font-size: 16px;
  line-height: 18px;
  display: flex;
  align-items: center;
  color: #757575;
}

.stories__form .storyEmail {
  min-height: 60px !important;
}

.stories__form .input-item input:hover {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 1px 2px;
}

.stories__form .input-item textarea {
  font-family: Roboto, sans-serif;
  border: 1px solid #cccccc;
  border-radius: 30px;
  min-height: 120px;
  width: 100%;
  padding: 20px 39px;
  font-weight: 300;
  font-size: 16px;
  line-height: 18px;
  display: flex;
  align-items: center;
  color: #757575;
  overflow: hidden;
  resize: none;
}

.stories__form-input--small {
  min-height: 90px !important;
}

.stories__form .input-item textarea:hover {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 1px 2px;
}

.stories__form .input-item select {
  font-family: Roboto, sans-serif;
  border: 1px solid #cccccc;
  border-radius: 30px;
  min-height: 50px;
  width: 100%;
  padding: 20px 39px;
  font-weight: 300;
  font-size: 16px;
  line-height: 18px;
  display: flex;
  align-items: center;
  color: #757575;
  resize: none;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

.stories__form .input-item option {
  width: 100%;
}

.stories__form .input-item select:hover {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 1px 2px;
}

.stories__form .select-container {
  position: relative;
  width: 100%;
}

.stories__form .select-container img {
  position: absolute;
  right: 40px;
  top: 10px;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  z-index: 1;
  pointer-events: none;
}

.arrow-rotated {
  transform: rotate(-180deg);
}

.stories__form .agreement {
  display: flex;
  flex-direction: row;
  gap: 11px;
  align-items: flex-start;
  margin: 35px 0;
}

.stories__form .agreement input {
  appearance: auto;
  width: 23px;
  height: 23px;
  min-height: 23px;
  min-width: 23px;
  margin-top: 5px;
}

.stories__form .agreement div {
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 30px;
  color: #000000;
  text-align: left;
}

.stories__form a {
  color: #89c23c;
}

.stories__form .add-photo-btn {
  width: 151px;
  min-width: 151px;
  height: 41px;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 18px;
  color: #757575;
  background: #ffffff;
  border: 1px solid #89c23c;
  padding: 0;
  position: relative;
  align-items: center;
  justify-content: center;
  display: flex;
  cursor: pointer;
}

.stories__form .add-photo-btn input {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 23232;
  cursor: pointer;
}

.stories__form .add-photo-btn:hover {
  border: 1px solid #89c23c;
  background: #89c23c;
  color: #fff;
}

.stories__form .close-story-form-btn {
  width: 218px;
  height: 41px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  padding: 0;
}

.stories__form .close-story-form-btn:disabled {
  color: #ffffff;
  border: 1px solid #c3c3c3;
  background: #c3c3c3;
}

.stories__form .photos {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 20px;
}

.stories__form .photos img:before {
  font-family: "Font Awesome 6 Pro";
  content: "\f095";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  font-weight: 900;
}

.stories__form p.error {
  margin-top: 14px;
  color: rgba(255, 70, 93, 1);
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: left;
}

.stories__form .img-items {
  position: relative;
}

.stories__form .img-items i {
  position: absolute;
  right: -6px;
  top: -9px;
  color: #89c23c;
  cursor: pointer;
}

.stories__form .img-items img {
  max-width: 150px;
  height: 50px;
  box-shadow: 0px 0px 3px #0000002b;
}

.stories__modal-close-btn {
  font-size: 40px;
  top: 26px;
  right: 26px;
  position: absolute;
  cursor: pointer;
}

.stories__success-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  z-index: 10001;
  overflow: auto;
}

.stories__success-modal .body {
  background: #fff;
  max-width: 900px;
  width: 100%;
  height: fit-content;
  text-align: center;
  border-radius: 50px;
  margin: 84px auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 95px;
  position: relative;
}

.stories__success-modal .close button {
  background: none;
  border: none;
  font-size: 48px;
  font-weight: 700;
  font-family: cursive, sans-serif;
  position: absolute;
  top: 35px;
  right: 45px;
  cursor: pointer;
  color: #000000;
}

.stories__success-modal .text {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 36px;
  line-height: 44px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #000000;
}

.stories__success-modal .br-adaptive {
  display: none;
}

@media only screen and (max-width: 1346px) {
  .stories__form {
    max-width: 671px;
  }

  .stories__form-header {
    height: 108px;
    font-size: 32px;
    line-height: 39px;
    padding: 0 60px;
  }

  .stories__form-body h2 {
    font-size: 20px;
    line-height: 22px;
    margin-top: 25px;
  }

  .stories__form label {
    font-size: 20px;
    line-height: 22px;
    margin: 20px 0 17px;
  }

  .stories__form .agreement div,
  .stories__form a {
    font-size: 18px;
  }

  .stories__success-modal .text {
    font-size: 30px;
    line-height: 37px;
  }

  .stories__success-modal .fa-xmark::before {
    font-size: 38px;
  }

  .stories__success-modal .close button {
    top: 6px;
    right: 26px;
  }

  .stories__form .select-container img {
    right: 32px;
    top: 19px;
    width: 25px;
    height: 25px;
  }

  .stories h1 {
    font-size: 36px;
  }
}

@media only screen and (max-width: 760px) {
  .stories__form {
    margin: 80px auto 40px;
    border-radius: 50px;
  }

  .stories__success-modal .body {
    height: fit-content;
    padding: 50px 20px;
    border-radius: 30px;
    margin: 100px auto;
  }

  .stories__success-modal .text {
    font-size: 20px;
    line-height: 24px;
  }

  .stories__success-modal .br-adaptive {
    display: inline;
  }

  .stories__success-modal .close button {
    font-size: 28px;
    top: 14px;
    right: 20px;
    padding: 0;
  }

  .stories__form .select-container img {
    right: 12px;
    top: 16px;
    width: 20px;
    height: 20px;
  }

  .stories h1 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 500px) {
  .stories__form-header {
    height: 88px;
    font-size: 24px;
    line-height: 29px;
    border-radius: 30px 30px 0px 0px;
    padding: 0 60px;
  }

  .stories__modal-close-btn {
    font-size: 24px;
    top: 15px;
    right: 18px;
  }

  .stories__form-body h2 {
    font-size: 18px;
    line-height: 20px;
    margin-top: 20px;
  }

  .stories__form-body {
    padding: 20px 12px 40px;
  }

  .stories__form label {
    word-break: break-word;
    text-align: left;
    font-size: 18px;
    line-height: 18px;
    margin: 20px 0 10px;
  }

  .stories__form .input-item textarea {
    font-size: 14px;
    line-height: 18px;
    padding: 20px 14px;
  }

  .stories__form .input-item select {
    font-size: 14px;
    line-height: 18px;
    padding: 10px 32px 10px 14px;
  }

  .stories__form .agreement {
    margin: 20px 0;
  }

  .stories__form .agreement div {
    font-size: 14px;
    line-height: 20px;
  }

  .stories__form a {
    font-size: 14px;
    line-height: 20px;
  }

  .stories__form p.error {
    font-size: 16px;
    line-height: 18px;
    margin-top: 8px;
  }

  .stories__form {
    border-radius: 30px;
  }

  .stories__form-body .input-row {
    gap: 10px;
  }

  .stories__form .input-item input {
    font-size: 14px;
    line-height: 18px;
    padding: 20px 14px;
  }

  .stories__form .add-photo-btn {
    min-width: 132px;
    font-size: 14px;
    line-height: 16px;
  }

  .stories__form-body h6 {
    font-size: 14px;
    line-height: 16px;
  }
}

.bx-composite-btn {
  display: none !important;
}

.article__note {
  width: 100%;
  background: #f4f6f9;
  border-radius: 20px;
  margin-top: 50px;
  padding: 30px 50px;
}

.article__note p {
  margin: 0 !important;
}

@media only screen and (max-width: 760px) {
  .article__note {
    margin-top: 24px;
    padding: 24px 32px;
  }
}

@media only screen and (max-width: 500px) {
  .article__note {
    margin-top: 20px;
    padding: 20px;
  }
}

.stories-btn-block {
  width: 100%;
  max-width: 1200px;
  height: fit-content;
  background: #f4f6f9;
  border-radius: 20px;
  padding: 38px 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin: 40px auto 0;
}

.stories-btn-block--catalog {
  padding: 38px 0;
}

.stories-btn-block__left-section {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.stories-btn-block h2 {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 31px;
  letter-spacing: 0.5px;
  color: #636363;
  padding: 0;
}

.stories-btn-block--catalog h2 {
  font-size: 16px;
  line-height: 24px;
}

.stories-btn-block h6 {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.5px;
  color: #636363;
}

.stories-btn-block__btn {
  width: 211px;
  height: 61px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 17px 25px;
  gap: 10px;
}

.stories-btn-block__btn {
  margin: 0;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  position: relative;
}

.stories-btn-block__btn span {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 120%;
  color: #ffffff;
  position: absolute;
  top: 22px;
  left: 36px;
}

.stories-btn-block__btn span:last-child {
  position: absolute;
  top: unset;
  left: unset;
  bottom: 4px;
  right: 44px;
}

@media only screen and (max-width: 1200px) {
  .stories-btn-block {
    padding: 40px 0;
  }

  .article .stories-btn-block {
    padding: 40px;
  }
}

@media only screen and (max-width: 760px) {
  .stories-btn-block__btn-section {
    width: 100%;
  }

  .stories-btn-block {
    flex-direction: column;
    padding: 16px 0;
    margin: 40px auto 0;
  }

  .article .stories-btn-block {
    padding: 16px;
  }

  .stories-btn-block h2 {
    font-size: 14px;
    line-height: 18px;
  }

  .stories-btn-block h6 {
    font-size: 10px;
    line-height: 18px;
  }

  .stories-btn-block__left-section {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .stories-btn-block__btn {
    width: 100%;
    height: 46px;
  }

  .stories-btn-block--catalog .stories-btn-block__btn {
    width: 100%;
  }

  .stories-btn-block__btn span {
    top: 18px;
  }

  .stories-btn-block__btn span:last-child {
    bottom: 0;
  }
}

.theme-colored {
  color: #89c23c;
}

.list-number {
  padding-left: 50px;
  position: relative;
}

.list-number .number-item {
  position: absolute;
  left: 0;
}

.list-number a {
  text-decoration: none;
  color: #89c23c;
}

.list-number a:hover {
  text-decoration: underline;
}

.buy-page {
  overflow: hidden;
  width: 100%;
}

.buy-page-section {
  /* padding: 85px 0 48px; */
  /* padding: 85px 0 24px; */
  padding: 262px 0 24px;
}

.buy-page__filter-section {
  max-width: 1300px;
}

.buy-page__filter-section .button-section {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin-top: 0px;
  justify-content: center;
  align-items: center;
}

.buy-page__filter-section .btn {
  /* width: 178px; */
  /* height: 53px; */
  font-style: normal;
  /* font-weight: 600; */
  font-weight: 400;
  font-size: 20px;
  line-height: 23px;
  color: #000000;
  background: #ffffff;
  /* border: 2px solid #89c23c; */
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;

  color: #89c23c;
  border: none;
  width: fit-content;
  height: fit-content;
  transition: none;
}

.buy-page__filter-section .btn.active,
.buy-page__filter-section .btn:hover {
  /* background: #89c23c;
    border-color: #9ed04b;
    color: white; */
  background: #ffffff;
  border-color: unset;
  text-decoration-line: underline;
  color: #636363;
}

.buy-page__filter-section h2 {
  padding-bottom: 74px;
}

@media only screen and (max-width: 1200px) {
  .buy-page__filter-section .button-section {
    gap: 16px;
    margin-top: 36px;
  }

  .buy-page__filter-section .btn {
    font-size: 18px;
    line-height: 20px;
    width: 164px;
    height: 48px;
  }
}

@media only screen and (max-width: 992px) {
  .buy-page__filter-section .button-section {
    gap: 12px;
  }

  .buy-page__filter-section .btn {
    font-size: 14px;
    line-height: 16px;
    width: 130px;
    height: 40px;
  }

  .buy-page__filter-section h2 {
    font-size: 24px;
    padding-bottom: 20px;
    line-height: 1.4;
  }
}

@media only screen and (max-width: 760px) {
  .buy-page-section {
    /* padding: 85px 0 24px; */
    padding: 250px 0 24px;
  }

  .buy-page__filter-section .button-section {
    gap: 10px;
    margin-top: 16px;
    justify-content: flex-start;
  }

  .buy-page__filter-section .btn {
    /* color: #89c23c; */
    /* border: none; */
    font-weight: 300;
    /* font-size: 14px;
        line-height: 16px; */
    width: fit-content;
    height: fit-content;
    transition: none;
  }

  /* .buy-page__filter-section .btn.active,
    .buy-page__filter-section .btn:hover {
        background: #ffffff;
        border-color: unset;
        text-decoration-line: underline;
        color: #000000;
    } */
}

.collapsable__item-btn {
  width: 22px;
  min-width: 22px;
  height: 23px;
  /* border-radius: 100px; */
  font-size: 0;
  /* line-height: 22px; */
  /* padding: 4px; */
  margin-left: 8px;
  /* display: flex;
    align-items: center;
    justify-content: center; */
  /* vertical-align: middle;
    text-align: center; */
}

.structure-tables-n .collapsable__item-btn {
  margin: auto 0 5px 8px;
}

.collapsable__item-btn--plus {
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2232_928)'%3E%3Cpath d='M11.2646 22.614C17.3398 22.614 22.2646 17.6891 22.2646 11.614C22.2646 5.53888 17.3398 0.614014 11.2646 0.614014C5.18952 0.614014 0.264648 5.53888 0.264648 11.614C0.264648 17.6891 5.18952 22.614 11.2646 22.614Z' fill='%2389C23C'/%3E%3Cpath d='M6.1709 11.614H16.3569' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.2646 16.707V6.521' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2232_928'%3E%3Crect width='22' height='22' fill='white' transform='translate(0.242188 0.625)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.collapsable__item-btn--minus {
  display: none;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='23' viewBox='0 0 22 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2232_17)'%3E%3Cpath d='M6.14941 11.614H16.3354' stroke='%2389C23C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='11' cy='11.614' r='10.5' stroke='%2389C23C'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2232_17'%3E%3Crect width='22' height='22' fill='white' transform='translate(0 0.625)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.structure-tables__item-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.structure-tables__item-title.is-open>.collapsable__item-btn--plus {
  display: none;
}

.structure-tables__item-title.is-open>.collapsable__item-btn--minus {
  display: block;
}

.structure-tables__item-title {
  cursor: pointer;
}

.structure-tables__item-title+table {
  margin-top: 0;
  max-height: 0;
  display: none;
  transition: max-height 1s linear, margin-top 0.2s linear, display 0.2s linear;
}

.structure-tables__item-title.is-open+table {
  animation-name: expand-animation;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  margin-top: 24px;
  max-height: unset;
  transition: margin-top 0.2s linear;
  display: table;
}

.desktop-tablet {
  display: flex;
}

.mobile {
  display: none !important;
}

@media only screen and (max-width: 760px) {
  .desktop-tablet {
    display: none;
  }

  .mobile {
    display: flex !important;
  }

  /* .collapsable__item-btn--plus {
        display: flex;
        align-items: center;
        justify-content: center;
    } */
  /* .structure-tables__item-title > .collapsable__item-btn--plus:nth-child(2) {
        display: none;
    }
    
    .collapsable__item-btn--plus::before {
        content: "\002B";
    } */
}

.in-media {
  /* padding: 85px 0 0; */
  padding: 262px 0 0;
}

.in-media__text {
  max-width: 1010px;
  margin: 0 auto 70px;
}

.in-media__text p {
  margin: 0;
  color: #636363;
}

.in-media__blocks {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 120px;
}

.in-media__item {
  width: 100%;
  max-width: 550px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  overflow: hidden;
}

.in-media__item-body {
  position: relative;
  height: 550px;
  display: flex;
}

.in-media__item .img {
  width: 100%;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

.in-media__item-top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.in-media__item-top p {
  margin-top: 30px;
  font-weight: 600;
}

.kp-logo {
  width: 304px;
  height: auto;
}

.pmef-logo {
  width: 200px;
  height: auto;
}

.in-media__info {
  margin-top: auto;
  padding: 0 48px 38px;
}

.in-media__info-title {
  font-size: 24px;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 20px;
  position: relative;
  z-index: 5;
}

.in-media__info-about {
  font-size: 14px;
  color: #fff;
  line-height: 1.3;
  margin: 0 0 25px;
  position: relative;
  z-index: 5;
}

.in-media__info-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: relative;
  z-index: 2;
  font-size: 12px;
  padding: 7px 20px;
  color: #fff;
  border-radius: 20px;
  border: 1px solid #fff;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  font-weight: 400;
  cursor: pointer;
  max-width: 120px;
}

.in-media__info-link svg {
  width: 20px;
  height: 12px;
  margin-left: 7px;
}

.in-media__info-link path {
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.in-media__info-link:hover {
  background: #fff;
  border-color: #fff;
  color: #000000;
}

.in-media__info-link:hover path {
  stroke: #000 !important;
}

@media only screen and (max-width: 1336px) {
  .in-media__item {
    max-width: 428px;
  }

  .in-media__item-body {
    height: 428px;
  }

  .in-media__blocks {
    gap: 40px;
  }
}

@media only screen and (max-width: 992px) {
  .in-media {
    /* padding: 80px 0 0; */
    padding: 280px 0 0;
  }

  .in-media__info {
    padding: 0 25px 25px;
  }

  .in-media__info-title {
    font-size: 20px;
    margin: 0 0 15px;
  }

  .in-media__info-about {
    margin: 0 0 15px;
  }

  .in-media__item {
    max-width: 328px;
  }

  .in-media__item-body {
    height: 328px;
  }

  .in-media__blocks {
    gap: 32px;
  }
}

@media only screen and (max-width: 760px) {
  .in-media {
    /* padding: 60px 0 0; */
    padding: 250px 0 0;
  }

  .in-media .container {
    padding-left: 0;
    padding-right: 0;
  }

  .in-media h2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .in-media__blocks {
    flex-direction: column;
    gap: 20px;
  }

  .in-media__item {
    max-width: unset;
  }

  .in-media__item-top {
    padding-left: 20px;
    padding-right: 20px;
  }

  .in-media__item-body {
    height: fit-content;
    min-height: 250px;
  }

  .kp-logo {
    width: 198px;
  }

  .pmef-logo {
    width: 150px;
  }

  .in-media__info {
    padding: 20px;
  }

  .in-media__info-title {
    font-size: 18px;
    margin: 0 0 15px;
  }

  .in-media__text {
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto 42px;
  }

  .in-media__item-top p {
    margin-top: 20px;
  }

  .in-media__item .img {
    width: calc(100% + 4px);
    margin-left: -2px;
    margin-right: -2px;
  }
}

@media only screen and (max-width: 360px) {
  .in-media__item-body {
    min-height: 190px;
  }

  .in-media__info-title {
    font-size: 17px;
  }

  .in-media__info-about {
    font-size: 12px;
  }
}

.cytamin-articles {
  display: flex;
  max-width: 1000px;
  margin: 0 auto;
  gap: 72px;
}

.cytamin-articles__tags {
  width: 51%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 18px;
}

.cytamin-articles__arts-slider-wrapper {
  width: 49%;
  position: relative;
}

.cytamin-articles__arts-slider {
  overflow: hidden;
}

.cytamin-articles__arts-slider-wrapper .swiper-pagination-lock {
  display: none;
}

.cytamin-articles__arts-slider-controls {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cytamin-articles__arts-slider-wrapper .swiper-pagination {
  bottom: -50px;
  margin: auto auto 0;
}

.cytamin-articles__arts-slider-wrapper .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  margin: 0 10px !important;
  border-radius: 100%;
  background: transparent;
  border: 1px solid #89c23c;
}

.cytamin-articles__arts-slider-wrapper .swiper-pagination-bullet-active {
  background: #89c23c;
}

.cytamin-articles__arts-slider-wrapper .swiper-arrow {
  width: 35px;
  height: 35px;
  border-radius: 50px;
  border: 1px solid #89c23c;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: #89c23c;
  position: absolute;
  z-index: 2;
  cursor: pointer;
}

.swiper-button-disabled {
  color: #89c23c !important;
  background: transparent !important;
}

.cytamin-articles__arts-slider-arrow--prev {
  left: -44px;
}

.cytamin-articles__arts-slider-arrow--next {
  right: -46px;
}

.cytamin-articles__tag {
  border: 1px solid #89c23c;
  border-radius: 50px;
  outline: none;
  color: #636363;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  text-align: center;
  height: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 210px;
  width: 100%;
}

.cytamin-articles__tag:hover {
  background: #f7f7f7;
}

.cytamin-articles .articles__item {
  max-width: 448px;
  max-height: 448px;
  margin: 0 auto;
  display: flex;
}

@media only screen and (max-width: 1180px) {
  .cytamin-articles {
    flex-direction: column;
    gap: 48px;
  }

  .cytamin-articles__tags {
    width: unset;
  }

  .cytamin-articles__arts-slider-wrapper {
    width: 100%;
    max-width: 448px;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 992px) {}

@media only screen and (max-width: 760px) {
  .cytamin-articles__tag {
    line-height: 15px;
    width: 160px;
    height: 46px;
  }

  .cytamin-articles .articles__item {
    height: 335px;
  }

  .cytamin-articles__arts-slider-controls .swiper-arrow {
    display: none;
  }

  .cytamin-articles__arts-slider-wrapper .swiper-pagination {
    bottom: -36px;
  }

  .cytamin-articles__arts-slider-wrapper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 6.5px !important;
  }
}

@media only screen and (max-width: 500px) {
  .cytamin-articles__tags {
    gap: 15px;
  }

  .cytamin-articles__tag {
    width: 160px;
    padding: 0 10px;
  }
}

@media only screen and (max-width: 375px) {
  .cytamin-articles__tags {
    gap: 8px;
  }

  .cytamin-articles__tag {
    width: 135px;
    font-size: 13px;
  }
}

.blog-articles {
  display: flex;
  max-width: 1000px;
  margin: 0 auto;
  gap: 72px;
  padding-top: 50px;
}

.blog-articles__tags {
  width: 51%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 18px;
}

.blog-articles__arts-slider-wrapper {
  width: 49%;
  position: relative;
}

.blog-articles__arts-slider {
  overflow: hidden;
}

.blog-articles__arts-slider-wrapper .swiper-pagination-lock {
  display: none;
}

.blog-articles__arts-slider-controls {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.blog-articles__arts-slider-wrapper .swiper-pagination {
  bottom: -50px;
  margin: auto auto 0;
}

.blog-articles__arts-slider-wrapper .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  margin: 0 10px !important;
  border-radius: 100%;
  background: transparent;
  border: 1px solid #89c23c;
}

.blog-articles__arts-slider-wrapper .swiper-pagination-bullet-active {
  background: #89c23c;
}

.blog-articles__arts-slider-wrapper .swiper-arrow {
  width: 35px;
  height: 35px;
  border-radius: 50px;
  border: 1px solid #89c23c;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: #89c23c;
  position: absolute;
  z-index: 2;
  cursor: pointer;
}

.blog-articles__arts-slider-arrow--prev {
  left: -44px;
}

.blog-articles__arts-slider-arrow--next {
  right: -46px;
}

.blog-articles__tag {
  border: 1px solid #89c23c;
  border-radius: 50px;
  outline: none;
  color: #636363;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  text-align: center;
  height: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 210px;
  width: 100%;
}

.blog-articles__tag:hover {
  background: #f7f7f7;
}

.blog-articles .articles__item {
  max-width: 448px;
  max-height: 448px;
  margin: 0 auto;
  display: flex;
}

@media only screen and (max-width: 1180px) {
  .blog-articles {
    flex-direction: column;
    gap: 48px;
  }

  .blog-articles__tags {
    width: unset;
  }

  .blog-articles__arts-slider-wrapper {
    width: 100%;
    max-width: 448px;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 992px) {
  .blog-articles {
    padding-top: 40px;
  }
}

@media only screen and (max-width: 760px) {
  .blog-articles {
    padding-top: 20px;
  }

  .blog-articles__tag {
    line-height: 15px;
    width: 160px;
    height: 46px;
  }

  .blog-articles .articles__item {
    height: 335px;
  }

  .blog-articles__arts-slider-controls .swiper-arrow {
    display: none;
  }

  .blog-articles__arts-slider-wrapper .swiper-pagination {
    bottom: -36px;
  }

  .blog-articles__arts-slider-wrapper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 6.5px !important;
  }
}

@media only screen and (max-width: 500px) {
  .blog-articles__tags {
    gap: 15px;
  }

  .blog-articles__tag {
    width: 160px;
    padding: 0 10px;
  }
}

@media only screen and (max-width: 375px) {
  .blog-articles__tags {
    gap: 8px;
  }

  .blog-articles__tag {
    width: 135px;
    font-size: 13px;
  }
}

.new-name-banner {
  position: absolute;
  z-index: 199;
  width: calc(100% - 144px);
  max-width: 1200px;
  height: 124px;
  background: #89c23c;
  border-radius: 15px;
  top: 128px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  padding: 16px 40px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}

.new-name-banner h2 {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 31px;
  letter-spacing: 0.5px;
  color: #ffffff;
  width: 710px;
  padding: 0;
}

.new-name-banner a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 352px;
  height: 51px;
  background: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 35px;
  text-decoration: none;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 31px;
  text-align: center;
  letter-spacing: 0.5px;
  color: #000000;
}

@media only screen and (max-width: 1346px) {
  .new-name-banner {
    top: 120px;
    height: 70px;
    padding: 11px 40px;
  }

  .new-name-banner h2 {
    font-size: 18px;
    line-height: 24px;
    width: 720px;
  }

  .new-name-banner a {
    width: 328px;
    height: 41px;
    font-size: 16px;
  }
}

@media only screen and (max-width: 1280px) {
  .new-name-banner {
    width: calc(100% - 70px);
    height: 80px;
  }

  .new-name-banner h2 {
    font-size: 14px;
    line-height: 20px;
    width: unset;
  }

  .new-name-banner a {
    width: 346px;
    min-width: 346px;
  }
}

@media only screen and (max-width: 992px) {
  .new-name-banner {
    padding: 11px 20px;
  }

  .new-name-banner a {
    width: 240px;
    min-width: 240px;
  }
}

@media only screen and (max-width: 760px) {
  .new-name-banner {
    width: calc(100% - 40px);
    height: 201px;
    flex-direction: column;
    padding: 20px;
    top: 100px;
  }

  .new-name-banner h2 {
    width: 100%;
  }

  .new-name-banner a {
    width: 100%;
    font-size: 14px;
  }
}

.sl-container {
  border: 2px solid #89c23c;
  margin: 0 auto 30px 0;
  overflow: hidden;
  position: relative;
  width: 570px;
  height: 586px;
  box-sizing: border-box;
  cursor: pointer;
}

.sl-container .view {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  max-width: 570px;
}

.sl-container .view img {
  width: 570px;
  max-width: 570px;
}

.sl-container .view-before {
  z-index: 10;
}

.sl-container .view-after {
  width: 100px;
  z-index: 20;
}

.sl-container .dragme {
  position: absolute;
  width: 2px;
  height: 100%;
  top: 0px;
  left: 100px;
  background-color: #89c23c;
  cursor: pointer;
  z-index: 30;
}

.sl-container .dr-circle {
  position: absolute;
  bottom: 28px;
  left: -60px;
  border-radius: 100%;
  width: 124px;
  height: 124px;
  text-align: center;
  background-color: #89c23c;
  cursor: pointer;
  z-index: 30;
  padding: 0 20px;
  letter-spacing: 1.1px;
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 120%;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sl-container .dr-circle:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 1L1 5L5 9' stroke='white'/%3E%3C/svg%3E");
  width: 6px;
  height: 10px;
  position: absolute;
  top: 15px;
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.sl-container .dr-circle:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 0.999999' stroke='white'/%3E%3C/svg%3E");
  width: 6px;
  height: 10px;
  position: absolute;
  bottom: 15px;
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.cytamin__new-name-qoute,
.cytamin__new-name-qoute a {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: 0.5px;
  color: #89c23c;
}

.cytamin__new-name-qoute {
  margin: 50px 0 0;
}

.cytamin__new-name-qoute a {
  text-decoration: underline;
}

@media only screen and (max-width: 1280px) {
  .cytamin .hero__mob-content {
    display: block;
  }

  .cytamin .grid {
    margin: 0;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .cytamin .hero__top {
    display: none;
  }

  .cytamin .hero .grid__el:nth-child(1) {
    width: 100%;
    padding: 25px 0 0;
  }

  .cytamin .hero .grid__el:nth-child(2) {
    width: 100%;
  }

  .cytamin .hero__image {
    text-align: center;
    padding: 30px 0 0;
  }

  .cytamin .desktop-tablet {
    display: none;
  }

  .cytamin .hero__top-icon {
    max-width: 44px;
    min-width: 44px;
    width: 44px;
    height: 44px;
    background-size: contain;
    margin-right: 15px;
    top: 10px;
    position: relative;
  }

  .cytamin .hero__top-icon img {
    display: none;
  }

  .sl-container {
    margin: 0 auto 30px;
  }
}

@media only screen and (max-width: 760px) {
  .sl-container {
    width: 334px;
    height: 426px;
  }

  .sl-container .view {
    max-width: 334px;
  }

  .sl-container .view img {
    width: 450px;
    margin: 0 0 0 -64px;
  }

  .sl-container .dr-circle {
    width: 116px;
    height: 116px;
    bottom: 23px;
    left: -57px;
    font-size: 11px;
  }

  .sl-container .dr-circle:before {
    top: 14px;
  }

  .sl-container .dr-circle:after {
    bottom: 14px;
  }

  .cytamin__new-name-qoute,
  .cytamin__new-name-qoute a {
    font-size: 12px;
  }

  .cytamin__new-name-qoute {
    font-size: 12px;
    margin: 20px 0 0;
  }
}

.epifamin-banner {
  width: calc(100% - 144px);
  max-width: 1200px;
  height: fit-content;
  background: #edb2ae;
  border-radius: 15px;
  padding: 24px 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 15px;
  margin: 32px auto;
}

.epifamin-banner__title {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 31px;
  letter-spacing: 0.5px;
  color: #636363;
  padding: 0;
  margin: 0 !important;
}

.epifamin-banner__text {
  margin-top: 0;
}

.epifamin-banner__text strong {
  font-weight: 600;
}

@media only screen and (max-width: 1346px) {
  .epifamin-banner {
    padding: 11px 40px;
  }

  .epifamin-banner__title {
    font-size: 18px;
    line-height: 24px;
  }
}

@media only screen and (max-width: 1280px) {
  .epifamin-banner {
    width: calc(100% - 70px);
  }

  .epifamin-banner__title {
    font-size: 14px;
    line-height: 20px;
  }
}

@media only screen and (max-width: 992px) {
  .epifamin-banner {
    padding: 11px 20px;
  }
}

@media only screen and (max-width: 760px) {
  .epifamin-banner {
    width: 100%;
    padding: 20px;
  }
}

.input-error-name {
  display: none;
}

.input-invalid-name {
  display: none;
}

.input-error-phone {
  display: none;
}

.input-error-checkbox {
  position: relative !important;
  bottom: -10px !important;
}

.input-red {
  border: 1px solid #ce2828 !important;
}

.input-error {
  color: #ce2828;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  position: absolute;
  bottom: -20px;
}

.input-container input:disabled {
  border: 1px solid #efefef;
  background: #efefef;
}

.header__button {
  display: flex;
  gap: 43px;
}

.header__button .btn {
  max-height: 41px;
  margin-left: 0;
}

.header__button--ds {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ds-entry-modal,
.ds-entry-alt-modal,
.ds-entry-review-modal,
.ds-entry-subscribe-modal,
.ds-recover-pass-modal,
/* .ds-new-pass-modal, */
.ds-authorize-modal,
.ds-register-modal,
.ds-delete-profile-modal,
.ds-delete-profile-success-modal,
.ds-check-email-modal,
.ds-success-registration-modal,
.ds-recover-pass-success-modal,
.ds-new-pass-success-modal,
.ds-survey-modal,
.ds-clinical-success-modal,
.ds-clinical-draft-modal,
.ds-review-success-modal,
.ds-survey-success-modal,
.ds-to-survey-modal,
.ds-feedback-success-modal,
.ds-feedback-error-modal,
.ds-cert-success-modal,
.ds-clinical-moderation-modal {
  display: none;
}

.ds-new-pass-modal {
  display: block !important;
}

.ds-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  z-index: 10001;
  overflow: auto;
}

.ds-modal .body {
  background: #fff;
  max-width: 900px;
  width: 100%;
  height: fit-content;
  text-align: center;
  border-radius: 50px;
  margin: 110px auto 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 90px;
  position: relative;
}

.ds-modal .close button {
  background: none;
  border: none;
  font-size: 48px;
  font-weight: 700;
  font-family: cursive, sans-serif;
  position: absolute;
  top: 35px;
  right: 45px;
  cursor: pointer;
  color: #000000;
}

.ds-modal .close button:hover {
  filter: drop-shadow(2px 4px 6px grey);
}

.ds-modal .text {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 36px;
  line-height: 44px;
  color: #000000;
}

.ds-modal .text span {
  text-decoration: underline;
  color: #8ac23d;
  cursor: pointer;
}

.ds-green-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 0px 6px;
  z-index: 10001;
  overflow: hidden;
  overflow-y: auto;
}

.ds-green-modal__form {
  background: #fff;
  max-width: 752px;
  width: 100%;
  height: fit-content;
  text-align: center;
  border-radius: 50px;
  margin: 150px auto 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

@media only screen and (max-width: 1346px) {
  .ds-modal .text {
    font-size: 30px;
    line-height: 37px;
  }

  .ds-modal .fa-xmark::before {
    font-size: 38px;
  }

  .ds-modal .close button {
    top: 6px;
    right: 26px;
  }
}

@media only screen and (max-width: 760px) {
  .header__button {
    display: none;
  }

  .ds-modal .text {
    font-size: 18px;
    line-height: 22px;
  }

  .ds-modal .close button {
    font-size: 28px;
    top: 14px;
    right: 20px;
    padding: 0;
  }
}

.doctors-section {
  display: flex;
  flex-direction: column;
  gap: 70px;
  padding-top: 120px;
}

.doctors-section h3 {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: 0.5px;
  color: #000000;
  text-align: left;
  margin-bottom: 63px;
}

.doctors-section__text a {
  text-decoration: underline;
  color: #8ac23d;
}

.doctors-section__text {
  max-width: 1010px;
  margin: 0 auto;
}

.doctors-section h4 {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: 0.5px;
  color: #000000;
  margin: 70px 0 63px;
  padding: 0;
}

.doctors-section h6 {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 1px;
  color: #000000;
  margin-top: 63px;
}

.doctors-section__clinical-section,
.doctors-section__webinars-section {
  display: flex;
  flex-direction: column;
}

.doctors-section__clinical-section .tags-list,
.doctors-section__webinars-section .tags-list {
  gap: 24px;
  justify-content: center;
}

.doctors-section__clinical-section .tag-item-wrap,
.doctors-section__webinars-section .tag-item-wrap {
  background: #ffffff;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #89c23c;
  border: none;
  width: fit-content;
  min-width: unset;
  height: fit-content;
  transition: none;
}

.doctors-section__clinical-section .tag-item-wrap label,
.doctors-section__webinars-section .tag-item-wrap label {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 23px;
}

.doctors-section__clinical-section .tag-item-wrap--active,
.doctors-section__clinical-section .tag-item-wrap:hover,
.doctors-section__webinars-section .tag-item-wrap--active,
.doctors-section__webinars-section .tag-item-wrap:hover {
  background: #ffffff;
  border: unset;
}

.doctors-section__clinical-section .tag-item-wrap--active>label,
.doctors-section__clinical-section .tag-item-wrap:hover>label,
.doctors-section__webinars-section .tag-item-wrap--active>label,
.doctors-section__webinars-section .tag-item-wrap:hover>label {
  color: #636363;
  text-decoration-line: underline;
}

@media only screen and (max-width: 760px) {}

.ds-form__header {
  position: relative;
  width: 100%;
  height: 131px;
  background: #89c23c;
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 44px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
  justify-content: center;
  border-radius: 50px 50px 0px 0px;
}

.ds-form__close {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}

.ds-form__close:hover {
  filter: drop-shadow(2px 4px 6px black);
}

.ds-form__body {
  width: 100%;
  padding: 35px 20px 40px;
}

.ds-form__body h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 44px;
  padding: 0;
}

.ds-form__body .input-item:nth-child(1 of .input-item) label,
.ds-form__body .input-item:nth-child(1 of .input-item) td:first-child,
.ds-form__body .input-item:nth-child(1 of .input-item) div:first-child {
  margin: 0 0 25px;
}

.ds-form .input-item label,
.ds-form .input-item td:first-child,
.ds-form .input-item div:first-child {
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 18px;
  color: #000000;
  margin: 35px 0 25px;
  text-align: left;
}

.ds-form .input-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.ds-form .input-item--captcha {
  width: 100%;
  display: flex;
  gap: 20px;
}

.ds-form .bx-authform {
  max-width: unset;
  width: 100%;
  margin: 0;
}

.ds-form .btn-submit {
  max-height: 41px;
  height: 41px;
  padding: 10px 40px;
}

.ds-form .btn-submit.disabled {
  filter: grayscale();
  cursor: not-allowed;
  pointer-events: none;
}

.ds-form .disabled {
  filter: grayscale();
  cursor: not-allowed;
  pointer-events: none;
}

.ds-form .bx-authform-input-container {
  width: 100%;
}

.ds-form .bx-authform-formgroup-container,
.ds-form .bx-authform-link-container {
  margin: 0;
}

.ds-form .input-item input {
  border: 1px solid #cccccc;
  border-radius: 30px;
  min-height: 40px;
  width: 100%;
  padding: 0 39px;
  font-weight: 300;
  font-size: 16px;
  line-height: 18px;
  display: flex;
  align-items: center;
  /* color: #757575; */
  color: #000000;
  background: transparent;
}

.ds-form .input-item textarea {
  border: 1px solid #cccccc;
  border-radius: 30px;
  min-height: 90px;
  width: 100%;
  padding: 20px 39px;
  font-weight: 300;
  font-size: 16px;
  line-height: 18px;
  display: flex;
  align-items: center;
  /* color: #757575; */
  color: #000000;
  overflow: hidden;
  resize: none;
}

.ds-form__body {
  padding: 35px 20px 40px;
}

.ds-clinical__form,
.ds-review__form {
  max-width: 1010px;
  margin: 0 auto;
}

.ds-clinical__form-input--short {
  max-width: 278px;
  height: 60px;
}

.ds-form .agreement {
  display: flex;
  flex-direction: row;
  gap: 11px;
  align-items: flex-start;
  margin: 35px 0;
}

/* .ds-form .agreement input {
  appearance: auto;
  width: 23px;
  height: 23px;
  min-height: 23px;
  min-width: 23px;
  margin-top: 5px;
} */

.ds-form .agreement div {
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 30px;
  color: #000000;
  text-align: left;
}

.ds-form a {
  color: #89c23c;
}

.ds-form p.error {
  margin-top: 14px;
  color: rgba(255, 70, 93, 1);
  font-family: "Roboto";
  font-weight: 300;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: left;
}

.ds-form__link-uline {
  text-decoration: underline;
}

.ds-form .input-error {
  display: none;
}

.ds-form .agreement-block {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 20px 0 35px;
}

.ds-form .agreement-block .agreement {
  margin: 0;
}

.ds-form .buttons-block {
  margin-top: 16px;
}

.ds-form .buttons-block .btn {
  height: 41px;
  padding: 11px 40px;
}

.ds-forgot-btn {
  cursor: pointer;
  display: flex;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 30px;
  color: #89c23c;
  margin: 20px auto 0 0;
}

@media only screen and (max-width: 500px) {
  .ds-form__header {
    height: 76px;
    font-size: 24px;
    line-height: 29px;
    border-radius: 30px 30px 0px 0px;
  }

  .ds-form__header .close-btn {
    font-size: 24px;
    top: 10px;
    right: 20px;
  }

  .ds-form__body h2 {
    font-size: 24px;
    line-height: 29px;
  }

  .ds-form__body {
    padding: 20px 12px 40px;
  }

  .ds-form .agreement {
    margin: 20px 0;
  }

  .ds-form .agreement div {
    font-size: 14px;
    line-height: 20px;
  }

  .ds-form p.error {
    font-size: 16px;
    line-height: 18px;
    margin-top: 8px;
  }
}

.doctors-section__clinical-cases {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.tags-list {
  max-width: 1010px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  margin: 0 auto 40px;
}

.tag-item-wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-width: 239px;
  width: fit-content;
  height: 53px;
  cursor: pointer;
  border: 2px solid #8ac23d;
  border-radius: 50px;
  padding: 0 12px;
}

.tag-item-wrap label {
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #8ac23d;
}

.tag-item-wrap:hover {
  background: #8ac23d;
  border: 2px solid #8ac23d;
}

.tag-item-wrap:hover>label {
  color: white;
}

.tag-item-wrap--active {
  background: #8ac23d;
  border: 2px solid #8ac23d;
}

.tag-item-wrap--active>label {
  color: white;
}

.tag-item-wrap input[type="radio"] {
  display: none;
}

@media only screen and (max-width: 1200px) {
  .tags-list {
    margin: 48px auto 72px;
  }
}

@media only screen and (max-width: 992px) {}

@media only screen and (max-width: 760px) {
  .tags-list {
    gap: 15px;
    margin: 30px auto 48px;
  }

  .tag-item-wrap {
    min-width: unset;
    padding: 13px 18px;
  }
}

.doctors-section__video-block {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 54px;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
}

.doctors-section__video-item {
  display: flex;
  flex-direction: column;
  gap: 34px;
  max-width: 570px;
  width: 100%;
  margin: 0 auto;
}

.doctors-section__video {
  max-width: 570px;
  width: 100%;
  max-height: 371px;
}

.doctors-section__video video {
  display: block;
  max-width: 570px;
  width: 100%;
  max-height: 371px;
}

.doctors-section__video-description {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 31px;
  display: flex;
  align-items: center;
  letter-spacing: 0.5px;
  color: #636363;
}

@media only screen and (max-width: 760px) {
  .doctors-section__video-block {
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
  }

  .doctors-section__video-item {
    max-width: unset;
    width: 100%;
    height: fit-content;
  }

  .doctors-section__video {
    max-width: unset;
    width: 100%;
    height: unset;
  }

  .doctors-section__video .video-js {
    max-width: unset;
    width: 100%;
  }
}

.recommendations__subtitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 24px;
  border-bottom: 1px solid #636363;
}

.recommendations__subtitle img {
  width: 206px;
  height: 61px;
}

.recommendations__subtitle h4 {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  display: flex;
  align-items: center;
  letter-spacing: 1px;
  color: #000000;
  margin: 0;
}

.recommendations__cytamins-body {
  display: flex;
  flex-direction: row;
  gap: 60px;
  height: 82px;
  padding: 12px 28px;
}

.recommendations__cytamins-item {
  min-width: 180px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  cursor: pointer;
}

.recommendations__cytamins-item h5 {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  display: flex;
  align-items: center;
  letter-spacing: 0.5px;
  color: #636363;
}

.recommendations__cytamins-item span {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.5px;
  color: #636363;
}

.recommendations__cytamins-item--active h5,
.recommendations__cytamins-item--active span {
  color: #8ac23d;
}

.ds-slider--desktop {
  border-top: 1px solid #636363;
  margin-bottom: 70px;
}

.ds-slider--mobile {
  border-top: 1px solid #636363;
  margin-bottom: 32px;
}

.ds-slider--mobile .recommendations__slider-wrapper {
  max-width: 600px;
}

.recommendations__slider-wrapper {
  position: relative;
  width: 100%;
  max-width: 1164px;
  margin: 38px auto 0;
  border: 1px solid #636363;
}

.recommendations__slider-el {
  overflow: hidden;
}

.recommendations__slider-el div {
  display: flex;
}

.recommendations__slider-wrapper .swiper-pagination-lock {
  display: none;
}

.recommendations__slider-controls {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.recommendations__slider-wrapper .swiper-pagination {
  bottom: -44px;
  margin: auto auto 0;
  z-index: 2;
}

.recommendations__slider-wrapper .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  margin: 0 10px !important;
  border-radius: 100%;
  background: transparent;
  border: 1px solid #89c23c;
}

.recommendations__slider-wrapper .swiper-pagination-bullet-active {
  background: #89c23c;
}

.swiper-button-disabled {
  color: #89c23c !important;
  background: transparent !important;
}

.recommendations__slider-arrow--prev {
  width: 35px;
  height: 35px;
  background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='17.5' cy='17.5' r='17.5' fill='%2389C23C'/%3E%3Cpath d='M21 10L13 18L21 26' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%;
  position: absolute;
  margin: auto 0;
  left: -44px;
  top: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 2;
}

.recommendations__slider-arrow--next {
  width: 35px;
  height: 35px;
  background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='17.5' cy='17.5' r='17.5' fill='%2389C23C'/%3E%3Cpath d='M15 26L23 18L15 10' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%;
  position: absolute;
  margin: auto 0;
  right: -44px;
  bottom: 0;
  top: 0;
  cursor: pointer;
  z-index: 2;
}

.recommendations__slider-arrow--prev:hover,
.recommendations__slider-arrow--next:hover {
  filter: grayscale(0.2);
}

.recommendations__cytamins {
  position: relative;
}

.recommendations__cytamins-background {
  max-width: 1200px;
  overflow: hidden;
}

.recommendations__cytamins--arrow-before {
  width: 35px;
  height: 35px;
  background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='17.5' cy='17.5' r='17.5' fill='%2389C23C'/%3E%3Cpath d='M21 10L13 18L21 26' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%;
  position: absolute;
  margin: auto 0;
  left: -16px;
  top: 0;
  bottom: 0;
  cursor: pointer;
}

.recommendations__cytamins--arrow-before-disabled {
  background-image: url("data:image/svg+xml,%3Csvg width='37' height='37' viewBox='0 0 37 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='18.5' cy='18.5' r='18' fill='white' stroke='%2389C23C'/%3E%3Cpath d='M22 11L14 19L22 27' stroke='%2389C23C' stroke-width='2'/%3E%3C/svg%3E%0A");
  pointer-events: none;
  cursor: not-allowed;
}

.recommendations__cytamins--arrow-after {
  width: 35px;
  height: 35px;
  background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='17.5' cy='17.5' r='17.5' fill='%2389C23C'/%3E%3Cpath d='M15 26L23 18L15 10' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%;
  position: absolute;
  margin: auto 0;
  right: -16px;
  bottom: 0;
  top: 0;
  cursor: pointer;
}

.recommendations__cytamins--arrow-after-disabled {
  background-image: url("data:image/svg+xml,%3Csvg width='37' height='37' viewBox='0 0 37 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='18.5' cy='18.5' r='18' fill='white' stroke='%2389C23C'/%3E%3Cpath d='M16 27L24 19L16 11' stroke='%2389C23C' stroke-width='2'/%3E%3C/svg%3E%0A");
}

.recommendations__cytamins--arrow-before:hover,
.recommendations__cytamins--arrow-after:hover {
  filter: grayscale(0.2);
}

.recommendations__slider-img {
  width: 100%;
}

@media only screen and (max-width: 992px) {
  .recommendations__slider-controls .swiper-arrow {
    display: none;
  }

  .recommendations__slider-wrapper .swiper-pagination {
    bottom: -30px;
  }

  .recommendations__slider-wrapper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 6.5px !important;
  }

  .recommendations__cytamins--arrow-before {
    left: -14px;
  }

  .recommendations__cytamins--arrow-after {
    right: -14px;
  }
}

.doctors-section .clinical-cases__item-opened {
  padding-top: 0;
}

.ds-profile__block {
  display: flex;
  gap: 114px;
}

.ds-profile__block .agreement {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 19px;
  margin-bottom: 35px;
}

.ds-profile__block button:disabled {
  filter: grayscale(1);
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}

.ds-error {
  display: none;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 24px;
  color: #ff465d;
  text-align: start;
  margin-top: 20px;
}

.ds-bx-captcha-error {
  display: none;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 24px;
  color: #ff465d;
  text-align: start;
  margin-top: 20px;
}

.ds-bx-errors {
  display: none;
}

.ds-reg-phone-error {
  display: none;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 24px;
  color: #ff465d;
  text-align: start;
  margin-top: 20px;
}

.ds-active {
  display: block;
}

.agreement-block .ds-error {
  margin-top: 0;
}

.ds-user-info {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  color: #000000;
}

.ds-profile__left {
  min-width: 242px;
  max-width: 242px;
}

.ds-profile__left .profile-link:first-child {
  border-bottom: 1px solid #cbcbcb;
}

.ds-profile__left .profile-link.survey-item {
  border-top: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
  margin-bottom: 30px !important;
}

.ds-profile__left a {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 31px;
  letter-spacing: 0.5px;
  color: #636363;
}

.profile-block-active a {
  font-weight: 600;
  color: #89c23c;
}

.ds-profile__left .profile-user-div-link {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.ds-profile__left .profile-user-div-link:nth-child(1 of .profile-user-div-link) {
  padding-top: 10px;
}

.ds-profile__left .profile-user-div-link:nth-child(5 of .profile-user-div-link) {
  padding-bottom: 10px;
}

.ds-profile__user-name {
  padding-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.ds-profile__block .survey-item--adaptive {
  display: none;
}

.ds-profile__left .profile-link .survey-link {
  position: relative;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.ds-profile__left .profile-link .survey-link a {
  font-weight: 600;
  padding-left: 36px;
}

.ds-profile__left .profile-link .survey-link .ds-survey-not-comleted:before {
  content: "";
  position: absolute;
  left: 0;
  width: 25px;
  height: 26px;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='26' viewBox='0 0 25 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12.5' cy='13.1953' r='12.5' fill='%23636363'/%3E%3Cg clip-path='url(%23clip0_789_105602)'%3E%3Cpath d='M18.2819 12.5694C18.4418 12.6428 18.5801 12.7474 18.6797 12.8967C18.8645 13.1739 18.8572 13.5493 18.7158 13.8509C18.5866 14.1277 18.3586 14.3478 18.1018 14.5172C18.2617 14.5906 18.4 14.6953 18.4995 14.8446C18.6844 15.1218 18.6771 15.4972 18.5357 15.7988C18.4121 16.0627 18.1992 16.275 17.957 16.4411C18.1143 16.5037 18.2518 16.5981 18.347 16.741C18.5034 16.9752 18.4905 17.2901 18.3776 17.548C18.113 18.1534 17.2615 18.6953 15.3548 18.6953H12.2523C11.5637 18.6953 10.8186 18.4413 10.2192 17.9603C9.95984 17.7518 9.80859 17.4382 9.80859 17.1061L9.80859 11.8447C9.80859 11.5362 9.94088 11.2441 10.168 11.0347C10.8686 10.3886 11.3594 9.33655 11.6236 8.46173C11.9985 7.21965 11.2857 5.981 12.3354 5.73602C13.3808 5.49189 13.8906 6.40275 14.0836 6.95364C14.5262 8.21889 14.4033 9.6682 13.7613 10.8451C15.2914 10.5246 16.1046 10.4495 17.5403 10.4495C18.0298 10.4495 18.5879 10.5434 18.8589 10.9493C19.0438 11.2265 19.036 11.6019 18.8951 11.9035C18.7658 12.1802 18.5379 12.4003 18.2811 12.5698L18.2819 12.5694Z' fill='white'/%3E%3Cpath d='M8.63283 11.0469H6.60628C6.27144 11.0469 6 11.3171 6 11.6505L6 17.5387C6 17.8721 6.27144 18.1424 6.60628 18.1424H8.63283C8.96768 18.1424 9.23912 17.8721 9.23912 17.5387V11.6505C9.23912 11.3171 8.96768 11.0469 8.63283 11.0469Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_789_105602'%3E%3Crect width='13' height='13' fill='white' transform='translate(6 5.69531)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ds-profile__left .profile-link .survey-link a:not(.ds-survey-not-comleted):before {
  content: "";
  position: absolute;
  left: 0;
  width: 25px;
  height: 26px;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='26' viewBox='0 0 25 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12.5' cy='13.1953' r='12.5' fill='%2389C23C'/%3E%3Cg clip-path='url(%23clip0_789_105451)'%3E%3Cpath d='M18.2819 12.5694C18.4418 12.6428 18.5801 12.7474 18.6797 12.8967C18.8645 13.1739 18.8572 13.5493 18.7158 13.8509C18.5866 14.1277 18.3586 14.3478 18.1018 14.5172C18.2617 14.5906 18.4 14.6953 18.4995 14.8446C18.6844 15.1218 18.6771 15.4972 18.5357 15.7988C18.4121 16.0627 18.1992 16.275 17.957 16.4411C18.1143 16.5037 18.2518 16.5981 18.347 16.741C18.5034 16.9752 18.4905 17.2901 18.3776 17.548C18.113 18.1534 17.2615 18.6953 15.3548 18.6953H12.2523C11.5637 18.6953 10.8186 18.4413 10.2192 17.9603C9.95984 17.7518 9.80859 17.4382 9.80859 17.1061L9.80859 11.8447C9.80859 11.5362 9.94088 11.2441 10.168 11.0347C10.8686 10.3886 11.3594 9.33655 11.6236 8.46173C11.9985 7.21965 11.2857 5.981 12.3354 5.73602C13.3808 5.49189 13.8906 6.40275 14.0836 6.95364C14.5262 8.21889 14.4033 9.6682 13.7613 10.8451C15.2914 10.5246 16.1046 10.4495 17.5403 10.4495C18.0298 10.4495 18.5879 10.5434 18.8589 10.9493C19.0438 11.2265 19.036 11.6019 18.8951 11.9035C18.7658 12.1802 18.5379 12.4003 18.2811 12.5698L18.2819 12.5694Z' fill='white'/%3E%3Cpath d='M8.63283 11.0469H6.60628C6.27144 11.0469 6 11.3171 6 11.6505L6 17.5387C6 17.8721 6.27144 18.1424 6.60628 18.1424H8.63283C8.96768 18.1424 9.23912 17.8721 9.23912 17.5387V11.6505C9.23912 11.3171 8.96768 11.0469 8.63283 11.0469Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_789_105451'%3E%3Crect width='13' height='13' fill='white' transform='translate(6 5.69531)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ds-profile__left .profile-link .survey-link a:not(.ds-survey-not-comleted) {
  color: #89c23c;
  cursor: default;
}

.ds-profile__left .profile-link .survey-link .ds-survey-not-comleted {
  color: #636363;
}

.ds-profile__left .profile-link .survey-link .ds-survey-not-comleted span {
  font-weight: 600;
  color: #636363;
  text-decoration: underline;
}

.ds-profile__right .doctors-section__video-item+.doctors-section__video-item {
  margin-top: 40px;
}

.ds-clinical__btns-block {
  width: 508px;
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
}

.ds-clinical__btns-block button,
.ds-form__btns-block button {
  position: relative;
  max-height: 68px !important;
  height: 68px !important;
}

.ds-clinical__btns-block span {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 18px;
  color: #757575;
  width: 310px;
  margin-left: auto;
}

.doctors-section .profile-table thead {
  display: none;
}

.doctors-section .profile-table tr {
  display: block;
  padding: 20px 0;
  border-top: 1px solid #cbcbcb;
}

.doctors-section .profile-table:last-child {
  border-bottom: 1px solid #cbcbcb;
}

.doctors-section .profile-table td {
  min-width: 320px;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 31px;
  letter-spacing: 0.5px;
  color: #000000;
}

.doctors-section .profile-table input {
  width: 100%;
  border: unset;
  padding: 4px 12px;
  font-weight: 300;
  color: #000000;
  cursor: default;
  pointer-events: none;
}

.doctors-section .profile-table-edit input {
  width: 100%;
  border: 0.5px solid #000000;
  padding: 4px 12px;
  font-weight: 300;
  color: #636363;
  cursor: auto;
  pointer-events: auto;
}

.doctors-section .profile-table:not(.profile-table-edit) .profile-table__password {
  display: none;
}

.ds-profile__create-review,
.ds-profile__create-clinical,
.ds-profile__edit-clinical {
  display: none;
}

.ds-profile__table td {
  min-width: 260px;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: 0.5px;
}

.ds-profile__table td:first-child {
  max-width: 260px;
}

.ds-profile__table tr:not(.ds-profile__table-item-hidden) {
  display: block;
  padding: 20px 0;
  border-top: 1px solid #cbcbcb;
}

.ds-profile__table tbody:last-child {
  border-bottom: 1px solid #cbcbcb;
}

.ds-profile__table table {
  margin-bottom: 43px;
}

.doctors-section__read-more-btn {
  margin: 40px auto 0;
  max-width: 257px;
  min-width: 257px;
}

.doctors-section__navigation-btn {
  display: flex;
  margin: 40px auto 0;
  max-width: 257px;
  min-width: 257px;
}

.doctors-section input[type="checkbox"] {
  cursor: pointer;
}

.doctors-section .delete-profile {
  color: white !important;
}

.doctors-section .delete-profile-disabled {
  cursor: not-allowed;
  pointer-events: none;
  filter: grayscale();
}

.ds-modal .ds-delete-profile-modal_confirm-btn {
  margin-top: 43px;
}

.ds-form .radio-items,
.ds-form .checkbox-items {
  display: flex;
  flex-direction: column;
  gap: 25px;
  border: unset;
  padding: unset;
}

.ds-form .radio-items legend,
.ds-form .checkbox-items legend,
.ds-form .input-item legend {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #000000;
  text-align: left;
  margin-bottom: 25px;
}

.ds-form .radio-items legend span,
.ds-form .checkbox-items legend span {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #89c23c;
  text-align: left;
  margin-bottom: 25px;
}

.ds-form .radio-item,
.ds-form .checkbox-item {
  min-height: 30px;
  height: fit-content;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 47px;
}

.ds-survey__form {
  display: flex;
  flex-direction: column;
  gap: 35px;
}

.ds-form input[type="checkbox"]:not(:checked)+label:before,
.ds-form input[type="radio"]:not(:checked)+label:before,
.ds-form input[type="checkbox"]:checked+label:before,
.ds-form input[type="radio"]:checked+label:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 28px;
  height: 28px;
  border: 1px solid #dddddd;
  background-color: #ffffff;
}

.ds-form input[type="checkbox"]:checked+label:before,
.ds-form input[type="radio"]:checked+label:before {
  border: 1px solid #89c23c;
}

.ds-form input[type="checkbox"]:checked+label:before,
.ds-form input[type="checkbox"]:not(:checked)+label:before {
  border-radius: 2px;
}

.ds-form input[type="radio"]:checked+label:before,
.ds-form input[type="radio"]:not(:checked)+label:before {
  border-radius: 100%;
}

.ds-form input[type="checkbox"]:checked+label:after,
.ds-form input[type="checkbox"]:not(:checked)+label:after,
.ds-form input[type="radio"]:checked+label:after,
.ds-form input[type="radio"]:not(:checked)+label:after {
  content: "";
  position: absolute;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.ds-form input[type="checkbox"]:checked+label:after,
.ds-form input[type="checkbox"]:not(:checked)+label:after {
  left: 3px;
  top: 6px;
  width: 20px;
  height: 9px;
  border-radius: 1px;
  border-left: 4px solid #89c23c;
  border-bottom: 4px solid #89c23c;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.ds-form input[type="radio"]:checked+label:after,
.ds-form input[type="radio"]:not(:checked)+label:after {
  left: 7px;
  top: 7px;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background-color: #89c23c;
}

.ds-form input[type="checkbox"]:not(:checked)+label:after,
.ds-form input[type="radio"]:not(:checked)+label:after {
  opacity: 0;
}

.ds-form input[type="checkbox"]:checked+label:after,
.ds-form input[type="radio"]:checked+label:after {
  opacity: 1;
}

.ds-form input[type="checkbox"]+label,
.ds-form input[type="radio"]+label {
  font-size: 18px;
  line-height: 28px;
  text-align: left;
  cursor: pointer;
}

.ds-survey__form .input-answer {
  display: none;
  border: 1px solid #cccccc;
  border-radius: 30px;
  min-height: 90px;
  width: 100%;
  padding: 20px 39px;
  font-weight: 300;
  font-size: 16px;
  line-height: 18px;
  color: #757575;
  overflow: hidden;
  resize: none;
}

.ds-profile__edit-clinical-draft {
  position: relative;
  color: #cbcbcb !important;
  text-decoration: underline;
  padding-left: 26px;
  cursor: pointer;
}

.ds-profile__edit-clinical-draft:before {
  content: "";
  position: absolute;
  left: 0;
  width: 20px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10.3047' r='9' stroke='%23CBCBCB' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

.ds-profile__moderation {
  position: relative;
  color: #636363 !important;
  padding-left: 26px;
}

.ds-profile__moderation:before {
  content: "";
  position: absolute;
  left: 0;
  width: 20px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10.3047' r='10' fill='%23636363'/%3E%3Cpath d='M5 10.3047H15' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

.ds-profile__post-moderation {
  position: relative;
  color: #89c23c !important;
  padding-left: 26px;
}

.ds-profile__post-moderation:before {
  content: "";
  position: absolute;
  left: 0;
  width: 20px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10.3047' r='10' fill='%2389C23C'/%3E%3Cpath d='M5 10.3047H15' stroke='white' stroke-width='2'/%3E%3Cpath d='M10 15.3047L10 5.30469' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

.ds-profile__table-item-name {
  color: #636363;
  cursor: pointer;
}

.ds-profile__table-item-hidden {
  display: none;
}

.ds-profile__table-item-hidden td:last-child {
  width: 100%;
  min-width: 780px !important;
}

.ds-profile__table tr td:last-child {
  min-width: 350px;
}

.ds-profile__table-item-clinical-case {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin: 63px 0;
}

.ds-profile__table-item-clinical-case h3 {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 18px;
  color: #000000;
  margin-bottom: 12px;
}

.ds-profile__table-item-clinical-case-part {
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 31px;
  letter-spacing: 0.5px;
  color: #636363;
}

.ds-profile__table-item-clinical-case-part h5 {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 18px;
  color: #000000;
}

.input-item-captcha {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.input-item-captcha__label {
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 18px;
  color: #000000;
  margin: 35px 0 25px;
  text-align: left;
}

.input-item-captcha__body {
  width: 100%;
  display: flex;
  gap: 20px;
}

.input-item-captcha__body input {
  border: 1px solid #cccccc;
  border-radius: 30px;
  min-height: 40px;
  width: 100%;
  padding: 0 39px;
  font-weight: 300;
  font-size: 16px;
  line-height: 18px;
  display: flex;
  align-items: center;
  color: #757575;
  background: transparent;
}

.input-valid {
  border: 1px solid #89c23c !important;
  pointer-events: none;
}

.ds-consult {
  width: 100%;
  max-width: 1200px;
  padding: 50px 95px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  background: #f4f6f9;
  border-radius: 20px;
}

.ds-consult h2 {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 40px;
  letter-spacing: 0.6px;
  color: #000000;
  padding: 0;
}

.ds-consult__form {
  width: 100%;
}

.ds-consult__form-body {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.ds-consult__form-inputs {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.ds-consult__form-input-item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.ds-consult__form-input-item label {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 18px;
  color: #000000;
}

.ds-consult__form-input-item input,
.ds-consult__form-input-item textarea {
  width: 100%;
  background: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 6px;
  padding: 20px 28px;
  color: #000000;
}

.ds-consult__form-input-item input {
  height: 60px;
}

.ds-consult__form-input-item textarea {
  height: 120px;
  resize: none;
}

.ds-consult__input-error {
  display: none;
  color: #ce2828;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  position: absolute;
  bottom: -20px;
}

.cytamin__infographics {
  background-color: #f4f6f9;
}

.cytamin__infographics img {
  width: 100%;
  border-radius: 15px;
}

.ds-new-pass-modal__submit-btn {
  margin-top: 35px;
}

.ds-profile__balance h3 {
  font-size: 24px;
  line-height: 18px;
  margin-top: 70px;
  margin-bottom: 0;
}

.ds-profile__balance p {
  margin-top: 36px;
}

.ds-profile__balance strong {
  font-weight: 600;
}

.ds-profile__balance-blob {
  width: 275px;
  height: 68px;
  background: #8ac23d;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
  color: #ffffff;
}

.ds-profile__certificates-block {
  display: flex;
  flex-wrap: wrap;
  column-gap: 30px;
  row-gap: 19px;
  margin-top: 30px;
}

.ds-profile__certificate {
  width: 100%;
  max-width: 247px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ds-profile__certificate .btn {
  font-weight: 600;
  font-size: 20px;
  line-height: 17px;
}

.ds-profile__certificate img {
  border-radius: 15px;
  width: 247px;
  height: 154px;
  background: url(/local/sources/dist/css/../img/placeholder.png) no-repeat;
  background-size: contain;
}

.ds-certificate-modal {
  display: none;
}

.ds-certificate-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  z-index: 10001;
  overflow: auto;
}

.ds-certificate-modal h2 {
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 36px;
  line-height: 44px;
  text-align: center;
  color: #000000;
  margin-bottom: 40px;
  padding: 0;
}

.ds-certificate-modal .cert-img {
  margin: 0 auto;
  width: 100%;
  max-width: 400px;
  width: 100%;
  height: 250px;
  background: url(/local/sources/dist/css/../img/placeholder.png) no-repeat;
  background-size: contain;
}

.ds-certificate-modal .body {
  background: #fff;
  max-width: 900px;
  width: 100%;
  height: fit-content;
  text-align: center;
  border-radius: 50px;
  margin: 110px auto 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 90px 60px;
  position: relative;
}

.ds-certificate-modal .close button {
  background: none;
  border: none;
  font-size: 48px;
  font-weight: 700;
  font-family: cursive, sans-serif;
  position: absolute;
  top: 35px;
  right: 45px;
  cursor: pointer;
  color: #000000;
}

.ds-certificate-modal .close button:hover {
  filter: drop-shadow(2px 4px 6px grey);
}

.ds-certificate-modal .text {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 31px;
  letter-spacing: 0.5px;
  color: #636363;
  text-align: start;
  margin-top: 30px;
  margin-bottom: 43px;
}

.ds-certificate-modal .text span {
  text-decoration: underline;
  color: #8ac23d;
  cursor: pointer;
}

.ds-certificate-order {
  width: 275px;
  height: 68px;
  padding: 0;
}

.ds-profile__navigation {
  font-weight: 600 !important;
  font-size: 18px !important;
  line-height: 21px !important;
  text-decoration-line: underline;
  color: #000000 !important;
}

.ds-profile__history {
  margin-top: 30px;
}

.ds-profile__history tr {
  display: block;
  padding: 20px 0;
  border-top: 1px solid #cbcbcb;
}

.ds-profile__history tbody:last-child {
  border-bottom: 1px solid #cbcbcb;
}

.ds-profile__history td {
  min-width: 260px;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: 0.5px;
}

.ds-profile__history--increase {
  color: #89c23c;
}

.ds-profile__history--grey {
  color: #636363;
}

.btn-disabled {
  background: grey;
  border: 1px solid grey;
  pointer-events: none;
}

.ds-form--limit-reached input,
.ds-form--limit-reached textarea,
.ds-form--limit-reached .btn {
  pointer-events: none;
}

.moderation {
  width: 100%;
  margin: 0 auto;
  padding: 0 74px;
}

.moderation h1 {
  margin-bottom: 32px;
}

.moderation__item {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  margin-bottom: 100px;
  border-bottom: 1px solid black;
  padding-bottom: 40px;
}

.moderation__item td {
  width: fit-content;
  max-width: 400px;
}

.moderation__item h4 {
  padding: 0;
}

.input-success-border {
  border: 1px solid #a1d984 !important;
}

.input-disabled {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.cert-nominal {
  position: relative;
  width: 320px;
  display: none;
}

.cert-nominal--active {
  display: block;
}

.custom-select {
  font-family: Roboto, sans-serif;
  border: 1px solid #cccccc;
  border-radius: 30px;
  min-height: 32px;
  width: 100%;
  padding: 20px 42px;
  font-weight: 600;
  font-size: 22px;
  line-height: 20px;
  display: flex;
  align-items: center;
  color: #757575;
  resize: none;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  margin: 0 auto 56px;
}

.custom-select:hover {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 1px 2px;
}

.custom-select-arrow {
  width: 28px;
  height: 22px;
  position: absolute;
  top: 20px;
  right: 20px;
}

.article__contents {
  width: 100%;
  background: #F4F6F9;
  border-radius: 20px;
  padding: 40px 50px;
  margin: 90px 0 70px;
}

.contents--color {
  background-image: url(/local/sources/dist/css/../img/contents-back.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.contents__title {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 26px;
  line-height: 31px;
  letter-spacing: 0.5px;
  color: #636363;
  margin-bottom: 30px;
}

.article__subhead {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 35px;
  letter-spacing: 0.5px;
  color: #636363;
  margin-bottom: 70px;
}

.legal-checkbox {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 47px;
}

.legal-checkbox input[type="checkbox"]:not(:checked)+label:before,
.legal-checkbox input[type="checkbox"]:checked+label:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 28px;
  height: 28px;
  border: 1px solid #dddddd;
  background-color: #ffffff;
}

.legal-checkbox input[type="radio"]:checked+label:before {
  border: 1px solid #89c23c;
}

.legal-checkbox input[type="checkbox"]:checked+label:before,
.legal-checkbox input[type="checkbox"]:not(:checked)+label:before {
  border-radius: 2px;
}

.legal-checkbox input[type="checkbox"]:checked+label:after,
.legal-checkbox input[type="checkbox"]:not(:checked)+label:after {
  content: "";
  position: absolute;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.legal-checkbox input[type="checkbox"]:checked+label:after,
.legal-checkbox input[type="checkbox"]:not(:checked)+label:after {
  left: 3px;
  top: 6px;
  width: 20px;
  height: 9px;
  border-radius: 1px;
  border-left: 4px solid #89c23c;
  border-bottom: 4px solid #89c23c;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.legal-checkbox input[type="checkbox"]:not(:checked)+label:after {
  opacity: 0;
}

.legal-checkbox input[type="checkbox"]:checked+label:after {
  opacity: 1;
}

.legal-checkbox input[type="checkbox"]+label {
  font-size: 18px;
  line-height: 28px;
  text-align: left;
  cursor: pointer;
}

@media only screen and (max-width: 1260px) {
  .ds-profile__certificates-block {
    justify-content: center;
  }
}

@media only screen and (max-width: 1200px) {
  .ds-profile__block {
    gap: 32px;
  }
}

@media only screen and (max-width: 960px) {
  .doctors-section .profile-table td {
    width: 45%;
    min-width: unset;
  }

  .ds-profile__certificate {
    max-width: 198px;
  }
}

@media only screen and (max-width: 760px) {
  .moderation__item {
    gap: 16px;
  }

  .header__button--ds {
    gap: 0px;
  }

  .ds-modal .body {
    height: 196px;
    padding: 0 8px;
    border-radius: 30px;
    margin: 100px auto;
  }

  .ds-green-modal__form {
    border-radius: 30px;
    margin: 100px auto 50px;
  }

  .doctors-section {
    gap: 24px;
  }

  .doctors-section h3 {
    font-size: 18px;
    line-height: unset;
    margin-bottom: 16px;
  }

  .doctors-section h4 {
    font-size: 20px;
    line-height: 24px;
    margin: 20px 0 0px;
  }

  .doctors-section__clinical-section .tags-list,
  .doctors-section__webinars-section .tags-list {
    row-gap: 10px;
    column-gap: 24px;
    margin: 0 auto 20px;
  }

  .doctors-section__clinical-section .tag-item-wrap label,
  .doctors-section__webinars-section .tag-item-wrap label {
    font-size: 16px;
    line-height: unset;
  }

  .ds-form__body .input-item:nth-child(1 of .input-item) label,
  .ds-form__body .input-item:nth-child(1 of .input-item) td:first-child,
  .ds-form__body .input-item:nth-child(1 of .input-item) div:first-child {
    margin: 0 0 10px;
  }

  .ds-form .input-item label,
  .ds-form .input-item td:first-child,
  .ds-form .input-item div:first-child {
    font-size: 18px;
    margin: 20px 0 10px;
  }

  .ds-form .input-item input {
    border-radius: 18px;
    font-size: 14px;
    padding: 0 21px;
  }

  .ds-form .input-item textarea {
    border-radius: 18px;
    font-size: 14px;
    padding: 10px 21px;
  }

  .ds-form a {
    font-size: 18px;
    line-height: 22px;
  }

  .ds-form .agreement-block {
    gap: 8px;
  }

  .doctors-section__video-description {
    font-size: 14px;
    line-height: 24px;
  }

  .recommendations__subtitle img {
    width: 136px;
    height: 40px;
  }

  .recommendations__subtitle h4 {
    font-size: 16px;
    line-height: unset;
  }

  .recommendations__cytamins-body {
    gap: 24px;
    padding: 16px 32px;
  }

  .recommendations__cytamins-item {
    min-width: calc(100vw - 80px);
  }

  .recommendations__cytamins-item h5 {
    font-size: 14px;
  }

  .recommendations__slider-wrapper {
    margin: 16px auto 0;
  }

  .ds-profile__block {
    gap: 36px;
    flex-direction: column;
  }

  .ds-error {
    font-size: 18px;
    line-height: 18px;
    margin-top: 10px;
  }

  .ds-bx-captcha-error {
    font-size: 18px;
    line-height: 18px;
    margin-top: 10px;
  }

  .ds-user-info {
    font-size: 16px;
    line-height: 18px;
  }

  .ds-profile__left {
    min-width: 100%;
    max-width: unset;
  }

  .ds-profile__left .profile-link.survey-item {
    padding-top: 0;
    border-top: unset;
    margin-bottom: 20px !important;
  }

  .ds-profile__left a {
    font-size: 16px;
    line-height: 20px;
  }

  .ds-profile__user-name {
    padding-bottom: 10px;
  }

  .ds-profile__user-name .ds-user-info {
    max-width: 48%;
  }

  .ds-profile__block .survey-item .survey-link {
    display: none;
  }

  .ds-profile__block .survey-item--adaptive {
    display: flex;
  }

  .ds-profile__block .ds-form__body {
    padding: 0;
  }

  .ds-profile__left .profile-link .survey-link a {
    padding-left: 30px;
  }

  .ds-profile__left .profile-link .survey-link .ds-survey-not-comleted:before {
    background-size: 22px 20px;
  }

  .ds-profile__left .profile-link .survey-link a:not(.ds-survey-not-comleted):before {
    background-size: 22px 20px;
  }

  .ds-clinical__btns-block {
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }

  .ds-form__btns-block {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .ds-clinical__btns-block button,
  .ds-form__btns-block button {
    width: 257px;
    max-height: 47px !important;
    height: 47px !important;
  }

  .ds-clinical__btns-block span {
    font-size: 14px;
    line-height: 16px;
  }

  .doctors-section .profile-table tr {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px 0;
  }

  .doctors-section .profile-table td {
    min-width: 100%;
    font-size: 16px;
    line-height: 25px;
    width: 100%;
  }

  .doctors-section .profile-table input {
    padding: 0;
  }

  .ds-profile__table td {
    font-size: 16px;
    line-height: 18px;
  }

  .ds-profile__table tr:not(.ds-profile__table-item-hidden) {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .doctors-section__read-more-btn {
    padding: 14px 24px;
    margin: 20px auto 0;
  }

  .doctors-section__navigation-btn {
    padding: 14px 24px;
    margin: 20px auto 0;
  }

  .doctors-section .delete-profile {
    width: 200px;
    font-size: 14px;
    line-height: 16px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
  }

  .ds-modal .ds-delete-profile-modal_confirm-btn {
    margin-top: 21px;
    padding: 10px 40px;
  }

  .ds-form .radio-items legend,
  .ds-form .checkbox-items legend,
  .ds-form .input-item legend {
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 20px;
  }

  .ds-form .radio-items legend span,
  .ds-form .checkbox-items legend span {
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 20px;
  }

  .ds-form .radio-item,
  .ds-form .checkbox-item {
    min-height: 25px;
    gap: 37px;
  }

  .ds-form input[type="checkbox"]:not(:checked)+label:before,
  .ds-form input[type="radio"]:not(:checked)+label:before,
  .ds-form input[type="checkbox"]:checked+label:before,
  .ds-form input[type="radio"]:checked+label:before {
    top: -4px;
    width: 24px;
    height: 24px;
  }

  .ds-form input[type="checkbox"]:checked+label:after,
  .ds-form input[type="checkbox"]:not(:checked)+label:after {
    width: 16px;
    height: 5px;
    top: 3px;
  }

  .ds-form input[type="radio"]:checked+label:after,
  .ds-form input[type="radio"]:not(:checked)+label:after {
    width: 12px;
    height: 12px;
    top: 3px;
  }

  .ds-form input[type="checkbox"]+label,
  .ds-form input[type="radio"]+label {
    font-size: 16px;
    line-height: 18px;
  }

  .ds-profile .profile-edit-btn {
    width: 200px;
    font-size: 14px;
    line-height: 16px;
  }

  .ds-profile__edit-clinical-draft:before {
    background-size: 18px 18px;
  }

  .ds-profile__moderation:before {
    background-size: 18px 18px;
  }

  .ds-profile__post-moderation:before {
    background-size: 18px 18px;
  }

  .ds-profile__table-item-clinical-case {
    gap: 16px;
    margin: 20px 0;
  }

  .ds-profile__table-item-clinical-case h3 {
    font-size: 22px;
  }

  .ds-profile__table-item-clinical-case-part {
    gap: 8px;
    font-size: 16px;
  }

  .ds-profile__table-item-clinical-case-part h5 {
    font-size: 20px;
  }

  .input-item-captcha__label {
    font-size: 18px;
    margin: 20px 0 10px;
  }

  .input-item-captcha__body input {
    border-radius: 18px;
    font-size: 14px;
    padding: 0 21px;
  }

  .ds-consult {
    padding: 20px;
    gap: 20px;
  }

  .ds-consult h2 {
    font-size: 24px;
    line-height: 33px;
  }

  .ds-consult__form-body {
    gap: 20px;
  }

  .ds-consult__form-inputs {
    gap: 20px;
  }

  .ds-consult__form-input-item {
    gap: 12px;
  }

  .ds-consult__form-input-item label {
    font-size: 18px;
  }

  .ds-consult__form-input-item input,
  .ds-consult__form-input-item textarea {
    padding: 16px;
  }

  .ds-new-pass-modal__submit-btn {
    margin-top: 20px;
  }

  .ds-profile__balance h3 {
    font-size: 18px;
    margin-top: 50px;
  }

  .ds-profile__balance p {
    margin-top: 20px;
  }

  .ds-profile__balance-blob {
    height: 62px;
  }

  .ds-profile__certificates-block {
    margin-top: 20px;
  }

  .ds-profile__certificate {
    max-width: 247px;
  }

  .ds-profile__certificate .btn {
    font-size: 16px;
  }

  .ds-certificate-modal h2 {
    font-size: 24px;
    margin-bottom: 30px;
  }

  .ds-certificate-modal .body {
    height: fit-content;
    padding: 52px 20px;
    border-radius: 30px;
    margin: 100px auto;
  }

  .ds-certificate-modal .close button {
    font-size: 36px;
    top: 20px;
    right: 24px;
  }

  .ds-certificate-order {
    width: 192px;
    height: 41px;
  }

  .ds-profile__navigation {
    font-size: 16px !important;
  }

  .ds-profile__balance-blob {
    height: 62px;
  }

  .custom-select {
    font-size: 14px;
    line-height: 18px;
    padding: 10px 32px 10px 14px;
    margin: 0 auto 32px;
  }

  .article__contents {
    width: 100%;
    background: #F4F6F9;
    border-radius: 20px;
    padding: 20px 32px;
    margin: 32px 0 24px;
  }

  .article__contents .point-list a:not(p a) {
    padding-left: 25px;
  }

  .article__contents .point-list p:before,
  .article__contents .point-list a:before {
    top: 3px;
  }
}

@media only screen and (max-width: 400px) {
  .ds-profile__certificate {
    max-width: unset;
  }
}

.recommendations__slider {
  display: none;
}

.recommendations__loader {
  display: none;
  position: relative;
  margin: 0 auto;
  width: 100px;
  height: 650px;
}

.recommendations__loader:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.loader__circular {
  animation: loader__rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.loader__path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: loader__dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
  stroke: #89c23c;
}

@keyframes loader__rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes loader__dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }

  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}

@media only screen and (max-width: 760px) {
  .recommendations__loader {
    height: 400px;
  }
}

.moderation__body {
  display: flex;
  gap: 100px;
  margin-top: 70px;
}

.moderation__table-item {
  padding: 16px 0;
  display: flex;
  border-top: 1px solid #cbcbcb;
}

.moderation__table-item-name {
  color: #636363;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.moderation__table-item-name .checkbox-item {
  margin-right: 30px;
}

.moderation__table-item-name .md-arr {
  margin-left: auto;
}

.md-arr {
  transition: all .2s ease-in-out;
}

.md-arr--active {
  transform: rotate(180deg);
}

.moderation__table-item-hidden {
  display: none;
}

.moderation__table-item-hidden td:last-child {
  width: 100%;
  min-width: 780px;
}

.moderation__table-item-clinical-case {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin: 63px 0;
}

.moderation__table-item-clinical-case h3 {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 18px;
  color: #000000;
  margin-bottom: 12px;
}

.moderation__table-item-clin-part,
.moderation__table-item-rev-part {
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 31px;
  letter-spacing: 0.5px;
  color: #636363;
}

.moderation__table-item-clin-part h5,
.moderation__table-item-rev-part h5 {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 18px;
  color: #000000;
}

.moderation__name {
  background: #F4F6F9;
  border-radius: 20px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 36px;
}

.moderation__name h4 {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 18px;
  color: #000000;
  margin: 0;
  padding: 0;
}

.md-columns {
  display: flex;
  flex-direction: row;
  gap: 66px;
}

.md-user,
.md-age {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.md-user h5,
.md-age h5 {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 18px;
  color: #000000;
  margin: 0;
  padding: 0;
}

.mb-value {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 31px;
  letter-spacing: 0.5px;
  color: #636363;
}

.moderation__left {
  min-width: 232px;
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-top: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
  margin-top: 73px;
  height: fit-content;
}

.moderation__body table {
  border-bottom: 1px solid #cbcbcb;
}

.moderation__right {
  max-width: 779px;
  width: 100%;
}

.moderation__btns {
  margin-top: 43px;
  display: flex;
  gap: 30px;
  width: 100%;
  justify-content: center;
}

.md-tab {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 31px;
  letter-spacing: 0.5px;
  cursor: pointer;
}

.md-tab-cont {
  display: none;
  flex-direction: column;
}

.md-tab-active {
  color: #89c23c;
  font-weight: 600;
}

.md-tab-cont-active {
  display: flex;
}

.moderation input[type="checkbox"]:checked+label:before,
.moderation input[type="checkbox"]:not(:checked)+label:before {
  border-radius: 5px;
}

@media only screen and (max-width: 1336px) {
  .moderation {
    padding: 0;
  }

  .moderation__body {
    gap: 50px;
  }

  .moderation__table-item-hidden td:last-child {
    min-width: unset;
  }
}

@media only screen and (max-width: 992px) {
  .moderation__body {
    margin-top: 24px;
    flex-direction: column;
    gap: 24px;
  }

  .moderation__left {
    margin: 0;
    gap: 0;
  }

  .moderation h1 {
    margin-bottom: 16px;
  }

  .moderation__name {
    padding: 16px;
    gap: 24px;
  }

  .moderation__name h4 {
    font-size: 20px;
  }

  .md-user h5,
  .md-age h5 {
    font-size: 20px;
  }

  .md-user,
  .md-age {
    gap: 8px;
  }

  .moderation__table-item-clinical-case {
    gap: 18px;
    margin: 24px 0;
  }

  .moderation__table-item-clin-part,
  .moderation__table-item-rev-part {
    gap: 8px;
  }

  .moderation__table-item-clin-part h5,
  .moderation__table-item-rev-part h5 {
    font-size: 20px;
  }

  .moderation__name {
    width: fit-content;
  }

  .moderation__table-item {
    width: fit-content;
  }

  .moderation__table-item-name .md-arr {
    margin-left: 24px;
  }

  .moderation__body {
    width: fit-content;
  }
}

.cookie-modal {
  display: none;
  position: fixed;
  padding: 16px 160px 16px 100px;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  min-height: 72px;
  z-index: 100;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  z-index: 100;
}

.cookie-modal .body {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  margin: auto;
}

.cookie-modal .text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #707070;
}

.cookie-modal .cookie-modal-ok {
  position: absolute;
  top: 8px;
  left: 52px;
  content: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9.5' cy='9.5' r='8.75' stroke='%2389C23C' stroke-width='1.5'/%3E%3Cg clip-path='url(%23clip0_3955_4)'%3E%3Cg clip-path='url(%23clip1_3955_4)'%3E%3Cpath d='M13.3944 13.3933L5.44727 5.44617' stroke='%2389C23C' stroke-width='1.5'/%3E%3Cpath d='M5.44727 13.3933L13.3944 5.44617' stroke='%2389C23C' stroke-width='1.5'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3955_4'%3E%3Crect width='8.63636' height='8.63636' fill='white' transform='translate(5.18164 5.18176)'/%3E%3C/clipPath%3E%3CclipPath id='clip1_3955_4'%3E%3Crect width='8.63636' height='8.63636' fill='white' transform='translate(5.18164 5.18164)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  cursor: pointer;
  width: 34px;
}

/* .cookie-modal .cookie-modal-ok:hover {
  content: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='16.1651' y1='16.164' x2='0.52179' y2='0.520731' stroke='%239ed04b' stroke-width='1.47486'/%3E%3Cline x1='0.521526' y1='16.1641' x2='16.1648' y2='0.520814' stroke='%239ed04b' stroke-width='1.47486'/%3E%3C/svg%3E%0A");
} */

@media only screen and (max-width: 760px) {
  .cookie-modal {
    padding: 15px 38px;
  }

  .cookie-modal .body {
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
  }

  .cookie-modal .text {
    font-size: 12px;
  }

  .cookie-modal .cookie-modal-ok {
    top: 10px;
    left: 11px;
    width: 20px;
  }
}

.webinars-promo-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: block;
  padding: 20px;
  z-index: 100001;
  overflow-y: auto;
  -ms-touch-action: none;
  touch-action: none;
  display: none;
}

.webinars-promo-modal__body {
  background: #fff;
  max-width: 1024px;
  width: 100%;
  height: fit-content;
  text-align: center;
  border-radius: 50px;
  margin: 110px auto 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px;
  position: relative;
  opacity: 1;
  transition: opacity 0.25s ease-in-out, transform 0.25s;
  transform: translateY(0) translateX(0);
}

.webinars-promo-modal h3 {
  font-size: 24px;
  color: #000000;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  padding: 17px 0 0;
  letter-spacing: 0.6px;
  text-align: start;
}

.webinars-promo-modal p {
  margin-top: 16px;
  text-align: start;
  color: #000000;
}

.webinars-promo-modal__bottom {
  margin-top: 24px;
}

.webinars-promo-modal__bottom .btn {
  font-size: 20px;
  padding: 14px 24px;
}

.webinars-promo-modal .close button {
  background: none;
  border: none;
  font-size: 40px;
  font-weight: 700;
  font-family: cursive, sans-serif;
  position: absolute;
  top: 12px;
  right: 18px;
  cursor: pointer;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.webinars-promo-modal__center {
  display: flex;
  gap: 24px;
}

.webinars-promo-modal__left img {
  max-width: 440px;
  border-radius: 10px;
}

.webinars-promo-modal__right ul {
  list-style: disc;
  padding-left: 20px;
}

.webinars-promo-modal__right li {
  text-align: start;
  line-height: 1.7;
}

.webinars-promo-modal__collapsed {
  display: none;
  background: #89c23c;
  padding: 21px 40px;
  border-radius: 50px 50px 0 0;
  cursor: pointer;
}

.promo-collapsed .webinars-promo-modal__collapsed {
  display: block;
  max-width: 600px;
  width: calc(100% - 40px);
  color: white;
  font-weight: 600;
}

.promo-collapsed .webinars-promo-modal__body {
  opacity: 0;
  transform: translateY(-20px) translateX(20px);
}

.promo-collapsed {
  position: fixed;
  background: unset;
  bottom: 0;
  left: 20px;
  top: unset;
  padding: 0;
  height: fit-content;
  transition: padding 0.25s ease-in-out;
}

@media only screen and (max-width: 992px) {
  .webinars-promo-modal__center {
    flex-direction: column;
  }
}

@media only screen and (max-width: 760px) {
  .webinars-promo-modal__body {
    padding: 16px;
    border-radius: 30px;
    margin: 32px auto;
  }

  .webinars-promo-modal__center {
    gap: 8px;
  }

  .webinars-promo-modal h3 {
    font-size: 20px;
    padding: 8px 0 0;
  }

  .webinars-promo-modal p {
    margin-top: 8px;
  }

  .webinars-promo-modal__bottom {
    margin-top: 8px;
  }

  .webinars-promo-modal__bottom .btn {
    font-size: 16px;
  }

  .webinars-promo-modal .close button {
    background: white;
    border-radius: 50px;
    font-size: 30px;
    top: -44px;
    right: -5px;
  }

  .webinars-promo-modal__left img {
    width: 100%;
  }

  .promo-collapsed .webinars-promo-modal__collapsed {
    padding: 14px 18px;
    border-radius: 24px 24px 0 0;
  }
}

.article__subtitle {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: 0.5px;
  color: #FFFFFF;
  padding: 30px 36px;
  margin-bottom: 50px;
  background: #89C23C;
  border: 1px solid #89C23C;
  border-radius: 15px;
}

.article__title {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 50px;
  line-height: 50px;
  letter-spacing: 0.4px;
  color: #000000;
}

.article__warn {
  width: 100%;
  background: #F4F6F9;
  border-radius: 20px;
  padding: 31px;
  margin-top: 50px;
}

.article__warn,
.article__warn span {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 26px;
  line-height: 31px;
  letter-spacing: 0.5px;
  color: #636363;
  text-align: center;
}

.article__warn span {
  color: #FF0000;
}

.article__h2 {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: 0.5px;
  color: #000000;
  margin-top: 60px;
}

.article__h3 {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 31px;
  letter-spacing: 0.5px;
  color: #636363;
  margin-top: 30px;
}

.article__h3+p {
  margin-top: 20px;
}

.article .article__h4 {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.5px;
  color: #000000;
  margin-top: 30px;
}

.article__h4+p {
  margin-top: 25px;
}

.article__btn-wide {
  display: flex;
  width: fit-content;
  margin: 30px auto 50px;
  padding: 18px 58px;
  border: unset;
}

.article__coll-bl {
  margin-bottom: 10px;
  padding: 30px 40px;
  background: #F4F6F9;
  border-radius: 20px;
}

.article__coll-bl,
.article__coll-bl a {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 31px;
  letter-spacing: 0.5px;
  color: #636363;
}

.article__coll-bl a {
  color: #78b13f;
  text-decoration: unset;
}

.article__coll details,
.article__coll summary {
  width: 100%;
}

.article__coll summary {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.5px;
  cursor: pointer;
  margin-top: 35px;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.article__coll details[open] summary {
  font-weight: 600;
  cursor: pointer;
  margin: 35px 0 30px;
}

.article__coll summary::after {
  content: '';
  display: inline-block;
  transform: rotate(45deg);
  height: 7px;
  width: 6px;
  border-bottom: 3px solid #78b13f;
  border-right: 3px solid #78b13f;
  transition: transform 0.3s ease;
  margin-left: 8px;
}

.article__coll details[open] summary::after {
  transform: rotate(225deg);
}

.article__small strong {
  font-weight: 600;
}

@media only screen and (max-width: 992px) {
  .article__h2 {
    font-size: 24px;
    line-height: 28.8px;
    margin-top: 40px;
  }

  .article__h3 {
    margin-top: 24px;
  }

  .article__h3+p {
    margin-top: 16px;
  }

  .article .article__h4 {
    margin-top: 24px;
  }

  .article__h4+p {
    margin-top: 16px;
  }

  .article__warn {
    margin-top: 32px;
    padding: 20px;
  }

  .article__warn,
  .article__warn span {
    font-size: 18px;
  }

  .article__coll-bl,
  .article__coll-bl a {
    font-size: 16px;
    line-height: 27px;
  }

  .article__coll-bl {
    padding: 24px;
  }

  .article__coll summary {
    font-size: 18px;
    line-height: 24px;
  }

  .article__subtitle {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 32px;
    padding: 24px;
  }

  .article__title {
    font-size: 36px;
    line-height: 40px;
  }

  .article__contents {
    margin: 50px 0 32px;
    padding: 32px;
  }
}

@media only screen and (max-width: 760px) {
  .article__contents {
    margin: 50px 0 32px;
    padding: 24px;
  }

  .contents__title {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 18px;
  }

  .article__h2 {
    font-size: 18px;
    line-height: 21.6px;
    margin-top: 25px;
  }

  .article__h3 {
    margin-top: 18px;
    font-size: 18px;
    line-height: 22px;
  }

  .article__h3+p {
    margin-top: 14px;
  }

  .article .article__h4 {
    margin-top: 18px;
    font-size: 18px;
    line-height: 22px;
  }

  .article__h4+p {
    margin-top: 14px;
  }

  .article__warn,
  .article__warn span {
    font-size: 16px;
    line-height: 24px;
  }

  .article__coll summary {
    font-size: 15px;
    line-height: 20px;
    margin-top: 24px;
  }

  .article__coll details[open] summary {
    margin: 24px 0 14px;
  }

  .article__coll-bl {
    border-radius: 12px;
    padding: 16px;
  }

  .article__coll-bl,
  .article__coll-bl a {
    font-size: 14px;
    line-height: 24px;
  }
}

.compos-val h3 {
  margin: 30px 0 20px;
}

.compos-val p {
  margin-top: 0;
  font-weight: 400;
}

.compos-val .tac {
  text-align: center;
  margin-top: 20px;
}

.compos-val__link {
  font-size: 20px;
  font-weight: 700;
  color: #89c23c;
}

.color {
  color: #89c23c;
}

.tac {
  text-align: center;
}

.structure-tables-n {
  width: 100%;
  height: 500px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  row-gap: 0;
  column-gap: 30px;
  padding: 10px 0 30px;
}

.structure-tables-n td {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 31px;
  letter-spacing: 0.5px;
  color: #636363;
  padding: 0 10px;
}

.structure-tables-n td:last-child {
  white-space: nowrap;
  text-align: right;
}

.structure-tables-n tr {
  vertical-align: top;
}

.structure-tables-n tr:nth-child(odd) {
  background: #f4f6f9;
}

.structure-tables-n h5 {
  margin: 7px 0 0;
  font-size: 18px;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  line-height: 1.2;
}

.structure-tables-n em {
  font-size: 64px;
  line-height: 100%;
  font-style: normal;
}

.structure-tables {
  padding: 10px 0 30px;
}

.structure-tables .grid {
  max-width: 1200px;
  margin: 0 -20px;
}

.structure-tables-n .structure-tables__item:not(.structure-tables__slider) {
  padding-top: 0;
  min-width: 360px;
}

.vacuoles img {
  width: 100%;
  padding: 50px 0 0;
}

.wide-testimony .grid__el {
  width: 100%;
  max-width: 1180px;
}

.wide-testimony .grid {
  margin: 0 -20px
}

.wide-testimony .testimony__test {
  padding: 50px 0 0;
}

.wide-testimony .test-container {
  min-height: unset;
}

.wide-testimony .test-container__item {
  padding-top: 50px;
  display: flex;
  justify-content: space-between;
}

.wide-testimony .test-container__item-checkboxes {
  display: flex;
  gap: 10px;
}

.wide-testimony .result .test-container__item {
  padding-top: 33px;
  flex-direction: column;
}

.wide-testimony .test-container__result-img {
  width: 20%;
}

.wide-testimony .test-container__result-img img {
  max-width: 250px;
}

.wide-testimony .test-container__result-text {
  font-size: 18px;
}

.cyt-nav-section {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
  column-gap: 26px;
  margin-top: 48px;
  justify-content: center;
  align-items: center;
}

.cyt-nav-section__btn {
  width: fit-content;
  height: 53px;
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 17px;
  color: #89C23C;
  padding: 0 44px;
  background: #ffffff;
  border: 2px solid #89c23c;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  text-align: center;
}

.cyt-nav-section__btn:hover {
  background: #89C23C;
  color: #ffffff;
}

.article__doc-quote {
  display: flex;
  gap: 40px;
  width: 100%;
  background: #F4F6F9;
  border-radius: 20px;
  padding: 31px;
  margin-top: 50px;
  align-items: center;
}

.doc-quote__img {
  width: 100%;
  max-width: 300px;
  min-width: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.article__doc-quote img {
  width: 100%;
  max-width: 256px !important;
  height: auto;
}

.doc-quote__text p:first-child {
  margin-top: 0 !important;
}

.structure-tables__item-first {
  min-height: 330px;
  order: 1;
  margin-top: auto;
}

.structure-tables__slider {
  order: 2;
  padding-top: 10px;
}

.structure-tables__item-high {
  order: 3;
}

.structure-tables__item-last {
  min-height: 330px;
  order: 4;
  margin-top: auto;
}

.structure-tables-n:has(.structure-tables__item-title.is-open) {
  height: 770px;
}

.structure-tables-n:has(.structure-tables__item-title.is-open) .structure-tables__item-first {
  min-height: 600px;
}

.structure-tables-n:has(.structure-tables__item-title.is-open) .structure-tables__item-last {
  min-height: 600px;
}

.sl-container-comp-back {
  background-image: url(/local/sources/dist/css/../img/compound-img.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 351px;
  height: 351px;
  padding: 63px;
  margin-bottom: 14px;
}

.sl-container-comp {
  width: 225px;
  height: 225px;
  border: 0.75px solid #89C23C;
  border-radius: 11.25px;
  margin: 0;
}

.sl-container-comp .view img {
  width: 225px;
  max-width: 225px;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: subpixel-antialiased;
}

.sl-container-comp .view {
  max-width: 225px;
}

.sl-container-comp .dragme-comp {
  width: 1px;
}

.sl-container-comp .circle-comp {
  position: absolute;
  bottom: 97px;
  left: -15px;
}

@media only screen and (max-width: 1200px) {
  .structure-tables-n {
    gap: 20px;
    height: unset;
  }

  .structure-tables-n:has(.structure-tables__item-title.is-open),
  .structure-tables-n:has(.structure-tables__item-title.is-open) .structure-tables__item-first,
  .structure-tables-n:has(.structure-tables__item-title.is-open) .structure-tables__item-last {
    height: unset;
    min-height: unset;
  }

  .structure-tables__item-first {
    order: 2;
  }

  .structure-tables__slider {
    order: 1;
  }

  .structure-tables__item-high {
    order: 3;
  }

  .structure-tables__item-last {
    order: 4;
  }

  .sl-container-comp-back {
    background-image: url(/local/sources/dist/css/../img/compound-img-m.png);
  }
}

@media only screen and (max-width: 1080px) {
  .structure-tables__item {
    min-height: unset !important;
  }

  .structure-tables-n .structure-tables__item {
    min-width: 400px;
  }
}

@media only screen and (max-width: 992px) {
  .cyt-nav-section {
    column-gap: 32px;
  }

  .cyt-nav-section__btn {
    font-size: 16px;
    padding: 0 24px;
  }

  .structure-tables-n td {
    font-size: 16px;
  }
}

@media only screen and (max-width: 760px) {
  .cyt-nav-section {
    column-gap: 8px;
    row-gap: 16px;
  }

  .cyt-nav-section__btn {
    height: 34px;
    border: 1px solid #89C23C;
    font-weight: 400;
    font-size: 14px;
    padding: 0 12px;
  }

  .wide-testimony .grid__el {
    padding: 25px 20px 0;
  }

  .wide-testimony .testimony__test {
    padding: 25px 0 0;
  }

  .structure-tables .grid {
    margin: 0;
  }

  .wide-testimony .test-container__result-text {
    font-size: 14px;
  }

  .wide-testimony .test-container__result-img {
    width: 100%;
  }

  .article__doc-quote {
    flex-direction: column;
    gap: 20px;
    border-radius: 16px;
    padding: 16px;
    margin-top: 24px;
  }

  .structure-tables-n .grid__el {
    padding-top: 0;
  }

  .structure-tables-n .structure-tables__item {
    width: 100%;
    min-width: unset;
    min-height: unset;
    padding-top: 8px;
  }

  /* .structure-tables-n table {
    margin: 0 -20px;
    width: calc(100% + 40px);
  } */

  .structure-tables-n {
    align-items: flex-start;
  }

  .structure-tables-n h5 {
    font-size: 16px;
  }

  .sl-container-comp-back {
    margin: 0 auto;
    padding: 63px 0;
  }

  .sl-container-comp {
    margin: auto;
  }

  .sl-container-comp .view img {
    margin: 0;
  }

  .structure-tables-n .structure-tables__item:not(.structure-tables__slider) {
    min-width: unset;
  }

  .structure-tables-n td {
    font-size: 14px;
  }
}

@media only screen and (max-width: 400px) {
  .sl-container-comp-back {
    width: unset;
  }
}

.ai-chat-icon {
  position: fixed;
  bottom: 90px;
  right: 60px;
  z-index: 10000;
  width: 64px;
  height: 64px;
  display: flex;
  background: linear-gradient(90deg, #89C23C 0%, #415C1C 100%);
  border-radius: 100px;
  box-shadow: rgba(0, 0, 0, 0.19) 10px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  cursor: pointer;
  transition: all .2s ease;
}

.ai-chat-icon:hover {
  box-shadow: rgba(0, 0, 0, 0.19) 10px 10px 30px, rgba(0, 0, 0, 0.23) 0px 6px 16px;
}

.ai-chat-icon:not(.ai-chat-icon--banner) img {
  width: 46px;
  height: 46px;
  margin: auto;
  animation: ai-img-move 3s infinite;
}

.ai-chat-icon.opened:not(.ai-chat-icon--banner) {
  /* width: 480px; */
  width: 280px;
  height: 80px;
  /* right: -200px; */
  right: -100px;
  bottom: 240px;
  /* background: linear-gradient(87.71deg, #89C23C 0.15%, #009145 99.85%); */
  background: linear-gradient(87.71deg, #9FBFB2 0.15%, #98BCB0 99.85%);
  border-radius: 35px 35px 0 0;
  transform: rotate(-90deg);
  transition: unset;
}

.ai-chat-icon.opened:not(.ai-chat-icon--banner) img {
  width: 74px;
  height: 74px;
  animation: ai-img-move-opened 3s infinite;
}

.ai-chat-icon__desc {
  display: none;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 30px;
  color: #FFFFFF;
  margin: 0;
  width: 100%;
  padding: 24px 0;
}

.ai-chat-icon.opened .ai-chat-icon__desc {
  display: inline-block;
}

@keyframes ai-img-move {

  0%,
  100% {
    transform: translateY(-4px) rotate(-7deg);
  }

  50% {
    transform: translateY(2px) rotate(8deg);
  }
}

@keyframes ai-img-move-opened {

  0%,
  100% {
    transform: translateY(-4px) rotate(83deg);
  }

  50% {
    transform: translateY(2px) rotate(98deg);
  }
}

.ai-chat-icon.loading:not(.ai-chat-icon--banner)::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 5px solid transparent;
  border-top: 5px solid #89C23C;
  border-radius: 50%;
  animation: ai-loader-spin 2s linear infinite;
  box-sizing: border-box;
}

@keyframes ai-loader-spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.ai-chat-icon--banner {
  position: absolute;
  /* z-index: 199; */
  width: 100%;
  max-width: 949px;
  height: 124px;
  background: linear-gradient(90deg, #89C23C 0%, #415C1C 100%);
  border-radius: 15px;
  top: 152px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  display: flex !important;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 0 20px 0 0;
}

.ai-chat-icon--banner h2 {
  margin: 0;
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 31px;
  letter-spacing: 0.5px;
  color: #FFFFFF;
  max-width: 800px;
  padding: 31px 40px;
}

.ai-chat-icon--banner img {
  animation: unset;
  width: 118px;
  height: 118px;
}

.ai-chat {
  position: fixed;
  bottom: 0;
  right: 20px;
  z-index: 10000;
  display: none;
  font-family: Roboto, sans-serif;
  font-style: normal;
  transition: all .2s ease;
}

.ai-chat ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 6px;
  height: 4px;
}

.ai-chat ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #89C23C;
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  cursor: pointer;
}

.ai-chat ::-webkit-scrollbar-track-piece {
  border-radius: 10px;
  background-color: unset;
}

.ai-chat__close {
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  border-radius: 100px;
  transition: all .2s ease;
}

.ai-chat__close img {
  width: 30px;
  height: 30px;
  transition: box-shadow 0.3s ease;
  border-radius: 100px;
}

.ai-chat__close:hover img {
  box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
}

.ai-chat__cont {
  width: 100%;
  max-width: 480px;
  /* height: calc(100vh - 90px);
  max-height: 731px; */
  height: 660px;
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.35);
  overflow: hidden;
  border-radius: 35px 35px 0px 0px;
}

.ai-chat__header {
  width: 100%;
  min-height: 100px;
  background: linear-gradient(90deg, #89C23C 0%, #415C1C 100%);
  border-radius: 35px 35px 0px 0px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding: 10px;
}

.ai-chat__header img {
  width: 74px;
  height: 74px;
}

.ai-chat__title-block {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.ai-chat__title {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 30px;
  color: #ffffff;
}

.ai-chat__subtitle {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  /* color: #636363; */
  color: #ffffff;
  margin: 8px 0 0;
}

.ai-chat__body {
  height: 100%;
  /* max-height: 631px; */
  max-height: 560px;
  padding: 0 1px 26px 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}

.ai-chat__messages-cont {
  /* height: 530px; */
  height: 458px;
  display: flex;
  flex-direction: column;
}

.ai-chat__messages {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-right: 18px;
}

.ai-chat__message {
  width: 100%;
  margin-top: 18px;
  position: relative;
  display: flex;
  align-items: flex-end;
  gap: 16px;
}

.ai-chat__message+:not(.ai-chat__message-indicator).ai-chat__message {
  margin-top: 32px;
}

.ai-chat__message:not(.ai-chat__message-indicator):last-child {
  margin-bottom: 18px;
}

.ai-chat__message--bot {
  flex-direction: row;
}

.ai-chat__message--user {
  flex-direction: row-reverse;
}

.ai-chat__message-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-size: contain;
  background-repeat: no-repeat;
}

.ai-chat__message--bot .ai-chat__message-icon {
  background-image: url(/local/sources/dist/css/../img/ai-chat-icon.png);
}

.ai-chat__message--user .ai-chat__message-icon {
  background-image: url(/local/sources/dist/css/../img/default_avatar.png);
  width: 40px;
  height: 40px;
  margin-bottom: 4px;
}

.ai-chat__message-content {
  max-width: 100%;
  width: fit-content;
  min-width: 50%;
}

.ai-chat__message-sender {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 18px;
  color: #757575;
  margin-bottom: 15px;
}

.ai-chat__message--user .ai-chat__message-sender {
  text-align: right;
}

.ai-chat__message-bubble {
  display: inline-block;
  padding: 15px 18px;
  border-radius: 20px;
  max-width: 80%;
  word-wrap: break-word;
  position: relative;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 110%;
  color: #000000;
  background: #F4F6F9;
}

.ai-chat__message--bot .ai-chat__message-bubble {
  border-bottom-left-radius: 4px;
}

.ai-chat__message--user .ai-chat__message-bubble {
  margin-left: auto;
  display: block;
  border-bottom-right-radius: 4px;
}

.ai-chat__message-time {
  font-weight: 300;
  font-size: 12px;
  line-height: 110%;
  margin-top: 2px;
  text-align: right;
}

.ai-chat__form {
  width: calc(100% - 25px);
  position: absolute;
  background: #ffffff;
  bottom: 0;

  height: 100%;
  max-height: 102px;
  display: flex;
  gap: 10px;
  padding-bottom: 16px;
}

.ai-chat__input-cont {
  overflow: hidden;
  height: 100%;
  flex: 1;
  border-radius: 20px;
  position: relative;
}

.ai-chat__input-err {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #ff9999;
  padding: 18px 25px;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 110%;
  color: #000000;
  display: none;
}

.ai-chat__input {
  height: 100%;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  padding: 18px 25px;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 18px;
  color: #757575;
  resize: none;
  outline: none;
  transition: border 0.3s;
}

.ai-chat__input:not(:placeholder-shown) {
  color: #000000;
}

.ai-chat__input:focus {
  border-color: #89C23C;
}

.ai-chat__input ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 3px;
  height: 3px;
}

.ai-chat__input ::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: #89C23C;
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.ai-chat__input ::-webkit-scrollbar-track-piece {
  border-radius: 6px;
  background-color: unset;
}

.ai-chat__btn {
  border: none;
  background: unset;
  cursor: pointer;
  /* transition: opacity 0.3s; */
}

.ai-chat__btn img {
  transition: box-shadow 0.3s ease;
  border-radius: 100px;
}

.ai-chat__btn:hover img {
  box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
}

.ai-chat__btn:disabled {
  filter: invert(1) grayscale(1);
  cursor: not-allowed;
  pointer-events: none;
  opacity: .2;
}

.ai-chat__empty {
  text-align: center;
  color: #888;
  padding: 40px;
}

.ai-chat__typing-indicator {
  width: 100%;
  margin-top: 18px;
  display: none;
}

.ai-chat__message-indicator {
  margin: 0 0 8px;
}

.ai-chat__typing-indicator .ai-chat__message-bubble {
  padding: 12px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.ai-chat__typing-indicator .ai-chat__message-content {
  width: 322px;
}

.ai-chat__typing-text {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 110%;
  color: #000000;
}

.ai-chat__typing-dots {
  display: inline-flex;
  align-items: center;
  height: 20px;
}

.ai-chat__typing-dots .dot {
  display: inline-block;
  font-size: 24px;
  line-height: 0;
  color: #009145;
  animation: typingPulse 1.5s infinite ease-in-out;
  opacity: 0.3;
}

.ai-chat__typing-dots .dot:nth-child(1) {
  animation-delay: 0s;
}

.ai-chat__typing-dots .dot:nth-child(2) {
  animation-delay: 0.2s;
}

.ai-chat__typing-dots .dot:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes typingPulse {

  0%,
  60%,
  100% {
    opacity: 0.3;
    transform: translateY(0);
  }

  30% {
    opacity: 1;
    transform: translateY(-4px);
  }
}

/* Стили для Markdown */
.ai-chat__message-md p {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 110%;
  color: #000000;
  margin: 16px 0 8px;
}

.ai-chat__message-md strong {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 110%;
  color: #000000;
}

.ai-chat__message-md p:last-child {
  margin-bottom: 0;
}

.ai-chat__message-md h1,
.ai-chat__message-md h2,
.ai-chat__message-md h3,
.ai-chat__message-md h4 {
  margin: 0 0 8px;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.3;
  padding: 0;
}

.ai-chat__message-md h4,
.ai-chat__message-md h3 {
  margin-top: 20px;
}

.ai-chat__message-md h4 {
  font-size: 18px;
}

.ai-chat__message-md h3 {
  font-size: 20px;
}

.ai-chat__message-md h2,
.ai-chat__message-md h1 {
  margin-top: 24px;
  font-size: 24px;
}

.ai-chat__message-md ul,
.ai-chat__message-md ol {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  margin: 0 0 8px 18px;
  padding: 0;
  list-style: unset;
}

.ai-chat__message-md ul ul {
  list-style: circle;
}

.ai-chat__message-md ul ul ul {
  list-style-type: square;
}

.ai-chat__message-md ol {
  list-style: decimal;
}

.ai-chat__message-md li {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  margin: 0 0 4px;
}

.ai-chat__message-md code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  background: rgba(31, 37, 51, 0.08);
  padding: 1px 5px;
  border-radius: 6px;
  font-size: 0.92em;
  font-weight: 300;
  font-size: 14px;
}

.ai-chat__message-md pre {
  margin: 0 0 8px;
  padding: 10px;
  border-radius: 10px;
  overflow-x: auto;
  background: rgba(31, 37, 51, 0.08);
}

.ai-chat__message-md pre code {
  background: transparent;
  padding: 0;
  border-radius: 0;
}

.ai-chat__message-md a {
  color: #89C23C;
}

.ai-chat__message-md>*:first-child {
  margin-top: 0;
}

.ai-chat .examples {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 18px;
  padding: 0 18px 18px;
}

.ai-chat .examples button {
  border: 1px solid #d8e4e7;
  background: #fff;
  border-radius: 999px;
  padding: 8px 11px;
  color: #89C23C;
  cursor: pointer;
  font-size: 12px;
  transition: background .2s ease, color .2s ease;
}

.ai-chat .examples button:hover {
  background: #eaf5f5;
}

@media only screen and (max-width: 1400px) {
  .ai-chat__cont {
    max-height: 560px;
  }

  .ai-chat__body {
    max-height: 460px;
  }

  .ai-chat__messages-cont {
    height: 358px;
  }

  /* }

@media only screen and (max-width: 992px) { */
  /* .ai-chat__cont {
    max-height: 600px;
  } */

  .ai-chat__header {
    min-height: 72px;
    height: 72px;
    padding: 4px 10px;
  }

  .ai-chat__header img {
    width: 60px;
    height: 60px;
  }

  .ai-chat__title {
    font-size: 16px;
  }

  .ai-chat__subtitle {
    font-size: 10px;
    line-height: 12px;
    margin: 2px 0 0;
  }

  .ai-chat__body {
    padding: 0 1px 8px 6px;
  }

  /* .ai-chat__messages-cont {
    max-height: 452px;
  } */

  .ai-chat__message {
    gap: 6px;
  }

  .ai-chat__message-bubble {
    padding: 12px;
    font-size: 14px;
  }

  .ai-chat__message-md p,
  .ai-chat__message-md ul,
  .ai-chat__message-md ol,
  .ai-chat__message-md li,
  .ai-chat__message-md strong {
    font-size: 14px;
  }

  .ai-chat__message-md h4,
  .ai-chat__message-md h3 {
    margin-top: 12px;
  }

  .ai-chat__message-md h4 {
    font-size: 16px;
  }

  .ai-chat__message-md h2,
  .ai-chat__message-md h1 {
    margin-top: 16px;
    font-size: 20px;
  }

  .ai-chat__typing-text {
    font-size: 14px;
  }

  .ai-chat__message-icon {
    width: 32px;
    height: 32px;
  }

  .ai-chat__message--user .ai-chat__message-icon {
    width: 24px;
    height: 24px;
  }

  .ai-chat__message-time {
    font-size: 11px;
  }

  .ai-chat__form {
    height: 80px;
  }

  .ai-chat__body {
    max-height: 488px;
  }

  .ai-chat__messages-cont {
    height: 408px;
  }

  .ai-chat__input-cont {
    height: 72px;
  }

  .ai-chat__btn img {
    width: 40px;
    height: 40px;
  }

  .ai-chat-icon--banner {
    height: fit-content;
  }
}

@media only screen and (max-width: 992px) {
  .ai-chat-icon--banner {
    width: calc(100% - 40px);
    margin: 0 auto;
    padding: 11px 16px 11px 0;
    top: 86px;
  }

  .ai-chat-icon--banner img {
    width: 118px;
    height: 118px;
  }
}

@media only screen and (max-width: 760px) {
  .ai-chat-icon.opened:not(.ai-chat-icon--banner) img {
    width: 35px;
    height: 35px;
    margin: auto 3px auto 8px;
  }

  .ai-chat-icon.opened:not(.ai-chat-icon--banner) {
    /* width: 153px; */
    width: 180px;
    height: 45px;
    /* right: -54px; */
    right: -68px;
    bottom: 74px;
    border-radius: 20px 20px 0 0;
  }

  .ai-chat-icon__desc {
    font-size: 12px;
    padding: 10px 0;
  }

  .ai-chat-icon--banner h2 {
    font-size: 12px;
    line-height: 20px;
    padding: 9px 0 9px 20px;
  }

  .ai-chat-icon__desc {
    display: none;
  }

  .ai-chat-icon__adap {
    display: none;
  }

  /* .ai-chat__messages-cont {
    max-height: 432px;
  } */

  .ai-chat-icon {
    bottom: 24px;
    right: 24px;
  }
}

@media only screen and (max-width: 500px) {
  .ai-chat {
    right: 10px;
    left: 10px;
  }
}

/* Rate limiting стили для чата */
.ai-chat__rate-limit {
  display: none;
  margin-top: 8px;
  padding: 6px 12px;
  background-color: #fff3cd;
  border: 1px solid #ffeaa7;
  border-radius: 4px;
  font-size: 13px;
  color: #856404;
  text-align: center;
  transition: all 0.3s ease;
}

.ai-chat__rate-limit--active {
  display: block;
}

.ai-chat__rate-limit-text {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.ai-chat__rate-limit-text::before {
  content: "⏱";
  font-size: 14px;
}

.ai-chat__btn--disabled {
  opacity: 0.5;
  cursor: not-allowed;
  filter: grayscale(0.7);
}

.ai-chat__btn--disabled:hover {
  transform: none !important;
}

.breadcrumbs-section {
  padding: 24px 0;
}

.cytamin-n h2:not(.hero__title) {
  font-size: 32px;
  padding-bottom: 36px;
}

.cytamin-n img {
  max-width: 100%;
}

.cytamin-n~.cyt-n h2 {
  font-size: 32px;
  padding-bottom: 36px;
}

.cytamin-n h3 {
  font-size: 24px;
}

.cytamin-n h4 {
  padding-top: 26px;
}

.cytamin-n p:not(.how-use p) {
  margin-top: 32px;
}

.cytamin-n h4+p {
  margin-top: 20px;
}

.cytamin__buy-price {
  background: #89C23C;
  border-radius: 9px;
  transform: rotate(10deg);
  width: 184px;
  height: 42px;
  font-family: Montserrat, sans-serif;
  letter-spacing: normal;
  color: #ffffff;
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 22px;
  bottom: 100px;
}

/* .cytamin__buy-price::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border-top: 10px solid #89c23c;
  clip-path: polygon(0 5%, 10% 0, 20% 5%, 30% 0, 40% 5%, 50% 0, 60% 5%, 70% 0, 80% 5%, 90% 0, 100% 5%, 100% calc(100% - 10%), 90% 100%, 80% calc(100% - 10%), 70% 100%, 60% calc(100% - 10%), 50% 100%, 40% calc(100% - 10%), 30% 100%, 20% calc(100% - 10%), 10% 100%, 0 calc(100% - 5%));
  pointer-events: none;
} */

.cytamin__buy-bl-n small {
  color: #89c23c;
  display: inline-block;
  margin-top: 24px;
}

.testimony-use-n {
  padding-top: 2px;
  margin-top: 60px;
}

.cytamin__buy-bl-n {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cytamin__buy-bl-n h2 {
  text-align: start;
  width: 100%;
}

.cytamin__buy-btns {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
}

.cytamin__buy-bl-n .hero__pharmacy {
  justify-content: space-evenly;
  margin: 0;
  width: 49%;
}

.cytamin__buy-bl-n .cyt-nav-section {
  margin: 48px auto 0;
}

@media only screen and (max-width: 1336px) {
  .breadcrumbs-section {
    padding: 60px 0 24px;
  }

  .cytamin-n h2:not(.hero__title) {
    font-size: 24px;
    padding-bottom: 24px;
  }

  .cytamin-n~.cyt-n h2 {
    font-size: 24px;
    padding-bottom: 24px;
  }

  .cytamin-n h3 {
    font-size: 20px;
  }

  .cytamin-n h4 {
    padding-top: 18px;
  }

  .cytamin-n p:not(.how-use p) {
    margin-top: 24px;
  }

  .cytamin-n h4+p {
    margin-top: 16px;
  }
}

@media only screen and (max-width: 1200px) {
  .cytamin__buy-bl-n .hero__pharmacy {
    justify-content: center;
    width: 100%;
  }

  .cytamin__buy-price {
    position: static;
    margin: 0 0 10px auto;
  }
}

@media only screen and (max-width: 760px) {
  .cytamin-n h2:not(.hero__title) {
    font-size: 20px;
    padding-bottom: 20px;
  }

  .cytamin-n~.cyt-n h2 {
    font-size: 20px;
    padding-bottom: 20px;
  }

  .cytamin-n h3 {
    font-size: 20px;
  }

  .cytamin__buy-price {
    height: 25px;
    width: 113px;
    font-size: 10px;
    font-weight: 500;
    border-radius: 6px;
  }
}

.catalog-section-n {
  flex-wrap: wrap;
}

.catalog-section__group-item {
  width: fit-content;
}

.catalog-section__group {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 24px;
}

.catalog-section__group h2 {
  max-width: 240px;
  font-size: 20px;
  color: #89c23c;
  padding: 0;
}

.catalog-section__group-image {
  width: 76px;
  height: 76px;
}

.catalog-section__group {
  width: fit-content;
}

.catalog-n {
  width: fit-content;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}

.catalog__item-n {
  width: 276px;
}

.catalog-section__body {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  row-gap: 24px;
  column-gap: 48px;
}

.article-n__numb-list li {
  color: #636363;
  line-height: 1.35;
}

.article-n__numb-list li a {
  /* color: #89c23c; */
  color: #636363;
  word-break: break-all;
}

.article-n__numb-list li a:hover {
  text-decoration: underline;
  color: #89c23c;
}

.article-n__numb-list li+li {
  margin-top: 16px;
}

@media only screen and (max-width: 760px) {
  .article-n__numb-list {
    padding-left: 18px;
  }

  .article-n__numb-list li+li {
    margin-top: 8px;
  }
}

.article-n__table {
  width: 100%;
  margin-top: 50px;
  border-collapse: unset;
  border: .5px solid #89C23C;
  border-radius: 21px;
}

.article-n__table tr {
  width: 100%;
}

.article-n__table th,
.article-n__table td {
  width: 25%;
  border: .5px solid #89C23C;
  text-align: center;
  padding: 21px 30px;
}

.article-n__table td {
  color: #636363;
}

.article-n__table td strong {
  color: #000000;
}

.article-n__table th:first-child {
  border-top-left-radius: 20px;
}

.article-n__table th:last-child {
  border-top-right-radius: 20px;
}

.article-n__table tr:last-child td:first-child {
  border-bottom-left-radius: 20px;
}

.article-n__table tr:last-child td:last-child {
  border-bottom-right-radius: 20px;
}

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

  .article-n__table th,
  .article-n__table td {
    padding: 12px;
  }
}

@media only screen and (max-width: 760px) {
  .article-n__table {
    margin-top: 24px;
  }
}

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

  .article-n__table th,
  .article-n__table td {
    padding: 2px;
    font-size: 10px;
  }
}

.article-n__product-row {
  display: flex;
  gap: 100px;
  justify-content: center;
  align-items: center;
  margin-top: 64px;
}

.product-item {
  width: 100%;
  max-width: 415px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.product-item__actions {
  display: flex;
  gap: 20px;
}

.product-item__btn {
  min-width: 182px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 17px 25px;
  background: #89C23C;
  border: 1px solid #89C23C;
  border-radius: 50px;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #FFFFFF;
}

.product-item__btn--white {
  background: #FFFFFF;
  border: 1px solid #89C23C;
  color: #89C23C;
}

@media only screen and (max-width: 1200px) {
  .article-n__product-row {
    flex-direction: column;
    gap: 32px;
  }
}

@media only screen and (max-width: 760px) {
  .product-item__btn {
    height: 46.8px;
  }

  .product-item__actions {
    flex-direction: column;
  }
}

.pt-32 {
  padding-top: 32px;
}
/* End */
/* /local/js/app/vc/smarta/dist/s.css?178214749614074 */
/* /local/templates/.default/css/custom.css?1721928426402 */
/* /local/templates/general/template_styles.css?17345931481760 */
/* /local/sources/dist/css/layout.css?177789090427551 */
/* /local/sources/dist/css/app.css?1788945403506240 */