@charset "UTF-8";

.mfp-arrow,
.slick-slider {
    -webkit-tap-highlight-color: transparent
}

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

.\:fast-search .item-price__discount--hidden,
.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}

.popular__section__analizes--title {
    margin-bottom: 0;
}

.popular__section__analizes {
    min-height: 195px !important;
}

.header__logo {
    max-width: none !important;
    height: 70px !important;
}

.personal {
    height: 380px;
    background-color: #f1f8e8;
    margin-bottom: 112px;
    padding-left: 15px;
    padding-right: 15px;
}

.personal__hero {
    max-width: 1360px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer__dev {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 140%;
    color: #828299;
    justify-content: flex-end;
}

.footer__dev::after {
    content: "";
    display: block;
    width: 180px;
    height: 23px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(../img/vitamin.svg);
    flex-shrink: 0;
    margin-left: 10px;
}


.footer__info {
    display: grid;
    grid-template-columns: 1fr 0.5fr;
    align-items: center;
    gap: 25px;
    justify-items: stretch;
}

.card__header {
    display: grid;
    grid-template-columns: 0.6fr 3.3fr 0.9fr;
    padding-top: 17px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
}

.personal__title {
    text-align: center;
    margin-bottom: 80px;
    padding-left: 15px;
    padding-right: 15px;
}

*,
.\:metro-line.color14::before,
.\@where .color14::before,
.mfp-container,
.slick-slider,
img.mfp-img {
    box-sizing: border-box
}

.personal__item h3 {
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}

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

.accordeon__container {
    margin-bottom: 80px;
}

.possibilities__container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
}

.possibilities__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 260px;
}

.possibilities__item:not(:last-child):after {
    content: "";
    position: absolute;
    border-bottom: 1px solid #dcddde;
    border-bottom: 1px solid var(--divider-color);
    width: calc(100% - 172px);
    top: 22px;
    left: calc(50% + 86px);
}

.possibilities__item p {
    text-align: center;
}

@font-face {
    font-family: Lato;
    src: url(../fonts/Lato-Bold.woff2) format("woff2"), url(../fonts/Lato-Bold.woff) format("woff"), url(../fonts/Lato-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Lato;
    src: url(../fonts/Lato-Medium.woff2) format("woff2"), url(../fonts/Lato-Medium.woff) format("woff"), url(../fonts/Lato-Medium.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Lato;
    src: url(../fonts/Lato-Medium.woff2) format("woff2"), url(../fonts/Lato-Medium.woff) format("woff"), url(../fonts/Lato-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Lato;
    src: url(../fonts/Lato-Regular.woff2) format("woff2"), url(../fonts/Lato-Regular.woff) format("woff"), url(../fonts/Lato-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Lato;
    src: url(../fonts/Lato-Light.woff2) format("woff2"), url(../fonts/Lato-Light.woff) format("woff"), url(../fonts/Lato-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

.slick-slider {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    touch-action: pan-y
}

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

.slick-list:focus {
    outline: 0
}

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

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

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

.mfp-bg,
.mfp-wrap {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0
}

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

.slick-track:after {
    clear: both
}

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

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

.slick-slide img {
    display: block
}

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

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

.reviews__container {
    padding: 106px 0 120px;
    background-color: #F8F8F8;
}

.reviews__title {
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 42px;
    letter-spacing: 0.48px;
    color: #000000;
    margin-bottom: 20px !important;
    max-width: 475px;
    margin: auto;
    text-align: center;
}

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

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

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

.mfp-bg {
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    height: 100%;
    z-index: 1043;
    outline: 0 !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

a.main-ui-pagination-arrow.main-ui-pagination-next::before,
a.main-ui-pagination-arrow.main-ui-pagination-prev::before,
a.main-ui-pagination-arrow.main-ui-pagination-next::after,
a.main-ui-pagination-arrow.main-ui-pagination-prev::after {
    background: #61BF1A;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-close,
.mfp-preloader {
    text-align: center;
    position: absolute
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    top: 50%;
    width: auto;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-close,
.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    right: 0;
    top: 0;
    text-decoration: none;
    opacity: .65;
    padding: 0 0 18px 10px;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus,
.mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: -55px 0 0;
    top: 50%;
    padding: 0;
    width: 90px;
    height: 110px
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:before,
.pagination .arrow:hover,
.styled-checkbox input+label a:hover {
    opacity: .7
}

.mfp-arrow:after,
.mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.container,
.mfp-image-holder .mfp-content,
img.mfp-img {
    max-width: 100%
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

.mfp-figure:after,
img.mfp-img {
    width: auto;
    height: auto;
    display: block
}

img.mfp-img {
    line-height: 0;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    right: 0;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.\:container,
.page-container {
    width: 1360px
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

::-moz-selection {
    background-color: #000;
    color: #fff
}

::selection {
    background-color: #000;
    color: #fff
}

html {
    scroll-behavior: smooth
}

html.scroll-behavior-auto {
    scroll-behavior: auto
}

body,
html {
    padding: 0;
    margin: 0
}

body {
    font-family: Lato, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    letter-spacing: .03em;
    font-weight: 400;
    color: #000;
    line-height: 1.3;
    font-size: 16px
}

a[name] {
    position: relative;
    top: -100px
}

.h2 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px
}

.container {
    margin-left: auto;
    margin-right: auto
}

.container-wide {
    max-width: 1450px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}

.\:container .page-head,
.page-container .page-head {
    display: flex;
    justify-content: space-between
}

.\:container .heading,
.page-container .heading {
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 70px
}

.\:container .heading.center,
.page-container .heading.center {
    text-align: center;
    width: 100%
}

.\:container .heading.underline span,
.page-container .heading.underline span {
    position: relative;
    display: inline-block
}

.\:container .heading.underline span::before,
.page-container .heading.underline span::before {
    content: '';
    display: block;
    height: 1px;
    width: 70%;
    min-width: 154px;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%);
    margin-top: 20px;
    background-color: #61BF1A
}

.\:container .heading.regular.underline span::before,
.\:container .heading.small.underline span::before,
.page-container .heading.regular.underline span::before,
.page-container .heading.small.underline span::before {
    margin-top: 14px
}

.button,
button,
input[type=submit] {
    -webkit-user-select: none;
    background-color: transparent;
    cursor: pointer
}

.\:container .heading.small,
.page-container .heading.small {
    font-size: 24px;
    margin-bottom: 60px
}

.\:container .heading.regular,
.page-container .heading.regular {
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 60px
}

.\:container .heading.micro,
.page-container .heading.micro {
    font-size: 21px;
    margin-bottom: 30px
}

.\:container .heading.bolder,
.page-container .heading.bolder {
    font-weight: 600
}

.\:container .heading--md,
.page-container .heading--md {
    font-size: 28px
}

.\:container .heading--mb-md,
.page-container .heading--mb-md {
    margin-bottom: 50px
}

.\:container {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
}

img {
    max-width: 90%
}

a {
    color: #098700;
    transition: color .33s;
    text-decoration: none cursor: pointer;
}

.button,
a:hover {
    color: #61BF1A
}

input,
select,
table,
textarea {
    font-family: Lato, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    letter-spacing: inherit
}

table thead {
    font-weight: 400
}

h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
    margin-top: 0
}

select {
    outline: 0
}

button,
input[type=submit] {
    border: 0;
    font-family: Lato, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    -moz-user-select: none;
    outline: 0;
    user-select: none;
    padding: 0;
    margin: 0;
    letter-spacing: inherit
}

.currency,
.currency-sign {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif
}

body.no-scroll.desktop {
    height: 100%;
    overflow: hidden
}

.default-section:last-child {
    padding-bottom: 100px
}

.button {
    -moz-user-select: none;
    user-select: none;
    line-height: 46px;
    height: 50px;
    text-align: center;
    padding: 0 20px;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #61BF1A;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 400;
    transition: background-color .33s, color .33s, border .5s;
    white-space: nowrap
}

.button:hover {
    background-color: #61BF1A;
    color: #fff
}

.button:active,
.button:focus {
    background-color: rgba(206, 22, 40, .9);
    color: #fff
}

.button.white {
    border-color: #fff;
    color: #fff
}

.button.white:hover {
    background-color: #fff;
    color: #484949
}

.button.grey {
    border-color: #a1a1a1;
    color: #a1a1a1
}

.button.grey:hover {
    background-color: #fff;
    border-color: #61BF1A;
    color: #61BF1A
}

.button.grey:active,
.button.grey:focus,
.button.red,
.button.red:active,
.button.red:focus {
    background-color: #61BF1A;
    color: #fff
}

.button.red {
    position: relative
}

.button.red::after {
    position: absolute;
    border-radius: 10px;
    z-index: 0;
    content: '';
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #61BF1A;
    transition: transform .15s
}

.button.red span {
    position: relative;
    z-index: 1
}

.button.red:hover::after {
    transform: scale(1.04, 1.08)
}

.button-red {
    background: #61BF1A;
    color: #fff
}

.button-red:hover {
    background: #e92e41
}

.button.big {
    height: 75px;
    line-height: 72px;
    font-size: 26px;
    padding: 0 40px
}

.button.small {
    height: 37px;
    line-height: 35px;
    font-size: 14px;
    padding: 0 15px
}

.button.disabled {
    border-color: #e5e5e5;
    color: #a1a1a1;
    cursor: default
}

.button.disabled:active,
.button.disabled:focus,
.button.disabled:hover {
    border-color: #e5e5e5;
    color: #a1a1a1;
    background-color: #fff
}

.button[disabled],
.button[disabled]:hover {
    border-color: #a1a1a1;
    color: #a1a1a1;
    background-color: #fff;
    cursor: not-allowed
}

.more-link {
    text-decoration: none
}

.more-link::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #61BF1A;
    vertical-align: middle;
    margin-right: 13px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
    transition: transform .33s;
    background-size: 10px
}

.more-link span {
    font-weight: 400;
    vertical-align: middle;
    color: #61BF1A
}

.more-link:hover::before {
    transform: translate(3px)
}

.show-more-container {
    margin-top: 1px;
    text-align: center;
    margin-bottom: 25px
}

.show-more-button {
    font-size: 23px;
    font-weight: 400;
    line-height: 50px;
    position: relative;
    height: 50px
}

.show-more-button::after {
    margin-left: 10px;
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 8px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.848' height='7.502' viewBox='1026.764 2311.813 12.848 7.502'%3E%3Cpath fill='%23FFF' d='M1027.842 2311.813c-.3 0-.555.104-.764.314-.21.21-.314.464-.314.764s.104.554.314.764l5.346 5.346c.209.21.464.314.764.314.299 0 .554-.104.764-.314l5.346-5.346c.209-.21.314-.464.314-.764s-.105-.554-.314-.764a1.04 1.04 0 0 0-.764-.314h-10.692z'/%3E%3C/svg%3E")
}

.loading-spinner,
.loading-spinner-big,
.loading-spinner-fullscreen,
.loading-spinner-small {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.loading-spinner-big::after,
.loading-spinner-fullscreen::after,
.loading-spinner-small::after,
.loading-spinner::after {
    content: '';
    display: inline-block;
    position: absolute;
    background-color: rgba(255, 255, 255, .8);
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    z-index: 1
}

.loading-spinner-big::before,
.loading-spinner-fullscreen::before,
.loading-spinner-small::before,
.loading-spinner::before {
    z-index: 2;
    content: '';
    display: inline-block;
    height: 32px;
    width: 32px;
    border: 4px solid #61BF1A;
    border-radius: 50%;
    border-color: rgba(0, 0, 0, .2);
    border-left-color: rgba(206, 22, 40, .5);
    animation: rotate .8s infinite linear;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -22px;
    margin-top: -20px
}

.loading-spinner-big.background,
.loading-spinner-fullscreen.background,
.loading-spinner-small.background,
.loading-spinner.background {
    z-index: -1
}

.loading-spinner-small::before {
    height: 20px;
    width: 20px;
    border-width: 3px;
    margin-left: -15px;
    margin-top: -13px
}

.loading-spinner-big::before {
    width: 50px;
    height: 50px;
    border-width: 6px;
    margin-top: -31px;
    margin-left: -31px
}

.loading-spinner-fullscreen {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.loading-spinner-fullscreen::after {
    position: fixed;
    z-index: 999
}

.loading-spinner-fullscreen::before {
    position: fixed;
    z-index: 1000
}

.default-article ul:not(.contents-list):not(.articles-nav),
.special-list {
    padding-left: 0;
    margin-bottom: 30px;
    margin-top: 25px
}

.default-article ul:not(.contents-list):not(.articles-nav) li,
.special-list li {
    display: flex;
    margin-bottom: 25px
}

.default-article ul:not(.contents-list):not(.articles-nav) li::before,
.special-list li::before {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    min-width: 25px;
    background-image: url(../img/icons/check-circle-big.svg);
    margin-right: 9px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: -2px
}

.default-article ul:not(.contents-list):not(.articles-nav) li:hover::before,
.special-list li:hover::before {
    transform: scale(1.05)
}

.special-red-dot-list {
    padding-left: 0;
    margin-bottom: 30px;
    margin-top: 25px
}

.special-red-dot-list li {
    display: flex;
    margin-bottom: 25px
}

.special-red-dot-list li::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    min-width: 10px;
    margin-right: 9px;
    background-color: #61BF1A;
    border-radius: 50%;
    position: relative;
    top: 50%;
    transform: translateY(50%)
}

.special-icon-link {
    color: #61BF1A;
    display: inline-block;
    padding-left: 30px;
    position: relative;
    background-image: none !important
}

.special-icon-link::before {
    width: 24px;
    height: 24px;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0
}

.special-red-attention-box {
    border-radius: 15px;
    font-size: 18px;
    padding: 20px 30px;
    color: #484949;
    background-color: rgba(206, 22, 40, .1);
    display: inline-block
}

.center-block {
    text-align: center;
    margin-bottom: 20px
}

.breadcrumbs {
    font-size: 13px;
    margin-bottom: 32px;
    padding-left: 30px
}

.breadcrumbs a {
    color: #484949
}

.breadcrumbs a::after {
    content: '/';
    display: inline-block;
    margin: 0 5px
}

.breadcrumbs a:hover {
    color: #61BF1A;
    text-decoration: underline
}

.breadcrumbs span {
    color: #9e9fa2;
    font-weight: 400
}

.styled-checkbox input {
    display: none
}

.styled-checkbox input:checked+label::before {
    background-size: 70%
}

.styled-checkbox input+label {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    display: flex;
    align-items: center
}

.styled-checkbox input+label::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    min-width: 20px;
    border: 1px solid #9e9fa2;
    border-radius: 5px;
    margin-right: 10px;
    background-position: 50%;
    background-repeat: no-repeat;
    transition: background-size .11s;
    background-size: 0;
    position: relative;
    vertical-align: middle
}

.styled-checkbox input+label span {
    vertical-align: middle
}

.styled-checkbox input+label a {
    color: #61BF1A
}

.styled-radio input {
    display: none
}

.styled-radio input:checked+label::before {
    background-color: #61BF1A
}

.styled-radio input+label {
    cursor: pointer;
    position: relative;
    transition: opacity .33s;
    margin-right: 25px
}

.styled-radio input+label:hover {
    opacity: 1
}

.styled-radio input+label::before {
    content: '';
    display: inline-block;
    width: 12px;
    min-width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 2px #000;
    border: 4px solid #fff;
    z-index: 1;
    vertical-align: middle;
    margin-right: 15px;
    transition: background-color .33s
}

.pagination {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: -ms-flex;
    display: flex;
    font-size: 18px;
    font-weight: 400;
    justify-content: center;
    margin: 35px 0
}

.pagination a:not(.arrow),
.pagination i,
.pagination span {
    height: 40px;
    width: 40px;
    text-align: center;
    max-width: 40px;
    font-style: normal
}

.pagination .arrow {
    font-size: 0;
    width: 40px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: 40% 50%;
    background-size: 10px 20px;
    background-color: rgba(206, 22, 40, .03)
}

.pagination .arrow.arrow-left {
    margin-right: 10px
}

.pagination .arrow.arrow-right {
    transform: scale(-1, 1);
    margin-left: 10px
}

.pagination span.arrow,
.pagination span.arrow:hover {
    opacity: .5
}

.pagination .pagination-item {
    border-radius: 50%;
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #000;
    cursor: pointer
}

.pagination .pagination-item:not(.active) {
    width: auto;
    padding: 0 8px
}

.pagination .pagination-item:hover:not(.active) {
    color: #61BF1A
}

.pagination .pagination-item.active {
    cursor: default;
    font-weight: 700;
    color: #61BF1A
}

.analysis-selector,
.navigation-selector {
    display: none;
    margin-bottom: 40px;
    justify-content: space-between
}

.analysis-selector .select-box,
.navigation-selector .select-box {
    width: 50%;
    padding: 0 15px
}

.analysis-selector select,
.navigation-selector select {
    width: 100%;
    font-size: 16px;
    border-radius: 10px;
    border: 1px solid #a1a1a1;
    height: 40px;
    padding: 0 15px
}

.navigation-selector .select-box {
    padding-left: 0;
    padding-right: 0
}

.banner-container {
    padding: 50px 0
}

.banner-container .banner-element img {
    width: 100%
}

.regular-popup.active .popup-block {
    z-index: 10001
}

.regular-popup.active .popup-container {
    display: block;
    opacity: 1
}

.regular-popup.active .popup-overlay {
    display: block
}

.regular-popup .popup-overlay {
    display: none
}

.regular-popup .popup-block {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: -10;
    font-size: 0
}

.regular-popup .popup-container {
    font-size: 14px;
    padding: 40px 20px;
    background-color: #fff;
    color: #000;
    text-align: center;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    width: 500px;
    max-width: 100%;
    white-space: normal;
    overflow: auto;
    max-height: 100%;
    display: none;
    opacity: 0;
    transition: opacity .33s
}

/* Попап */

/* Попапы */

.popup {
    position: fixed;
    z-index: 999999999999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    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;
    background: rgba(17, 24, 39, 0.5);
}

.popup.popup_opened {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.popup__container {
    position: relative;
    padding-top: 10px;
}

.form {
    padding: 35px 50px;
    background-color: #fff;
    border-radius: 13px;
    max-width: 460px;
}

.form__title {
    font-weight: 500;
    font-size: 30px;
    line-height: 36px;
    text-align: center;
    padding: 0 10px;
}

.form__input {
    font-size: 16px;
    line-height: 19px;
    margin: 5px 0;
    max-width: 80%;
    border: none;
    outline: none;
}

.form__label {
    font-size: 14px;
    line-height: 14px;
    color: #9ca3af;
}

.form .btn {
    -webkit-box-shadow: 0px 3px 15px #49702a40;
    box-shadow: 0px 3px 15px #49702a40;
    margin: 0 auto;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    width: 180px;
    height: 50px;
    display: block;
    border: none;
    outline: none;
    padding: 12px 25px;
    background-color: #61BF1A;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    color: #ffffff;
}

.form__rows {
    padding-left: 0;
}

.form .btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.form .btn:hover {
    background: #61BF1A;
    -webkit-box-shadow: initial;
    box-shadow: initial;
}

.form__politics a {
    text-decoration: underline;
    color: #9ca3af;
}

.form__politics {
    margin-top: 40px;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #9ca3af;
}

.form__row {
    margin: 35px 0;
    border: 1px solid #61BF1A;
    border-radius: 7px;
    padding: 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 25px;
}

.popup__close {
    position: absolute;
    top: 25px;
    right: 20px;
    font-size: 25px;
    color: rgba(17, 24, 39, 0.5);
    font-weight: 300;
    z-index: 20;
}

.popup__test {
    background-color: white;
    padding: 30px !important;
    max-width: 600px;
    border-radius: 13px;
}

.popup__img {
    max-width: 50vw;
    max-height: 70vh;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: top center;
    object-position: top center;
    border-radius: 5px;
}

#photo.popup .popup__close {
    color: white;
    right: -10px;
    top: -25px;
}





.popup-container--rounded {
    border-radius: 10px
}

.popup-elements .popup-overlay {
    position: fixed;
    z-index: 2;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5)
}

.popup-elements .close-button {
    position: absolute;
    right: 0;
    top: 20px;
    padding: 15px;
    cursor: pointer;
    background-size: contain
}

.popup-elements .close-button--dark {
    filter: saturate(0)
}

.popup-elements .close-button--top {
    margin-top: -20px
}

.popup-elements .close-button::before {
    width: 40px;
    height: 40px;
    background-image: url(../img/icons/close.svg)
}

.popup-elements .close-button:hover::before {
    filter: grayscale(0)
}

.popup-elements .popup-heading {
    font-size: 24px;
    margin-bottom: 50px;
    line-height: 1.5
}

.drop-box .phone-heading,
.popup-elements .phone-heading {
    padding: 10px 0 20px;
    text-align: center;
    margin-bottom: 40px;
    border-bottom: 1px solid #61BF1A
}

.drop-box .phone-heading .phone-link,
.popup-elements .phone-heading .phone-link {
    font-size: 16px;
    color: #61BF1A;
    font-weight: 300
}

.drop-box .mCSB_scrollTools .mCSB_draggerContainer,
.popup-elements .mCSB_scrollTools .mCSB_draggerContainer {
    margin: 7px 0
}

.webkit-scrollbar.horisontal,
.webkit-scrollbar.red.horisontal {
    margin-right: 0
}

.drop-box .mCSB_scrollTools .mCSB_draggerRail,
.popup-elements .mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.drop-box .mCSB_scrollTools .mCSB_dragger_bar,
.popup-elements .mCSB_scrollTools .mCSB_dragger_bar {
    background-color: #cdcdcd;
    border-radius: 0
}

.drop-box .mCSB_outside+.mCSB_scrollTools,
.popup-elements .mCSB_outside+.mCSB_scrollTools {
    right: 0
}

.webkit-scrollbar {
    overflow: auto
}

.webkit-scrollbar::-webkit-scrollbar {
    -webkit-appearance: none;
    appearance: none
}

.webkit-scrollbar::-webkit-scrollbar-track {
    width: 10px
}

.webkit-scrollbar::-webkit-scrollbar:vertical {
    width: 3px
}

.webkit-scrollbar::-webkit-scrollbar:horizontal {
    height: 3px
}

.webkit-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(206, 22, 40, .3)
}

.webkit-scrollbar.red {
    overflow: auto
}

.webkit-scrollbar.red::-webkit-scrollbar {
    -webkit-appearance: none;
    appearance: none
}

.webkit-scrollbar.red::-webkit-scrollbar-track {
    background-color: #e5e5e5;
    width: 10px
}

.webkit-scrollbar.red::-webkit-scrollbar:vertical {
    width: 3px
}

.webkit-scrollbar.red::-webkit-scrollbar:horizontal {
    height: 3px
}

.webkit-scrollbar.red::-webkit-scrollbar-thumb {
    background-color: rgba(206, 22, 40, .3)
}

.form-notices {
    margin-bottom: 20px
}

.form-notices p {
    font-size: 13px
}

.form-notices .form-notice {
    font-size: 13px;
    margin-bottom: 10px;
    display: flex;
    align-items: bottom;
    color: #c51313
}

.form-notices .form-notice::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    min-width: 15px;
    background-size: cover;
    margin-right: 7px;
    background-image: url(../img/icons/exclamation-triangle.svg)
}

.form-notices .form-notice::before.form-error {
    color: red
}

.form-notices .form-notice.big {
    align-items: center;
    font-size: 18px;
    color: #61BF1A
}

.form-notices .form-notice.big::before {
    width: 33px;
    height: 33px;
    min-width: 33px;
    margin-right: 15px
}

.form-notices .form-notice.stop::before {
    background-image: url(../img/icons/exclamation-sign.svg)
}

.default-form__card-body,
.regular-form__card-body {
    padding: 30px 40px;
    border: 1px solid #d9d9d9;
    border-radius: 14px;
    overflow: hidden
}

.default-form input,
.default-form select,
.default-form textarea,
.regular-form input,
.regular-form select,
.regular-form textarea {
    border: 1px solid #c4c4c4;
    font-size: 14px;
    max-width: 100%;
    transition: border .33s;
    width: 100%;
    border-radius: 10px;
    outline: 0;
    letter-spacing: .05em
}

.default-form input::-moz-placeholder,
.default-form select::-moz-placeholder,
.default-form textarea::-moz-placeholder,
.regular-form input::-moz-placeholder,
.regular-form select::-moz-placeholder,
.regular-form textarea::-moz-placeholder {
    font-size: 14px;
    color: #000
}

.default-form input::placeholder,
.default-form select::placeholder,
.default-form textarea::placeholder,
.regular-form input::placeholder,
.regular-form select::placeholder,
.regular-form textarea::placeholder {
    font-size: 14px;
    color: #000
}

.default-form input:focus,
.default-form select:focus,
.default-form textarea:focus,
.regular-form input:focus,
.regular-form select:focus,
.regular-form textarea:focus {
    border: 1px solid #61BF1A;
    outline: 0
}

.default-form input [readonly],
.default-form input.disabled,
.default-form select [readonly],
.default-form select.disabled,
.default-form textarea [readonly],
.default-form textarea.disabled,
.regular-form input [readonly],
.regular-form input.disabled,
.regular-form select [readonly],
.regular-form select.disabled,
.regular-form textarea [readonly],
.regular-form textarea.disabled {
    background-color: #eee;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.default-form input,
.regular-form input {
    height: 50px;
    padding: 0 20px
}

.default-form input[type=checkbox],
.default-form input[type=radio],
.regular-form input[type=checkbox],
.regular-form input[type=radio] {
    height: auto;
    padding: 0
}

.default-form textarea,
.regular-form textarea {
    padding: 10px 20px;
    max-height: 100px
}

.default-form select,
.regular-form select {
    height: 50px;
    padding: 0 35px 0 20px;
    white-space: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='123.959' height='123.958'%3E%3Cpath d='M117.979 28.017h-112c-5.3 0-8 6.4-4.2 10.2l56 56c2.3 2.3 6.1 2.3 8.401 0l56-56c3.799-3.8 1.099-10.2-4.201-10.2z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 11px;
    background-position: right 15px top 50%
}

.default-form .form-body,
.default-form .form-part,
.regular-form .form-body,
.regular-form .form-part {
    padding-bottom: 10px
}

.default-form .form-part:last-child,
.regular-form .form-part:last-child {
    padding-bottom: 0
}

.default-form .form-heading,
.default-form .header,
.regular-form .form-heading,
.regular-form .header {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 36px;
    text-align: center
}

.default-form .form-line,
.regular-form .form-line {
    margin-bottom: 20px
}

.default-form .form-line .line-label,
.regular-form .form-line .line-label {
    font-size: 14px;
    padding-left: 20px;
    color: #77787d;
    padding-bottom: 10px
}

.default-form .form-line .line-label.required::after,
.regular-form .form-line .line-label.required::after {
    content: '*';
    color: #61BF1A
}

.default-form .sub-heading,
.regular-form .sub-heading {
    padding-bottom: 10px;
    font-weight: 600
}

.default-form .line-cells,
.regular-form .line-cells {
    display: flex;
    margin-left: -20px;
    margin-right: -20px
}

.default-form .line-cells .cell-box,
.regular-form .line-cells .cell-box {
    flex-grow: 1;
    width: 50%;
    padding: 0 20px
}

.default-form .datepicker-box,
.regular-form .datepicker-box {
    display: flex;
    position: relative
}

.default-form .datepicker-box .calendar-button,
.regular-form .datepicker-box .calendar-button {
    background-image: none;
    opacity: .5;
    padding: 10px;
    margin-left: -46px;
    font-size: 0
}

.default-form .datepicker-box .calendar-button:hover,
.regular-form .datepicker-box .calendar-button:hover {
    opacity: .7
}

.default-form .datepicker-box .calendar-button::before,
.regular-form .datepicker-box .calendar-button::before {
    width: 24px;
    height: 24px
}

.default-form .form-line-comment,
.regular-form .form-line-comment {
    padding-left: 15px;
    font-size: 13px;
    font-style: italic;
    color: #535353;
    padding-top: 5px
}

.datepickers-container .datepicker--cell.-current-,
.datepickers-container .datepicker--day-name,
.not-found-page .omg {
    color: #61BF1A
}

.default-form .thank-you,
.regular-form .thank-you {
    text-align: center;
    margin-bottom: 30px
}

.default-form .thank-you:hover .smile,
.regular-form .thank-you:hover .smile {
    transform: scale(1.2) rotate(360deg)
}

.default-form .smile,
.regular-form .smile {
    transition: transform .33s;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: cover;
    margin-bottom: 15px;
    font-size: 0
}

.default-form .accept-form-check,
.regular-form .accept-form-check {
    font-size: 13px;
    margin-bottom: 22px
}

.default-form .submit-container,
.regular-form .submit-container {
    text-align: center
}

.default-form .no-arrows-number[type=number]::-webkit-inner-spin-button,
.default-form .no-arrows-number[type=number]::-webkit-outer-spin-button,
.regular-form .no-arrows-number[type=number]::-webkit-inner-spin-button,
.regular-form .no-arrows-number[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

.regular-slick-slider,
.regular-slider {
    position: relative
}

.regular-slick-slider:not(.slick-initialized),
.regular-slider:not(.slick-initialized) {
    opacity: 0
}

.regular-slick-slider .slick-track,
.regular-slider .slick-track {
    display: flex;
    flex: 1;
    align-items: stretch
}

.regular-slick-slider .slick-list,
.regular-slider .slick-list {
    display: flex;
    flex: 1
}

.regular-slick-slider .slider-item,
.regular-slider .slider-item {
    margin: 10px 0;
    position: relative;
    border-right: 1px solid #e5e5e5;
    height: auto;
    outline: 0;
    cursor: pointer
}

.regular-slick-slider .slider-item.active .street::before,
.regular-slick-slider .slider-item.active .subway::before,
.regular-slick-slider .slider-item:hover .street::before,
.regular-slick-slider .slider-item:hover .subway::before,
.regular-slider .slider-item.active .street::before,
.regular-slider .slider-item.active .subway::before,
.regular-slider .slider-item:hover .street::before,
.regular-slider .slider-item:hover .subway::before {
    filter: none;
    opacity: 1
}

.regular-slick-slider .slider-item-label,
.regular-slider .slider-item-label {
    background-color: #d4dbe7;
    opacity: .8;
    font-size: 18px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px
}

.slick-arrow svg circle {
    stroke: #61BF1A;
}

.slick-arrow svg path {
    stroke: #61BF1A;
}

.regular-slick-slider .slick-arrow,
.regular-slider .slick-arrow {
    width: 81px;
    height: 81px;
    position: absolute;
    top: 50%;
    background-color: rgba(255, 255, 255, .4);
    background-repeat: no-repeat;
    background-position: 48%;
    background-image: url(../img/icons/arrow-left.svg);
    border-radius: 50%;
    font-size: 0;
    margin-top: -40px;
    transition: opacity .33s;
    z-index: 1
}

.regular-slick-slider .slick-arrow:not(.slick-disabled):hover,
.regular-slider .slick-arrow:not(.slick-disabled):hover {
    opacity: 1;
    background-color: rgba(255, 255, 255, .5)
}

.regular-slick-slider .slick-arrow:not(.slick-disabled):active,
.regular-slider .slick-arrow:not(.slick-disabled):active {
    background-color: rgba(255, 255, 255, .6)
}

.regular-slick-slider .slick-prev,
.regular-slider .slick-prev {
    left: 10px
}

.regular-slick-slider .slick-next,
.regular-slider .slick-next {
    right: 10px;
    transform: scale(-1, 1)
}

.cart-container .price-col .cart-total-box .print-block:hover .icon-print,
.mfp-content .close-button:hover {
    transform: scale(1.05)
}

.regular-slick-slider .slick-disabled,
.regular-slider .slick-disabled {
    opacity: .2;
    cursor: no-drop
}

.regular-slick-slider .slick-dots,
.regular-slider .slick-dots {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 25px;
    padding-left: 0;
    text-align: center;
    font-size: 0
}

.regular-slick-slider .slick-dots li,
.regular-slider .slick-dots li {
    display: inline-block;
    padding: 6px
}

.regular-slick-slider .slick-dots li.slick-active button,
.regular-slider .slick-dots li.slick-active button {
    background-color: #61BF1A
}

.regular-slick-slider .slick-dots button,
.regular-slider .slick-dots button {
    width: 10px;
    padding: 0;
    height: 10px;
    min-width: 10px;
    border-radius: 50%;
    font-size: 0;
    background-color: #dfe0e1
}

.mfp-content figure img {
    padding-top: 0
}

.mfp-content .close-button {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    right: 0;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 50%;
    transition: transform .3s;
    font-size: 0;
    line-height: 0;
    padding: 0
}

.mfp-content .close-button::before {
    content: '';
    display: block;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: rgba(255, 255, 255, .5);
    border-bottom-left-radius: 15px
}

.login-popup .login-box {
    width: 300px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.not-found-page {
    padding-top: 100px;
    padding-bottom: 100px
}

.not-found-page .whats-wrong {
    display: flex;
    margin-bottom: 80px
}

.not-found-page .what-the-hack {
    min-width: 50%
}

.not-found-page .what-the-hack img {
    width: 370px
}

.not-found-page .huh {
    font-size: 38px;
    margin-bottom: 20px
}

.not-found-page .omg {
    font-size: 220px;
    font-weight: 400;
    margin-bottom: 40px;
    line-height: 1
}

.not-found-page .yay {
    font-size: 35px;
    font-weight: 400;
    margin-bottom: 10px
}

.not-found-page .nooooooooooooo {
    font-size: 16px
}

.not-found-page .go-away-stranger {
    text-align: center
}

.datepickers-container {
    z-index: 10001
}

.datepickers-container .datepicker--cell.-selected-,
.datepickers-container .datepicker--cell.-selected-.-focus- {
    background-color: #61BF1A
}

.results-login-container {
    width: 450px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px
}

.results-login-container .cabinet-submit,
.results-login-container .results-login-submit {
    text-align: center
}

.results-login-container .default-form {
    width: 400px;
    max-width: 100%;
    margin: 0 auto
}

.results-login-container .phone-notice {
    text-align: center;
    margin-bottom: 40px
}

.results-login-container .phone-notice span {
    width: 540px;
    max-width: 100%;
    text-align: left;
    font-size: 14px;
    color: #484949;
    display: inline-block;
    padding: 10px 30px;
    background-color: #f1f1f1;
    border-radius: 10px
}

.default-form .login-box .form-links {
    padding-top: 20px
}

.default-form .login-box .form-links a {
    color: #61BF1A;
    text-decoration: underline;
    display: inline-block;
    margin-bottom: 15px
}

.default-form .login-box .bottom-line {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.default-form .login-box .submit-line {
    text-align: center
}

.default-form .login-box .login-link {
    text-align: center;
    padding-top: 30px
}

.login-tabs {
    margin-left: -10px;
    margin-right: -10px
}

.login-tabs .tabs-buttons {
    display: flex
}

.login-tabs .tabs-buttons .tab {
    flex-grow: 1;
    padding: 10px 0;
    white-space: nowrap
}

.login-tabs .tabs-buttons .tab.active {
    background-color: #f1f1f1;
    border-radius: 10px 10px 0 0
}

.login-tabs .tabs-buttons .tab:not(.active) span {
    display: inline-block;
    color: #61BF1A;
    border-bottom: 1px dashed #61BF1A
}

.login-tabs .tabs-contents .attention-info {
    font-size: 12px;
    color: #484848;
    padding: 0 7px 10px;
    line-height: 1.5
}

.login-tabs .tabs-contents .masked-phone {
    font-size: 20px
}

.login-tabs .tabs-contents .masked-phone::-moz-placeholder {
    font-size: 20px
}

.login-tabs .tabs-contents .masked-phone::placeholder {
    font-size: 20px
}

.login-tabs .tab-content {
    padding: 10px;
    border-radius: 10px;
    min-width: 100%;
    display: none;
    background-color: #f1f1f1
}

.login-tabs .tab-content:first-child {
    border-top-left-radius: 0
}

.login-tabs .tab-content:last-child {
    border-top-right-radius: 0
}

.login-tabs .tab-content.active {
    display: block
}

.restore-password-box .send-code-repeat {
    padding-top: 20px;
    text-align: center
}

.restore-password-box .send-code-repeat p {
    font-weight: 300;
    margin-bottom: 15px
}

.restore-password-box .button:not([disabled]) .sms-timer {
    display: none
}

.restore-password-box .submit-line {
    text-align: center
}

.restore-password-box .sms-sent {
    color: #484949;
    font-size: 16px;
    padding: 20px
}

.restore-password-box .login-link {
    text-align: center;
    padding: 20px
}

.restore-password-box .login-link a {
    font-size: 14px;
    color: #484849;
    text-decoration: underline
}

.\:brick-small {
    position: relative;
    margin-bottom: 50px;
    border-radius: 5px;
    overflow: hidden;
    display: flex
}

.\:brick-small:hover .brick-image img {
    transform: scale(1.03)
}

.\:brick-small.dark .brick-image::before {
    background-color: rgba(0, 0, 0, .5)
}

.\:brick-small.dark .brick-heading,
.\:brick-small.dark .brick-text {
    color: #fff
}

.\:brick-small.overlay .brick-image::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2;
    background-color: rgba(255, 255, 255, .7)
}

.\:brick-small .brick-image {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1
}

.\:brick-small .brick-image img {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    -o-object-fit: cover;
    object-fit: cover
}

.\:brick-small .brick-about {
    position: relative;
    z-index: 2;
    min-height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 40px
}

.\:brick-small .brick-heading {
    font-size: 32px;
    font-weight: 700;
    color: #61BF1A
}

.\:brick-small .brick-heading strong {
    font-size: 40px
}

.\:brick-small .brick-text {
    margin-bottom: 0;
    padding-top: 15px;
    font-size: 16px;
    color: #000
}

.\:tooltip u,
.seminar-popup-content__body p {
    margin-bottom: 10px
}

.forgot-password {
    text-align: center;
    padding: 25px 0
}

.forgot-password .forgot-link {
    font-size: 14px;
    color: #484849;
    text-decoration: underline;
    font-weight: 300
}

.forgot-password .forgot-link:hover,
.seminar-popup-content__body a {
    color: #61BF1A
}

@keyframes shake {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(2px, 0, 0)
    }

    30%,
    50%,
    70% {
        transform: translate3d(-2px, 0, 0)
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

@keyframes bounce {

    20%,
    53%,
    80%,
    from,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -2px, 0)
    }

    70% {
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -4px, 0)
    }

    90% {
        transform: translate3d(0, -1px, 0)
    }
}

@keyframes tada {

    from,
    to {
        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
}

@keyframes pulse {

    from,
    to {
        transform: scale3d(1, 1, 1)
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }
}

.\:tooltip u,
.\:tooltip u::before {
    transform: translateX(-50%);
    position: absolute
}

.seminar-popup-content {
    display: flex;
    align-items: center
}

.seminar-popup-content__picture {
    margin-right: 30px;
    flex: 0 0 140px
}

.seminar-popup-content__picture img {
    width: 100%
}

.seminar-popup-content__body {
    font-size: 16px;
    text-align: left
}

.seminar-popup-content__time {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 13px
}

.promo-participate {
    display: grid;
    grid-template-columns: auto 480px;
    grid-column-gap: 100px;
    align-items: center
}

.promo-participate__info {
    margin-bottom: 25px;
    min-height: calc(100% - 125px)
}

.promo-participate__heading {
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 50px
}

.promo-participate__place-list {
    -moz-column-count: 2;
    column-count: 2;
    margin-bottom: 50px
}

.promo-participate__place-list-item {
    margin-bottom: 15px
}

.promo-participate__form .form-heading {
    font-weight: 700;
    margin-bottom: 15px
}

.promo-participate__bottom {
    margin-top: 40px;
    grid-column: span 2
}

.bg-light {
    background: #f3f3f3 !important
}

.text-red {
    color: #61BF1A !important
}

.text-center {
    text-align: center !important
}

.shadow {
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15) !important
}

.position-relative {
    position: relative !important
}

.d-line-block {
    display: inline-block !important
}

.reset-links a:not([class]),
.reset-links-all a {
    color: #61BF1A;
    text-decoration: underline
}

.\:scrollbar {
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #cacaca rgba(202, 202, 202, .2)
}

.\:scrollbar::-webkit-scrollbar {
    -webkit-appearance: none;
    appearance: none
}

.\:scrollbar::-webkit-scrollbar-track {
    background-color: rgba(202, 202, 202, .2)
}

.\:scrollbar::-webkit-scrollbar:vertical {
    width: 4px
}

.\:scrollbar::-webkit-scrollbar:horizontal {
    height: 4px
}

.\:scrollbar::-webkit-scrollbar-thumb {
    background-color: #cacaca
}

.\:tooltip {
    position: relative;
    z-index: 2;
    display: inline
}

.\:tooltip i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-size: 13px;
    width: 18px;
    height: 18px;
    min-width: 18px;
    font-weight: 700;
    border-radius: 50%;
    color: #fff;
    background-color: #61BF1A;
    cursor: default;
    position: relative
}

.\:tooltip i:hover~u {
    display: block
}

.\:tooltip u {
    bottom: 100%;
    left: 50%;
    font-size: 12px;
    width: 200px;
    background-color: #fff;
    padding: 7px 10px;
    z-index: 1;
    border-radius: 5px;
    text-decoration: none;
    filter: drop-shadow(-1px -1px 8px rgba(0, 0, 0, .1));
    display: none;
    color: #000;
    white-space: normal
}

.\:fast-search,
.cart-container .cart-item .choose-samples .chech-sample label {
    padding-left: 10px
}

.\:tooltip u::before {
    content: '';
    display: inline-block;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 5px 0;
    border-color: #fff transparent transparent
}

.\:fast-search {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding-top: 1px;
    padding-right: 10px;
    z-index: 10;
    font-size: 14px
}

.\:fast-search .item-box {
    background-color: #f0f0f0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid #e5e5e5
}

.\:fast-search .items-lines {
    display: table;
    border-collapse: collapse;
    width: 100%
}

.\:fast-search .item-line {
    display: table-row;
    border-bottom: 1px solid #e5e5e5
}

.\:fast-search .item-line:nth-child(even) {
    background-color: #fff
}

.\:fast-search .item-cell {
    padding: 12px 13px;
    display: table-cell;
    vertical-align: middle
}

.\:fast-search .item-code {
    width: 70px;
    min-width: 70px;
    color: #484949
}

.\:fast-search .item-title {
    width: 100%
}

.\:fast-search .item-title::after {
    content: '';
    display: inline-block;
    flex-grow: 1;
    border-bottom: 1px dotted #d0d0d0;
    margin-bottom: 3px
}

.\:fast-search .item-price {
    white-space: nowrap;
    font-weight: 400;
    line-height: 1
}

.\:fast-search .item-price .currency-sign {
    font-weight: 400
}

.\:fast-search .item-price__discount {
    display: inline-block;
    vertical-align: middle;
    background: #61BF1A;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-size: 18px;
    line-height: 1.5;
    width: 43px;
    height: 28px;
    margin-right: 7px
}

.\:fast-search .item-price__discount span {
    font-size: 14px
}

.\:fast-search .item-price__prices {
    display: inline-block;
    vertical-align: middle
}

.\:fast-search .item-price__old {
    color: #77787d;
    font-size: 14px;
    position: relative;
    display: inline-block
}

.\:fast-search .item-price__old::after {
    content: '';
    width: 100%;
    height: 1px;
    background: #61BF1A;
    position: absolute;
    inset: 0;
    margin: auto
}

.\:fast-search .item-price__current {
    color: #000;
    font-size: 16px
}

.\:fast-search .item-action {
    padding-left: 15px
}

.\:fast-search .item-action .results-link {
    color: #61BF1A;
    font-size: 14px;
    display: inline-block;
    padding: 7px 0
}

.\:ad-note {
    --font-size: 13px;
    --font-size-xs: 11px;
    --top: 5px;
    --right: 5px;
    --top-xs: 5px;
    --right-xs: 5px;
    --color: #000;
    position: absolute;
    font-size: var(--font-size);
    right: var(--right);
    top: var(--top);
    z-index: 1;
    color: var(--color) !important;
    line-height: 1
}

.\:metro-line {
    font-weight: 400;
    color: #9b9b9b
}

.\:metro-line.color0::before {
    background-color: #555
}

.\:metro-line.color1::before {
    background-color: #ec1a37
}

.\:metro-line.color2::before {
    background-color: #40b75d
}

.\:metro-line.color3::before {
    background-color: #0077c0
}

.\:metro-line.color4::before {
    background-color: #1ac0f0
}

.\:metro-line.color5::before {
    background-color: #8a4c35
}

.\:metro-line.color6::before {
    background-color: #f9832b
}

.\:metro-line.color7::before {
    background-color: #8e489e
}

.\:metro-line.color8::before {
    background-color: #ffca2e
}

.\:metro-line.color9::before {
    background-color: #a0a1a3
}

.\:metro-line.color10::before {
    background-color: #b3d543
}

.\:metro-line.color11::before {
    background-color: #7acbce
}

.\:metro-line.color12::before {
    background-color: #aabfdc
}

.\:metro-line.color13::before {
    background-color: #0073ba
}

.\:metro-line.color14::before {
    background-color: #fff;
    border: 1px solid #61BF1A;
    color: #555 !important
}

.\:metro-line.color15::before {
    background-color: #f089b7
}

.\:metro-line::before {
    content: 'М';
    width: 23px;
    height: 23px;
    min-width: 23px;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    margin-right: 10px
}

.actual-offers-list {
    display: grid;
    gap: 50px 20px;
    grid-template-columns: 1fr 1fr 1fr
}

.actual-offers-list>* {
    min-width: 0
}

.actual-offers-list--lg-slider .slick-track {
    display: flex
}

.actual-offers-list--lg-slider .slick-slide {
    height: auto
}

.actual-offers-list-slider-nav {
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    padding-left: 5px
}

.actual-offers-list-slider-nav .slick-arrow {
    width: 27px;
    height: 27px;
    font-size: 0;
    color: transparent;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='18' cy='18' r='17.5' fill='white' fill-opacity='0.03' stroke='%23CE1628'%3E%3C/circle%3E%3Cpath d='M13.3333 8.88889L22.6666 18.3226L13.3333 27.5556' stroke='%23CE1628' stroke-width='1.25' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    right: 15px
}

.actual-offers-list-slider-nav .slick-arrow.slick-prev {
    transform: rotate(180deg);
    margin-left: auto;
    margin-right: 8px
}

.actual-offers-list-slider-nav .slick-arrow.slick-disabled {
    filter: saturate(0);
    opacity: .4
}

.actual-offers-list-slider-nav .slick-dots {
    padding: 0;
    margin: 0 20px 0 0;
    list-style: none;
    display: flex;
    left: 55px;
    bottom: 35px;
    line-height: 0;
    order: -1
}

.actual-offers-list-slider-nav .slick-dots li {
    margin-right: 10px
}

.actual-offers-list-slider-nav .slick-dots button {
    font-size: 0;
    color: transparent;
    background: #d9d9d9;
    border-radius: 100%;
    border: 0;
    width: 9px;
    height: 9px
}

.actual-offers-list-slider-nav .slick-dots .slick-active button {
    background: #61BF1A
}

.actual-offers-list__item>* {
    height: 100%
}

.actual-offers-list__item.slick-slide {
    margin: 0 10px;
    height: auto
}

.popular__section__item {
    position: relative;
    border-radius: 15px;
    border: 1px solid #E5E5E5;
    background: #F8F8F8;
}

.popular__section__label {
    position: absolute;
    top: 24px;
    left: 33px;
    font-weight: 700;
    font-size: 18;
    line-height: 18px;
    color: #FFFFFF;
    padding: 4px 9px;
    background-color: #61BF1A;
    border-radius: 5px;
}

.actual-offer {
    background: #f3f3f3;
    border-radius: 25px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    position: relative
}

.actual-offer .\:ad-note {
    font-size: 16px;
    top: 8px;
    right: 8px
}

.actual-offer__picture {
    background: #fefefe;
    position: relative;
    display: block;
    line-height: 0
}

.actual-offer__picture img {
    width: 100%
}

.actual-offer__badge {
    background-image: url("data:image/svg+xml,%3Csvg width='77' height='67' viewBox='0 0 77 67' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75.8453 31.5001C76.5598 32.7377 76.5598 34.2625 75.8453 35.5001L58.9047 64.8421C58.1902 66.0797 56.8697 66.8421 55.4406 66.8421L21.5594 66.8421C20.1303 66.8421 18.8098 66.0797 18.0953 64.8421L1.1547 35.5001C0.440169 34.2625 0.440169 32.7377 1.1547 31.5001L18.0953 2.15815C18.8098 0.920541 20.1303 0.158143 21.5594 0.158143L55.4406 0.158145C56.8697 0.158145 58.1902 0.92054 58.9047 2.15815L75.8453 31.5001Z' fill='%23CE1628'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 77px;
    height: 77px;
    position: absolute;
    bottom: 10px;
    left: 25px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    line-height: 1;
    font-size: 25px;
    transform-origin: bottom left
}

.actual-offer__badge span {
    display: block;
    font-size: 13px;
    margin-bottom: 5px
}

.actual-offer__badge--rub {
    font-size: 18px
}

.actual-offer__body {
    padding: 15px 22px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.popular__section__img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    max-width: 100%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.popular__section__container {
    border-radius: 15px;
}

.actual-offer__upper {
    min-height: 35px;
    font-size: 20px;
    font-weight: 500;
    display: flex;
    align-items: center
}

.actual-offer__upper-mute-text {
    color: #919191;
    font-size: 14px
}

.actual-offer__upper-mute-text-hl {
    color: #77787d;
    font-size: 24px
}

.actual-offer__bottom {
    margin-top: auto;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    align-items: start
}

.actual-offer__name {
    font-size: 24px;
    line-height: 1.25;
    font-weight: 500;
    margin-bottom: 20px
}

.actual-offer__price {
    font-size: 40px;
    display: inline-block;
    margin-right: 13px;
    line-height: 1
}

.actual-offer__price-old {
    display: inline-block;
    line-height: 1;
    font-size: 28px;
    color: #77787d;
    position: relative
}

.actual-offer__bottom-note {
    display: flex;
    align-items: center;
    color: #919191
}

.actual-offer__bottom-note-lead {
    flex: 0 0 auto;
    margin-right: 20px;
    font-size: 21px
}

.actual-offer__bottom-note-lead-hl {
    font-size: 1.333em;
    color: #77787d;
    font-weight: 500
}

.actual-offer__bottom-note-lead-hl-2 {
    font-size: 1.904em;
    color: #77787d;
    font-weight: 500
}

.actual-offer__bottom-note-text {
    flex: 0 1 auto;
    font-size: 14px;
    line-height: 1.4
}

.actual-offer__hover-container {
    transform-origin: top center;
    transform: scale(0);
    opacity: 0;
    transition: transform .3s, opacity .3s;
    position: absolute;
    z-index: 2;
    inset: 0;
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 25px;
    display: flex;
    padding: 30px 30px 20px;
    flex-direction: column
}

.actual-offer:hover .actual-offer__hover-container {
    transform: scale(1);
    opacity: 1
}

.actual-offer__hover-container:hover {
    color: #000
}

.actual-offer__hover-content {
    line-height: 1.4;
    font-size: 13px
}

.actual-offer__hover-content ol,
.actual-offer__hover-content ul {
    padding-left: 22px
}

.actual-offer__hover-bottom {
    margin-top: auto;
    display: flex;
    align-items: center
}

.actual-offer__hover-bottom-text {
    margin-right: 20px;
    font-size: 32px;
    font-weight: 500
}

.actual-offer__hover-bottom-small {
    font-size: 26px;
    font-weight: 400
}

.actual-offer__more-link {
    margin-left: auto;
    color: #61BF1A;
    font-size: 16px;
    flex-shrink: 0
}

.actual-offer__more-link::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23CE1628'/%3E%3Cpath d='M14.1427 10.1284L10.8704 14L9.75743 13.3246L12.4875 9.98573L9.75743 6.65636L10.8704 6L14.1427 9.87158V10.1284ZM10.3853 10.1284L7.11296 14L6 13.3246L8.73008 9.98573L6 6.65636L7.11296 6L10.3853 9.87158V10.1284Z' fill='white'/%3E%3C/svg%3E%0A");
    vertical-align: middle;
    margin-top: -4px;
    transform: translateX(-10px);
    transition: transform .3s
}

.actual-offer__more-link:hover::before {
    transform: translateX(-7px)
}

.popular-analyzes-list.\@similar2 .item-grid {
    grid-template-columns: repeat(6, 1fr)
}

.popular-analyzes-list__show-more {
    background: #f8f8f8;
    border: 1px solid #e5e5e5;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 17px 20px;
    min-height: 250px
}

.popular-analyzes-list__show-more-icon {
    margin: auto;
    width: 60px
}

.popular-analyzes-list__show-more-text {
    text-align: center;
    font-size: 12px;
    color: #919191;
    line-height: 1.3;
    margin-bottom: 18px
}

.popular-analyzes-list .popular-analyzes-list__mobile-more .button {
    width: 100%;
    margin-bottom: 20px;
    padding: 11px 15px;
    line-height: inherit;
    font-size: 18px;
    text-transform: uppercase
}

.popular-analyzes-list .item-grid .popular-analyzes-list__mobile-more .button {
    width: 100%;
    margin-bottom: 20px;
    padding: 11px 15px
}

.section-border-line {
    border-bottom: 1px solid #d4dbe7
}

.mobile-presentation {
    position: fixed;
    background-color: #fff;
    z-index: 10055;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.mobile-presentation svg {
    width: 300px;
    position: relative;
    left: 30px;
    overflow: visible;
    margin-bottom: 40px
}

.mobile-presentation .presentation-title {
    font-size: 32px;
    font-weight: 300;
    text-align: center
}

.section-header {
    padding: 0;
    background-color: #fff
}

.section-header .swim-wrapper:not(.swim) {
    position: relative
}

.section-header .swim-wrapper.swim {
    height: 81px
}

.section-header .swim-wrapper.swim .swim-line {
    position: fixed;
    width: 100%;
    z-index: 10;
    top: 0
}

.section-header .swim-wrapper.swim .line-wrapper {
    box-shadow: 0 4px 4px rgba(0, 0, 0, .1)
}

.section-header .swim-wrapper.swim .head-container {
    height: 81px;
    width: 1300px
}

.section-header .swim-wrapper.swim .top-line {
    height: 81px
}

.section-header .swim-wrapper.swim .logo-box {
    width: 126px;
    margin-left: 0
}

.logo-box a img {
    height: 80px;
}

.section-header .swim-wrapper.swim .phone-container2 {
    display: none
}

.section-header .swim-wrapper.swim .burger {
    display: flex
}

.section-header .swim-line {
    transition: top .5s;
    top: -81px
}

.section-header .line-wrapper {
    position: relative;
    background-color: #fff
}

.section-header .header-container {
    width: 1420px;
    align-items: center
}

.section-header .top-line {
    display: flex;
    justify-content: space-between;
    height: 100px
}

.section-header .logo-box {
    width: 185px;
    margin-left: 35px
}

.section-header .left-line {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    position: relative
}

.section-header .right-line {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 16px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-grow: 1
}

.section-header .right-line a {
    color: #000;
    text-decoration: none
}

.section-header .location-question {
    position: absolute;
    top: 100%
}

.section-header .question-area {
    position: relative;
    z-index: 11;
    display: none
}

.section-header .question-area.active {
    display: block
}

.section-header .question-area .location-question {
    position: absolute;
    z-index: 1;
    top: 100%;
    padding-top: 20px
}

.section-header .question-area .question-box {
    border-radius: 15px;
    background-color: #fff;
    box-shadow: 3px 5px 15px rgba(0, 0, 0, .15);
    padding: 25px 18px 14px;
    width: 276px
}

.section-header .question-area .question-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 22px;
    white-space: normal
}

.section-header .question-area .question-title span {
    color: #61BF1A
}

.section-header .question-area .question-actions {
    display: flex;
    justify-content: space-between;
    padding-bottom: 12px
}

.section-header .location-container .drop-city-box .mobile-head,
.section-header .location-container.opened .question-area {
    display: none
}

.section-header .question-area .action-button {
    width: 106px
}

.section-header .question-area .question-note {
    white-space: normal;
    color: #484949;
    font-size: 11px
}

.section-header .location-container {
    white-space: nowrap
}

.\@office .schedule-block .where-hours-table .day-cell .text-wrap,
.\@office .schedule-block .where-hours-table.small .day-cell.seven-days .hours-range,
.\@office .schedule-block .where-hours-table.small .day-cell.stretch .hours-range,
.section-header .change-city-items,
.section-header .location-container .cities .list-item,
.where-container .where-hours-table .day-cell .text-wrap,
.where-container .where-hours-table.small .day-cell.seven-days .hours-range,
.where-container .where-hours-table.small .day-cell.stretch .hours-range {
    white-space: normal
}

.section-header .location-container.opened .current-city::before {
    filter: none
}

.section-header .location-container.opened .current-city::after {
    transform: rotate(180deg);
    filter: none
}

.section-header .location-container.opened .city-name {
    color: #61BF1A
}

.section-header .location-container .current-city::before {
    width: 18px;
    height: 25px;
    filter: opacity(100%);
    transition: filter .3s
}

.section-header .location-container .current-city::after {
    transition: transform .3s;
    filter: opacity(100%) grayscale(1)
}

.section-header .location-container .current-city:hover::before {
    filter: none;
    animation: bounce 1s;
    animation-iteration-count: 2
}

.section-header .location-container .drop-city-wrapper {
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden
}

.section-header .location-container .drop-city-wrapper .header {
    padding-top: 30px
}

.section-header .location-container .drop-city-wrapper .mobile-head {
    margin-bottom: 0 !important
}

.section-header .location-container .drop-city-wrapper .close-box {
    margin-top: 30px
}

.section-header .location-container .drop-city-box {
    padding-bottom: 0
}

.section-header .location-container .drop-city-box .mobile-head .mobile-phone-container .mobile-phone {
    text-decoration: none;
    color: #61BF1A
}

.section-header .location-container .drop-city-box .mobile-head .mobile-phone-container .mobile-phone-label {
    font-size: 12px;
    color: #555
}

.section-header .location-container .drop-city-box .mobile-head .mobile-menu-close {
    transform: scale(0)
}

.section-header .location-container .cities {
    padding-right: 100px
}

.section-header .location-container .cities .cities-area {
    display: flex
}

.section-header .location-container .cities .mobile-buttons {
    display: none
}

.section-header .location-container .cities .mobile-buttons .action-button {
    margin-right: 30px;
    font-size: 18px
}

.section-header .location-container .cities .mobile-buttons .action-button.active span {
    border-color: #61BF1A
}

.section-header .location-container .cities .mobile-buttons .action-button span {
    padding: 0 2px;
    border-bottom: 1px solid transparent
}

.section-header .location-container .cities .cities-names,
.section-header .location-container .cities .cities-regions,
.section-header .location-container .cities .regions-list {
    display: flex;
    flex-direction: column
}

.section-header .location-container .cities .cities-regions {
    margin-right: 120px
}

.section-header .location-container .cities .cities-names {
    flex-grow: 1;
    display: flex;
    justify-content: flex-start
}

.section-header .location-container .cities .cities-heading {
    font-size: 21px;
    color: #000;
    margin-bottom: 20px;
    font-weight: 400;
    border-bottom: 1px solid #61BF1A;
    padding-bottom: 4px
}

.section-header .location-container .cities .cities-heading span {
    display: inline-block
}

.section-header .location-container .cities .cities-wrap,
.section-header .location-container .cities .regions-list {
    max-height: 284px
}

.section-header .location-container .cities .regions-list {
    min-width: 300px;
    width: 300px
}

.section-header .location-container .cities .list-item {
    padding-right: 20px;
    font-size: 18px;
    padding-top: 7px;
    padding-bottom: 7px;
    line-height: 1.2;
    cursor: pointer
}

.section-header .location-container .cities .list-item:not(.active):not(.soon):hover {
    color: #61BF1A
}

.section-header .location-container .cities .list-item.active {
    color: #61BF1A;
    cursor: default
}

.section-header .location-container .cities .cities-list {
    -moz-column-count: 3;
    column-count: 3;
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
    justify-items: left;
    width: 100%;
    max-width: 100%;
    overflow-y: auto;
    overflow-x: visible
}

.section-header .location-container .cities .cities-list.lastitems {
    -moz-columns: 1;
    columns: 1
}

.section-header .location-container .cities .cities-list .soon {
    color: #aaa;
    position: relative;
    cursor: default
}

.section-header .location-container .cities .cities-list .soon .label {
    margin-left: 5px;
    font-weight: 600;
    color: #fff;
    height: 18px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #61BF1A;
    border-radius: 2px;
    text-align: center;
    padding: 0 5px
}

.section-header .location-container .city-name {
    white-space: nowrap;
    margin-right: 6px;
    font-size: 16px;
    font-weight: 400;
    max-width: 100%;
    overflow: hidden
}

.section-header .cities-v3 .fast-nav {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 0
}

.section-header .cities-v3 .fast-link {
    color: #484949;
    padding: 6px 12px;
    font-size: 18px;
    margin-right: 12px;
    margin-bottom: 12px;
    background-color: #f1f1f1;
    border-radius: 5px;
    font-weight: 500;
    white-space: nowrap
}

.section-header .cities-v3 .fast-link.active,
.section-header .cities-v3 .fast-link:hover {
    background-color: #61BF1A;
    color: #fff
}

.section-header .cities-v3 .cities-abc {
    padding-top: 25px;
    display: grid
}

.section-header .cities-v3 .cities-abc.desktop {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr
}

.section-header .cities-v3 .cities-abc.tablet {
    grid-template-columns: 1fr 1fr 1fr;
    display: none
}

.section-header .cities-v3 .cities-abc .letter-box {
    padding-bottom: 15px;
    padding-left: 40px;
    display: grid;
    flex-direction: column;
    position: relative
}

.section-header .cities-v3 .cities-abc .letter {
    font-size: 36px;
    font-weight: 400;
    color: #000;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1;
    margin-top: -5px
}

.section-header .cities-v3 .cities-abc .letter-link {
    font-size: 18px;
    padding-bottom: 5px
}

.section-header .cities-v3 .cities-abc .letter-link:hover {
    color: #61BF1A
}

.section-header .cities-v3 .cities-abc .letter-link.disabled {
    color: #9e9fa2
}

.section-header .cities-v3 .cities-abc .letter-link.new::after {
    content: attr(data-label);
    display: inline-block;
    border-radius: 3px;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    margin-left: 6px;
    padding: 1px 5px;
    background-color: #61BF1A
}

.section-header .phones-actions {
    display: flex;
    align-items: center
}

.section-header .results-action,
.section-header .finevision_banner-action {
    display: flex
}

#finevision_banner .svg {
    margin-right: 15px;
    margin-left: 15px;
    width: 35px;
    height: 35px;
    z-index: 100;
    background-image: url('/local/templates/main/assets/img/eye.svg');
}

#finevision_banner:hover .svg {
    background-image: url('/local/templates/main/assets/img/eye-green.svg');
}

.section-header .results-action .action-button {
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    padding: 8px 20px;
    border: 1px solid #61BF1A;
    border-radius: 25px;
    margin-right: 20px;
    margin-left: 20px
}

.section-header .results-action .action-button::before {
    content: '';
    display: inline-block;
    width: 28px;
    min-width: 28px;
    height: 26px;
    margin-right: 12px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    background-image: url(../img/icons/list-checked.svg)
}

.section-header .results-action .action-button .item-value {
    font-size: 16px;
    color: #61BF1A
}

.section-header .phone-container {
    font-size: 16px;
    display: flex;
    align-items: flex-end;
    padding: 10px
}

.section-header .phone-container~.phone-container2::before {
    display: none
}

.section-header .phone-container .phone {
    white-space: nowrap;
}

.section-header .phone-container:hover::before {
    filter: none;
    animation: tada .33s;
    animation-iteration-count: 2
}

.section-header .phone-container::before {
    width: 28px;
    height: 28px;
    filter: opacity(100%);
}

.section-header .phone-container2 {
    margin-right: 15px;
    margin-left: 10px;
    display: flex
}

.section-header .phone-container2::before {
    width: 28px;
    height: 28px;
    filter: opacity(100%) grayscale(1);
    margin-right: 10px
}

.section-header .person-container .account-name.logged::before,
.section-header .person-container.opened .account-name::before {
    filter: none
}

.section-header .phone-container2 .phone {
    color: #555;
    display: flex;
    flex-direction: column
}

.section-header .phone-container2 .phone .phone-label {
    font-size: 12px;
    color: #555
}

.section-header .person-container.opened .account-name {
    color: #61BF1A
}

.section-header .person-container .logged-line {
    display: flex;
    align-items: center;
    margin-right: 60px
}

.section-header .person-container .logout-link {
    display: flex;
    align-items: center
}

.section-header .person-container .logout-link::before {
    width: 22px;
    height: 22px;
    background-position: 50%;
    margin-right: 4px
}

.section-header .person-container .logout-link span {
    font-weight: 300
}

.section-header .person-container .account-name {
    padding: 10px;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 300
}

.section-header .person-container .account-name span {
    display: none !important
}

.section-header .person-container .account-name.logged {
    align-items: center;
    display: flex;
    color: #61BF1A
}

.section-header .person-container .account-name.logged span {
    display: inline-block;
    max-width: 180px;
    overflow: hidden
}

.section-header .person-container .account-name::before {
    margin-right: 0 !important;
    width: 22px;
    height: 22px;
    filter: brightness(0%);
    background-position: 50%
}

.section-header .person-container .account-name:hover::before {
    filter: none;
    animation-iteration-count: 2
}

.section-header .cart-header-container {
    /* padding: 10px; */
    display: flex;
    align-items: center
}

.section-header .cart-header-container .cart-name {
    vertical-align: bottom;
    display: none
}

.section-header .cart-header-container .cart-ico {
    width: 34px;
    height: 28px;
    display: inline-block;
    position: relative;
    background-size: 100%;
    background-repeat: no-repeat;
    vertical-align: bottom
}

.section-header .cart-header-container .cart-ico i {
    height: 19px;
    width: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(206, 22, 40, .85);
    color: #fff;
    font-style: normal;
    font-size: 13px;
    position: absolute;
    right: -4px;
    top: -4px;
    transition: transform .15s
}

.section-header .cart-header-container .cart-ico.empty {
    filter: brightness(0%);
}

.section-header .cart-header-container .cart-ico.empty i {
    display: none
}

.section-header .cart-header-container .cart-ico.item-added {
    animation: shake .6s
}

.section-header .cart-header-container:hover .icon-cart i {
    background-color: #61BF1A
}

.section-header .search-box {
    padding: 10px 0 10px 10px
}

.section-header .search-box.opened .search-button {
    color: #61BF1A
}

.section-header .search-box:hover .icon-search::before {
    transform: scale(1.06)
}

.section-header .search-box:active .icon-search::before {
    opacity: .8
}

.section-header .search-box .search-button {
    font-weight: 30;
    display: flex;
    align-items: center;
    font-size: 0
}

.section-header .search-box .drop-search-cover {
    position: relative;
    z-index: 2
}

.section-header .search-box .drop-search-container {
    padding: 0 120px
}

.section-header .search-box .search-dropped-line {
    border-bottom: 1px solid #61BF1A;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    margin-right: 15px
}

.section-header .search-box .search-dropped-line .item-input {
    flex-grow: 1;
    position: relative;
    z-index: 1
}

.section-header .search-box .search-dropped-line input {
    border: 0;
    font-size: 18px;
    padding-left: 30px;
    width: 100%;
    height: 100%;
    outline: 0
}

.section-header .search-box .search-dropped-line input::-moz-placeholder {
    color: #fff
}

.section-header .search-box .search-dropped-line input::placeholder {
    color: #fff
}

.section-header .search-box .search-dropped-line .button {
    margin-right: -15px;
    margin-bottom: -1px;
    display: flex;
    align-items: center
}

.section-header .search-box .search-dropped-line .button::before {
    width: 20px;
    height: 20px;
    min-width: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    filter: brightness(0) invert(1) !important;
    margin-right: 15px;
    z-index: 2
}

.section-header .search-box .search-dropped-line .button:hover::before {
    transform: scale(1.2)
}

.section-header .search-box .for-example {
    padding-left: 30px;
    font-size: 14px;
    color: #484949
}

.section-header .search-box .for-example-text {
    cursor: pointer
}

.section-header .mobile-line {
    display: none;
    border: 1px solid #e5e5e5
}

.section-header .mobile-line .mobile-line-container {
    display: flex;
    align-items: center;
    height: 40px;
    justify-content: space-between;
    padding-right: 15px;
    font-size: 13px
}

.section-header .mobile-line .current-city {
    font-size: 13px
}

.section-header .mobile-line .current-city::before {
    width: 18px;
    height: 25px;
    filter: opacity(100%) grayscale(1);
    transition: filter .3s
}

.section-header .mobile-line .current-city::after {
    transition: transform .3s;
    filter: opacity(100%) grayscale(1)
}

.section-header .mobile-line .current-city:hover::before {
    filter: none;
    animation: bounce 1s;
    animation-iteration-count: 2
}

.section-header .icon-search::before {
    width: 23px;
    height: 23px;
    transition: transform .33s
}

.section-header .icon-arrow-more::after {
    width: 9px;
    height: 6px;
    vertical-align: middle
}

.section-header .burger {
    display: none;
    width: 45px;
    height: 45px;
    margin: 5px 15px 5px 0;
    position: relative;
    align-items: center;
    justify-content: start
}

.section-header .burger span {
    width: 16px;
    height: 16px;
    position: relative
}

.section-header .burger i {
    font-size: 0;
    background-color: #61BF1A;
    height: 2px;
    width: 15px;
    position: absolute;
    left: 0;
    transform-origin: center
}

.section-header .burger i:first-of-type {
    top: 0;
    transition: transform .33s
}

.section-header .burger i:last-of-type {
    top: 100%;
    transition: transform .33s
}

.section-header .burger i:nth-of-type(2) {
    width: 18px;
    top: 50%
}

.section-header .burger:active {
    background-color: rgba(206, 22, 40, .1)
}

.section-header .burger.opened span {
    margin-left: -6px
}

.section-header .burger.opened i:first-of-type {
    transform: rotate(45deg);
    top: 50%;
    width: 22px
}

.section-header .burger.opened i:nth-of-type(2) {
    width: 0;
    top: 50%
}

.section-header .burger.opened i:last-of-type {
    transform: rotate(-45deg);
    top: 50%;
    width: 22px
}

.section-header .drop-box-item.opened .drop-box-wrapper {
    transform: translate(0, 0);
    z-index: 9
}

.section-header .drop-box-item.opened .overlay {
    display: block;
    z-index: 0;
    opacity: .99
}

.section-header .drop-box-item .overlay {
    background-color: rgba(0, 0, 0, .25);
    position: fixed;
    top: 100%;
    height: 100vh;
    width: 100vw;
    display: none
}

.section-header .drop-box-wrapper {
    padding-top: 40px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: inset 0 4px 4px rgba(0, 0, 0, .1);
    z-index: -1;
    transform: translate(0, -110%);
    transition: transform .15s
}

.section-header .drop-box-wrapper .close-box {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    margin-right: -10px;
    justify-content: center;
    font-size: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: transform .33s
}

.section-header .drop-box-wrapper .close-box::before {
    width: 33px;
    height: 33px
}

.section-header .drop-box-wrapper .close-box:active,
.section-header .drop-box-wrapper .close-box:hover {
    transform: scale(1.1) rotate(180deg)
}

.section-header .drop-box-wrapper .container {
    position: relative
}

.section-header .drop-box-wrapper .header {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 60px
}

.section-header .drop-box {
    box-shadow: 0 4px 4px rgba(0, 0, 0, .1);
    padding-bottom: 40px
}

.section-header .drop-city-container {
    padding-left: 30px;
    overflow: hidden
}

.section-header .drop-city-container .header {
    margin-bottom: 0;
    padding-bottom: 20px
}

.section-header .change-city-items {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: 0
}

.section-header .change-city-items .city-item {
    display: inline-block;
    width: 20%;
    white-space: nowrap
}

.section-header .change-city-items .city-item.active .city-link {
    color: #61BF1A
}

.section-header .change-city-items .city-item.disabled {
    opacity: .5;
    cursor: default
}

.section-header .change-city-items .city-link {
    font-size: 18px;
    font-weight: 400;
    padding: 5px 0;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden
}

.section-header .change-city-items .city-link:hover {
    color: #61BF1A
}

.section-header .cabinet-header-form {
    width: 320px;
    margin-left: auto;
    margin-right: auto
}

.section-header .drop-cabinet-container .header {
    margin-bottom: 25px
}

.drop-menu-wrapper .overlay {
    background-color: rgba(0, 0, 0, .25);
    position: fixed;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none
}

.drop-menu-wrapper.opened .drop-menu {
    transform: translate(0)
}

.drop-menu-wrapper.opened .overlay {
    display: block
}

.drop-menu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background-color: #fff;
    width: 420px;
    max-width: 100%;
    height: 100vh;
    overflow-y: auto;
    transform: translate(-100%);
    transition: transform .15s
}

.drop-menu .menu-container {
    padding: 15px 14px
}

.drop-menu .mobile-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 8px;
    border-bottom: 1px solid #61BF1A;
    margin-bottom: 20px
}

.drop-menu .mobile-phone-container .mobile-phone {
    text-decoration: none;
    color: #61BF1A
}

.drop-menu .mobile-phone-container .mobile-phone-label {
    font-size: 12px;
    color: #555
}

.drop-menu .mobile-menu-close {
    font-size: 0;
    padding: 0;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: transform .15s
}

.drop-menu .mobile-menu-close::before {
    width: 35px;
    height: 35px;
    background-size: 100%
}

.drop-menu .mobile-menu-close:active {
    filter: grayscale(1);
    transform: scale(1.2)
}

.drop-menu .mobile-location {
    font-size: 14px;
    position: relative;
    margin-bottom: 20px
}

.drop-menu .mobile-location.opened .sub {
    transform: translate(0)
}

.drop-menu .mobile-location.opened .go-back {
    display: block
}

.drop-menu .mobile-location.opened .current-city {
    display: none
}

.drop-menu .mobile-location.opened .mobile-location-button {
    flex-direction: row;
    justify-content: flex-start
}

.drop-menu .mobile-location.opened .mobile-location-button::before {
    transform: scale(-1, 1);
    margin-left: -10px;
    filter: none;
    opacity: 1
}

.drop-menu .mobile-location .current-city {
    font-size: 18px
}

.drop-menu .mobile-location .go-back {
    display: none;
    margin-left: 30px;
    font-size: 18px
}

.drop-menu .mobile-location .sub {
    position: absolute;
    z-index: 1;
    top: 100%;
    background-color: #fff;
    width: 100%;
    min-height: 900px;
    transform: translate(-100%);
    transition: transform .33s
}

.drop-menu .mobile-location .sub .sub-cities {
    list-style-type: none
}

.drop-menu .mobile-location .sub .sub-cities .sub-heading {
    font-weight: 600;
    padding-bottom: 4px
}

.drop-menu .mobile-location .sub .sub-cities .cities-box {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 15px
}

.drop-menu .mobile-location .sub .sub-cities .cities-box.soon a {
    color: #999
}

.drop-menu .mobile-location .sub .sub-cities .cities-box li {
    width: 50%
}

.drop-menu .mobile-location .mobile-location-button {
    padding: 15px;
    color: #666;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse
}

.drop-menu .mobile-links li.active a,
.drop-menu .mobile-menu-products .name,
.main-section .main-menu .item-link.active,
.main-section .main-menu .menu-item:hover .item-link,
.section-header .main-menu .item-link.active,
.section-header .main-menu .menu-item:hover .item-link {
    color: #61BF1A
}

.drop-menu .mobile-location .mobile-location-button::before {
    filter: grayscale(1);
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    opacity: .7
}

.drop-menu .mobile-links {
    list-style-type: none;
    text-decoration: none;
    padding: 15px 0;
    margin-bottom: 0
}

.drop-menu .mobile-links .mobile-link {
    padding: 10px 15px;
    text-decoration: none;
    display: block
}

.drop-menu .mobile-links.small {
    font-size: 14px;
    padding: 15px 0
}

.drop-menu .mobile-links.small .mobile-link {
    padding: 10px 6px
}

.drop-menu .mobile-links.divider {
    border-bottom: 1px solid #61BF1A
}

.drop-menu .mobile-menu {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.drop-menu .mobile-menu .menu-item.opened .toggle-button::after {
    transform: scale(1, -1)
}

.drop-menu .mobile-menu .menu-item.opened .submenu {
    position: static;
    transform: scale(1)
}

.drop-menu .mobile-menu .menu-item.opened .sublink {
    opacity: 1;
    transform: translateX(0)
}

.drop-menu .mobile-menu .item-line {
    display: flex;
    border-top: 1px solid #e5e5e5
}

.drop-menu .mobile-menu .toggle-button {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-grow: 1;
    padding: 0 20px;
    margin-right: -10px;
    min-width: 20%
}

.drop-menu .mobile-menu .toggle-button::after {
    content: '';
    display: inline-block;
    width: 14px;
    height: 10px;
    min-width: 10px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 284.9 166.2'%3E%3Cpath d='M261.2 0L142.5 115.1 23.7 0 0 23.7l142.5 142.5L284.9 23.7 261.2 0z' fill='%23010101'/%3E%3C/svg%3E")
}

.drop-menu .mobile-menu .item-link {
    padding: 10px;
    font-size: 16px;
    display: block;
    min-width: 50%;
    font-weight: 300
}

.drop-menu .mobile-menu .submenu {
    list-style-type: none;
    margin: 0;
    padding: 5px 0;
    position: absolute;
    transform: scale(0);
    border-top: 1px solid #e5e5e5
}

.drop-menu .mobile-menu .sublink {
    padding: 5px 20px;
    display: block;
    transform: translateX(10px);
    opacity: 0;
    transition: opacity .7s, transform .5s;
    font-weight: 300
}

.drop-menu .mobile-menu-products {
    padding: 10px 0;
    border-top: 1px solid #61BF1A;
    border-bottom: 1px solid #61BF1A
}

.drop-menu .mobile-menu-products .mobile-product {
    background-color: rgba(212, 219, 231, .8);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 19px;
    text-decoration: none
}

.drop-menu .mobile-menu-products .mobile-product:not(:last-of-type) {
    margin-bottom: 7px
}

.drop-menu .mobile-menu-products .mobile-product:active {
    background-color: #d4dbe7
}

.drop-menu .mobile-menu-products .name {
    padding: 10px 0;
    font-size: 16px
}

.drop-menu .mobile-menu-products .image {
    min-width: 73px;
    vertical-align: bottom;
    float: right;
    width: 73px
}

.drop-menu .mobile-menu-products .image img {
    height: auto;
    max-width: 100%
}

.main-section .main-menu,
.section-header .main-menu {
    /* padding-top: 10px; */
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
    padding-left: 32px;
    list-style-type: none;
    display: flex;
    margin-left: -15px;
    margin-right: -15px
}

.main-section .main-menu .menu-item,
.section-header .main-menu .menu-item {
    position: relative
}

.main-section .main-menu .menu-item:hover,
.section-header .main-menu .menu-item:hover {
    z-index: 6
}

.main-section .main-menu .menu-item:hover .submenu,
.section-header .main-menu .menu-item:hover .submenu {
    transform: scale(1)
}

.main-section .main-menu .menu-item:hover .submenu .sublink span,
.section-header .main-menu .menu-item:hover .submenu .sublink span {
    transform: translateX(0);
    opacity: 1
}

.main-section .main-menu .menu-item:hover .submenu~.item-link,
.section-header .main-menu .menu-item:hover .submenu~.item-link {
    box-shadow: 5px 1px 5px rgba(0, 0, 0, .07);
    border-color: #fafafa;
    background-color: #fff
}

.main-section .main-menu .menu-item:hover .submenu~.item-link::after,
.section-header .main-menu .menu-item:hover .submenu~.item-link::after {
    filter: none
}

.main-section .main-menu .item-link,
.section-header .main-menu .item-link {
    font-size: 18px;
    font-weight: 400;
    padding: 15px;
    text-decoration: none;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    white-space: nowrap
}

.main-section .main-menu .submenu,
.section-header .main-menu .submenu {
    list-style-type: none;
    position: absolute;
    left: 0;
    z-index: 2;
    top: 100%;
    background-color: #fff;
    min-width: 255px;
    box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, .07);
    display: flex;
    flex-direction: column;
    padding: 20px 15px;
    border-radius: 0 10px 10px;
    border-left: 1px solid #fafafa;
    transform: scale(0)
}

.main-section .main-menu .submenu~.item-link,
.section-header .main-menu .submenu~.item-link {
    border-radius: 10px 10px 0 0;
    border-left: 1px solid transparent
}

.main-section .main-menu .submenu~.item-link::after,
.section-header .main-menu .submenu~.item-link::after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 8px;
    margin-left: 10px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    filter: grayscale(1);
    transition: filter .33s;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 404.31 202.15'%3E%3Cpath d='M0 0h404.31L202.15 202.15z' fill='%2361BF1A'/%3E%3C/svg%3E")
}

.main-section .main-menu .subitem:last-child .sublink,
.section-header .main-menu .subitem:last-child .sublink {
    border-bottom: 0
}

.main-section .main-menu .sublink,
.section-header .main-menu .sublink {
    display: block;
    padding: 10px 0;
    font-size: 16px;
    border-bottom: 1px solid #e5e5e5
}

.main-section .main-menu .sublink span,
.section-header .main-menu .sublink span {
    display: inline-block;
    transform: translateX(5px);
    opacity: 0;
    transition: transform .4s, opacity .4s
}

.index-main-menu .container {
    width: 1450px
}

.index-main-menu .main-menu {
    border-bottom: 0;
    margin-left: 0;
    padding-top: 0
}

.section-header .cart-header-container,
.section-header .location-container,
.section-header .person-container .account-name,
.section-header .phone-container,
.section-header .where-link-container {
    margin-right: 15px
}

.section-header .where-link-container {
    padding-top: 10px
}

.mobile-bottom-nav-menu {
    position: fixed;
    z-index: 10;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 6px 15px 12px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    gap: 14px;
    box-shadow: 0 -2px 4px rgba(0, 0, 0, .15)
}

.mobile-bottom-nav-menu__item {
    text-align: center;
    position: relative
}

.mobile-bottom-nav-menu__item img {
    line-height: 0
}

.mobile-bottom-nav-menu__item-text {
    font-size: 10px;
    color: #484949;
    line-height: 1.1
}

.mobile-bottom-nav-menu__item-badge {
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px;
    font-size: 10px;
    background: #61BF1A;
    color: #fff;
    min-width: 17px
}

.\@similar .item-heading {
    margin-bottom: 25px;
    margin-top: 0
}

.\@similar .item-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 26px
}

.\@similar .item-grid.three,
.\@similar2 .item-grid,
.\@similar2 .item-grid.three,
.gallery-grid {
    grid-template-columns: 1fr 1fr 1fr
}

.\@similar .item-grid .grid-item {
    border: 1px solid #e5e5e5;
    border-radius: 15px;
    padding: 17px 20px;
    display: flex;
    flex-direction: column
}

.\@similar .item-grid .item-code {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600
}

.\@similar .item-grid .title {
    font-size: 16px;
    color: #000;
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical
}

.\@similar .item-grid .param {
    display: flex;
    align-items: center;
    padding-bottom: 15px
}

.\@similar .item-grid .param .param-icon {
    padding-right: 10px
}

.\@similar .item-grid .param .param-icon img {
    width: 16px;
    height: 16px;
    min-width: 16px;
    display: block
}

.\@similar .item-grid .param .param-label {
    color: #484848;
    font-size: 12px
}

.\@similar .item-grid .price-box {
    margin-bottom: 15px
}

.\@similar .item-grid .price-note {
    font-size: 12px;
    color: #484848;
    line-height: 1.1;
    padding-right: 20px
}

.\@similar .item-grid .actions {
    display: flex;
    align-items: center;
    align-items: flex-end;
    flex-grow: 1
}

.\@similar .item-grid .actions .price-box {
    flex-grow: 1;
    margin-bottom: 0
}

.\@similar .item-grid .price {
    font-size: 24px;
    font-weight: 400
}

.\@similar .item-grid .days-value {
    font-size: 12px;
    color: #484848
}

.\@similar .item-grid .button {
    font-weight: 600;
    border-radius: 5px;
    text-transform: uppercase
}

.\@similar .item-grid .button.active {
    background-color: #61BF1A;
    color: #fff
}

.\@similar2 .item-heading {
    margin-bottom: 25px;
    margin-top: 0
}

.\@similar2 .item-grid {
    display: grid;
    grid-gap: 20px;
    padding-bottom: 30px
}

.\@similar2 .item-grid.four {
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.\@similar2 .item-grid .grid-item {
    border: 1px solid #e5e5e5;
    border-radius: 15px;
    padding: 17px 20px;
    display: flex;
    flex-direction: column
}

.\@similar2 .item-grid .item-code {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400
}

.\@similar2 .item-grid .title {
    font-size: 16px;
    color: #000;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical
}

.\@similar2 .item-grid .param {
    display: flex;
    align-items: center;
    padding-bottom: 15px
}

.\@similar2 .item-grid .param .param-icon {
    padding-right: 10px
}

.\@similar2 .item-grid .param .param-icon img {
    width: 16px;
    height: 16px;
    min-width: 16px;
    display: block
}

.\@similar2 .item-grid .param .param-label {
    color: #484848;
    font-size: 12px
}

.\@similar2 .item-grid .price-box {
    margin-top: auto;
    margin-bottom: 15px
}

.\@similar2 .item-grid .price-note {
    font-size: 12px;
    color: #484848;
    line-height: 1.1;
    padding-right: 20px
}

.\@similar2 .item-grid .actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.\@similar2 .item-grid .actions .price-box {
    margin-bottom: 0
}

.\@similar2 .item-grid .action-note {
    font-size: 12px;
    color: #484949;
    margin-bottom: 15px
}

.\@similar2 .item-grid .old-price {
    display: flex;
    align-items: center;
    margin-bottom: 3px;
    min-height: 22px
}

.\@similar2 .item-grid .old-price__value {
    font-size: 16px;
    white-space: nowrap;
    color: #77787d;
    position: relative;
    display: inline-block;
    margin-right: 10px
}

.\@similar2 .item-grid .old-price__value::after {
    content: '';
    height: 1px;
    width: 100%;
    display: block;
    background: #61BF1A;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.\@similar2 .item-grid .old-price__discount {
    background: #61BF1A;
    color: #fff;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 600;
    padding: 0 3px;
    display: inline-block;
    flex-grow: 0;
    flex-shrink: 0;
    width: 40px;
    border-radius: 5px;
    text-align: center
}

.\@similar2 .item-grid .old-price__discount span {
    font-size: 12px;
    font-weight: 400
}

.\@similar2 .item-grid .price {
    font-size: 24px;
    font-weight: 400
}

.\@similar2 .item-grid .days-value {
    font-size: 12px;
    color: #484848
}

.\@similar2 .item-grid .button {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 18px;
    padding: 7px 10px;
    border-radius: 10px;
    height: auto;
    line-height: normal
}

.\@similar2 .item-grid .button.active {
    background-color: #61BF1A;
    color: #fff
}

.footer-section {
    background-color: #2c3036;
    color: #a1a1a1;
    padding-top: 80px;
    padding-bottom: 30px
}

.footer-section a {
    color: #a1a1a1;
    font-size: 14px;
    text-decoration: none
}

.footer-section .container {
    width: 1180px
}

.footer-section .cols {
    display: flex;
    font-size: 14px
}

.footer-section .col {
    width: 20%
}

.footer-section .we-social .header {
    font-size: 16px;
    margin-bottom: 10px
}

.footer-section .we-social .social-balls {
    margin-bottom: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    display: flex
}

.analyses .areyouunderstood .feedback-balls,
.analyses .tabs-buttons,
.cards-section .cards,
.cart-container .item-urgency,
.footer-section .payments-types {
    -moz-user-select: none;
    -webkit-user-select: none
}

.footer-section .we-social .ball {
    width: 36px;
    height: 36px;
    min-width: 36px;
    display: flex;
    align-items: center;
    border: 1px solid #61BF1A;
    justify-content: center;
    border-radius: 50%;
    margin-right: 8px;
    opacity: .8
}

.footer-section .we-social .ball:hover {
    opacity: 1
}

.footer-section .we-social .ball::before {
    width: 24px;
    height: 20px;
    min-width: 24px
}

.footer-section .we-social .ball.disabled {
    filter: grayscale(1) brightness(2);
    cursor: not-allowed
}

.footer-section .we-social .ball .item-icon img {
    display: block;
    width: 24px;
    height: 20px;
    min-width: 24px;
    -o-object-fit: contain;
    object-fit: contain
}

.footer-section .copyright,
.footer-section .policy,
.footer-section .rules {
    font-size: 13px;
    margin-bottom: 10px;
    display: block
}

.footer-section .policy,
.footer-section .rules {
    opacity: .7
}

.footer-section .col.col-nav a {
    text-decoration: none
}

.footer-section .col.col-nav a:hover {
    color: #fff
}

.footer-section .col.col-nav .item {
    margin-bottom: 13px
}

.footer-section .col.col-nav .header {
    color: #fff
}

.footer-section .big-phone {
    margin-bottom: 13px;
    white-space: nowrap
}

.footer-section .big-phone a {
    font-size: 24px
}

.footer-section .big-phone a:hover {
    color: #61BF1A
}

.footer-section .tel-desc {
    font-size: 18px;
    margin-bottom: 13px
}

.footer-section .work-time {
    font-size: 14px;
    white-space: nowrap
}

.footer-section .work-time .header {
    margin-bottom: 3px
}

.footer-section .work-time .time-line {
    margin-bottom: 4px
}

.footer-section .work-time .time-line:hover {
    color: #fff
}

.footer-section .work-time .day {
    min-width: 45px;
    display: inline-block
}

.footer-section .payments-types {
    height: 30px;
    margin-bottom: -40px;
    margin-top: 25px;
    text-align: left;
    display: flex;
    user-select: none;
    margin-left: -10px
}

.footer-section .payments-types img {
    max-height: 100%;
    width: auto
}

.footer-section .payments-types .payment-item {
    height: 30px;
    width: 50px;
    margin: 0 10px;
    opacity: .6
}

.footer-section .payments-types .payment-item:hover {
    opacity: .75
}

.articles-content-wrapper .articles-nav .item.active .item-link::before,
.articles-wrapper .articles-nav .item.active .item-link::before {
    opacity: 1
}

.footer-section .payments-types .payment-item img {
    height: 100%
}

.footer-section .attention {
    letter-spacing: .04em;
    font-size: 24px;
    text-transform: uppercase;
    color: rgba(119, 120, 125, .6);
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: 60px
}

.footer-section .developer {
    text-align: right;
    font-size: 13px;
    color: #77787d;
    text-decoration: none;
    display: block
}

.footer-section .cookies-notice {
    padding: 10px 0;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 10;
    background-color: #fff;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, .1);
    transform: translateY(150%);
    transition: transform .33s
}

.footer-section .cookies-notice.opened {
    transform: translateY(0)
}

.footer-section .cookies-notice .close-block {
    position: absolute;
    right: 20px;
    top: 50%;
    font-size: 0;
    width: 50px;
    height: 50px;
    background-size: 50%;
    filter: grayscale(1);
    transform: translateY(-50%)
}

.footer-section .cookies-notice .close-block::before {
    width: 30px;
    height: 30px
}

.footer-section .cookies-notice .close-block:hover {
    filter: none
}

.footer-section .cookies-notice .cookies-box {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.footer-section .cookies-notice .cookies-box p {
    margin-bottom: 0;
    font-size: 15px
}

.footer-section .cookies-notice .cookies-box a {
    color: #000;
    text-decoration: underline
}

.footer-section .cookies-notice .omnomnom-box {
    padding: 0 10px;
    text-align: center
}

.text-n-image-block {
    display: flex
}

.text-n-image-block__image {
    max-width: 415px;
    flex: 0 0 35%;
    border-radius: 15px;
    overflow: hidden;
    line-height: 0;
    align-self: start
}

.text-n-image-block__text {
    flex: 1 0 65%;
    padding-left: 70px;
    line-height: 1.5
}

.\:table-wrapper {
    max-width: 100%;
    overflow: auto
}

.default-article {
    margin-bottom: 70px
}

.default-article.small {
    width: 900px;
    max-width: 100%;
    margin: 0 auto
}

.default-article.with-contents {
    width: auto
}

.articles-content-wrapper {
    display: grid;
    grid-template-columns: auto 1fr
}

.articles-content-wrapper .articles-content-sidebar {
    padding-right: 15px;
    order: -1
}

.articles-content-wrapper .articles-nav {
    min-width: 240px;
    width: 240px;
    list-style-type: none;
    padding-top: 10px;
    padding-left: 0;
    margin-bottom: 0
}

.articles-content-wrapper .articles-nav .item {
    margin-bottom: 0
}

.articles-content-wrapper .articles-nav .item.active .item-link {
    color: #61BF1A
}

.articles-content-wrapper .articles-nav .item-link {
    padding: 10px 0;
    font-size: 16px;
    display: flex;
    align-items: center;
    color: #000;
    text-decoration: none
}

.articles-content-wrapper .articles-nav .item-link::before {
    content: '';
    display: inline-block;
    min-width: 10px;
    width: 10px;
    height: 8px;
    margin-right: 7px;
    background-color: #61BF1A;
    opacity: 0;
    transition: opacity .33s
}

.article-detail-section .article-author {
    display: flex;
    align-items: center;
    padding-top: 40px
}

.article-detail-section .article-author a {
    color: #000;
    text-decoration: none
}

.article-detail-section .article-author .author-picture {
    padding-right: 15px;
    display: inline-block
}

.article-detail-section .article-author .author-picture img {
    width: 100px;
    height: 100px;
    min-width: 100px;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%
}

.article-detail-section .article-author .author-about {
    max-width: 500px
}

.article-detail-section .article-author .author-about .author-label {
    font-weight: 600
}

.article-contents-block {
    display: grid;
    grid-template-columns: 1fr 341px;
    grid-gap: 50px;
    align-items: flex-start
}

.article-contents-block .contents-nav {
    order: 2;
    border-radius: 15px;
    padding: 25px 30px;
    background-color: #e5e5e5
}

.article-contents-block .contents-nav .nav-heading {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 25px;
    display: block
}

.article-contents-block .contents-nav .contents-list {
    padding-left: 18px;
    margin-bottom: 0
}

.article-contents-block .contents-nav .contents-list .list-item {
    padding-bottom: 20px;
    margin-bottom: 0
}

.article-contents-block .contents-nav a.list-link {
    color: #000;
    text-decoration: none;
    font-size: 16px
}

.article-contents-block .contents-nav a.list-link:hover {
    color: #61BF1A
}

.default-article p,
.default-article-box p {
    font-size: 16px;
    color: #484949;
    margin-bottom: 15px;
    line-height: 26px
}

.default-article img,
.default-article-box img {
    border-radius: 15px;
    margin-bottom: 30px
}

.default-article img:last-of-type,
.default-article-box img:last-of-type {
    margin-bottom: 0
}

.default-article a,
.default-article-box a {
    color: #61BF1A;
    text-decoration: underline
}

.default-article a:hover,
.default-article-box a:hover {
    text-decoration: none
}

.default-article .article-image,
.default-article-box .article-image {
    padding: 0;
    margin: 0 0 45px;
    width: 500px;
    max-width: 100%
}

.default-article .article-image img,
.default-article-box .article-image img {
    margin-bottom: 0;
    margin-top: 0
}

.default-article .article-image.big,
.default-article-box .article-image.big {
    width: 100%
}

.default-article .article-image.big img,
.default-article-box .article-image.big img {
    border-radius: 0
}

.default-article .article-time,
.default-article-box .article-time {
    display: block;
    font-size: 14px;
    margin-bottom: 14px;
    color: #484949
}

.default-article .article-icon,
.default-article-box .article-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 17px;
    background-size: contain;
    margin-left: auto;
    margin-right: auto
}

.default-article .article-body,
.default-article-box .article-body {
    margin-bottom: 70px
}

.default-article p.article-note,
.default-article-box p.article-note {
    font-size: 13px;
    color: #61BF1A
}

.default-article .article-table,
.default-article-box .article-table {
    margin-top: 50px;
    margin-bottom: 50px;
    border-collapse: collapse
}

.default-article .article-table thead th,
.default-article-box .article-table thead th {
    font-weight: 400;
    padding: 15px
}

.default-article .article-table tbody td,
.default-article-box .article-table tbody td {
    padding: 10px
}

.default-article .article-table tbody td:not(:last-child),
.default-article-box .article-table tbody td:not(:last-child) {
    border-right: 1px solid #ddd
}

.default-article .article-table.article-table-compare,
.default-article-box .article-table.article-table-compare {
    font-size: 14px;
    min-width: 100%
}

.default-article .article-table.article-table-compare .label,
.default-article-box .article-table.article-table-compare .label {
    font-size: 12px;
    font-weight: 400;
    display: block;
    white-space: nowrap;
    margin-bottom: 7px
}

.default-article .article-table.article-table-compare tr td:not(:first-child),
.default-article-box .article-table.article-table-compare tr td:not(:first-child) {
    text-align: center
}

.default-article iframe[src*=youtube],
.default-article-box iframe[src*=youtube] {
    height: 660px;
    margin-bottom: 20px
}

.default-article h2,
.default-article h3,
.default-article-box h2,
.default-article-box h3 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 30px
}

.default-article h2 b,
.default-article h2 strong,
.default-article h3 b,
.default-article h3 strong,
.default-article-box h2 b,
.default-article-box h2 strong,
.default-article-box h3 b,
.default-article-box h3 strong {
    font-weight: 400
}

.default-article h4,
.default-article h5,
.default-article h6,
.default-article-box h4,
.default-article-box h5,
.default-article-box h6 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 30px
}

.default-article ol li,
.default-article ul li,
.default-article-box ol li,
.default-article-box ul li {
    margin-bottom: 10px
}

.default-article h4 b,
.default-article h4 strong,
.default-article h5 b,
.default-article h5 strong,
.default-article h6 b,
.default-article h6 strong,
.default-article-box h4 b,
.default-article-box h4 strong,
.default-article-box h5 b,
.default-article-box h5 strong,
.default-article-box h6 b,
.default-article-box h6 strong {
    font-weight: 400
}

.default-article ol,
.default-article-box ol {
    color: #484949;
    padding-left: 15px
}

.default-article table:not(.article-table),
.default-article-box table:not(.article-table) {
    border-collapse: collapse
}

.default-article table:not(.article-table) tr:not(:last-child) td,
.default-article-box table:not(.article-table) tr:not(:last-child) td {
    border-bottom: 1px solid #cdcdcd
}

.default-article table:not(.article-table) td,
.default-article-box table:not(.article-table) td {
    padding: 10px
}

.news-container .news-item,
.press-container .list-item {
    padding-bottom: 35px;
    padding-top: 30px;
    display: flex
}

.default-article table:not(.article-table) td:not(:last-child),
.default-article-box table:not(.article-table) td:not(:last-child) {
    border-right: 1px solid #cdcdcd
}

.news-container {
    margin-bottom: 150px
}

.news-container .news-item:not(:last-of-type) {
    border-bottom: 1px solid #e5e5e5
}

.news-container .news-item .item-header {
    display: flex
}

.news-container .news-item .item-time {
    font-size: 14px;
    color: #484949;
    min-width: 120px;
    width: 120px;
    padding-left: 6px
}

.news-container .news-item .item-title {
    font-size: 18px;
    font-weight: 400;
    min-width: 240px;
    width: 240px;
    padding-right: 15px
}

.news-container .news-item .item-excerpt {
    flex: 1
}

.news-container .news-item .excerpt-text {
    margin-bottom: 20px;
    color: #484949;
    font-size: 16px;
    padding-right: 20px;
    line-height: 23px
}

.news-detail h2 {
    font-size: 20px;
    color: #484949;
    line-height: 33px;
    margin-bottom: 15px;
    font-weight: 400
}

.press-container {
    margin-bottom: 150px
}

.press-container .list-item:not(:last-of-type) {
    border-bottom: 1px solid #e5e5e5
}

.press-container .list-item .item-header {
    display: flex;
    min-width: 310px;
    width: 310px
}

.press-container .list-item .item-logo {
    padding-bottom: 15px
}

.press-container .list-item .item-logo .logo-image {
    margin-bottom: 10px;
    display: flex;
    max-width: 180px
}

.press-container .list-item .item-logo .logo-image img {
    display: inline-block
}

.press-container .list-item .item-logo .logo-title {
    font-size: 16px
}

.press-container .list-item .item-title {
    font-size: 18px;
    font-weight: 400;
    padding-right: 15px;
    margin-bottom: 10px;
    color: #000
}

.press-container .list-item .item-excerpt {
    flex: 1
}

.press-container .list-item .excerpt-text {
    margin-bottom: 20px;
    color: #484949;
    font-size: 16px;
    padding-right: 20px;
    line-height: 23px
}

.articles-wrapper .articles-container {
    display: flex
}

.articles-wrapper .articles-nav {
    min-width: 240px;
    width: 240px;
    list-style-type: none;
    padding-top: 10px
}

.articles-wrapper .articles-nav .item.active .item-link {
    color: #61BF1A
}

.articles-wrapper .articles-nav .item-link {
    padding: 10px 0;
    font-size: 16px;
    display: flex;
    align-items: center
}

.articles-wrapper .articles-nav .item-link::before {
    content: '';
    display: inline-block;
    min-width: 10px;
    width: 10px;
    height: 8px;
    margin-right: 7px;
    background-color: #61BF1A;
    opacity: 0;
    transition: opacity .33s
}

.articles-wrapper .articles-grid-container {
    flex: 1
}

.articles-wrapper .articles-grid {
    display: flex;
    flex-wrap: wrap
}

.articles-wrapper .articles-grid .article-item {
    border-radius: 15px;
    background-color: #fff;
    padding: 30px 20px 20px;
    border: 1px solid #e5e5e5;
    margin: 0 10px 10px 0;
    outline: 0;
    transition: border .33s;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(33% - 7px)
}

.articles-wrapper .articles-grid .article-item:hover {
    border-color: #a1a1a1
}

.articles-wrapper .articles-grid .article-item:hover .article-icon {
    filter: none;
    opacity: 1
}

.articles-wrapper .articles-grid .article-item:hover .more-link {
    opacity: 1
}

.articles-wrapper .articles-grid .article-icon {
    display: block;
    width: 110px;
    height: 110px;
    background-size: contain;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px
}

.articles-wrapper .articles-grid .article-category {
    font-size: 11px;
    color: #666;
    margin-bottom: 7px;
    display: block;
    text-decoration: none;
    text-transform: uppercase
}

.articles-wrapper .articles-grid .article-category:hover {
    color: #61BF1A
}

.articles-wrapper .articles-grid .article-header {
    font-size: 18px;
    margin-bottom: 18px;
    font-weight: 500;
    line-height: 25px;
    min-height: 50px;
    display: block
}

.articles-wrapper .articles-grid .article-header a {
    text-decoration: none
}

.articles-wrapper .articles-grid .article-excerpt {
    font-size: 14px;
    color: #484849;
    line-height: 22px;
    margin-bottom: 33px
}

.articles-wrapper .articles-grid .more {
    text-align: right
}

.articles-wrapper .articles-grid .more-link {
    transition: opacity .33s
}

.articles-wrapper .articles-grid .more-link span {
    font-size: 14px
}

.brick-brick {
    padding: 0 10px 50px;
    margin-left: -30px;
    margin-right: -30px;
    display: flex;
    flex-direction: column
}

.brick-brick .item-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    background-color: #f3f3f3;
    padding: 7px 10px;
    flex-grow: 1;
    position: relative;
    z-index: 2;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    order: 2
}

.brick-brick .item-info~.adaptive-element .brick-image img {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.brick-brick .item-info .more-link {
    display: flex
}

.brick-brick .item-info .more-link span {
    position: relative;
    top: -1px
}

.brick-brick .item-info .item-title {
    width: 100%;
    padding-bottom: 10px;
    font-size: 14px
}

.brick-brick .item-info .item-date {
    display: flex;
    flex-grow: 1;
    align-items: center;
    font-weight: 300;
    font-size: 14px
}

.brick-brick .item-info .item-date .date-icon {
    width: 26px;
    min-width: 26px;
    margin-right: 10px
}

.brick-brick .item-info .item-date .date-icon img {
    width: 100%;
    display: block
}

.brick-brick .brick-image {
    position: relative;
    z-index: 1;
    display: flex
}

.brick-brick .brick-image img {
    width: 100%;
    border-radius: 10px
}

.page-header-box-section {
    padding: 40px 15px 50px;
    position: relative;
    background-size: cover;
    background-position: 50%;
    background-color: #d4dbe7
}

.page-header-box-section .overlay {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 100%);
    z-index: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    opacity: .9
}

.page-header-box-section .page-header-container {
    position: relative
}

.page-header-box-section .section-header {
    font-size: 36px;
    color: #fff;
    margin-bottom: 50px
}

.page-header-box-section .section-header.underline::before {
    background-color: #fff;
    width: 160px;
    margin-left: -80px
}

.page-header-box-section .text {
    color: #fff;
    font-size: 16px;
    width: 970px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    margin-bottom: 55px
}

.page-header-box-section .text-line {
    font-size: 18px;
    color: #000;
    text-align: center
}

.popup-carrot.active.autohide .popup-block {
    transform: scale(0);
    animation: autohide 5s 1
}

.popup-carrot.active.autohide .popup-container::before {
    content: '';
    display: inline-block;
    position: absolute;
    height: 4px;
    width: 100%;
    background-color: #61BF1A;
    animation: progressbar 5s linear 1;
    transform-origin: left
}

.popup-carrot .close-button {
    top: 0
}

.popup-carrot .popup-block {
    padding: 20px
}

.popup-carrot .popup-block::before {
    height: 100%
}

.popup-carrot .popup-container {
    padding: 0;
    width: 1000px;
    max-height: 100vh;
    max-width: 100%;
    vertical-align: middle
}

.popup-carrot .carrot-box {
    display: inline-flex;
    width: 100%
}

.popup-carrot .normal-carrot {
    width: 100%;
    height: 100%
}

.popup-carrot .normal-carrot img {
    width: 100%
}

.popup-carrot .small-carrot {
    display: none
}

.promotions-grid {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 50px
}

.promotions-grid .item-image {
    position: relative
}

.promotions-grid .item-image img {
    width: 100%;
    display: block
}

.promotions-grid .grid-item {
    width: 50%;
    display: flex
}

.promotions-grid .item-special {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    color: #000
}

.promotions-grid .item-special .special-box {
    padding: 10px
}

.promotions-grid .item-special .special-box.white {
    color: #fff
}

.promotions-grid .item-special .special-box.white .item-price.old {
    color: rgba(255, 255, 255, .7)
}

.promotions-grid .item-special .special-box.big .item-price {
    font-size: 36px
}

.promotions-grid .item-special .special-box.big .item-price.old {
    font-size: 32px
}

.promotions-grid .item-special .item-price {
    font-size: 24px;
    font-weight: 700
}

.promotions-grid .item-special .item-price.old {
    color: #888;
    display: inline-block;
    position: relative;
    font-size: 22px
}

.promotions-grid .item-special .item-price.old::before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 2px;
    background-color: #61BF1A;
    position: absolute;
    top: 50%;
    left: 0;
    transform: rotate(-15deg)
}

.promotions-grid .item-special .item-code {
    font-size: 12px
}

.promotions-grid .item-box {
    padding: 10px;
    display: flex;
    flex-direction: column
}

.promotions-grid .item-info {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-end;
    background-color: #f3f3f3;
    padding: 7px 10px;
    flex-grow: 1;
    position: relative;
    z-index: 1
}

.promotions-grid .item-info .notice {
    position: absolute;
    padding: 7px 12px;
    white-space: nowrap;
    text-transform: uppercase;
    color: #ccc;
    font-size: 12px;
    z-index: 1;
    right: 0;
    top: 0
}

.promotions-grid .item-info .notice.static {
    position: static;
    width: 100%;
    text-align: right;
    padding: 0
}

.promotions-grid .item-title {
    width: 100%;
    padding-bottom: 10px;
    font-size: 14px;
    padding-right: 70px
}

.promotions-grid .item-date {
    display: flex;
    flex-grow: 1;
    align-items: center;
    font-weight: 300;
    font-size: 14px
}

.promotions-grid .item-date .date-icon {
    width: 26px;
    min-width: 26px;
    margin-right: 10px
}

.promotions-grid .item-date .date-icon img {
    width: 100%;
    display: block
}

@keyframes autohide {
    0% {
        transform: scale(0)
    }

    0.2%,
    99% {
        transform: scale(1)
    }

    100% {
        transform: scale(0)
    }
}

@keyframes progressbar {
    0% {
        transform: scaleX(0)
    }

    1 {
        transform: scaleX(1)
    }
}

.gallery-grid {
    display: grid;
    grid-gap: 24px;
    margin-bottom: 48px
}

.gallery-grid .grid-item img {
    height: 252px;
    width: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 15px
}

.gallery-grid-actions {
    padding-bottom: 40px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 60px
}

.gallery-grid-actions a {
    text-decoration: none
}

.default-section .section-header {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 60px;
    text-align: center;
    background-color: transparent
}

.default-section .section-header.underline {
    position: relative
}

.default-section .section-header.underline::before {
    content: '';
    display: block;
    height: 1px;
    width: 200px;
    background-color: #61BF1A;
    position: absolute;
    left: 50%;
    margin-left: -100px;
    margin-top: 20px;
    top: 100%
}

.default-section .text-block h2 {
    font-size: 18px;
    color: #484949;
    margin-bottom: 20px;
    font-weight: 500
}

.default-section .text-block p {
    font-size: 16px;
    color: #484949;
    margin-bottom: 16px
}

.search-bar {
    margin-left: auto;
    margin-right: auto
}

.search-bar__input-wrapper {
    position: relative;
    display: flex
}

.search-bar__input {
    width: 100%;
    font-size: 18px;
    padding: 17px;
    border-top-left-radius: 999em;
    border-bottom-left-radius: 999em;
    border: 2px solid #61BF1A
}

.search-bar__input::-moz-placeholder {
    color: #000
}

.search-bar__input::placeholder {
    color: #000
}

.search-bar__input:focus {
    outline: 0
}

.search-bar__submit {
    background: #61BF1A;
    border-top-right-radius: 999em;
    border-bottom-right-radius: 999em;
    width: 60px;
    line-height: 0
}

.search-bar__submit::before {
    width: 23px;
    height: 23px;
    filter: brightness(0) invert(1)
}

.search-bar__note {
    font-size: 13px;
    color: #484949;
    margin-left: 17px;
    margin-top: 10px
}

.search-bar__note span:hover {
    text-decoration: underline;
    cursor: pointer
}

.search-bar .\:fast-search {
    margin-left: 15px;
    margin-right: 15px
}

.main-slider {
    /* background: #f3f3f3; */
    border-radius: 10px;
    border: 1px solid #D9D9D9;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    min-height: 445px;
    position: relative
}

.main-slider__text-area {
    position: relative;
    margin-right: 10px
}

.main-slider__text-area-slider {
    height: 100%;
    padding-bottom: 55px
}

.main-slider__text-area-slider:not(.slick-initialized) {
    display: flex;
    align-items: center;
    overflow: hidden
}

.main-slider__text-area-slider:not(.slick-initialized)>* {
    width: 100%;
    flex-shrink: 0;
    flex-grow: 0
}

.main-slider__text-area-slider .slick-track {
    display: flex;
    height: 100%;
    align-items: center
}

.main-slider__text-area-slider .slick-slide {
    height: auto
}

.main-slider__image-area {
    margin-left: -10px
}

.main-slider__image-area .slick-track {
    display: flex;
    height: 100%
}

.main-slider__image-area-slider {
    height: 100%;
    line-height: 0
}

.main-slider__image-area-slider:not(.slick-initialized)>div:not(:first-child) {
    display: none
}

.main-slider__image-item {
    height: 100%;
    position: relative
}

.main-slider__image-item a {
    color: inherit
}

.main-slider__image-item-text-grid {
    position: absolute;
    right: 0;
    bottom: 0;
    padding-right: 75px;
    padding-bottom: 15px;
    min-height: 50%;
    padding-top: 10px;
    display: flex;
    flex-direction: row-reverse;
    width: 100%
}

.main-slider__image-item-text {
    padding-left: 25px;
    flex: 0 0 25%;
    line-height: 1;
    white-space: nowrap
}

.main-slider__image-item-text-top {
    font-size: 1.25em;
    margin-bottom: .625em
}

.main-slider__image-item-text-big {
    font-weight: 700;
    font-size: 3em
}

.main-slider__image-item-text-strike {
    font-weight: 700;
    font-size: 2.5em;
    color: #888;
    display: inline-block;
    position: relative
}

.main-slider__image-item-text-strike::after {
    content: '';
    position: absolute;
    height: 3px;
    width: calc(100% + 3px);
    top: 50%;
    left: 0;
    background: #61BF1A;
    transform-origin: center;
    transform: skewY(350deg) skewX(10deg)
}

.main-slider__image-item-text-bottom {
    margin-top: .625em;
    font-size: 1em;
    line-height: 1.2
}

.main-slider__image-item-img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.main-slider__item {
    padding: 25px 55px 0
}

.main-slider__item-heading {
    font-weight: 600;
    font-size: 34px;
    line-height: 1.15;
    margin-bottom: 25px
}

.main-slider__item-text {
    font-size: 14px;
    line-height: 1.45;
    letter-spacing: .05em;
    color: #484949;
    margin-bottom: 25px;
    max-height: 150px;
    display: -webkit-inline-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.main-slider__item-button {
    height: auto;
    padding: .75em 1.1em;
    line-height: 1.2
}

.main-slider__item-button:hover {
    background-color: #61BF1A;
    opacity: 0.8;
}

.main-slider .slick-dots {
    position: absolute;
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    left: 55px;
    bottom: 35px
}

.main-slider .slick-dots li {
    margin-right: 10px
}

.main-slider .slick-dots button {
    font-size: 0;
    color: transparent;
    background: #d9d9d9;
    border-radius: 100%;
    border: 0;
    width: 9px;
    height: 9px
}

.main-slider .slick-dots button:hover {
    color: #61BF1A
}

.main-slider .slick-dots .slick-active button {
    background: #61BF1A
}

.main-slider .slick-arrow {
    position: absolute
}

.main-slider .slick-list {
    height: 100%
}

.main-slider__btn-nav {
    width: 35px;
    height: 35px;
    position: absolute;
    bottom: 24px
}

.main-slider__btn-nav svg {
    width: 100%;
    height: 100%
}

.main-slider__btn-nav.next {
    right: 55px
}

.main-slider__btn-nav.prev {
    right: 100px
}

.main-slider__ad-badge {
    position: absolute;
    color: #9e9fa2;
    font-size: 14px;
    text-transform: uppercase;
    right: 20px;
    top: 18px;
    z-index: 1
}

.main-section-nav {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    -moz-column-gap: 20px;
    column-gap: 20px
}

.main-section-nav__link {
    border-radius: 15px;
    background: #fff;
    flex: 0 0 220px;
    border: 0;
    font-weight: 500;
    font-size: 15px;
    color: #484949;
    padding: 20px 30px 20px 20px;
    display: flex;
    line-height: 1.2;
    align-items: center;
    transition: all .3s
}

.main-page-feedbacks .default-section,
.main-section {
    padding-bottom: 40px
}

.main-section {
    padding-bottom: 0;
}

.main-section-nav__link:hover {
    background: #61BF1A;
    color: #fff
}

.main-section-nav__link:hover .icon {
    filter: brightness(0) invert(1)
}

.main-section-nav__link .icon {
    flex-shrink: 0;
    width: 2.5em;
    height: 2.5em;
    display: block;
    background-repeat: no-repeat;
    margin-right: 15px;
    transition: filter .3s
}

.main-section-nav__link .icon img,
.main-section-nav__link .icon svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.main-section {
    /* overflow: hidden; */
    /* padding-top: 10px; */
    display: flex;
    flex-direction: column;
    align-items: stretch
}

.main-section .main-section-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1450px;
    padding-left: 15px;
    padding-right: 15px
}

.main-section .main-menu {
    margin-bottom: 12px
}

.main-section .search-bar {
    max-width: 940px;
    margin-bottom: 20px
}

.main-section .main-slider {
    margin-bottom: 40px;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, .2) */
}

.main-section+.default-section {
    /* padding-top: 20px */
}

.section-research {
    padding: 50px 15px
}

.section-research .page-container {
    width: 1420px
}

.section-research .section-header.underline {
    margin-bottom: 80px
}

.section-research .research-wrapper {
    display: flex;
    margin-bottom: 20px;
    justify-content: center
}

.section-research .research-grid {
    display: inline-flex;
    border: 1px solid #c4c4c4;
    flex-wrap: wrap;
    border-radius: 15px;
    overflow: hidden
}

.section-research .research-grid .grid-item {
    margin-bottom: -1px;
    width: 33.33%;
    border-right: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
    display: flex;
    overflow: hidden;
    position: relative;
    justify-content: flex-start
}

.section-research .research-grid .grid-item:hover .description-box {
    transform: scale(1);
    opacity: 1
}

.section-research .research-grid .item-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px;
    width: 100%;
    min-width: 100%;
    position: relative
}

.section-research .research-grid .item-box .notice {
    position: absolute;
    padding: 7px 12px;
    white-space: nowrap;
    text-transform: uppercase;
    color: #ccc;
    font-size: 12px;
    z-index: 1;
    right: 0;
    top: 0
}

.section-research .research-grid .box-top {
    text-align: center
}

.section-research .research-grid .item-code {
    font-size: 12px;
    color: #9e9fa2;
    text-align: left;
    margin-bottom: 15px
}

.section-research .research-grid .item-icon {
    width: 110px;
    height: 110px;
    display: inline-block;
    margin-bottom: 13px
}

.section-research .research-grid .item-icon img {
    height: 110px;
    width: 110px;
    -o-object-fit: contain;
    object-fit: contain
}

.section-research .research-grid .item-title {
    font-size: 21px;
    text-align: left;
    margin-bottom: 35px
}

.section-research .research-grid .box-params {
    display: flex;
    justify-content: space-between
}

.section-research .research-grid .param-item {
    display: flex;
    align-items: center
}

.section-research .research-grid .price {
    line-height: .9
}

.section-research .research-grid .price .param-digit {
    font-size: 32px;
    color: #000
}

.section-research .research-grid .price .param-digit span {
    font-size: 26px
}

.section-research .research-grid .param-digit {
    font-size: 36px;
    color: #77787d;
    margin-right: 13px;
    white-space: nowrap;
    font-weight: 600
}

.section-research .research-grid .param-digit span {
    font-weight: 400
}

.section-research .research-grid .param-text {
    font-size: 14px;
    letter-spacing: .05em;
    line-height: 1.3;
    color: #919191
}

.section-research .research-grid .description-box {
    width: 100%;
    min-width: 100%;
    margin-left: -100%;
    background-color: #fff;
    padding: 20px 30px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transform: scale(0);
    transition: transform .25s, opacity .33s;
    transform-origin: 50% 0;
    opacity: 0;
    position: relative;
    z-index: 2
}

.section-research .research-grid .description-box .param-item:not(.price):first-child {
    margin-bottom: 15px
}

.section-research .research-grid .excerpt {
    font-size: 13px;
    line-height: 1.6;
    color: #000;
    margin-bottom: 20px
}

.section-research .research-grid .description-bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}

.section-research .research-grid .description-params {
    flex-grow: 1
}

.section-research .research-grid .description-params__row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 15
}

.section-research .research-grid .description-params .more {
    flex-shrink: 0
}

.about-section {
    overflow: hidden;
    padding: 70px 0;
    position: relative
}

.about-section .schmurch {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 25%
}

.about-section .schmurch.left {
    left: 0
}

.about-section .schmurch.right {
    right: 0
}

.about-section .container {
    width: 980px
}

.about-section .text-about {
    font-size: 16px;
    text-align: center;
    margin-bottom: 50px;
    line-height: 24px;
    width: 930px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
}

.about-section .balls-container {
    text-align: center
}

.about-section .balls {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    justify-content: center
}


.about-section .ball-box:hover .ball {
    transform: scale(1.1)
}

.about-section .ball {
    width: 150px;
    height: 150px;
    border: 1px solid #e5e5e5;
    display: inline-block;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    background-size: 47%;
    margin-bottom: 13px;
    transition: transform .33s
}

.about-section .label {
    font-size: 14px;
    letter-spacing: .05em;
}

.about-section .label b {
    display: inline-block;
    margin-bottom: 4px;
}

.section-recommends {
    background-color: #f8f8f8;
    padding: 40px 10px 60px
}

.section-recommends .slider-container .slick-arrow,
.section-recommends2 .slider-container .slick-arrow {
    top: 50%;
    background-color: rgba(206, 22, 40, .03);
    background-position: 48%;
    margin-top: -40px;
    background-repeat: no-repeat;
    z-index: 1;
    background-image: url(../img/icons/arrow-left.svg)
}

.section-recommends .slider-container {
    width: 942px;
    margin-bottom: 50px
}

.section-recommends .slider-container .slider {
    position: relative
}

.section-recommends .slider-container .slick-track {
    display: flex;
    align-items: stretch
}

.section-recommends .slider-container .slick-arrow {
    width: 81px;
    height: 81px;
    position: absolute;
    border-radius: 50%;
    font-size: 0;
    transition: opacity .33s
}

.section-recommends .slider-container .slick-arrow:not(.slick-disabled):hover {
    opacity: 1;
    background-color: rgba(206, 22, 40, .1)
}

.section-recommends .slider-container .slick-arrow:not(.slick-disabled):active {
    background-color: rgba(206, 22, 40, .2)
}

.section-recommends .slider-container .slick-prev {
    transform: translate(-140%);
    left: 0
}

.section-recommends .slider-container .slick-next {
    right: 0;
    transform: translate(140%) scale(-1, 1)
}

.section-recommends .slider-container .slick-disabled {
    opacity: .2;
    cursor: no-drop
}

.section-recommends .slider-container .slider-item {
    border-radius: 15px;
    background-color: #fff;
    padding: 30px 20px 20px;
    border: 1px solid #e5e5e5;
    margin: 0 5px;
    outline: 0;
    transition: border .33s;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.section-recommends .slider-container .more-link,
.section-recommends2 .slider-container .more-link {
    transition: opacity .33s;
    opacity: .7
}

.section-recommends .slider-container .slider-item:hover {
    border-color: #a1a1a1
}

.section-recommends .slider-container .slider-item:hover .slide-icon {
    filter: none;
    opacity: 1
}

.section-recommends .slider-container .slider-item:hover .more-link {
    opacity: 1
}

.section-recommends .slider-container .slide-icon {
    display: block;
    width: 110px;
    height: 110px;
    background-size: contain;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px
}

.section-recommends .slider-container .slide-section {
    font-size: 11px;
    color: #666;
    margin-bottom: 7px;
    display: block;
    text-decoration: none;
    text-transform: uppercase
}

.section-recommends .slider-container .slide-section:hover {
    color: #61BF1A
}

.section-recommends .slider-container .slide-header {
    font-size: 18px;
    margin-bottom: 18px;
    font-weight: 500;
    line-height: 25px;
    min-height: 50px;
    display: block
}

.section-recommends .slider-container .slide-header a {
    text-decoration: none
}

.section-recommends .slider-container .slide-text {
    font-size: 14px;
    color: #484849;
    line-height: 22px;
    margin-bottom: 33px
}

.section-recommends .slider-container .more {
    text-align: right
}

.section-recommends .slider-container .more-link span {
    font-size: 14px
}

.section-recommends .center-block {
    margin-bottom: 0
}

.main-page-feedbacks .slider-container {
    width: 1270px
}

.main-page-feedbacks .slider-container .slick-arrow {
    width: 60px;
    height: 60px;
    background-size: 60% 60%
}

.main-page-feedbacks .slider-container .slick-prev {
    transform: translate(-120%);
    left: 0
}

.main-page-feedbacks .slider-container .slick-next {
    right: 0;
    transform: translate(120%) scale(-1, 1)
}

.section-recommends2 {
    background-color: #f8f8f8;
    padding: 40px 10px 60px
}

.section-recommends2 .slider-container {
    width: 1270px;
    margin-bottom: 50px
}

.section-recommends2 .slider-container .slider {
    position: relative
}

.section-recommends2 .slider-container .slick-track {
    display: flex;
    align-items: stretch
}

.section-recommends2 .slider-container .slick-arrow {
    width: 60px;
    height: 60px;
    position: absolute;
    border-radius: 50%;
    background-size: 60% 60%;
    font-size: 0;
    transition: opacity .33s
}

.section-recommends2 .slider-container .slick-arrow:not(.slick-disabled):hover {
    opacity: 1;
    background-color: rgba(206, 22, 40, .1)
}

.section-recommends2 .slider-container .slick-arrow:not(.slick-disabled):active {
    background-color: rgba(206, 22, 40, .2)
}

.section-recommends2 .slider-container .slick-prev {
    transform: translate(-120%);
    left: 0
}

.section-recommends2 .slider-container .slick-next {
    right: 0;
    transform: translate(120%) scale(-1, 1)
}

.section-recommends2 .slider-container .slick-disabled {
    opacity: .2;
    cursor: no-drop
}

.section-recommends2 .slider-container .slider-item {
    border-radius: 15px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    margin: 0 5px;
    outline: 0;
    transition: border .33s;
    height: auto;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.section-recommends2 .slider-container .slider-item:hover {
    border-color: #a1a1a1
}

.section-recommends2 .slider-container .slider-item:hover .slide-icon {
    filter: none;
    opacity: 1
}

.section-recommends2 .slider-container .slider-item:hover .more-link {
    opacity: 1
}

.section-recommends2 .slider-container .slider-item:hover .item-image img {
    filter: none
}

.section-recommends2 .slider-container .item-image img {
    width: 100%;
    height: 170px;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.section-recommends2 .slider-container .item-about {
    padding: 15px 20px;
    flex-grow: 1
}

.section-recommends2 .slider-container .item-actions {
    padding: 15px 20px;
    display: flex;
    align-items: center
}

.section-recommends2 .slider-container .published {
    flex-grow: 1;
    font-size: 14px;
    letter-spacing: .05em;
    font-weight: 500;
    color: #484848
}

.section-recommends2 .slider-container .item-cat {
    font-size: 11px;
    color: #666;
    margin-bottom: 7px;
    display: block;
    text-decoration: none;
    text-transform: uppercase
}

.section-recommends2 .slider-container .item-cat:hover {
    color: #61BF1A
}

.section-recommends2 .slider-container .item-heading {
    font-size: 18px;
    margin-bottom: 18px;
    font-weight: 500;
    line-height: 25px;
    min-height: 50px;
    display: block
}

.section-recommends2 .slider-container .item-heading a {
    text-decoration: none
}

.section-recommends2 .slider-container .item-text {
    font-size: 14px;
    color: #484849;
    line-height: 22px;
    font-weight: 300;
    margin-bottom: 10px
}

.section-recommends2 .slider-container .tags-list {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 5px;
    margin-left: -7px;
    margin-right: -7px
}

.section-recommends2 .slider-container .tags-list.small .item-link {
    padding: 3px 6px;
    font-size: 14px
}

.section-recommends2 .slider-container .tags-list.small .list-item {
    padding: 0 3px 6px
}

.section-recommends2 .slider-container .tags-list .list-item {
    padding: 0 7px 14px
}

.section-recommends2 .slider-container .tags-list .item-link {
    padding: 6px 14px;
    display: block;
    color: #484848;
    font-weight: 400;
    background-color: #f5f5f5;
    border-radius: 5px
}

.section-recommends2 .slider-container .tags-list .item-link:hover {
    color: #61BF1A
}

.section-recommends2 .slider-container .tags-list .item-link::before {
    content: '#';
    font-weight: 500;
    color: #61BF1A
}

.section-recommends2 .slider-container .more {
    text-align: right
}

.section-recommends2 .slider-container .more-link span {
    font-size: 14px
}

.section-recommends2 .center-block {
    margin-bottom: 0
}

.analysesathome-section {
    padding: 40px 15px 50px;
    position: relative;
    background-size: cover;
    background-position: 50%;
    background-color: #d4dbe7
}

/* Специальности */

.specialties {
    margin: 0 0 68px;
}

.specialties__block {
    padding: 0 0 45px;
}

.specialties__block:last-child {
    padding: 0;
}

.specialties__title {
    padding: 0 0 22px;
    font-size: 24px;
    line-height: 29px;
    font-weight: 400;
}

.specialties__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 35px 50px;
}

.specialties__item {
    list-style-type: none;
}

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

.specialties__item-link:hover {
    color: #61BF1A;
}

.specialties__item-link svg {
    width: 30px;
    height: 30px;
}

.specialties__item-link span {
    padding-left: 10px;
    font-size: 16px;
    line-height: 19px;
}

.specialties .tabs {
    border-radius: 9px;
    border-top: none;
}

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

.tabs__controls label {
    background: #f9fafb;
}

.specialties .tabs__controls label {
    border: 1px solid #E5E5E5;
    white-space: nowrap;
    border-top: none;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    border-bottom: 1px solid #E5E5E5;
    border-top: 1px solid #E5E5E5;
    display: block;
    text-align: center;
    padding: 25px 70px;
}

.specialties .tabs__controls label:first-child {
    border-top-left-radius: 9px;
}

.specialties .tabs__controls label:last-child {
    border-top-right-radius: 9px;
    width: 100%;
    text-align: left;
}

.specialties .tabs__controls label:hover {
    cursor: pointer;
}

.specialties .tabs__controls .label--active {
    position: relative;
    background: rgba(97, 191, 26, 0.05) !important;
    border: 1px solid #E5E5E5;
    border-bottom: none;
    color: #61BF1A;
}

.visually-hidden {
    display: none;
}

.specialties .tabs__controls .label--active::after {
    position: absolute;
    content: "";
    bottom: -1px;
    left: 0;
    /* background: #cef5ff40; */
    height: 1px;
    width: 100%;
}

.specialties .tabs__content {
    background: rgba(97, 191, 26, 0.05);
    border: 1px solid #E5E5E5;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    border-top: none;
}

.specialties .tabs__tab {
    padding: 45px 40px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    display: none;
}

.specialties .tabs__tab.tabs__tab_active {
    display: block;
}


.analysesathome-section.mainpage .text {
    width: 650px;
    margin-bottom: 88px
}

.analysesathome-section .overlay {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 100%);
    z-index: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    opacity: .9
}

.analysesathome-section .at-home-container {
    position: relative
}

.specialties__icon {
    width: 30px;
}

.analysesathome-section .section-header {
    font-size: 36px;
    color: #fff;
    margin-bottom: 50px
}

.analysesathome-section .section-header.underline::before {
    background-color: #fff;
    width: 160px;
    margin-left: -80px
}

.analysesathome-section .text {
    color: #fff;
    font-size: 16px;
    width: 970px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    margin-bottom: 55px
}

.analysesathome-section .text-at-home {
    font-size: 18px;
    color: #000;
    text-align: center
}

.analysesathome-section .balls .ball-box.white .label,
.analysesathome-section .more .more-link span {
    color: #fff
}

.analysesathome-section .balls {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 70px
}

.analysesathome-section .balls .ball-box {
    text-align: center
}

.analysesathome-section .balls .ball-box.white .ball {
    filter: brightness(0) invert(1)
}

.analysesathome-section .balls .ball-box:hover .ball {
    transform: scale(1.04)
}

.analysesathome-section .balls .ball {
    width: 110px;
    height: 110px;
    margin-bottom: 20px;
    background-size: 100%;
    margin-left: auto;
    margin-right: auto;
    transition: transform .33s
}

.analysesathome-section .balls .label {
    max-width: 200px;
    text-align: center;
    font-size: 18px;
    font-weight: 400
}

.analysesathome-section .more {
    text-align: right
}

.analysesathome-section .more .more-link::before {
    background-color: transparent;
    border: 1px solid #fff
}

.analysesathome-section .more .more-link:hover::before {
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 8'%3E%3Cpath d='M8.1 4.1L4.9 8l-1.1-.7L6.5 4 3.8.7 4.9 0l3.3 3.9v.2zm-3.7 0L1.1 8 0 7.3 2.7 4 0 .7 1.1 0l3.3 3.9v.2z' fill='%23ce1628'/%3E%3C/svg%3E");
    background-size: 11px 11px;
    background-position: 60% 50%
}

.cards-section {
    padding: 50px 15px;
    position: relative
}

.cards-section .schmurch-single {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 10vw;
    z-index: 0
}

.cards-section .cards-container {
    width: 1180px
}

.cards-section .cards {
    margin-bottom: 65px;
    user-select: none;
    display: flex;
    justify-content: space-between
}

.cards-section .cards .card {
    width: 340px;
    border-radius: 15px;
    border: 1px solid #e5e5e5;
    padding: 22px 30px 17px;
    transition: border .33s;
    text-decoration: none;
    background-color: #fff
}

.cards-section .cards .card.special-mobile {
    display: none
}

.cards-section .cards .card .card-icon {
    width: 100px;
    height: 100px;
    margin-bottom: 34px;
    margin-left: auto;
    margin-right: auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.cards-section .cards .card .label {
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    text-decoration: none
}

.cards-section .cards .card:hover {
    border-color: #a1a1a1
}

.cards-section .cards .card:hover .card-icon {
    filter: none;
    transform: scale(1);
    opacity: 1
}

.order-container {
    margin-bottom: 50px
}

.order-container .order-form .form-box {
    margin-bottom: 40px
}

.order-container .order-form .header {
    text-align: left;
    font-weight: 400;
    display: flex;
    align-items: baseline
}

.order-container .order-form .header.sub {
    margin-bottom: 25px
}

.order-container .order-form .location-cell {
    width: 360px;
    max-width: 100%;
    margin-right: 20px
}

.order-container .order-form .line-wrap {
    display: flex
}

.order-container .order-form .office-cell {
    width: 360px;
    max-width: 100%
}

.order-container .order-form .attention-header {
    align-items: center;
    background-image: none;
    font-size: 12px;
    display: flex;
    margin-left: 20px;
    color: #61BF1A
}

.order-container .order-form .attention-header::before {
    width: 15px;
    height: 15px;
    min-width: 15px;
    background-size: contain;
    margin-right: 7px
}

.order-container .order-form .order-name {
    display: flex;
    justify-content: space-between
}

.order-container .order-form .form-line.birthday,
.order-container .order-form .transliterate-name .form-line {
    align-items: center;
    display: flex
}

.order-container .order-form .order-name .line-cell {
    width: 33%
}

.order-container .order-form .order-name .line-cell:not(:last-of-type) {
    margin-right: 20px
}

.order-container .order-form .form-line.birthday .cell-wrapper {
    display: flex
}

.order-container .order-form .form-line.birthday .line-cell {
    max-width: 150px
}

.order-container .order-form .form-line.birthday .label {
    margin-right: 20px;
    font-size: 14px;
    font-weight: 400
}

.order-container .order-form .transliterate-name .line-label {
    font-size: 14px;
    padding-bottom: 8px;
    padding-left: 5px
}

.order-container .order-form .transliterate-name .line-cell {
    width: 635px;
    max-width: 100%
}

.order-container .order-form .transliterate-name .styled-checkbox {
    padding-left: 23px
}

.order-container .order-form .note-line {
    display: flex;
    align-items: center
}

.order-container .order-form .note-line .line-cell {
    width: calc(33% - 10px);
    margin-right: 20px;
    max-width: 100%
}

.order-container .order-form .note-line .note-text {
    font-size: 13px;
    max-width: 300px
}

.order-container.order-complete-container .order-complete {
    display: flex;
    align-items: center;
    margin-bottom: 50px
}

.order-container.order-complete-container .order-complete .order-code-box {
    display: flex;
    align-items: center;
    padding: 22px;
    background-color: #d4dbe7;
    border-radius: 15px;
    width: 455px;
    max-width: 100%;
    margin-right: 60px
}

.order-container.order-complete-container .order-complete .order-code-box .code {
    font-size: 48px;
    font-weight: 400;
    margin-right: 17px
}

.order-container.order-complete-container .order-complete .order-code-box .code-note {
    font-size: 16px;
    font-weight: 400
}

.order-container.order-complete-container .order-complete .barcode-box {
    flex: 1;
    display: flex;
    align-items: center
}

.order-container.order-complete-container .order-complete .barcode-box .barcode-image {
    width: 300px;
    margin-right: 20px
}

.order-container.order-complete-container .order-complete .barcode-box .barcode-note {
    max-width: 270px
}

.order-container.order-complete-container .order-complete .order-payment-box {
    display: flex;
    align-items: center
}

.order-container.order-complete-container .order-complete .order-payment-button {
    margin-right: 20px
}

.order-container.order-complete-container .order-complete .order-payment-sum {
    font-size: 36px
}

.order-container.order-complete-container .order-actions {
    display: flex
}

.order-container.order-complete-container .order-actions .action-block {
    margin-right: 30px
}

.cart-section {
    padding-top: 50px
}

.cart-section .page-head .button {
    margin-bottom: 25px
}

.cart-section .guide-block {
    padding-bottom: 50px;
    margin-top: -30px
}

.cart-section .guide-block.v2 {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 20px;
}

.cart-section .guide-block .guide-container {
    display: flex;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5
}

.cart-section .guide-block .guide-item {
    padding: 30px 0;
    width: 33.33%
}

.cart-section .guide-block .item-box {
    display: flex;
    padding-right: 27%
}

.cart-section .guide-block .item-box i {
    font-size: 72px;
    color: #61BF1A;
    font-style: normal;
    font-weight: 600;
    line-height: .7;
    padding-right: 10px
}

.cart-section .guide-block .item-box span {
    font-size: 16px
}

.cart-container {
    display: flex
}

.cart-container.order-list .price-col {
    min-width: 455px
}

.cart-container.order-list .price-col .cart-total-box .header {
    margin-bottom: 0
}

.cart-container.order-list .price-col .cart-total-box .total-attention {
    margin-bottom: 10px
}

.cart-container .items-col {
    flex: 1;
}

.addServ {
    margin: 0 auto;
}

.cart-container .items-header {
    font-size: 24px;
    font-weight: 400
}

.cart-container .item-urgency {
    user-select: none;
    font-size: 0;
    font-weight: 400;
    color: #77787d;
    cursor: pointer;
    margin-left: 10px
}

.cart-container .item-urgency input {
    display: none
}

.cart-container .item-urgency input:checked~label .switcher {
    background-color: #61BF1A
}

.cart-container .item-urgency input:checked~label .switcher::before {
    transform: translateX(23px)
}

.cart-container .item-urgency:hover .switcher {
    background-color: rgba(206, 22, 40, .3)
}

.cart-container .item-urgency label {
    cursor: pointer;
    font-size: 14px
}

.cart-container .item-urgency .switcher {
    display: inline-block;
    background-color: #c4c4c4;
    height: 20px;
    width: 45px;
    border-radius: 10px;
    vertical-align: middle;
    margin: 0 12px;
    position: relative;
    transition: background-color .16s
}

.cart-container .item-urgency .switcher::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 2px;
    left: 3px;
    transition: transform .12s
}

.cart-container .cart-item {
    position: relative;
    padding-bottom: 10px;
    padding-right: 60px;
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e5e5e5;
    transition: opacity 1s
}

.cart-container .cart-item .item-delete {
    position: absolute;
    right: -15px;
    top: -15px;
    font-size: 0;
    width: 50px;
    height: 50px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.cart-container .cart-item .item-delete::before {
    width: 25px;
    height: 25px;
    filter: grayscale(1);
    vertical-align: top;
    transition: transform .33s
}

.cart-container .cart-item .item-delete:active::before,
.cart-container .cart-item .item-delete:hover::before {
    filter: none;
    transform: scale(1.2)
}

.cart-container .cart-item.deleted {
    max-height: 0;
    padding: 0;
    background-color: #61BF1A;
    opacity: 0
}

.cart-container .cart-item .header {
    font-size: 14px;
    font-weight: 400
}

.cart-container .cart-item .name-container {
    flex: 1
}

.cart-container .cart-item .item-header {
    margin-bottom: 15px
}

.cart-container .cart-item .item-no {
    color: #61BF1A;
    display: inline-block;
    margin-right: 10px
}

.cart-container .cart-item .item-type {
    color: #484949
}

.cart-container .cart-item .item-name {
    font-size: 16px;
    font-weight: 400;
    padding-right: 15px;
    text-decoration: none
}

.cart-container .cart-item .samples-header {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #484949;
    margin-top: 10px;
    margin-bottom: 20px
}

.cart-container .cart-item .samples-header::before {
    width: 24px;
    min-width: 24px;
    height: 24px;
    margin-right: 6px
}

.cart-container .cart-item .samples-header:hover::before {
    animation: shake 1.3s
}

.cart-container .cart-item .item-price {
    min-width: 60px
}

.cart-container .cart-item .params-container {
    padding-left: 15px;
    display: flex
}

.cart-container .cart-item .params-container .time-box {
    margin-right: 40px
}

.cart-container .cart-item .params-container .item-price,
.cart-container .cart-item .params-container .time {
    font-size: 18px;
    font-weight: 400
}

.cart-container .cart-item .params-container .time {
    min-width: 90px
}

.cart-container .cart-item .params-container .time-icons {
    margin-bottom: 20px
}

.cart-container .cart-item .params-container .time-icons i {
    display: inline-block;
    width: 26px;
    height: 26px;
    font-size: 0;
    background-size: contain;
    background-repeat: no-repeat
}

.cart-container .cart-item .params-container .time-icons i:not(:last-of-type) {
    margin-right: 18px
}

.cart-container .cart-item .choose-samples {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
    font-size: 13px;
    font-weight: 400
}

.cart-container .cart-item .choose-samples .chech-sample {
    width: 33%;
    margin-bottom: 10px
}

.cart-container .cart-item .choose-samples.custom-samples {
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 0
}

.cart-container .cart-item .choose-samples.custom-samples .chech-sample {
    margin-right: 40px;
    margin-bottom: 20px;
    width: 25%
}

.cart-container .cart-item .notification {
    padding: 10px 15px;
    background-color: rgba(206, 22, 40, .1);
    font-size: 14px;
    margin-bottom: 1px
}

.cart-container .required-services .required-header {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 40px
}

.cart-container .required-services .required-item {
    display: flex;
    justify-content: space-between;
    padding-right: 60px;
    padding-bottom: 27px
}

.cart-container .required-services .required-item:not(:last-of-type) {
    margin-bottom: 35px;
    border-bottom: 1px solid #e5e5e5
}

.cart-container .required-services .required-item .item-header {
    margin-bottom: 20px
}

.cart-container .required-services .required-item .header {
    font-size: 14px;
    font-weight: 400
}

.cart-container .required-services .required-item .item-no {
    color: #61BF1A;
    display: inline-block;
    margin-right: 10px
}

.cart-container .required-services .required-item .item-type {
    color: #484949
}

.cart-container .required-services .required-item .item-name {
    font-size: 18px;
    font-weight: 400;
    text-decoration: none
}

.cart-container .required-services .required-item .item-price {
    font-size: 18px;
    font-weight: 400
}

.cart-container .service-box {
    padding: 22px 20px;
    border: 1px solid #c4c4c4;
    border-radius: 15px;
    margin-bottom: 20px;
    max-width: 340px
}

.cart-container .service-box .buttons {
    display: flex;
    border: 1px solid #61BF1A;
    border-radius: 23px;
    overflow: hidden
}

.cart-container .service-box .buttons .button-typs {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 10px;
    color: #61BF1A;
    font-size: 16px
}

.cart-container .service-box .buttons .button-typs.active {
    background-color: #61BF1A;
    color: #fff;
    border-radius: 23px
}

.cart-container .service-box .service-details {
    border-top: 1px solid #e5e5e5;
    margin-top: 23px;
    padding-top: 15px;
    display: none
}

.cart-container .service-box .service-details.active {
    display: block
}

.cart-container .service-box .location {
    display: inline-flex;
    align-items: center;
    margin-bottom: 17px
}

.cart-container .service-box .location .icon {
    padding-right: 7px
}

.cart-container .service-box .location .icon img {
    height: 25px
}

.cart-container .service-box .location .value {
    font-size: 16px;
    color: #000
}

.cart-container .service-box .price {
    margin-bottom: 10px
}

.cart-container .service-box .price .label {
    font-size: 13px;
    margin-bottom: 5px
}

.cart-container .service-box .price .value {
    font-size: 24px;
    color: #61BF1A
}

.cart-container .service-box .tariff {
    display: flex;
    position: relative
}

.cart-container .service-box .tariff .input-box {
    width: 100%;
    position: relative
}

.cart-container .service-box .tariff .input-box input {
    padding-right: 130px;
    position: absolute;
    transform: scale(0)
}

.cart-container .service-box .tariff .fake-input {
    font-size: 14px;
    letter-spacing: .05em;
    border: 1px solid #c4c4c4;
    border-radius: 10px;
    display: flex;
    align-items: center;
    min-height: 50px;
    padding: 5px 120px 5px 20px
}

.cart-container .service-box .tariff .button {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    width: 120px
}

.cart-container .service-box .tariff .button span:last-child,
.cart-container .service-box .tariff .button.active span:first-child {
    display: none
}

.cart-container .service-box .tariff .button.active span:last-child {
    display: block
}

.cart-container .service-box .styled-checkbox label {
    align-items: flex-start
}

.cart-container .service-box .styled-checkbox label span {
    font-size: 13px
}

.cart-container .service-box .service-total {
    padding: 13px 20px;
    background-color: rgba(206, 22, 40, .1);
    border-radius: 15px
}

.cart-container .service-box .service-total .title {
    color: #484949;
    font-size: 13px;
    margin-bottom: 5px;
    font-weight: 30
}

.cart-container .service-box .service-total .hours {
    color: #61BF1A;
    margin-bottom: 6px;
    font-size: 20px
}

.cart-container .service-box .service-total .note {
    font-size: 14px;
    color: #61BF1A;
    font-weight: 300
}

.cart-container .price-col {
    min-width: 345px;
    margin-left: 40px
}

.cart-container .price-col .cart-total-box {
    padding: 15px;
    border-radius: 15px;
    background-color: #d4dbe7;
    margin-bottom: 30px
}

.cart-container .price-col .cart-total-box .header {
    font-size: 20px;
    margin-bottom: 25px;
    font-weight: 400
}

.cart-container .price-col .cart-total-box .total-price {
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 8px
}

.cart-container .price-col .cart-total-box .total-attention {
    font-size: 13px;
    margin-bottom: 28px
}

.cart-container .price-col .cart-total-box .promocode-status {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-size: 20px
}

.cart-container .price-col .cart-total-box .promocode-status::before {
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 16px
}

.cart-container .price-col .cart-total-box .promocode-status.accepted::before {
    background-image: url(../img/icons/check-green.svg)
}

.cart-container .price-col .cart-total-box .promocode-status.declined::before {
    background-image: url(../img/icons/close-red-circle.svg)
}

.cart-container .price-col .cart-total-box .action-link {
    font-size: 18px;
    color: #61BF1A;
    text-decoration: underline;
    display: inline-block;
    margin-bottom: 24px
}

.cart-container .price-col .cart-total-box .total-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 15px
}

.cart-container .price-col .cart-total-box .total-button .button {
    width: 241px
}

.cart-container .price-col .cart-total-box .button {
    margin-bottom: 10px
}

.cart-container .price-col .cart-total-box .print-block {
    margin-bottom: 0;
    display: block;
    text-decoration: none
}

.cart-container .price-col .cart-total-box .print-block .icon-print {
    display: inline-block;
    width: 32px;
    height: 30px;
    background-size: cover;
    vertical-align: middle;
    margin-right: 10px
}

.cart-container .price-col .cart-total-box .print-block span {
    vertical-align: middle
}

.cart-container .price-col .notes-container {
    font-size: 13px;
    color: #484949;
    max-width: 300px
}

.cart-container .price-col .notes-container .cart-note {
    display: flex;
    margin-bottom: 30px
}

.cart-container .price-col .notes-container .cart-note i {
    display: inline-block;
    width: 25px;
    min-width: 25px;
    height: 25px;
    background-size: cover;
    margin-right: 11px;
    position: relative;
    top: -10px
}

.cart-container .price-discount,
.cart-container .total-price-discount {
    display: inline-block;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: -10px;
    padding-left: 4px;
    position: relative;
    color: #2c3036
}

.cart-container .price-discount::before,
.cart-container .total-price-discount::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 3px;
    background-color: #61BF1A;
    transform: rotate(-10deg)
}

.cart-container .total-price-discount {
    font-size: 24px
}

.cart-container .order-actions,
.order-container .order-actions {
    padding-left: 30px
}

.cart-container .order-actions .action-block,
.order-container .order-actions .action-block {
    display: flex;
    align-items: center;
    font-size: 13px;
    margin-bottom: 32px
}

.cart-container .order-actions .action-block:hover .action-icon,
.order-container .order-actions .action-block:hover .action-icon {
    transform: scale(1.1)
}

.cart-container .order-actions .action-icon,
.order-container .order-actions .action-icon {
    height: 40px;
    width: 65px;
    background-size: contain;
    display: block;
    background-repeat: no-repeat
}

.cart-section .default-article {
    margin-left: 0;
    margin-right: 0
}

.cart-section .cart-empty {
    display: flex;
    margin-bottom: 50px;
    width: 100%
}

.cart-section .cart-empty .image {
    min-width: 50%
}

.cart-section .cart-empty .header {
    font-size: 38px;
    font-weight: 400;
    margin-bottom: 50px;
    text-transform: uppercase;
    color: #61BF1A;
    white-space: nowrap
}

.cart-section .cart-empty .button-wrapper {
    margin-bottom: 34px
}

.cart-section .cart-empty .button-wrapper .button {
    text-transform: uppercase
}

.cart-section .cart-empty .button-wrapper .button br {
    display: none
}

.cart-section .cart-empty .empty-text {
    font-size: 35px;
    font-weight: 400;
    margin-bottom: 20px
}

.cart-section .cart-empty .more-empty {
    font-size: 16px
}

.cart-section .popup-promocode .popup-container {
    width: 878px
}

.cart-section .popup-promocode .promocode-form {
    width: 360px;
    max-width: 100%;
    margin: 0 auto
}

.cart-section .popup-promocode .form-line input {
    font-size: 24px;
    text-align: center
}

.cart-section .popup-promocode .form-line input::-moz-placeholder {
    font-size: 24px;
    text-align: center;
    color: #a1a1a1
}

.cart-section .popup-promocode .form-line input::placeholder {
    font-size: 24px;
    text-align: center;
    color: #a1a1a1
}

.cart-section .popup-promocode .popup-heading {
    text-align: left
}

.cart-section .popup-promocode .form-action {
    padding-bottom: 50px
}

.cart-section .popup-promocode .action-name {
    background-color: #e5e5e5;
    font-size: 21px;
    border-radius: 10px;
    font-weight: 700;
    padding: 10px 20px;
    margin-bottom: 22px
}

.cart-section .popup-promocode .promocode-title {
    font-size: 21px;
    font-weight: 700;
    color: #61BF1A;
    margin-bottom: 22px
}

.cart-section .popup-promocode .promocode-status {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-size: 20px;
    justify-content: center
}

.cart-section .popup-promocode .promocode-status::before {
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 16px
}

.cart-section .popup-promocode .promocode-status.accepted::before {
    background-image: url(../img/icons/check-green.svg)
}

.cart-section .popup-promocode .promocode-status.declined::before {
    background-image: url(../img/icons/close-red-circle.svg)
}

.cart-section .popup-promocode .action-link {
    font-size: 18px;
    color: #61BF1A;
    text-decoration: underline;
    display: inline-block;
    margin-bottom: 34px;
    margin-top: 40px
}

.cart-section .popup-promocode .promo-text {
    border-top: 1px solid #d4dbe7;
    padding-top: 20px
}

.cart-section .popup-promocode .promo-text .item-heading {
    font-size: 24px;
    margin-bottom: 22px
}

.cart-section .popup-promocode .promo-text .item-text {
    text-align: left
}

.popup-home-tariff .popup-container {
    text-align: left;
    width: 600px;
    padding: 40px 50px
}

.\@where .items-container,
.popup-home-tariff .tariff-choose {
    padding-bottom: 40px
}

.popup-home-tariff .content-heading {
    font-size: 24px;
    margin-bottom: 17px;
    padding-right: 70px;
    text-transform: uppercase
}

.popup-home-tariff .content-desc {
    font-size: 21px;
    margin-bottom: 37px
}

.popup-home-tariff .tariff-heading {
    color: #484949;
    font-size: 16px;
    margin-bottom: 16px;
    font-weight: 600
}

.popup-home-tariff .tariff-heading span {
    text-transform: uppercase;
    color: #61BF1A
}

.popup-home-tariff .tariff-table {
    width: 100%;
    border-collapse: collapse
}

.popup-home-tariff .tariff-table tr:nth-child(odd) td {
    background-color: #f3f3f3
}

.popup-home-tariff .tariff-table td {
    padding: 8px 15px
}

.popup-home-tariff .tariff-table .price-cell {
    width: 80px
}

.popup-home-tariff .tariff-table .cell-action {
    width: 120px;
    text-align: right
}

.popup-home-tariff .tariff-table .title {
    font-weight: 300;
    color: #484949;
    font-size: 18px
}

.popup-home-tariff .tariff-table .price {
    font-size: 20px;
    white-space: nowrap
}

.popup-home-tariff .tariff-note {
    font-size: 14px;
    color: #61BF1A;
    line-height: 1.7
}

.analyses {
    padding-bottom: 50px
}

.analyses .tabs-buttons {
    display: flex;
    user-select: none;
    position: relative
}

.analyses .tabs-buttons::before {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: -2px;
    background-color: #61BF1A;
    z-index: 2
}

.analyses .tabs-buttons .tab {
    border-radius: 10px;
    border: 1px solid #d4dbe7;
    font-size: 16px;
    color: #a1a1a1;
    height: 65px;
    margin-left: -1px;
    width: 20%;
    transition: background-color .33s, border .33s;
    position: relative;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.analyses .tabs-buttons .tab:hover {
    border-color: #93a4c2;
    color: #000;
    z-index: 1
}

.analyses .tabs-buttons .tab.active,
.analyses .tabs-buttons .tab:active {
    background-color: #d4dbe7;
    color: #000
}

.analyses .tabs-buttons .tab.active {
    border-color: #e5e5e5;
    color: #000;
    cursor: default
}

.analyses .tab-content {
    display: none
}

.analyses .tab-content.active {
    display: flex;
    grid-template-columns: auto auto
}

.analyses .nav-col {
    min-width: 434px;
    width: 343px
}

.analyses .nav-box {
    background-color: #d4dbe7;
    border-radius: 15px;
    padding: 17px 0
}

.analyses .nav-types {
    font-size: 16px;
    padding-left: 0;
    list-style-type: none
}

.analyses .nav-types .link {
    list-style-type: none;
    display: flex;
    font-weight: 400;
    align-items: center
}

.analyses .nav-types .link.active {
    font-weight: 700
}

.analyses .nav-types .link.active::before {
    opacity: 1
}

.analyses .nav-types .link::before {
    content: '';
    display: block;
    opacity: 0;
    width: 10px;
    height: 8px;
    background-color: #61BF1A;
    min-width: 10px;
    margin-right: 8px
}

.analyses .nav-types a {
    text-decoration: none;
    display: block;
    padding: 10px 20px 10px 0
}

.analyses .nav-types ul {
    list-style-type: none;
    padding-left: 0
}

.analyses .nav-types .sub {
    padding-left: 50px
}

.analyses .nav-types .sub-sub {
    padding-left: 20px
}

.analyses .nav-types .sub-link,
.analyses .nav-types .sub-sub-link {
    font-weight: 400;
    font-size: 16px
}

.analyses .nav-types .sub-link::before,
.analyses .nav-types .sub-sub-link::before {
    width: 12px;
    height: 12px;
    margin-left: -14px;
    filter: grayscale(1)
}

.analyses .nav-types .sub-link.active::before,
.analyses .nav-types .sub-link:hover::before,
.analyses .nav-types .sub-sub-link.active::before,
.analyses .nav-types .sub-sub-link:hover::before {
    filter: none
}

.analyses .analyses-col {
    margin-left: 27px;
    flex-grow: 1
}

.analyses .analyses-col h2 {
    font-size: 18px;
    margin-bottom: 16px;
    font-weight: 400;
    margin-top: 30px
}

.analyses .analyses-col .analyses-header {
    width: 100%;
    padding-top: 17px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    /* display: flex */
    display: grid;
    grid-template-columns: 0.55fr 1.66fr 1fr;
}

.analyses .analyses-col .analyses-header .header {
    font-size: 13px;
    color: #484849;
    padding-left: 28px;
}



.analyses .analyses-col .code {
    min-width: 88px;
    padding-left: 10px !important;
}

.analyses .analyses-col .code.data {
    font: 16px;
    font-weight: 600;
    padding-right: 30px;
    word-wrap: break-word;
}

.analyses .analyses-col .names {
    min-width: 375px;
    width: 375px;
    max-width: 100%;
    padding-right: 15px
}

.analyses .analyses-col .prices {
    min-width: 120px;
    padding-right: 15px;
    flex-grow: 1
}

.analysis_2 .prices {
    padding: 0;
    display: flex;
    justify-content: end;
}

.analyses-header_2 .prices {
    padding: 0;
}

.analyses .analyses-col .analysis {
    /* display: flex; */
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
    padding-top: 17px;
    padding-right: 20px;
    padding-bottom: 17px;
    max-width: 100%;
    transition: background-color .23s
}

.analyses .analyses-col .analysis:nth-child(2n-1) {
    background-color: rgba(161, 161, 161, .05)
}

.analyses .analyses-col .analysis:not(:last-of-type) {
    border-bottom: 1px solid #e5e5e5
}

.analyses .analyses-col .analysis:hover {
    background-color: rgba(161, 161, 161, .2)
}

.analyses .analyses-col .analysis:hover .button {
    background-color: #61BF1A;
    color: #fff
}

.analyses .analyses-col .analysis .name {
    font-size: 16px;
    margin-bottom: 15px;
    display: block;
    text-decoration: none;
    padding-right: 15px
}

.analyses .analyses-col .analysis .name:hover,
.analyses .analysis-description .analysis-message:hover,
.analyses .analysis-description .result-examble:hover {
    text-decoration: underline
}

.analyses .analyses-col .analysis .old-price {
    display: flex;
    align-items: center
}

.analyses .analyses-col .analysis .old-price__value {
    font-size: 15px;
    white-space: nowrap;
    color: #77787d;
    position: relative;
    display: inline-block;
    margin-right: 10px
}

.analyses .analyses-col .analysis .old-price__value::after {
    content: '';
    height: 1px;
    width: 100%;
    display: block;
    background: #61BF1A;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.analyses .analyses-col .analysis .old-price__discount {
    background: #61BF1A;
    color: #fff;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 600;
    padding: 0 3px;
    display: inline-block;
    flex-basis: 40px;
    border-radius: 5px;
    margin-left: auto;
    text-align: center
}

.analyses .analyses-col .analysis .old-price__discount span {
    font-size: 12px;
    font-weight: 400
}

.analyses .analyses-col .analysis .price {
    font-size: 24px;
    margin-bottom: 12px;
    white-space: nowrap;
    font-weight: 400
}

.analyses .analyses-col .analysis .time {
    color: #484849;
    font-size: 12px
}

.analyses .analyses-col .analysis .params {
    font-size: 13px;
    color: #484949;
    display: flex;
    flex-wrap: wrap;
    margin-top: -5px
}

.analyses .analyses-col .analysis .params i {
    font-style: normal;
    display: flex;
    background-image: none;
    margin: 5px 30px 5px 0;
    align-items: center
}

.analyses .analyses-col .analysis .params i::before {
    width: 22px;
    height: 22px;
    min-width: 22px;
    margin-right: 10px
}

.analyses .analyses-col .analysis .attention-param {
    width: 100%
}

.analyses .analyses-col .analysis .item-notice {
    font-size: 14px;
    color: #777;
    font-style: italic;
    padding-top: 10px
}

.analyses .analyses-col .analysis .to-cart {
    margin-left: auto;
    flex-shrink: 0;
    width: 113px
}

.analyses .analyses-col .analysis .button {
    height: 38px;
    line-height: 34px;
    padding: 0 14px
}

.analyses .analyses-col .analysis .button:hover {
    transform: scale(1.04)
}

.analyses .analyses-col .analysis .button.in-cart {
    background-color: #a1a1a1;
    color: #fff;
    border-color: #a1a1a1;
    cursor: default
}

.contacts__link {
    text-decoration: underline;
}

.analyses .author-line {
    display: flex;
    padding-bottom: 30px
}

.analyses .author-line .item-photo {
    display: flex;
    padding-right: 20px
}

.analyses .author-line .item-photo img {
    border-radius: 50%;
    width: 75px;
    height: 75px;
    min-width: 75px;
    -o-object-fit: cover;
    object-fit: cover;
    filter: drop-shadow(5px 5px 25px #cfccd9)
}

.analyses .author-line .author-params {
    display: flex;
    padding-top: 10px
}

.analyses .author-line .param {
    max-width: 210px;
    margin-right: 40px;
    font-size: 16px;
    font-weight: 700
}

.analyses .author-line .param:last-child {
    margin-right: 0
}

.analyses .author-line .param-label {
    color: #8f8f8f;
    margin-bottom: 5px
}

.analyses .author-line .param-value {
    color: #434343
}

.analyses .author-line .red {
    color: #61BF1A
}

.analyses .analysis-description .analysis-header {
    margin-bottom: 25px;
    display: flex;
    padding-top: 10px
}

.analyses .analysis-description .analysis-header .header {
    font-size: 24px;
    font-weight: 400;
    margin: 0
}

.analyses .analysis-description .analysis-header .code.data {
    padding-top: 6px
}

.analyses .analysis-description .analysis-body {
    padding: 0 20px
}

.analyses .analysis-description .analysis-message,
.analyses .analysis-description .result-examble {
    display: flex;
    align-items: center;
    color: #61BF1A;
    margin-bottom: 20px;
    background-image: none
}

.analyses .analysis-description .analysis-message:hover::before,
.analyses .analysis-description .result-examble:hover::before {
    transform: scale(1.08)
}

.analyses .analysis-description .analysis-message::before,
.analyses .analysis-description .result-examble::before {
    width: 21px;
    height: 24px;
    min-width: 21px;
    margin-right: 10px
}

.analyses .analysis-description .analysis-message .item-icon,
.analyses .analysis-description .result-examble .item-icon {
    display: flex
}

.analyses .analysis-description .analysis-message .item-icon img,
.analyses .analysis-description .result-examble .item-icon img {
    width: 21px;
    height: 24px;
    min-width: 21px;
    margin-right: 10px
}

.analyses .analysis-description div.analysis-message:hover {
    text-decoration: none
}

.analyses .analysis-description .analysis-params {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px
}

.analyses .analysis-description .analysis-params .method,
.analyses .analysis-description .analysis-params .price,
.analyses .analysis-description .analysis-params .sample,
.analyses .analysis-description .analysis-params .time {
    padding-right: 10px
}

.analyses .analysis-description .analysis-params .header {
    font-size: 14px;
    color: #484849;
    margin-bottom: 15px
}

.analyses .analysis-description .analysis-params .old-price {
    display: flex;
    align-items: center;
    margin-bottom: 3px
}

.analyses .analysis-description .analysis-params .old-price__value {
    font-size: 18px;
    white-space: nowrap;
    color: #77787d;
    position: relative;
    display: inline-block;
    margin-right: 10px
}

.analyses .analysis-description .analysis-params .old-price__value::after {
    content: '';
    height: 1px;
    width: 100%;
    display: block;
    background: #61BF1A;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.analyses .analysis-description .analysis-params .old-price__discount {
    background: #61BF1A;
    color: #fff;
    white-space: nowrap;
    font-size: 18px;
    font-weight: 600;
    padding: 0 3px;
    display: inline-block;
    flex-basis: 40px;
    border-radius: 5px;
    text-align: center
}

.analyses .analysis-description .analysis-params .old-price__discount span {
    font-size: 14px;
    font-weight: 400
}

.analyses .analysis-description .analysis-params .price-value {
    font-size: 26px;
    font-weight: 400;
    white-space: nowrap
}

.analyses .analysis-description .analysis-params .method-value,
.analyses .analysis-description .analysis-params .sample-value,
.analyses .analysis-description .analysis-params .time-value {
    font-size: 16px;
    font-weight: 400;
    display: block;
    padding-top: 7px;
    max-width: 100%
}

.analyses .analysis-description .analysis-params .method-value,
.analyses .analysis-description .analysis-params .sample-value {
    overflow: hidden
}

.analyses .analysis-description .analysis-params .sample-value {
    max-width: 200px
}

.analyses .analysis-description .analysis-params .method-value {
    max-width: 187px
}

.analyses .analysis-description .analysis-params .sample-type {
    padding-top: 7px
}

.analyses .analysis-description .analysis-params .sample-type select {
    border-radius: 5px;
    border: 1px solid #999;
    background-color: #fff;
    height: 30px;
    color: #000;
    font-size: 14px;
    width: 100%;
    max-width: 150px
}

.analyses .analysis-description .to-cart-container {
    display: flex;
    align-items: center;
    margin-bottom: 68px;
    position: relative
}

.analyses .analysis-description .to-cart-container .tocart-box {
    margin-right: 30px
}

.analyses .analysis-description .to-cart-container .params {
    font-size: 13px;
    color: #484949;
    display: flex
}

.analyses .analysis-description .to-cart-container .params i {
    font-style: normal;
    display: flex;
    min-width: 26%;
    background-image: none;
    padding-right: 15px;
    align-items: center
}

.analyses .analysis-description .to-cart-container .params i::before {
    width: 22px;
    height: 22px;
    min-width: 22px;
    margin-right: 10px
}

.analyses .analysis-description .to-cart-container .button.in-cart {
    background-color: #a1a1a1;
    color: #fff;
    border-color: #a1a1a1;
    cursor: default
}

.analyses .analysis-description .to-cart-container .bio-type-notice {
    font-size: 14px;
    color: #777;
    font-style: italic;
    position: absolute;
    bottom: 100%;
    left: 0;
    padding-bottom: 10px
}

.analyses .analysis-description .analysis-tabs .analysis-tabs-buttons {
    border-bottom: 2px solid #61BF1A
}

.analyses .analysis-description .analysis-tabs .analysis-tab {
    font-size: 20px;
    font-weight: 400;
    padding: 10px;
    position: relative
}

.analyses .analysis-description .analysis-tabs .analysis-tab::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7.5px 7px;
    border-color: transparent transparent #61BF1A;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    opacity: 0;
    transition: opacity .22s
}

.analyses .analysis-description .analysis-tabs .analysis-tab:not(:last-of-type) {
    margin-right: 10px
}

.analyses .analysis-description .analysis-tabs .analysis-tab.active,
.analyses .analysis-description .analysis-tabs .analysis-tab:hover {
    color: #61BF1A
}

.analyses .analysis-description .analysis-tabs .analysis-tab.active::before {
    opacity: 1
}

.analyses .analysis-description .analysis-tabs .analysis-tab-data {
    padding: 10px;
    transition: max-height 33s;
    font-size: 14px;
    line-height: 22px
}

.analyses .analysis-description .analysis-tabs .analysis-tab-data p {
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 22px
}

.analyses .analysis-description .analysis-tabs .analysis-tab-data h3 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 13px
}

.analyses .analysis-description .analysis-tabs .analysis-tab-data ol,
.analyses .analysis-description .analysis-tabs .analysis-tab-data ul {
    font-size: 14px;
    padding-left: 20px
}

.analyses .analysis-description .analysis-tabs .analysis-tab-data ol li,
.analyses .analysis-description .analysis-tabs .analysis-tab-data ul li {
    margin-bottom: 5px
}

.analyses .analysis-description .analysis-tabs .analysis-tab-data b {
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 13px;
    display: inline-block
}

.analyses .analysis-description .analysis-tabs .mobile-header {
    padding-top: 16px;
    font-size: 18px;
    font-weight: 400;
    color: #61BF1A;
    padding-bottom: 17px;
    margin-bottom: 0;
    border-top: 1px solid #c4c4c4;
    position: relative
}

.analyses .analysis-description .analysis-tabs .mobile-header+.analysis-tab-data {
    transition: max-height .33s
}

.analyses .analysis-description .analysis-tabs .mobile-header::before {
    width: 13px;
    height: 13px;
    position: absolute;
    right: 0;
    top: 50%;
    background-position: 50%;
    transform: rotate(90deg);
    margin-top: -7px;
    transition: transform .33s
}

.analyses .analysis-description .analysis-tabs .mobile-header.opened {
    color: #000
}

.analyses .analysis-description .analysis-tabs .mobile-header.opened+.analysis-tab-data {
    max-height: 15000px
}

.analyses .analysis-description .analysis-tabs .mobile-header.opened::before {
    transform: rotate(-90deg)
}

.analyses-section .search-container .search-button:hover::before,
.analyses.search-results .inpit-searh-line .button:hover::before,
.where-container .where-tabs .athome-link:hover::before {
    transform: scale(1.1)
}

.analyses .analysis-description .analysis-tabs .mobile-header:not(.opened):last-of-type {
    border-bottom: 1px solid #c4c4c4
}

.analyses.search-results .analyses-col {
    margin-left: 0
}

.analyses.search-results .analyses-col .names {
    width: 850px;
    min-width: 850px
}

.analyses.search-results .search-input-container {
    margin-bottom: 50px
}

.analyses.search-results .inpit-searh-line {
    border-bottom: 1px solid #61BF1A;
    display: flex;
    margin-right: 7px
}

.analyses.search-results .inpit-searh-line input {
    flex: 1;
    border: 0;
    padding-left: 30px;
    font-size: 16px;
    outline: 0
}

.analyses.search-results .inpit-searh-line .button {
    position: relative;
    right: -7px;
    bottom: -1px;
    display: flex;
    align-items: center
}

.analyses.search-results .inpit-searh-line .button::before {
    width: 20px;
    height: 20px;
    min-width: 25px;
    margin-right: 10px;
    background-size: contain;
    filter: brightness(0) invert(1);
    z-index: 2;
    position: relative;
    transition: transform .15s
}

.analyses .analysys-breadcrumbs {
    display: flex;
    padding: 0 10px;
    margin-bottom: 25px
}

.analyses .analysys-breadcrumbs .crumb {
    width: 50%;
    white-space: nowrap;
    background-color: #d4dbe7;
    height: 50px;
    font-size: 16px;
    display: flex;
    align-items: center;
    border: 1px solid #fff;
    margin-left: -1px;
    margin-bottom: -1px;
    position: relative;
    overflow: hidden;
    padding-left: 10px
}

.analyses .analysys-breadcrumbs .crumb::before {
    width: 15px;
    height: 10px;
    min-width: 15px;
    margin-right: 8px
}

.analyses .analysys-breadcrumbs .crumb::after {
    content: '';
    display: block;
    top: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    width: 30px;
    background-image: linear-gradient(to left, #d4dbe7 0, #d4dbe7 45%, rgba(212, 219, 231, 0) 100%)
}

.analyses .areyouunderstood {
    width: 470px;
    max-width: 100%;
    background-color: #d4dbe7;
    padding: 12px 20px;
    text-align: center;
    border-radius: 10px;
    margin-top: 25px;
    margin-bottom: 25px
}

.analyses .areyouunderstood .item-heading {
    font-size: 18px;
    display: block;
    padding-bottom: 8px
}

.analyses .areyouunderstood .button {
    min-width: 90px;
    margin: 0 5px
}

.analyses .areyouunderstood .thank-you {
    margin-bottom: 0 !important
}

.analyses .areyouunderstood .balls-container {
    display: flex;
    justify-content: center;
    padding-top: 7px
}

.analyses .areyouunderstood .balls-container .items-label {
    font-size: 14px;
    color: #484949
}

.analyses .areyouunderstood .feedback-balls {
    display: flex;
    padding: 0 7px;
    user-select: none
}

.analyses .areyouunderstood .feedback-balls input[type=radio] {
    display: none
}

.analyses .areyouunderstood .feedback-balls input[type=radio]:checked+label {
    transform: scale(1.3)
}

.analyses .areyouunderstood .feedback-balls label {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #61BF1A;
    margin: 0 5px;
    font-size: 14px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.analyses .article-sources {
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #d9d9d9
}

.analyses .article-sources ol {
    list-style: none;
    counter-reset: list;
    padding-left: 0 !important;
    word-break: break-word
}

.analyses .article-sources ol li::before {
    content: counter(list) ") ";
    counter-increment: list
}

.analyses .article-sources .item-heading {
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 18px
}

.analyses .article-sources .sexy,
.analyses .article-sources a {
    color: #61BF1A;
    text-decoration: none
}

.analyses .article-sources a:hover {
    color: #720c16
}

.analyses .more-results {
    text-align: center;
    padding-top: 30px
}

.similar-area .similar-block {
    padding: 0 0 40px
}

.similar-area .similar-block .analyses {
    padding-bottom: 0
}

.similar-area .similar-block .analyses .analyses-col {
    margin-left: 0
}

.similar-area .similar-block .analyses .analyses-col .names {
    flex-grow: 1
}

.similar-area .similar-block .item-heading {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 13px;
    flex-grow: 1
}

.analyses-section .search-container {
    width: 942px;
    margin-bottom: 70px
}

.analyses-section .search-container .more {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 13px;
    color: #484949;
    padding-left: 15px
}

.analyses-section .search-container .more span:hover {
    cursor: pointer;
    text-decoration: underline
}

.analyses-section .search-container .search {
    position: relative;
    height: 60px;
    border-radius: 10px;
    background-color: #fff;
    transition: background-color .15s;
    margin-bottom: 10px;
    border: 1px solid #c4c4c4;
    display: flex
}

.analyses-section .search-container .search input[type=text] {
    padding: 0 15px;
    height: 60px;
    background-color: transparent;
    width: 100%;
    font-size: 18px;
    border: 0;
    outline: 0
}

.analyses-section .search-container .search input[type=text]::-moz-placeholder {
    font-size: 18px;
    color: #555
}

.analyses-section .search-container .search input[type=text]::placeholder {
    font-size: 18px;
    color: #555
}

.analyses-section .search-container .search:active,
.analyses-section .search-container .search:hover {
    background-color: #fff
}

.analyses-section .search-container .search .item-input {
    flex-grow: 1;
    position: relative
}

.analyses-section .search-container .search-button {
    font-size: 0;
    background-color: #61BF1A;
    width: 60px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px
}

.analyses-section .search-container .search-button:active {
    opacity: .9
}

.analyses-section .search-container .search-button::before {
    width: 20px;
    height: 20px;
    filter: brightness(0) invert(1)
}

.where-container .filter-container {
    position: relative;
    z-index: 2
}

.where-container .filter-container .filter-line {
    display: flex;
    align-items: center;
    padding: 30px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.where-container .filter-container .main-filter {
    width: 360px;
    min-width: 360px;
    margin-right: 21px;
    position: relative;
    z-index: 2
}

.where-container .filter-container .filtering-items .item::after,
.where-container .filter-container .main-filter .top-line::after {
    content: '';
    min-width: 16px;
    height: 16px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.where-container .filter-container .main-filter .top-line {
    display: flex;
    align-items: center;
    border: 1px solid #c4c4c4;
    font-size: 16px;
    padding: 10px 15px;
    z-index: 2;
    position: relative
}

.where-container .filter-container .main-filter .top-line::after {
    display: inline-block;
    width: 16px;
    margin-left: 15px;
    background-image: url(../img/icons/angle-down.svg)
}

.where-container .filter-container .main-filter .top-line span {
    flex-grow: 1
}

.where-container .filter-container .main-filter .top-line i {
    font-style: normal;
    width: 24px;
    min-width: 24px;
    height: 24px;
    background-color: #61BF1A;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    border-radius: 50%
}

.where-container .filter-container .main-filter .top-line.active {
    border-color: transparent transparent #c4c4c4
}

.where-container .filter-container .main-filter .top-line.active~.filter-params {
    transform: scaleY(1);
    opacity: 1
}

.where-container .filter-container .main-filter .filter-params {
    position: absolute;
    top: -10px;
    left: -10px;
    z-index: 1;
    right: -10px;
    border: 1px solid #c4c4c4;
    background-color: #fff;
    padding-top: 60px;
    transform: scaleY(0);
    opacity: 0;
    transition: opacity .5s
}

.where-container .filter-container .main-filter .filter-params input[type=radio]:checked+.params-nav label:last-child,
.where-container .filter-container .main-filter .filter-params input[type=radio]:checked+input+.params-nav label:first-child {
    border-bottom-color: #61BF1A;
    color: #61BF1A
}

.where-container .filter-container .main-filter .filter-params input[type=radio] {
    display: none
}

.where-container .filter-container .main-filter .filter-params input[type=radio]:checked+input+.params-nav~.parsma-lists .items-list:first-child {
    order: -1
}

.where-container .filter-container .main-filter .filter-params input[type=radio]:checked+.params-nav .items-list,
.where-container .filter-container .main-filter .filter-params input[type=radio]:checked+.params-nav~.parsma-lists .items-list:last-child {
    order: -1
}

.where-container .filter-container .main-filter .filter-params .parsma-lists {
    overflow: hidden;
    max-width: 100%;
    display: flex
}

.where-container .filter-container .main-filter .filter-params .parsma-lists .items-list {
    width: 100%;
    min-width: 100%
}

.where-container .filter-container .main-filter .filter-params .params-nav {
    margin-left: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    border-bottom: 1px solid #c4c4c4;
    padding-top: 15px;
    display: flex
}

.where-container .filter-container .main-filter .filter-params .params-nav label {
    font-size: 16px;
    padding: 4px 15px;
    font-weight: 300;
    border-bottom: 1px solid transparent;
    margin-bottom: -1px;
    cursor: pointer
}

.where-container .filter-container .main-filter .filter-params .items-list {
    max-height: 220px;
    overflow: auto;
    padding: 10px
}

.where-container .filter-container .main-filter .filter-params .items-list .styled-checkbox {
    padding-bottom: 15px
}

.where-container .filter-container .main-filter .filter-params .items-list .styled-checkbox input[type=checkbox]:checked~label {
    color: #61BF1A
}

.where-container .filter-container .main-filter .filter-params .items-list .styled-checkbox input[type=checkbox]:checked~label::before {
    border-color: #61BF1A;
    background-image: url(../img/icons/check-red.svg)
}

.where-container .filter-container .main-filter .filter-params .items-action .button {
    width: 100%;
    border-radius: 0;
    background-color: #61BF1A;
    color: #fff
}

.where-container .filter-container .main-filter .filter-params .items-action .button:hover {
    background-color: #e72034
}

.where-container .filter-container .additional-filter {
    display: flex;
    flex-grow: 1
}

.where-container .filter-container .additional-filter .styled-checkbox {
    display: flex;
    justify-content: center;
    width: 25%;
    padding-right: 10px
}

.where-container .filter-container .filtering-items {
    padding-top: 20px;
    border-top: 1px solid #e5e5e5;
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.where-container .filter-container .filtering-items .item {
    border: 1px solid #c4c4c4;
    padding: 1px 5px 2px 10px;
    font-size: 13px;
    margin: 0 10px 17px;
    border-radius: 10px;
    font-style: normal;
    display: inline-flex;
    font-weight: 300;
    align-items: center;
    cursor: pointer
}

.where-container .filter-container .filtering-items .item:hover::after {
    filter: none;
    transform: scale(1.2)
}

.where-container .filter-container .filtering-items .item::after {
    display: inline-block;
    width: 16px;
    margin-left: 4px;
    background-image: url(../img/icons/close.svg);
    filter: brightness(0)
}

.where-container .filter-container .filtering-items .item.clear-all {
    padding: 1px 10px 2px;
    border-color: #61BF1A;
    color: #61BF1A
}

.where-container .filter-container .filtering-items .item.clear-all:hover {
    background-color: #61BF1A;
    color: #fff
}

.where-container .filter-container .filtering-items .item.clear-all::after {
    display: none
}

.where-container .list-and-map {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    display: grid;
    grid-template-columns: 1fr 380px
}

.where-container .list-and-map .map-container {
    height: 618px
}

.where-container .list-and-map .map-list {
    height: 618px;
    overflow: visible;
    overflow-y: auto;
    padding-top: 15px;
    padding-bottom: 15px
}

.where-container .list-and-map .map-list .list-item {
    padding: 15px 40px;
    border-bottom: 1px solid #e5e5e5;
    position: relative
}

.where-container .list-and-map .map-list .list-item:last-child {
    border-bottom-color: transparent
}

.where-container .list-and-map .map-list .list-item.active .item-addr {
    color: #61BF1A;
    text-decoration: underline
}

.where-container .list-and-map .map-list .list-item.active .item-addr img {
    filter: none
}

.where-container .list-and-map .map-list .item-addr,
.where-container .list-and-map .map-list .item-link,
.where-container .list-and-map .map-list .item-metro {
    display: inline-flex;
    align-items: center
}

.where-container .list-and-map .map-list .item-addr img,
.where-container .list-and-map .map-list .item-link img,
.where-container .list-and-map .map-list .item-metro img {
    width: 14px;
    height: 14px;
    min-width: 14px;
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
    margin-right: 10px
}

.where-container .list-and-map .map-list .item-addr {
    font-size: 16px;
    padding-bottom: 12px;
    cursor: pointer
}

.where-container .list-and-map .map-list .item-addr img {
    filter: grayscale(1) opacity(.5)
}

.where-container .list-and-map .map-list .item-addr:hover {
    text-decoration: underline;
    color: #61BF1A
}

.where-container .list-and-map .map-list .item-addr:hover img {
    filter: none
}

.where-container .list-and-map .map-list .item-metro {
    display: flex;
    align-items: center;
    font-weight: 300;
    padding-bottom: 10px;
    font-size: 14px
}

.where-container .list-and-map .map-list .item-hours {
    font-weight: 300;
    padding-bottom: 15px;
    font-size: 14px;
    padding-left: 25px
}

.where-container .list-and-map .map-list .item-link {
    padding-bottom: 12px;
    text-decoration: underline
}

.where-container .where-section .list-and-map .office-props {
    position: static;
    flex-wrap: wrap
}

.where-container .wherw-map-popup .popup-container {
    padding: 0 !important;
    width: 100vw;
    height: 100vh
}

.where-container .wherw-map-popup .close-button {
    z-index: 2;
    background-color: #fff;
    padding: 10px;
    top: 0
}

.where-container .wherw-map-popup .popup-content>ymaps {
    width: 100vw;
    height: 100vh !important
}

.where-container .doctor-to-company .item-person {
    display: grid;
    grid-template-columns: auto 1fr;
    width: 1000px;
    max-width: 100%;
    padding-bottom: 50px;
    align-items: center
}

.where-container .doctor-to-company .item-person .item-image {
    padding-right: 50px
}

.where-container .doctor-to-company .item-person .item-image img {
    width: 260px;
    height: 260px;
    min-width: 260px;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%
}

.where-container .athome-button-link::before,
.where-container .offices-button-link::before,
.where-container .where-tabs .athome-link::before,
.where-container .where-tabs .tab::before {
    min-width: 20px;
    height: 20px;
    content: ''
}

.where-container .doctor-to-company .item-person .item-desc {
    font-size: 24px;
    margin-bottom: 38px
}

.where-container .doctor-to-company .item-person .item-contact .item-label {
    font-size: 20px
}

.where-container .doctor-to-company .item-person .item-contact .item-value {
    font-size: 28px
}

.where-container .doctor-to-company .item-person .item-contact .item-value a {
    font-size: 28px;
    color: #61BF1A
}

.where-container .athome-button-link {
    margin-bottom: 20px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.where-container .athome-button-link::before {
    display: inline-block;
    width: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    margin-right: 15px;
    background-image: url(../img/icons/home.svg);
    position: relative;
    z-index: 2;
    filter: brightness(12)
}

.where-container .offices-button-link {
    margin-bottom: 20px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.where-container .offices-button-link::before {
    display: inline-block;
    width: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    margin-right: 15px;
    background-image: url(../img/icons/map-pin-full.svg);
    position: relative;
    z-index: 2;
    filter: brightness(12)
}

.where-container .tabs-data-container {
    position: relative;
    z-index: 1
}

.where-container .tabs-data:not(.active) {
    display: none
}

.where-container .where-head {
    display: flex;
    justify-content: space-between;
    padding-bottom: 25px;
    border-bottom: 1px solid #e5e5e5
}

.where-container .where-tabs {
    display: flex;
    align-items: center
}

.where-container .where-tabs .tab {
    font-size: 20px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    font-weight: 600
}

.where-container .where-tabs .tab::before {
    display: block;
    width: 20px;
    border-radius: 5px;
    background-color: #c4c4c4;
    margin-right: 17px
}

.where-container .where-tabs .tab:not(:last-of-type) {
    margin-right: 50px
}

.where-container .where-tabs .tab.active {
    color: #61BF1A
}

.where-container .where-tabs .tab.active::before {
    background-color: #61BF1A
}

.where-container .where-tabs .tab:not(.active):hover::before {
    background-color: rgba(206, 22, 40, .6)
}

.where-container .where-tabs .athome-link {
    font-size: 20px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    padding-left: 50px
}

.where-container .where-tabs .athome-link::before {
    display: inline-block;
    width: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    margin-right: 15px;
    background-image: url(../img/icons/home.svg)
}

.where-container .where-filter-button {
    background-image: none;
    padding-right: 40px;
    position: relative;
    border-radius: 15px;
    height: 46px;
    line-height: 44px;
    font-weight: 600;
    font-size: 0;
    width: 200px;
    text-align: left
}

.where-container .where-filter-button::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 52%;
    background-position: 50%;
    transform: translate(0, -50%) rotate(90deg);
    transition: transform .33s
}

.where-container .where-filter-button::after {
    content: 'Показать фильтр';
    font-size: 16px
}

.where-container .where-filter-button:hover::before {
    filter: brightness(0) invert(1)
}

.where-container .where-filter-button.active {
    background-color: #61BF1A;
    color: #fff
}

.where-container .where-filter-button.active::after {
    content: 'Скрыть фильтр'
}

.where-container .where-filter-button.active::before {
    transform: translate(0, -50%) rotate(-90deg);
    filter: brightness(0) invert(1)
}

.where-container .filter-container {
    display: none
}

.where-container .filter-container.active {
    display: block
}

.where-container .filter-container .filter-items {
    padding: 15px 0
}

.where-container .filter-container .clear-button-container {
    display: flex;
    justify-content: flex-end;
    margin-top: -30px
}

.where-container .filter-container .clear-button {
    color: #484849;
    display: flex;
    flex-direction: row-reverse;
    font-size: 14px;
    padding: 10px;
    border-radius: 10px;
    align-items: center
}

.where-container .filter-container .clear-button::before {
    width: 22px;
    height: 22px;
    margin-left: 8px;
    min-width: 22px;
    filter: grayscale(1);
    opacity: .7
}

.where-container .filter-container .clear-button:hover {
    color: #000
}

.where-container .filter-container .clear-button:hover::before {
    filter: none;
    opacity: 1;
    transform: scale(1.1)
}

.where-container .filter-container .clear-button:active {
    background-color: #eee
}

.where-container .filter-item {
    width: 26%;
    display: inline-block;
    margin-bottom: 20px
}

.where-container .where-lines .line {
    cursor: pointer;
    padding: 20px 25px 52px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-bottom: -1px
}

.where-container .where-lines .line:nth-of-type(2n-1) {
    background-color: #f3f3f3
}

.where-container .where-lines .line.active,
.where-container .where-lines .line:hover {
    outline: #61BF1A solid 1px;
    outline-offset: -1px;
    z-index: 1
}

.where-container .where-lines .line.active .time-item,
.where-container .where-lines .line:hover .time-item {
    color: #000
}

.where-container .where-lines .line.active .street::before,
.where-container .where-lines .line.active .subway::before,
.where-container .where-lines .line:hover .street::before,
.where-container .where-lines .line:hover .subway::before {
    filter: none
}

.where-container .where-lines .address-box {
    min-width: 250px;
    width: 250px
}

.where-container .where-lines .street,
.where-container .where-lines .subway {
    display: flex;
    align-items: center
}

.where-container .where-lines .street::before,
.where-container .where-lines .subway::before {
    width: 13px;
    height: 13px;
    min-width: 13px;
    margin-right: 10px;
    background-position: 50%;
    filter: opacity(100%) grayscale(1)
}

.where-container .where-lines .street {
    font-weight: 400;
    margin-bottom: 6px
}

.where-container .where-lines .subway {
    font-size: 14px
}

.where-container .where-lines .time-item {
    margin-bottom: 4px;
    color: #555
}

.where-container .where-lines .day,
.where-container .where-lines .hours {
    display: inline-block;
    white-space: nowrap
}

.where-container .where-lines .day {
    width: 195px
}

.where-container .where-lines .hours {
    width: 137px
}

.where-container .where-lines .more-link {
    color: #61BF1A
}

.where-container .where-lines .more-link:hover {
    text-decoration: underline
}

.where-container .where-slider {
    padding: 0 100px;
    position: relative;
    min-height: 200px;
    transition: opacity 1s;
    display: flex;
    margin-top: -1px;
    border-top: 1px solid #e5e5e5
}

.where-container .where-slider:not(.slick-initialized) {
    opacity: 0
}

.where-container .where-slider .slick-track {
    display: flex;
    flex: 1;
    align-items: stretch
}

.where-container .where-slider .slick-list {
    display: flex;
    flex: 1
}

.where-container .where-slider .slider-item {
    margin: 10px 0;
    padding: 10px 30px 10px 20px;
    position: relative;
    border-right: 1px solid #e5e5e5;
    height: auto;
    outline: 0;
    cursor: pointer
}

.where-container .where-slider .slider-item.active .street::before,
.where-container .where-slider .slider-item.active .subway::before,
.where-container .where-slider .slider-item:hover .street::before,
.where-container .where-slider .slider-item:hover .subway::before {
    filter: none;
    opacity: 1
}

.where-container .where-slider .street,
.where-container .where-slider .subway {
    display: flex;
    align-items: center
}

.where-container .where-slider .street::before,
.where-container .where-slider .subway::before {
    width: 13px;
    height: 13px;
    min-width: 13px;
    margin-right: 10px;
    background-position: 50%;
    filter: grayscale(1);
    opacity: .5;
    transition: opacity .33s
}

.where-container .where-slider .street {
    font-weight: 400;
    margin-bottom: 6px
}

.where-container .where-slider .subway {
    font-size: 14px;
    margin-bottom: 7px
}

.where-container .where-slider .time-box {
    margin-bottom: 50px;
    padding-left: 25px
}

.where-container .where-slider .time-box span {
    display: block
}

.where-container .where-slider .link-box {
    position: absolute;
    left: 20px;
    bottom: 15px
}

.where-container .where-slider .slick-arrow {
    width: 81px;
    height: 81px;
    position: absolute;
    top: 50%;
    background-color: rgba(206, 22, 40, .02);
    background-repeat: no-repeat;
    background-position: 48%;
    background-image: url(../img/icons/arrow-left.svg);
    border-radius: 50%;
    font-size: 0;
    margin-top: -40px;
    z-index: 1;
    transition: opacity .33s
}

.where-container .where-slider .slick-arrow:not(.slick-disabled):hover {
    opacity: 1;
    background-color: rgba(206, 22, 40, .1)
}

.\@where .offices .map-area,
.where-container .where-slider .slick-arrow:not(.slick-disabled):active {
    background-color: rgba(206, 22, 40, .2)
}

.where-container .where-slider .slick-prev {
    left: 0
}

.where-container .where-slider .slick-next {
    right: 0;
    transform: scale(-1, 1)
}

.where-container .where-slider .slick-disabled {
    opacity: .2;
    cursor: no-drop
}

.where-container .map-container {
    position: relative;
    z-index: 1
}

.where-container .map-container .loader {
    background-color: #eee;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.where-container .results-attention {
    font-size: 18px;
    color: #484849;
    margin-top: 50px;
    margin-bottom: 50px
}

.where-container.where-container-detail {
    margin-bottom: 60px
}

.where-container .where-hours-table-container .where-hours-table-doc {
    display: block;
    margin-bottom: 30px;
    font-size: 14px
}

.where-container .where-hours-table-header {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 30px;
    text-align: center
}

.where-container .where-hours-table {
    font-size: 14px;
    margin-bottom: 30px
}

.where-container .where-hours-table.small {
    font-size: 11px
}

.where-container .where-hours-table.small .day-cell.seven-days,
.where-container .where-hours-table.small .day-cell.stretch {
    flex: 1;
    width: auto;
    min-width: auto
}

.where-container .where-hours-table.small .day-cell.seven-days.full,
.where-container .where-hours-table.small .day-cell.stretch.full {
    justify-content: flex-start
}

.where-container .where-hours-table.small .day-cell .hours-value {
    padding: 7px;
    line-height: 1.5
}

.where-container .where-hours-table .where-hours-table-head,
.where-container .where-hours-table .where-hours-table-line {
    display: flex
}

.where-container .where-hours-table .where-hours-table-head {
    border-bottom: 1px solid #e5e5e5
}

.where-container .where-hours-table .where-hours-table-head .day-cell {
    padding: 0;
    text-align: center;
    font-weight: 700
}

.where-container .where-hours-table .where-hours-table-head .day-cell span {
    line-height: 40px;
    height: 40px
}

.where-container .where-hours-table .where-hours-table-head .hours-title {
    font-weight: 700;
    font-size: 14px
}

.where-container .where-hours-table .where-hours-table-line {
    border-bottom: 1px solid #e5e5e5
}

.where-container .where-hours-table .where-hours-table-line .hours-label {
    display: block;
    line-height: 40px;
    height: 40px;
    text-align: center;
    border-bottom: 1px solid #e5e5e5
}

.where-container .where-hours-table .hours-title {
    width: 228px;
    min-width: 228px;
    position: relative;
    background-image: none
}

.where-container .where-hours-table .hours-title::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    right: 10px;
    top: 50%;
    display: none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    filter: grayscale(1);
    transform: rotate(-90deg);
    transition: transform .33s
}

.where-container .where-hours-table .day-cell {
    width: 136px;
    min-width: 136px;
    border-right: 1px solid #e5e5e5;
    flex-grow: 1
}

.where-container .where-hours-table .day-cell.seven-days,
.where-container .where-hours-table .day-cell.stretch {
    flex: 1;
    width: auto;
    min-width: auto
}

.where-container .where-hours-table .day-cell.seven-days.full,
.where-container .where-hours-table .day-cell.stretch.full {
    display: flex;
    justify-content: flex-start;
    padding-left: 20px
}

.where-container .where-hours-table .day-cell .hours-value {
    padding: 6px 20px;
    font-weight: 400;
    display: flex;
    align-items: center;
    min-height: 74px;
    flex-direction: column;
    justify-content: center
}

.where-container .where-hours-table .day-cell .hours-range {
    white-space: nowrap
}

.where-container .where-hours-table .day-cell .hours-desc {
    text-align: center
}

.where-container .where-hours-table .day-cell .hours-desc.full {
    text-align: left;
    width: 100%;
    flex: 1
}

.where-container .where-hours-table2-heading {
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 23px
}

.where-container .where-hours-table2-wrapper {
    overflow: auto;
    margin-left: -10px;
    margin-right: -10px
}

.where-container .where-hours-table2-container {
    overflow: auto
}

.where-container .where-hours-table2 {
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
    border-collapse: collapse;
    min-width: 884px
}

.where-container .where-hours-table2 td,
.where-container .where-hours-table2 th {
    padding: 10px;
    font-size: 14px;
    border: 1px solid #e5e5e5
}

.where-container .where-hours-table2 td[rowspan],
.where-container .where-hours-table2 th[rowspan] {
    background-color: #fff
}

.where-container .where-hours-table2 th {
    border-top: 0;
    font-weight: 300
}

.where-container .where-hours-table2 td {
    font-weight: 400;
    position: relative;
    z-index: 1
}

.where-container .where-hours-table2 td:first-child,
.where-container .where-hours-table2 tr:first-child th:first-child {
    border-left: 0
}

.where-container .where-hours-table2 tr:nth-child(2n) td {
    background-color: #fbe8ea
}

.where-container.where-container-detail .where-head {
    border-bottom: 0;
    justify-content: center
}

.where-container .slider-specialOffers {
    position: relative;
    width: 100%;
    margin-bottom: 50px
}

.where-container .slider-specialOffers .slider-item {
    position: relative;
    padding: 0 5px
}

.where-container .slider-specialOffers .slider-item img {
    width: 100%
}

.where-container .slider-specialOffers .item-special {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    color: #000
}

.where-container .slider-specialOffers .item-special .special-box {
    padding: 10px
}

.where-container .slider-specialOffers .item-special .special-box.white {
    color: #fff
}

.where-container .slider-specialOffers .item-special .special-box.white .item-price.old {
    color: rgba(255, 255, 255, .7)
}

.where-container .slider-specialOffers .item-special .special-box.big .item-price {
    font-size: 36px
}

.where-container .slider-specialOffers .item-special .special-box.big .item-price.old {
    font-size: 32px
}

.where-container .slider-specialOffers .item-special .item-price {
    font-size: 24px;
    font-weight: 700
}

.where-container .slider-specialOffers .item-special .item-price.old {
    color: #888;
    display: inline-block;
    position: relative;
    font-size: 22px
}

.where-container .slider-specialOffers .item-special .item-price.old::before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 2px;
    background-color: #61BF1A;
    position: absolute;
    top: 50%;
    left: 0;
    transform: rotate(-15deg)
}

.where-container .slider-specialOffers .item-special .item-code {
    font-size: 12px
}

.where-container .slider-specialOffers .slick-track {
    display: flex;
    align-items: stretch
}

.where-container .slider-specialOffers .slick-arrow {
    width: 81px;
    height: 81px;
    position: absolute;
    top: 50%;
    background-color: rgba(255, 255, 255, .8);
    background-repeat: no-repeat;
    background-position: 48%;
    background-image: url(../img/icons/arrow-left.svg);
    border-radius: 50%;
    font-size: 0;
    margin-top: -40px;
    z-index: 1;
    transition: opacity .33s
}

.where-container .slider-specialOffers .slick-arrow:not(.slick-disabled):hover {
    opacity: 1;
    background-color: rgba(255, 255, 255, .1)
}

.where-container .slider-specialOffers .slick-arrow:not(.slick-disabled):active {
    background-color: rgba(255, 255, 255, .2)
}

.where-container .slider-specialOffers .slick-prev {
    transform: translate(-140%);
    left: 0
}

.where-container .slider-specialOffers .slick-next {
    right: 0;
    transform: translate(140%) scale(-1, 1)
}

.where-container .slider-specialOffers .slick-disabled {
    opacity: .7;
    cursor: no-drop
}

.where-container .where-metro-blocks {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px
}

.where-container .where-metro-blocks .where-metro-block {
    width: 50%;
    color: #484949;
    padding-right: 25px
}

.where-container .where-metro-blocks .where-metro-block .header {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px
}

.where-container .where-routes-detail .where-routes-top-text {
    margin-bottom: 30px
}

.where-container .where-routes-detail .header {
    font-size: 20px;
    margin-bottom: 40px;
    font-weight: 400
}

.where-container .route-block-container .route-block-list {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0
}

.where-container .route-block-container .route-block {
    width: 50%;
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
    padding-right: 15px
}

.where-container .route-block-container .route-block:first-of-type {
    width: 100%
}

.where-container .route-block-container .route-image {
    position: relative;
    margin-left: 88px
}

.where-container .route-block-container .route-image img {
    width: 100%;
    border-radius: 15px
}

.where-container .route-block-container .route-count-icon {
    position: absolute;
    right: 100%;
    top: 0;
    width: 78px;
    line-height: 78px;
    height: 78px;
    border-radius: 50%;
    border: 1px solid #61BF1A;
    color: #61BF1A;
    font-style: normal;
    text-align: center;
    margin-right: 10px;
    font-size: 36px;
    background-color: #fff;
    z-index: 1
}

.where-container .route-block-container .route-image-wrap {
    overflow: hidden;
    display: block;
    min-width: 220px;
    position: relative
}

.where-container .route-block-container .route-image-wrap::before {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 26px;
    height: 26px;
    background-size: contain;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: opacity .33s
}

.where-container .route-block-container .route-image-wrap:hover::before {
    opacity: .7
}

.where-container .route-block-container .route-block-text p,
.where-container .route-block-container .route-block-text ul {
    padding-left: 30px;
    margin-bottom: 20px
}

.where-container .route-block-container .route-block-text ul {
    padding-top: 15px;
    list-style-type: disc
}

.where-container .route-block-container .route-block-text ul li {
    margin-bottom: 7px
}

.marker.where-metro-marker {
    position: absolute;
    width: 42px;
    height: 56px
}

.marker.where-metro-marker img {
    position: relative;
    z-index: 5;
    cursor: pointer
}

.marker.where-metro-marker.show {
    z-index: 6
}

.marker.where-metro-marker.show .where-metro-tooltip {
    opacity: 1;
    left: 50%;
    z-index: 5
}

.marker.where-metro-marker.show img {
    position: relative;
    z-index: 6
}

.marker.where-metro-marker.top .where-metro-tooltip {
    transform: translate(0);
    margin-left: 10px !important
}

.where-metro-tooltip {
    transition: opacity .33s;
    opacity: 0;
    position: absolute;
    bottom: 75%;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .35);
    border: 0 !important;
    width: 221px;
    transform: translate(-50%);
    z-index: -1
}

.where-metro-tooltip .where-tooltip-content {
    padding: 18px 16px
}

.where-metro-tooltip .where-tooltip-content p,
.where-metro-tooltip .where-tooltip-content span {
    font-family: Lato, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px
}

.where-metro-tooltip .where-tooltip-content span {
    font-weight: 400
}

.where-metro-tooltip .where-tooltip-content p {
    margin-bottom: 5px
}

.where-metro-tooltip .where-tooltip-content a {
    font-family: Lato, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #61BF1A;
    text-decoration: underline;
    font-size: 13px
}

.where-metro-tooltip .where-metro-tooltip-close {
    font-size: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    width: 40px;
    text-align: center
}

.where-metro-tooltip .where-metro-tooltip-close::before {
    width: 25px;
    height: 25px
}

.where-metro-tooltip .where-metro-tooltip-close:hover {
    transform: scale(1.1)
}

.where-section .content-wrapper.opened .expand-button span::after {
    transform: scale(1, -1)
}

.where-section .content-wrapper.opened .content-expander {
    display: block;
    padding-top: 20px
}

.where-section .content-wrapper .expand-button {
    display: flex;
    margin-bottom: 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.where-section .content-wrapper .expand-button span {
    color: #61BF1A;
    border-bottom: 1px dashed #61BF1A;
    position: relative;
    display: inline;
    margin-right: 20px;
    word-break: break-all
}

.where-section .content-wrapper .expand-button span::after {
    width: 10px;
    min-width: 10px;
    margin: 0 -20px 0 5px;
    height: 10px;
    vertical-align: middle
}

.where-section .content-wrapper .content-expander {
    display: none
}

.where-section .office-props {
    display: flex
}

.where-section .office-props.detail {
    position: static;
    flex-wrap: wrap;
    padding-top: 30px
}

.where-section .office-props.detail .office-prop {
    display: flex;
    align-items: center;
    width: 20%;
    margin-bottom: 30px;
    padding-right: 20px
}

.where-section .office-props.detail .office-prop::before {
    width: 40px;
    height: 40px;
    min-width: 40px;
    margin-right: 10px
}

.where-section .office-props.detail .prop-description {
    position: static
}

.where-section .office-props.small {
    position: absolute;
    bottom: 8px;
    left: 25px
}

.where-section .office-props.small .office-prop {
    padding-right: 6px
}

.where-section .office-props.small .prop-description {
    font-size: 12px;
    position: absolute;
    white-space: nowrap;
    margin-bottom: 4px;
    bottom: 100%;
    left: 50%;
    border-radius: 5px;
    text-align: center;
    background-color: #fef8e7;
    padding: 4px 6px;
    transform: translate(-50%, 0);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .25);
    display: none
}

.where-section .office-props .office-prop {
    padding-right: 10px;
    position: relative
}

.where-section .office-props .office-prop::before {
    width: 24px;
    height: 24px;
    min-width: 24px
}

.where-section .office-props .office-prop:hover::before {
    transform: scale(1.05)
}

.where-section .office-props .office-prop:hover .prop-description {
    display: block
}

.detail-photos-slider .slider-item img {
    height: 500px;
    width: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50%;
    object-position: 50%;
    background-color: #ccc
}

.detail-photos-slider .slick-dots {
    display: none
}

.filter-container {
    position: relative;
    z-index: 2
}

.filter-container .filter-line {
    display: flex;
    align-items: center;
    padding: 30px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.filter-container .main-filter {
    width: 360px;
    min-width: 360px;
    margin-right: 21px;
    position: relative;
    z-index: 2
}

.filter-container .filtering-items .item::after,
.filter-container .main-filter .top-line::after {
    min-width: 16px;
    height: 16px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.filter-container .main-filter .top-line {
    display: flex;
    align-items: center;
    border: 1px solid #c4c4c4;
    font-size: 16px;
    padding: 10px 15px;
    z-index: 2;
    position: relative
}

.filter-container .main-filter .top-line::after {
    content: '';
    display: inline-block;
    width: 16px;
    margin-left: 15px;
    background-image: url(../img/icons/angle-down.svg)
}

.filter-container .main-filter .top-line span {
    flex-grow: 1
}

.filter-container .main-filter .top-line i {
    font-style: normal;
    width: 24px;
    min-width: 24px;
    height: 24px;
    background-color: #61BF1A;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    border-radius: 50%
}

.filter-container .main-filter .top-line.active {
    border-color: transparent transparent #c4c4c4
}

.filter-container .main-filter .top-line.active~.filter-params {
    transform: scaleY(1);
    opacity: 1
}

.filter-container .main-filter .filter-params {
    position: absolute;
    top: -10px;
    left: -10px;
    z-index: 1;
    right: -10px;
    border: 1px solid #c4c4c4;
    background-color: #fff;
    padding-top: 60px;
    transform: scaleY(0);
    opacity: 0;
    transition: opacity .5s
}

.filter-container .main-filter .filter-params input[type=radio]:checked+.params-nav label:last-child,
.filter-container .main-filter .filter-params input[type=radio]:checked+input+.params-nav label:first-child {
    border-bottom-color: #61BF1A;
    color: #61BF1A
}

.filter-container .main-filter .filter-params input[type=radio] {
    display: none
}

.filter-container .main-filter .filter-params input[type=radio]:checked+input+.params-nav~.parsma-lists .items-list:first-child {
    order: -1
}

.filter-container .main-filter .filter-params input[type=radio]:checked+.params-nav .items-list,
.filter-container .main-filter .filter-params input[type=radio]:checked+.params-nav~.parsma-lists .items-list:last-child {
    order: -1
}

.filter-container .main-filter .filter-params .parsma-lists {
    overflow: hidden;
    max-width: 100%;
    display: flex
}

.filter-container .main-filter .filter-params .parsma-lists .items-list {
    width: 100%;
    min-width: 100%
}

.filter-container .main-filter .filter-params .params-nav {
    margin-left: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    border-bottom: 1px solid #c4c4c4;
    padding-top: 15px;
    display: flex
}

.filter-container .main-filter .filter-params .params-nav label {
    font-size: 16px;
    padding: 4px 15px;
    font-weight: 300;
    border-bottom: 1px solid transparent;
    margin-bottom: -1px;
    cursor: pointer
}

.filter-container .main-filter .filter-params .items-list {
    max-height: 220px;
    overflow: auto;
    padding: 10px
}

.filter-container .main-filter .filter-params .items-list .styled-checkbox {
    padding-bottom: 15px
}

.filter-container .main-filter .filter-params .items-list .styled-checkbox input[type=checkbox]:checked~label {
    color: #61BF1A
}

.filter-container .main-filter .filter-params .items-list .styled-checkbox input[type=checkbox]:checked~label::before {
    border-color: #61BF1A;
    background-image: url(../img/icons/check-red.svg)
}

.filter-container .main-filter .filter-params .items-action .button {
    width: 100%;
    border-radius: 0;
    background-color: #61BF1A;
    color: #fff
}

.filter-container .main-filter .filter-params .items-action .button:hover {
    background-color: #e72034
}

.filter-container .additional-filter {
    display: flex;
    flex-grow: 1
}

.filter-container .additional-filter .styled-checkbox {
    display: flex;
    justify-content: center;
    width: 25%;
    padding-right: 10px
}

.filter-container .filtering-items {
    padding-top: 20px;
    border-top: 1px solid #e5e5e5;
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.filter-container .filtering-items .item {
    border: 1px solid #c4c4c4;
    padding: 1px 5px 2px 10px;
    font-size: 13px;
    margin: 0 10px 17px;
    border-radius: 10px;
    font-style: normal;
    display: inline-flex;
    font-weight: 300;
    align-items: center;
    cursor: pointer
}

.filter-container .filtering-items .item:hover::after {
    filter: none;
    transform: scale(1.2)
}

.filter-container .filtering-items .item::after {
    content: '';
    display: inline-block;
    width: 16px;
    margin-left: 4px;
    background-image: url(../img/icons/close.svg);
    filter: brightness(0)
}

.filter-container .filtering-items .item.clear-all {
    padding: 1px 10px 2px;
    border-color: #61BF1A;
    color: #61BF1A
}

.filter-container .filtering-items .item.clear-all:hover {
    background-color: #61BF1A;
    color: #fff
}

.filter-container .filtering-items .item.clear-all::after {
    display: none
}

.list-and-map {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    display: grid;
    grid-template-columns: 1fr 380px
}

.list-and-map .map-container {
    height: 618px
}

.list-and-map .map-list {
    height: 618px;
    overflow: visible;
    overflow-y: auto;
    padding-top: 15px;
    padding-bottom: 15px
}

.list-and-map .map-list .list-item {
    padding: 15px 40px;
    border-bottom: 1px solid #e5e5e5;
    position: relative
}

.list-and-map .map-list .list-item:last-child {
    border-bottom-color: transparent
}

.list-and-map .map-list .list-item.active .item-addr {
    color: #61BF1A;
    text-decoration: underline
}

.list-and-map .map-list .list-item.active .item-addr img {
    filter: none
}

.list-and-map .map-list .item-addr,
.list-and-map .map-list .item-link,
.list-and-map .map-list .item-metro {
    display: inline-flex;
    align-items: center
}

.list-and-map .map-list .item-addr img,
.list-and-map .map-list .item-link img,
.list-and-map .map-list .item-metro img {
    width: 14px;
    height: 14px;
    min-width: 14px;
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
    margin-right: 10px
}

.list-and-map .map-list .item-addr {
    font-size: 16px;
    padding-bottom: 12px;
    cursor: pointer
}

.list-and-map .map-list .item-addr img {
    filter: grayscale(1) opacity(.5)
}

.list-and-map .map-list .item-addr:hover {
    text-decoration: underline;
    color: #61BF1A
}

.list-and-map .map-list .item-addr:hover img {
    filter: none
}

.list-and-map .map-list .item-metro {
    display: flex;
    align-items: center;
    font-weight: 300;
    padding-bottom: 10px;
    font-size: 14px
}

.list-and-map .map-list .item-hours {
    font-weight: 300;
    padding-bottom: 15px;
    font-size: 14px;
    padding-left: 25px
}

.list-and-map .map-list .item-link {
    padding-bottom: 12px;
    text-decoration: underline
}

.where-section .list-and-map .office-props {
    position: static;
    flex-wrap: wrap
}

.wherw-map-popup .popup-container {
    padding: 0 !important;
    width: 100vw;
    height: 100vh
}

.wherw-map-popup .close-button {
    z-index: 2;
    background-color: #fff;
    padding: 10px;
    top: 0
}

.wherw-map-popup .popup-content>ymaps {
    width: 100vw;
    height: 100vh !important
}

.doctor-to-company .item-person {
    display: grid;
    grid-template-columns: auto 1fr;
    width: 1000px;
    max-width: 100%;
    padding-bottom: 50px;
    align-items: center
}

.doctor-to-company .item-person .item-image {
    padding-right: 50px
}

.doctor-to-company .item-person .item-image img {
    width: 260px;
    height: 260px;
    min-width: 260px;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%
}

.doctor-to-company .item-person .item-desc {
    font-size: 24px;
    margin-bottom: 38px
}

.\@where .offices .offices-cards .toggle-input:checked~.toggle-button,
.\@where h1.heading {
    margin-bottom: 25px
}

.doctor-to-company .item-person .item-contact .item-label {
    font-size: 20px
}

.doctor-to-company .item-person .item-contact .item-value {
    font-size: 28px
}

.doctor-to-company .item-person .item-contact .item-value a {
    font-size: 28px;
    color: #61BF1A
}

.\@where .color0::before {
    background-color: #555
}

.\@where .color1::before {
    background-color: #ec1a37
}

.\@where .color2::before {
    background-color: #40b75d
}

.\@where .color3::before {
    background-color: #0077c0
}

.\@where .color4::before {
    background-color: #1ac0f0
}

.\@where .color5::before {
    background-color: #8a4c35
}

.\@where .color6::before {
    background-color: #f9832b
}

.\@where .color7::before {
    background-color: #8e489e
}

.\@where .color8::before {
    background-color: #ffca2e
}

.\@where .color9::before {
    background-color: #a0a1a3
}

.\@where .color10::before {
    background-color: #b3d543
}

.\@where .color11::before {
    background-color: #7acbce
}

.\@where .color12::before {
    background-color: #aabfdc
}

.\@where .color13::before {
    background-color: #0073ba
}

.\@where .color14::before {
    background-color: #fff;
    border: 1px solid #61BF1A;
    color: #555 !important
}

.\@where .color15::before {
    background-color: #f089b7
}

.\@where .\:scrollbar {
    scrollbar-width: thin;
    scrollbar-color: #61BF1A rgba(206, 22, 40, .2)
}

.\@where .\:scrollbar::-webkit-scrollbar {
    -webkit-appearance: none;
    appearance: none
}

.\@where .\:scrollbar::-webkit-scrollbar-track {
    background-color: rgba(202, 202, 202, .2)
}

.\@where .\:scrollbar::-webkit-scrollbar:vertical {
    width: 5px
}

.\@where .\:scrollbar::-webkit-scrollbar:horizontal {
    height: 5px
}

.\@where .\:scrollbar::-webkit-scrollbar-thumb {
    background-color: #61BF1A;
    border-radius: 10px
}

.\@where .balls-container {
    position: sticky;
    top: 450px;
    z-index: 2;
    display: none
}

.\@where .ball-button {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 65px;
    width: 65px;
    min-width: 65px;
    background-color: #61BF1A;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.\@where .ball-button .item-icon {
    display: flex
}

.\@where .ball-button .item-icon span {
    width: 30px;
    min-width: 30px;
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

.\@where .filter-items {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.\@where .filter-items .filter-checker {
    display: none
}

.\@where .filter-items .filter-checker:checked~.filters-box {
    transform: scale(1)
}

.\@where .filter-items .filters-box {
    position: relative;
    z-index: 2
}

.\@where .filter-items .filter-header {
    align-items: center;
    padding-bottom: 10px;
    display: none;
    order: -2
}

.\@where .filter-items .filter-header .item-heading {
    font-size: 18px;
    font-weight: 600;
    color: #282828;
    flex-grow: 1
}

.\@where .filter-items .filter-header .close-button {
    font-size: 18px;
    font-weight: 600;
    padding: 10px;
    color: rgba(0, 0, 0, .4);
    display: inline-flex;
    align-items: center;
    margin-right: -5px;
    cursor: pointer
}

.\@where .filter-items .filter-header .close-button::after {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    min-width: 5px;
    border-bottom: 2px solid rgba(0, 0, 0, .4);
    border-right: 2px solid rgba(0, 0, 0, .4);
    transform: rotate(-45deg);
    margin-left: 5px
}

.\@where .filter-items .items-line {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.\@where .filter-items .item input[type=checkbox],
.\@where .filter-items .items-line.mobile {
    display: none
}

.\@where .filter-items .item input[type=checkbox]:checked~.item-box .item-icon {
    background-color: #61BF1A;
    border-color: #61BF1A
}

.\@where .filter-items .item input[type=checkbox]:checked~.item-box .item-icon::before {
    display: inline-block
}

.\@where .filter-items .item.checker:hover .item-icon {
    box-shadow: inset 1px 1px 6px rgba(0, 0, 0, .15)
}

.\@where .filter-items .item .item-box {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding-right: 10px;
    margin-right: 15px;
    padding-bottom: 10px;
    margin-bottom: 15px
}

.\@where .filter-items .item .item-icon {
    width: 20px;
    min-width: 20px;
    height: 20px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, .4);
    margin-right: 8px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.\@where .filter-items .item .item-icon::before {
    content: '';
    display: none;
    width: 10px;
    height: 7px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
    transform-origin: 28% 35%
}

.\@where .filter-items .item .item-value {
    font-size: 16px;
    font-weight: 600
}

.\@where .filter-items .search-line {
    position: relative;
    position-z-index: 1;
    padding-bottom: 25px
}

.\@where .filter-items .search-line .search-input {
    position: relative;
    z-index: 1
}

.\@where .filter-items .search-line input {
    width: 100%;
    height: 45px;
    background-color: #f5f5f5;
    border: 0;
    border-radius: 5px;
    outline: 0;
    padding: 0 45px 0 15px;
    font-size: 16px;
    font-weight: 600
}

.\@where .filter-items .search-line input:hover {
    box-shadow: inset 1px 1px 22px rgba(0, 0, 0, .05)
}

.\@where .filter-items .search-line input:focus {
    box-shadow: inset 1px 1px 6px rgba(0, 0, 0, .05)
}

.\@where .filter-items .search-line input:focus::-moz-placeholder {
    color: #888
}

.\@where .filter-items .search-line input:focus::placeholder {
    color: #888
}

.\@where .filter-items .search-line input::-moz-placeholder {
    color: #555;
    font-size: 16px;
    font-weight: 600
}

.\@where .filter-items .search-line input::placeholder {
    color: #555;
    font-size: 16px;
    font-weight: 600
}

.\@where .filter-items .search-line .search-button {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px
}

.\@where .filter-items .search-line .search-button:hover img {
    transform: scale(1.2)
}

.\@where .filter-items .search-line .search-button img {
    width: 13px;
    min-width: 13px;
    height: 13px
}

.\@where .filter-items .tabs-buttons {
    display: flex
}

.\@where .filter-items .tabs-buttons.mobile {
    display: none
}

.\@where .filter-items .tabs-buttons .item {
    display: flex;
    align-items: center;
    padding-right: 25px
}

.\@where .filter-items .tabs-buttons .item .item-icon {
    border: 0;
    background-color: #f5f5f5
}

.\@where .filter-items .tabs-buttons .link {
    text-decoration: underline;
    white-space: nowrap
}

.\@where .filter-items .tabs-buttons .link .item-icon {
    border-radius: 0;
    background-color: transparent;
    opacity: .4;
    background-image: url(../img/icons/home.svg)
}

.\@where .filter-items .tabs-buttons .link:hover .item-icon {
    opacity: .6
}

.\@where .filter-items .tabs-buttons .tab {
    white-space: nowrap
}

.\@where .filter-items .tabs-buttons .tab:hover .item-icon {
    box-shadow: inset 1px 1px 6px rgba(0, 0, 0, .15)
}

.\@where .filter-items .tabs-buttons .tab.active {
    cursor: default
}

.\@where .filter-items .tabs-buttons .tab.active .item-icon {
    background-color: #61BF1A
}

.\@where .filter-items .tabs-buttons .tab.active .item-value {
    color: #61BF1A
}

.\@where .filter-items .line-actions {
    display: flex;
    align-items: center;
    padding-bottom: 25px
}

.\@where .filter-items .choses-box {
    display: flex
}

.\@where .filter-items .choose-area {
    position: relative;
    z-index: 2
}

.\@where .filter-items .choose-area.not-found .box-notice {
    display: block
}

.\@where .filter-items .choose-area .current {
    display: flex;
    align-items: center;
    padding: 0 10px;
    border-radius: 5px;
    background-color: #f5f5f5;
    cursor: pointer;
    position: relative;
    width: 278px;
    max-width: 278px
}

.\@where .filter-items .choose-area .current:hover {
    background-color: #f0f0f0
}

.\@where .filter-items .choose-area .current.active~.choose-items {
    transform: scale(1)
}

.\@where .filter-items .choose-area .current.active .close-button::before,
.\@where .offices .offices-cards .toggle-input:checked~.toggle-button::after {
    transform: scaleY(-1)
}

.\@where .filter-items .choose-area .current .item-icon {
    display: flex;
    align-items: center
}

.\@where .filter-items .choose-area .current .item-icon svg {
    width: 20px;
    height: 20px
}

.\@where .filter-items .choose-area .current .item-icon svg path {
    fill: #555
}

.\@where .filter-items .choose-area .current .item-input,
.\@where .filter-items .choose-area .current .item-value {
    flex-grow: 1;
    height: 100%;
    padding: 10px 40px 10px 0
}

.\@where .filter-items .choose-area .current .item-value {
    padding: 10px 0 10px 10px;
    height: 100%;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden
}

.\@where .filter-items .choose-area .current .close-button {
    padding: 0 15px;
    height: 40px;
    margin-right: -10px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.\@where .filter-items .choose-area .current .close-button::before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    min-width: 10px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='123.959' height='123.958'%3E%3Cpath d='M117.979 28.017h-112c-5.3 0-8 6.4-4.2 10.2l56 56c2.3 2.3 6.1 2.3 8.401 0l56-56c3.799-3.8 1.099-10.2-4.201-10.2z'/%3E%3C/svg%3E")
}

.\@where .filter-items .choose-items {
    padding-top: 5px;
    transform: scale(0);
    position: absolute;
    top: 100%;
    left: 0;
    right: 0
}

.\@where .filter-items .choose-items .items-box {
    background-color: #f5f5f5;
    padding: 10px;
    border-radius: 5px;
    max-height: 351px;
    overflow: auto
}

.\@where .filter-items .choose-items .box-notice {
    text-align: center;
    font-size: 14px;
    display: none;
    font-weight: 600
}

.\@where .filter-items .metro-choose {
    padding-right: 30px
}

.\@where .filter-items .metro-choose .choose-area {
    z-index: 3
}

.\@where .filter-items .metro-choose .current {
    position: relative
}

.\@where .filter-items .metro-choose .current[data-color=color0] .item-icon svg path {
    fill: #555
}

.\@where .filter-items .metro-choose .current[data-color=color1] .item-icon svg path {
    fill: #ec1a37
}

.\@where .filter-items .metro-choose .current[data-color=color2] .item-icon svg path {
    fill: #40b75d
}

.\@where .filter-items .metro-choose .current[data-color=color3] .item-icon svg path {
    fill: #0077c0
}

.\@where .filter-items .metro-choose .current[data-color=color4] .item-icon svg path {
    fill: #1ac0f0
}

.\@where .filter-items .metro-choose .current[data-color=color5] .item-icon svg path {
    fill: #8a4c35
}

.\@where .filter-items .metro-choose .current[data-color=color6] .item-icon svg path {
    fill: #f9832b
}

.\@where .filter-items .metro-choose .current[data-color=color7] .item-icon svg path {
    fill: #8e489e
}

.\@where .filter-items .metro-choose .current[data-color=color8] .item-icon svg path {
    fill: #ffca2e
}

.\@where .filter-items .metro-choose .current[data-color=color9] .item-icon svg path {
    fill: #a0a1a3
}

.\@where .filter-items .metro-choose .current[data-color=color10] .item-icon svg path {
    fill: #b3d543
}

.\@where .filter-items .metro-choose .current[data-color=color11] .item-icon svg path {
    fill: #7acbce
}

.\@where .filter-items .metro-choose .current[data-color=color12] .item-icon svg path {
    fill: #aabfdc
}

.\@where .filter-items .metro-choose .current[data-color=color13] .item-icon svg path {
    fill: #0073ba
}

.\@where .filter-items .metro-choose .current[data-color=color14] .item-icon svg path {
    fill: #fff;
    stroke: rgba(206, 22, 40, .5)
}

.\@where .filter-items .metro-choose .current[data-color=color15] .item-icon svg path {
    fill: #f089b7
}

.\@where .filter-items .metro-choose .current.active .item-value {
    transform: scale(0)
}

.\@where .filter-items .metro-choose .current.active .item-input,
.vacancy-section .vacancy-form .upload-lines .upload-line:last-child .add-button,
.vacancy-section .vacancy-form .upload-lines .upload-line:not(:last-child) .remove-button {
    transform: scale(1)
}

.\@where .filter-items .metro-choose .current .item-input {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: 0 40px 0 30px;
    transform: scale(0)
}

.\@where .filter-items .metro-choose .current .item-input input {
    border: 0;
    height: 100%;
    padding: 0 10px;
    outline: 0;
    font-size: 16px;
    background-color: transparent;
    font-weight: 600;
    width: 100%;
    cursor: pointer
}

.\@where .filter-items .metro-choose .current .item-input input::-moz-placeholder {
    color: rgba(40, 40, 40, .4)
}

.\@where .filter-items .metro-choose .current .item-input input::placeholder {
    color: rgba(40, 40, 40, .4)
}

.\@where .filter-items .metro-choose .stations-list {
    list-style: none;
    counter-reset: metro-counter;
    padding-left: 0;
    margin-bottom: 0
}

.\@where .filter-items .metro-choose .stations-list .list-item {
    display: grid;
    grid-template-columns: auto 1fr
}

.\@where .filter-items .metro-choose .stations-list .list-item.no-color {
    padding-left: 28px
}

.\@where .filter-items .metro-choose .stations-list li.list-item.hidden {
    display: none
}

.\@where .filter-items .metro-choose .stations-list li.list-item:last-child .sub-list {
    padding-bottom: 0
}

.\@where .filter-items .metro-choose .stations-list li.list-item .item-color {
    display: flex;
    grid-row: span 2;
    position: relative;
    padding-top: 5px;
    margin-right: 10px
}

.\@where .filter-items .metro-choose .stations-list li.list-item .item-color::before {
    content: '';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    min-width: 18px;
    height: 18px;
    border-radius: 50%;
    position: relative;
    z-index: 1
}

.\@where .filter-items .metro-choose .stations-list li.list-item .item-color.color14::before {
    border: 1px solid #61BF1A
}

.\@where .filter-items .metro-choose .stations-list li.list-item .item-color.color14 span {
    color: #000;
    line-height: 20px
}

.\@where .filter-items .metro-choose .stations-list li.list-item .item-color span {
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 2;
    font-size: 14px;
    font-weight: 700
}

.\@where .filter-items .metro-choose .stations-list .sub-item.hidden {
    display: none
}

.\@where .filter-items .metro-choose .stations-list .item-value,
.\@where .filter-items .metro-choose .stations-list .sub-value {
    padding: 5px 0;
    font-weight: 600
}

.\@where .filter-items .metro-choose .stations-list .item-value {
    color: rgba(40, 40, 40, .4);
    font-size: 14px
}

.\@where .filter-items .metro-choose .stations-list .sub-value {
    display: block;
    width: 100%;
    font-size: 16px;
    text-align: left;
    color: #282828
}

.\@where .filter-items .metro-choose .stations-list .sub-value:hover {
    color: #61BF1A
}

.\@where .filter-items .metro-choose .stations-list .sub-list {
    list-style-type: none;
    padding-left: 0;
    padding-bottom: 10px
}

.\@where .filter-items .services-choose .current .close-button {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    right: 0;
    top: 0;
    height: auto;
    justify-content: flex-end
}

.\@where .filter-items .services-choose .item.checker:last-child .item-box {
    padding-bottom: 0
}

.\@where .filter-items .services-choose .item.checker .item-box {
    margin-bottom: 0
}

.\@where .filter-items .filter-actions {
    flex-grow: 1;
    align-items: flex-end;
    width: 100%;
    display: none
}

.\@where .filter-items .filter-actions .actions-box {
    width: 100%
}

.\@where .filter-items .filter-actions .action-button {
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 18px
}

.\@where .filter-items .filter-actions .action-button-clear {
    padding: 15px;
    font-weight: 600;
    font-size: 18px;
    color: #282828;
    width: 100%;
    text-align: center
}

.\@where .offices .offices-cards,
.\@where .offices .offices-map {
    max-height: 0;
    overflow: hidden;
    transform: scale(0)
}

.\@where .offices .offices-cards.active,
.\@where .offices .offices-map.active {
    max-height: none;
    overflow: visible;
    transform: none
}

.\@where .offices .offices-container {
    display: grid;
    grid-template-columns: 1fr 375px;
    grid-gap: 78px
}

.\@where .offices .map-box .card-count {
    padding-top: 12px
}

.\@where .offices .map-box .card-count .item-label {
    font-size: 18px
}

.\@where .offices .map-box .card-count .item-value {
    font-size: 18px;
    font-weight: 600;
    color: #61BF1A
}

.\@where .offices .map-box .card-count .item-updated {
    font-size: 14px;
    color: rgba(40, 40, 40, .4);
    font-weight: 700;
    white-space: nowrap
}

.\@where .offices .map-box .delivery-note {
    padding-top: 7px;
    font-weight: 600;
    font-size: 16px;
    color: rgba(40, 40, 40, .4)
}

.\@where .offices .map-inner {
    position: relative
}

.\@where .offices .map-area {
    border-radius: 10px;
    overflow: hidden;
    height: 470px
}

.\@where .offices .map-tooltip {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: Lato, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif
}

.\@where .offices .map-tooltip.demo {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 1
}

.\@where .offices .map-tooltip .tooltip-box {
    background-color: #fff;
    width: 196px;
    min-width: 196px;
    border-radius: 5px;
    padding: 15px;
    filter: drop-shadow(0 4px 45px rgba(0, 0, 0, .25))
}

.\@where .offices .map-tooltip .tooltip-box::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 23px;
    height: 23px;
    min-width: 23px;
    background-color: #fff;
    transform: translate(-50%, 40%) rotate(-45deg);
    border-radius: 5px
}

.\@where .offices .map-tooltip .param {
    font-size: 13px;
    font-weight: 600;
    padding-bottom: 10px
}

.\@where .offices .map-tooltip .item-label {
    color: rgba(0, 0, 0, .4);
    margin-bottom: 4px
}

.\@where .offices .map-tooltip .item-value {
    margin-bottom: 4px
}

.\@where .offices .map-tooltip .metro::before {
    content: 'М';
    width: 23px;
    height: 23px;
    min-width: 23px;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    margin-right: 10px
}

.\@where .offices .map-tooltip .item-action {
    font-size: 13px;
    color: #61BF1A;
    text-decoration: none;
    border-bottom: 1px solid #61BF1A;
    font-weight: 600
}

.\@where .offices .map-tooltip .item-action:hover {
    color: #282828;
    border-bottom-color: #282828
}

.\@where .offices .map-tooltip .point {
    width: 36px;
    height: 36px;
    min-width: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    filter: drop-shadow(0 4px 15px rgba(0, 0, 0, .25));
    border-radius: 50%;
    margin-top: 20px
}

.\@where .offices .map-tooltip .point::before {
    content: '';
    display: inline-block;
    width: 14px;
    min-width: 14px;
    height: 22px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    background-image: url(../img/logo-micro.svg)
}

.\@where .offices .offices-list {
    max-height: 470px
}

.\@where .offices .offices-list .list-item {
    padding-right: 30px;
    position: relative;
    z-index: 1
}

.\@where .offices .offices-list .list-item:first-child .item-box {
    padding-top: 0
}

.\@where .offices .offices-list .list-item:last-child .item-box {
    border-color: transparent
}

.\@where .offices .offices-list .item-box {
    position: relative;
    padding-bottom: 55px;
    padding-top: 33px;
    z-index: 1;
    border-bottom: 1px solid #c4c4c4;
    cursor: pointer
}

.\@where .offices .offices-list .item-title {
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 6px
}

.\@where .offices .offices-list .item-hours {
    font-size: 18px;
    font-weight: 600;
    color: rgba(40, 40, 40, .4);
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.\@where .offices .offices-list .item-actions {
    position: absolute;
    bottom: 15px;
    left: 0;
    z-index: 2
}

.\@where .offices .offices-list .item-actions .button-more {
    display: inline-block;
    padding: 10px 15px 10px 0;
    font-weight: 600;
    background-color: #fff
}

.\@where .offices .offices-list .item-actions .button-more:hover span {
    color: #282828;
    border-bottom: 1px solid #282828
}

.\@where .offices .offices-list .item-actions .button-more span {
    color: #61BF1A;
    border-bottom: 1px solid #61BF1A
}

.\@where .offices .offices-list .metro-lines {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.\@where .offices .offices-list .metro-lines .item-line {
    display: inline-flex;
    align-items: center;
    margin-bottom: 7px;
    font-size: 16px;
    font-weight: 600;
    color: rgba(0, 0, 0, .4)
}

.\@where .offices .offices-list .metro-lines .item-line::before {
    content: 'М';
    width: 23px;
    height: 23px;
    min-width: 23px;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    margin-right: 10px
}

.\@where .offices .offices-list .metro-lines .item-line.city::before {
    content: '';
    opacity: .6;
    border-radius: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(../img/icons/city.svg)
}

.\@where .offices .offices-cards .card-count {
    text-align: right
}

.\@where .offices .offices-cards .card-count.mobile {
    display: none;
    text-align: left
}

.\@where .offices .offices-cards .card-count .item-label {
    font-size: 18px
}

.\@where .offices .offices-cards .card-count .item-value {
    font-size: 18px;
    font-weight: 600;
    color: #61BF1A
}

.\@where .offices .offices-cards .card-count .item-updated {
    font-size: 14px;
    color: rgba(40, 40, 40, .4);
    font-weight: 700
}

.\@where .offices .offices-cards .delivery-note {
    font-size: 16px;
    color: rgba(0, 0, 0, .4);
    font-weight: 600;
    padding-top: 8px
}

.\@where .offices .offices-cards .toggle-input {
    display: none
}

.\@where .offices .offices-cards .toggle-input:checked~.cards-grid {
    max-height: none;
    overflow: visible;
    transform: none;
    padding-bottom: 40px
}

.\@where .offices .offices-cards .toggle-button {
    display: inline-flex;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    margin-bottom: 0
}

.\@where .offices .offices-cards .toggle-button.sign::before {
    content: 'М';
    width: 23px;
    height: 23px;
    min-width: 23px;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    margin-right: 10px
}

.\@where .offices .offices-cards .toggle-button::after {
    content: '';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    width: 13px;
    min-width: 13px;
    height: 9px;
    background-image: url(../img/icons/angle-down-black.svg);
    filter: brightness(0);
    margin-left: 12px;
    position: relative;
    top: 2px
}

.\@where .offices .offices-cards .toggle-button span {
    font-size: 21px;
    font-weight: 600
}

.\@where .offices .offices-cards .cards-grid {
    max-height: 0;
    overflow: hidden;
    transform: scale(0);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
    padding-bottom: 20px
}

.\@where .offices .offices-cards .card {
    background-color: #f5f5f5;
    border-radius: 10px;
    padding: 20px 25px;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.\@where .offices .offices-cards .card .item-top {
    display: flex;
    padding-bottom: 22px;
    width: 100%
}

.\@where .offices .offices-cards .card .map-button {
    white-space: nowrap;
    background-color: #fff;
    padding: 7px 20px;
    font-size: 16px;
    color: #282828;
    font-weight: 600;
    border-radius: 14px
}

.\@where .offices .offices-cards .card .map-button:hover {
    background-color: #61BF1A;
    color: #fff;
    cursor: pointer
}

.\@where .offices .offices-cards .card .item-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 6px;
    display: inline-block;
    line-height: 1.3
}

.\@where .offices .offices-cards .card .item-hours {
    font-size: 16px;
    font-weight: 600;
    color: rgba(40, 40, 40, .4);
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.\@where .offices .offices-cards .card .item-metro {
    padding-top: 15px;
    flex-grow: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.\@where .offices .offices-cards .card .item-metro .metro-line {
    margin-bottom: 8px
}

.\@where .offices .offices-cards .card .item-metro .metro-line:last-child {
    margin-bottom: 0
}

.\@where .offices .offices-cards .card .item-metro .metro-line::before {
    content: 'М';
    width: 23px;
    height: 23px;
    min-width: 23px;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    margin-right: 10px
}

.\@where .offices .offices-cards .card .item-metro .metro-line span {
    font-size: 18px;
    font-weight: 600;
    color: #282828
}

.\@where .offices .offices-cards .card .item-location {
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 600;
    color: #282828
}

.\@where .offices .offices-cards .card .more-checkbox,
.\@where .offices .offices-cards .card .more-checkbox:checked~.item-actions .more-button span:first-child {
    display: none
}

.\@where .offices .offices-cards .card .more-checkbox:checked~.item-actions .more-button span:last-child {
    display: block
}

.\@where .offices .offices-cards .card .item-actions {
    padding-top: 15px;
    display: none
}

.\@where .offices .offices-cards .card .item-actions .more-button {
    display: inline-block;
    font-size: 14px
}

.\@where .offices .offices-cards .card .item-actions .more-button span {
    font-weight: 600;
    color: #61BF1A;
    border-bottom: 1px solid #61BF1A
}

.\@where .offices .offices-cards .card .item-actions .more-button span:last-child {
    display: none
}

.\@where .offices .offices-cards .office-props {
    margin-left: -10px;
    margin-top: -6px;
    position: relative;
    flex-grow: 1
}

.\@where .offices .offices-cards .office-props:hover .props-area {
    background-color: #fff
}

.\@where .offices .offices-cards .office-props:hover .office-prop:nth-child(n+5) {
    display: flex
}

.\@where .offices .offices-cards .office-props .props-area {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 7px;
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px;
    max-width: 180px;
    border-radius: 15px
}

.\@where .offices .offices-cards .office-props .office-prop {
    display: flex;
    position: relative
}

.\@where .offices .offices-cards .office-props .office-prop:hover::before {
    filter: brightness(1.1)
}

.\@where .offices .offices-cards .office-props .office-prop:hover .prop-description {
    display: block
}

.\@where .offices .offices-cards .office-props .office-prop:nth-child(n+5) {
    display: none
}

.\@where .offices .offices-cards .office-props .office-prop::before {
    width: 24px;
    height: 24px;
    min-width: 24px;
    border-radius: 50%;
    background-color: rgba(206, 22, 40, .1);
    box-shadow: inset 0 0 1px 1px #f5f5f5
}

.\@where .offices .offices-cards .office-props .prop-description {
    font-size: 12px;
    position: absolute;
    white-space: nowrap;
    margin-bottom: 4px;
    bottom: 100%;
    left: 50%;
    border-radius: 5px;
    text-align: center;
    background-color: #fff;
    padding: 4px 6px;
    transform: translate(-50%, 0);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .25);
    display: none
}

.\@where .discount-block {
    padding: 30px 0
}

.\@where .discount-block .item-heading {
    font-size: 40px;
    font-weight: 400;
    color: #282828;
    margin-bottom: 25px;
    line-height: 1.2
}

.\@where .discount-block .linkslist {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding-left: 0
}

.\@where .discount-block .link-item {
    padding-right: 15px;
    padding-bottom: 15px
}

.\@where .discount-block .link {
    border-radius: 5px;
    background-color: #f5f5f5;
    padding: 6px 15px;
    display: block;
    font-size: 18px;
    font-weight: 600
}

.\@where .discount-block .link::before {
    content: '#';
    color: #61BF1A;
    font-weight: 600
}

.at-home-section {
    padding-top: 40px;
    margin-bottom: 50px
}

.at-home-section .top-text {
    font-size: 16px;
    margin-bottom: 80px;
    color: #484949
}

.at-home-section .contacts-container {
    display: flex;
    padding-bottom: 25px
}

.at-home-section .form-col {
    min-width: 460px;
    margin-right: 30px
}

.at-home-section .at-home-form {
    border: 1px solid #c4c4c4;
    border-radius: 15px;
    padding: 20px 15px;
    overflow: hidden
}

.at-home-section .at-home-form .header {
    margin-bottom: 15px
}

.at-home-section .at-home-form .date-box {
    background-image: none;
    position: relative
}

.at-home-section .at-home-form .date-box input {
    background-color: transparent
}

.at-home-section .at-home-table tr:nth-child(2n-1) td,
.at-home-section .price-container .price-line:nth-of-type(2n-1) {
    background-color: #f3f3f3
}

.at-home-section .at-home-form .date-box::before {
    opacity: .5;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    right: 15px;
    z-index: -1
}

.at-home-section .at-home-form .date-box:hover::before {
    opacity: .7
}

.at-home-section .form-notices {
    padding-left: 10px
}

.at-home-section .form-line.double {
    display: flex;
    justify-content: space-between
}

.at-home-section .form-line.double .line-cell {
    width: 48%
}

.at-home-section .contacts-box {
    padding-top: 15px
}

.at-home-section .contacts-box .header {
    font-size: 30px;
    margin-bottom: 20px;
    font-weight: 400
}

.at-home-section .contacts-box .header br {
    display: none
}

.at-home-section .contacts-box .hours {
    font-size: 64px;
    margin-bottom: 15px;
    color: #61BF1A;
    font-weight: 400
}

.at-home-section .contacts-box .hours .mark {
    color: #000;
    font-size: 36px;
    vertical-align: top
}

.at-home-section .contacts-box .order-time {
    font-size: 18px;
    color: #484949;
    margin-bottom: 30px
}

.at-home-section .contacts-box .phone-label {
    font-size: 30px;
    margin-bottom: 10px
}

.at-home-section .contacts-box .phone-value {
    display: block;
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 10px
}

.at-home-section .contacts-box .call-hours {
    font-size: 18px;
    margin-bottom: 40px;
    color: #484949;
    line-height: 29px
}

.at-home-section .contacts-box .mark-comment {
    font-size: 14px;
    color: #61BF1A;
    line-height: 23px
}

.at-home-section .at-home-table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px
}

.at-home-section .at-home-table .label {
    display: none;
    flex-grow: 1
}

.at-home-section .at-home-table td,
.at-home-section .at-home-table th {
    padding: 20px 30px;
    color: #555
}

.at-home-section .at-home-table th {
    font-weight: 600;
    text-align: left;
    font-size: 16px
}

.at-home-section .at-home-table td {
    font-size: 18px
}

.at-home-section .at-home-table td b {
    white-space: nowrap
}

.at-home-section .table-price-mark {
    font-size: 14px;
    color: #61BF1A;
    padding-left: 20px;
    line-height: 23px;
    margin-bottom: 40px
}

.at-home-section .price-container {
    padding-top: 25px;
    margin-bottom: 70px
}

.at-home-section .price-container .heading {
    font-size: 24px
}

.at-home-section .price-container .price-cols {
    display: flex;
    justify-content: space-between
}

.title__detailed {}

.at-home-section .price-container .price-col {
    width: 49%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.at-home-section .price-container .price-line {
    display: flex;
    justify-content: space-between;
    min-height: 60px;
    align-items: center;
    padding: 15px 50px
}

.at-home-section .price-container .price-label {
    overflow: hidden;
    font-size: 18px;
    color: #484949;
    line-height: 29px;
    padding-right: 15px
}

.at-home-section .price-container .price-value {
    font-size: 24px;
    font-weight: 400;
    white-space: nowrap
}

.at-home-section .price-container .price-mark {
    font-size: 14px;
    color: #61BF1A;
    padding-left: 20px;
    line-height: 23px
}

.at-home-section .special-notices .special-notice {
    padding: 25px 70px;
    border-radius: 15px;
    background-color: rgba(206, 22, 40, .1);
    text-align: center;
    margin-bottom: 25px
}

.at-home-section .special-notices .notice-text {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 0
}

.at-home-section .special-notices .notice-tel {
    font-size: 36px;
    font-weight: 400;
    display: block;
    margin-top: 10px
}

.vacancy-section {
    padding-bottom: 60px
}

.vacancy-section .heading-wrapper {
    padding-bottom: 50px
}

.vacancy-section .heading-wrapper .heading-top {
    height: 260px;
    display: flex;
    align-items: center;
    padding: 50px;
    background-color: #d4dbe7;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.vacancy-section .heading-wrapper .heading-top::before {
    content: '';
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, .3) 100%)
}

.vacancy-section .heading-wrapper .block-heading {
    font-size: 48px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 0;
    position: relative;
    z-index: 2
}

.vacancy-section .block-elements {
    display: flex
}

.vacancy-section .main-tube {
    padding-right: 80px;
    padding-bottom: 40px
}

.vacancy-section .main-tube .item-text {
    margin-bottom: 0;
    padding-bottom: 40px
}

.vacancy-section .main-tube .item-text .attention-text {
    color: #61BF1A
}

.vacancy-section .vacancy-form .form-heading {
    font-size: 36px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 40px
}

.vacancy-section .vacancy-form .upload-lines,
.vacancy-section .vacancy-form .upload-lines .form-line,
.vacancy-section .vacancy-form .upload-lines .line-cell,
.vacancy-section .vacancy-form .upload-lines .upload-line {
    position: relative
}

.vacancy-section .vacancy-form .upload-lines .upload-line {
    display: block
}

.vacancy-section .vacancy-form .upload-lines .files-upload {
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.vacancy-section .vacancy-form .upload-lines .files-upload input[type=file] {
    display: none
}

.vacancy-section .vacancy-form .upload-lines .upload-element {
    padding-right: 10px;
    padding-bottom: 10px;
    position: absolute;
    transform: scale(0)
}

.vacancy-section .vacancy-form .upload-lines .upload-element.active {
    position: relative;
    transform: scale(1)
}

.vacancy-section .vacancy-form .upload-lines .upload-element .element-box {
    width: 120px;
    min-width: 120px;
    height: 120px;
    background-color: #d4dbe7;
    border-radius: 10px;
    position: relative;
    overflow: hidden
}

.vacancy-section .vacancy-form .upload-lines .upload-element .element-box:hover .delete-button {
    transform: scale(1);
    opacity: 1
}

.vacancy-section .vacancy-form .upload-lines .upload-element .element-box::before {
    height: 100%;
    width: 100%;
    position: absolute;
    background-size: 50%;
    z-index: 1;
    opacity: .7;
    background-image: url(../img/icons/file.svg)
}

.vacancy-section .vacancy-form .upload-lines .upload-element .element-box img {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.vacancy-section .vacancy-form .upload-lines .upload-element .delete-button {
    position: absolute;
    right: 0;
    top: 0;
    padding: 3px;
    margin: 5px;
    cursor: pointer;
    z-index: 3;
    transform: scale(0);
    opacity: 0;
    transition: opacity .6s;
    background-color: #fff;
    border-radius: 50%;
    display: flex
}

.vacancy-section .vacancy-form .upload-lines .upload-element .delete-button:hover::before {
    transform: scale(1.1)
}

.vacancy-section .vacancy-form .upload-lines .upload-element .delete-button::before {
    width: 16px;
    height: 16px;
    min-width: 16px
}

.vacancy-section .vacancy-form .upload-lines .upload-element .element-label {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    cursor: pointer
}

.vacancy-section .vacancy-form .upload-lines .add-fileinput {
    display: flex;
    align-items: center;
    padding: 0 0 10px
}

.vacancy-section .vacancy-form .upload-lines .add-fileinput:hover::before {
    filter: none
}

.vacancy-section .vacancy-form .upload-lines .add-fileinput::before {
    width: 80px;
    min-width: 80px;
    height: 80px;
    border: 1px solid #61BF1A;
    margin-right: 25px;
    border-radius: 10px;
    background-size: 40px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 40 40' xml:space='preserve'%3E%3Cpath class='st0' d='M20 0v40M40 20H0' fill='none' stroke='%23ce1628'/%3E%3C/svg%3E");
    filter: grayscale(1) brightness(300%)
}

.vacancy-section .vacancy-form .upload-lines .add-fileinput span {
    color: #77787d
}

.vacancy-section .vacancy-form .upload-lines .add-button,
.vacancy-section .vacancy-form .upload-lines .remove-button {
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -17px;
    width: 36px;
    height: 36px;
    min-width: 36px;
    border: 1px solid #61BF1A;
    border-radius: 50%;
    margin-left: 15px;
    filter: grayscale(1);
    opacity: .7;
    display: flex;
    align-items: center;
    justify-content: center
}

.vacancy-section .vacancy-form .upload-lines .add-button:hover,
.vacancy-section .vacancy-form .upload-lines .remove-button:hover {
    filter: none;
    opacity: 1
}

.vacancy-section .vacancy-form .upload-lines .add-button {
    z-index: 1;
    transform: scale(0)
}

.vacancy-section .vacancy-form .upload-lines .add-button::before {
    width: 18px;
    height: 18px;
    min-width: 18px
}

.vacancy-section .vacancy-form .upload-lines .remove-button {
    transform: scale(0)
}

.vacancy-section .vacancy-form .upload-lines .remove-button::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 1px;
    background-color: #61BF1A
}

.vacancy-section .vacancy-form .form-line {
    margin-bottom: 30px
}

.vacancy-section .vacancy-form .files-upload {
    padding-top: 15px
}

.vacancy-section .second-tube {
    min-width: 400px;
    width: 400px
}

.vacancy-section .second-tube .tube-box {
    padding-bottom: 20px
}

.vacancy-section .second-tube .box-area {
    border-radius: 15px;
    border: 1px solid #c4c4c4;
    padding: 20px
}

.vacancy-section .second-tube .show-vacancies .vacancies-form select {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.vacancy-section .second-tube .vacancies-opened .items-category {
    border-bottom: 1px solid #61BF1A
}

.vacancy-section .second-tube .vacancies-opened .items-category:last-child {
    border-bottom: 0
}

.vacancy-section .second-tube .vacancies-opened .items-category:last-child .category-title {
    padding-bottom: 5px
}

.vacancy-section .second-tube .vacancies-opened .items-category:last-child .items-list .list-item:last-child {
    padding-bottom: 0
}

@media(max-width: 1080px) {

    .specialties__item-link {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .specialties__item-link svg {
        width: 25px;
        height: 25px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .specialties .tabs * {
        border: none;
    }

    .specialties .tabs__content {
        border: none;
    }

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

    .specialties .tabs__controls>label {
        padding-left: 0;
        padding-right: 0;
        border: none;
        width: 100%;
        border: 1px solid #E5E5E5;
        border-top: none;
    }

    .specialties .tabs__controls>label:first-of-type {
        border-top: 1px solid #E5E5E5;
        border-top-right-radius: 9px;
    }

    .specialties .tabs__controls>label.label--active {
        border-bottom: 1px solid #E5E5E5;
        border-top: 0;
    }

    .specialties .tabs__controls>label.label--active:first-child {
        border-top: 1px solid #E5E5E5;
    }

    .specialties .tabs__controls>label.label--active::after {
        content: none;
    }

    .specialties .tabs__controls>label:last-of-type:not(.label--active) {
        border-bottom-left-radius: 9px;
        border-bottom-right-radius: 9px;
    }

    .specialties .tabs__tab_active {
        background: rgba(97, 191, 26, 0.05);
        border-bottom: 1px solid #E5E5E5;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-left: 1px solid #E5E5E5;
        border-right: 1px solid #E5E5E5;
        width: 100%;
        padding: 40px 30px;
    }

    .specialties .tabs__tab_active:last-child {
        border-bottom-left-radius: 9px;
        border-bottom-right-radius: 9px;
    }
}

.vacancy-section .second-tube .vacancies-opened .category-title {
    display: flex;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding-bottom: 20px;
    padding-right: 15px;
    padding-top: 15px
}

.vacancy-section .second-tube .vacancies-opened .category-title:hover::before {
    transform: scale(1.05);
    opacity: .7
}

.vacancy-section .second-tube .vacancies-opened .category-title:hover .counted-items {
    transform: scale(1.05)
}

.vacancy-section .second-tube .vacancies-opened .category-title::before {
    width: 11px;
    height: 11px;
    min-width: 11px;
    order: 5;
    position: relative;
    top: 12px
}

.vacancy-section .second-tube .vacancies-opened .category-title.active::before {
    transform: scaleY(-1)
}

.vacancy-section .second-tube .vacancies-opened .category-title.active~.items-list {
    max-height: 5000px
}

.vacancy-section .second-tube .vacancies-opened .category-title span {
    color: #484949;
    flex-grow: 1;
    display: inline-block;
    padding-top: 6px;
    line-height: 1.4
}

.vacancy-section .second-tube .vacancies-opened .category-title span i {
    display: block;
    font-style: normal;
    font-size: 14px
}

.vacancy-section .second-tube .vacancies-opened .counted-items {
    width: 30px;
    height: 30px;
    line-height: 30px;
    min-width: 30px;
    background-color: #61BF1A;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    margin-right: 13px;
    border-radius: 50%;
    text-align: center;
    position: relative
}

.vacancy-section .second-tube .vacancies-opened .items-list {
    padding: 0 20px 0 43px;
    max-height: 0;
    overflow: hidden;
    transition: max-height .33s
}

.vacancy-section .second-tube .vacancies-opened .items-list .list-item {
    padding-bottom: 20px
}

.vacancy-section .second-tube .vacancies-opened .items-list .list-item:last-child {
    padding-bottom: 30px
}

.vacancy-section .second-tube .vacancies-opened .items-list .item-title {
    color: #61BF1A;
    font-size: 14px;
    padding-bottom: 5px;
    display: inline-block;
    text-decoration: underline
}

.vacancy-section .second-tube .vacancies-opened .items-list .item-title:hover {
    opacity: .7
}

.vacancy-section .second-tube .vacancies-opened .items-list .item-param {
    font-size: 14px;
    color: #484949
}

.vacancy-section .second-tube .employees-list .list-item,
.vacancy-section .second-tube .employees-list .list-label {
    color: #484949;
    font-size: 14px;
    text-align: center;
    line-height: 1.4
}

.vacancy-section .second-tube .employees-list .list-label {
    padding-bottom: 10px
}

.vacancy-section .second-tube .employees-list .list-item {
    border-bottom: 1px solid #61BF1A;
    margin: 0 15px;
    padding: 30px 0 50px
}

.vacancy-section .second-tube .employees-list .list-item:last-child {
    border-bottom: 0;
    padding-bottom: 10px
}

.vacancy-section .second-tube .employees-list .list-item .item-title {
    font-size: 24px;
    padding-bottom: 20px
}

.vacancy-section .second-tube .employees-list .list-item .item-params .item-param {
    padding-bottom: 20px
}

.vacancy-section .second-tube .employees-list .list-item .item-params .item-param:last-child {
    padding-bottom: 0
}

.results-section .scale-container {
    padding: 0 70px
}

.results-section .results-scale {
    max-width: 840px;
    height: 1px;
    background-color: #c4c4c4;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin: 90px auto 120px
}

.results-section .results-scale .scale-point {
    right: -7px;
    position: absolute;
    z-index: 1;
    width: 14px;
    height: 14px;
    background-color: #61BF1A;
    border: 0 solid #f7b9bf;
    border-radius: 50%;
    margin-left: -7px;
    top: -7px;
    transition: border .8s
}

.results-section .results-scale .scale-point:first-of-type {
    left: 0
}

.results-section .results-scale .scale-point:first-of-type i {
    margin-left: 0
}

.results-section .results-scale .scale-point:nth-of-type(2) {
    left: 33%
}

.results-section .results-scale .scale-point:nth-of-type(3) {
    left: 66%
}

.results-section .results-scale .scale-point:nth-of-type(4) {
    left: 100%
}

.results-section .results-scale .scale-point i {
    position: absolute;
    top: -35px;
    transform: translate(-50%);
    left: 50%;
    white-space: nowrap;
    font-size: 16px;
    font-style: normal
}

.results-section .results-scale .scale-point time {
    position: absolute;
    transform: translate(-50%);
    bottom: -40px;
    left: 50%;
    white-space: nowrap;
    font-size: 14px;
    color: #484949
}

.results-section .results-scale .scale {
    position: absolute;
    height: 1px;
    background-color: #61BF1A;
    left: 0;
    top: 0
}

.results-section .results-scale.point1 .scale-point:nth-of-type(2),
.results-section .results-scale.point1 .scale-point:nth-of-type(3),
.results-section .results-scale.point1 .scale-point:nth-of-type(4),
.results-section .results-scale.point1 .scale-point:nth-of-type(5),
.results-section .results-scale.point2 .scale-point:nth-of-type(3),
.results-section .results-scale.point2 .scale-point:nth-of-type(4),
.results-section .results-scale.point2 .scale-point:nth-of-type(5),
.results-section .results-scale.point3 .scale-point:nth-of-type(4),
.results-section .results-scale.point3 .scale-point:nth-of-type(5) {
    background-color: #c4c4c4
}

.results-section .results-scale.point1 .scale-point:nth-of-type(1) {
    width: 24px;
    height: 24px;
    top: -12px;
    margin-left: -11px;
    border-width: 5px
}

.results-section .results-scale.point1 .scale-point:nth-of-type(1) i {
    font-weight: 500
}

.results-section .results-scale.point1 .scale-point:nth-of-type(2) i,
.results-section .results-scale.point1 .scale-point:nth-of-type(3) i,
.results-section .results-scale.point1 .scale-point:nth-of-type(4) i,
.results-section .results-scale.point1 .scale-point:nth-of-type(5) i {
    opacity: .5
}

.results-section .results-scale.point1 .scale {
    width: 0%
}

.results-section .results-scale.point2 .scale-point:nth-of-type(2) {
    width: 24px;
    height: 24px;
    top: -12px;
    margin-left: -11px;
    border-width: 5px
}

.results-section .results-scale.point2 .scale-point:nth-of-type(2) i {
    font-weight: 500
}

.results-section .results-scale.point2 .scale-point:nth-of-type(3) i,
.results-section .results-scale.point2 .scale-point:nth-of-type(4) i,
.results-section .results-scale.point2 .scale-point:nth-of-type(5) i {
    opacity: .5
}

.results-section .results-scale.point2 .scale {
    width: 33%
}

.results-section .results-scale.point3 .scale-point:nth-of-type(3),
.results-section .results-scale.point4 .scale-point:nth-of-type(4) {
    width: 24px;
    height: 24px;
    top: -12px;
    margin-left: -11px;
    border-width: 5px
}

.results-section .results-scale.point3 .scale-point:nth-of-type(3) i {
    font-weight: 500
}

.results-section .results-scale.point3 .scale-point:nth-of-type(4) i,
.results-section .results-scale.point3 .scale-point:nth-of-type(5) i {
    opacity: .5
}

.results-section .results-scale.point3 .scale {
    width: 66%
}

.results-section .results-scale.point4 .scale-point:nth-of-type(4) i {
    font-weight: 500
}

.results-section .results-scale.point4 .scale {
    width: 100%
}

.results-section .results-table-header {
    display: flex;
    align-items: center;
    font-weight: 400;
    margin-bottom: 30px
}

.results-section .results-table-header .header {
    font-size: 24px;
    margin-right: 17px
}

.results-section .results-table .result-line .action-block:first-of-type,
.results-section .results-table-header .button.disabled {
    margin-right: 15px
}

.results-section .results-table-header .button-wrap {
    display: flex;
    align-items: center
}

.results-section .results-table-header .button {
    font-size: 14px
}

.results-section .results-table-header .results-sent {
    font-size: 14px;
    color: #61BF1A
}

.results-section .results-table {
    margin-bottom: 30px
}

.results-section .results-table .table-head {
    display: flex;
    align-items: center;
    background-color: #f1f1f1;
    border-radius: 15px;
    font-size: 14px;
    height: 65px
}

.results-section .results-table .actions,
.results-section .results-table .name,
.results-section .results-table .sample,
.results-section .results-table .status {
    padding-right: 15px
}

.results-section .results-table .name {
    width: 380px;
    min-width: 380px;
    padding-left: 18px
}

.results-section .results-table .sample {
    width: 235px;
    min-width: 235px
}

.results-section .results-table .result-value {
    width: 125px;
    min-width: 125px
}

.results-section .results-table .range {
    width: 222px;
    min-width: 222px
}

.results-section .results-table .measure {
    width: 105px;
    min-width: 105px
}

.results-section .results-table .result-line {
    padding-top: 22px;
    padding-bottom: 29px;
    display: flex;
    font-size: 14px;
    min-height: 71px
}

.results-section .results-table .result-line:not(.headline) {
    margin-right: 130px
}

.results-section .results-table .result-line:not(.headline) .name {
    width: 615px;
    min-width: 615px
}

.results-section .results-table .result-line:not(:last-of-type) {
    border-bottom: 1px solid #e5e5e5
}

.results-section .results-table .result-line.headline {
    align-items: center;
    padding-bottom: 15px;
    border-bottom-color: #61BF1A;
    font-weight: 400
}

.results-section .results-table .result-line.headline .name {
    font-size: 16px
}

.results-section .results-table .result-line.headline .sample-and-status-box {
    align-items: center
}

.results-section .results-table .result-line.headline .result-value.complete {
    color: #00c313
}

.results-section .results-table .result-line.image {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr
}

.results-section .results-table .result-line.image .name {
    flex-grow: 0;
    width: auto;
    min-width: 0;
    padding-bottom: 10px;
    flex-direction: row
}

.results-section .results-table .result-line.image .info-box {
    padding-left: 0
}

.results-section .results-table .result-line .name {
    display: flex
}

.results-section .results-table .result-line .name .code {
    min-width: 50px;
    margin-right: 10px;
    color: #61BF1A
}

.results-section .results-table .result-line .result-value {
    font-size: 14px
}

.results-section .results-table .result-line .result-value.out-of-range span {
    font-weight: 700
}

.results-section .results-table .result-line .range-box {
    position: relative;
    margin: 10px 0;
    width: 190px
}

.results-section .results-table .result-line .range-box::after,
.results-section .results-table .result-line .range-box::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #000;
    z-index: 1
}

.results-section .results-table .result-line .range-box::before {
    left: 20%
}

.results-section .results-table .result-line .range-box::after {
    right: 20%
}

.results-section .results-table .result-line .range-box.disabled {
    filter: grayscale(.5) opacity(.5);
    transition: filter .5s;
    margin-top: 5px
}

.results-section .results-table .result-line .range-box.disabled:hover {
    filter: none
}

.results-section .results-table .result-line .range-box:not(.left) .left-value,
.results-section .results-table .result-line .range-box:not(.left) .range-line::before,
.results-section .results-table .result-line .range-box:not(.left)::before,
.results-section .results-table .result-line .range-box:not(.right) .range-line::after,
.results-section .results-table .result-line .range-box:not(.right) .right-value,
.results-section .results-table .result-line .range-box:not(.right)::after {
    display: none
}

.results-section .results-table .result-line .range-box.reverse .range-line::before {
    left: auto;
    right: 0
}

.results-section .results-table .result-line .range-box.reverse .range-line::after {
    left: 0;
    right: auto
}

.results-section .results-table .result-line .range-box.neutrality .range-line {
    background-color: grey
}

.results-section .results-table .result-line .range-box.pleasant .range-line::before {
    background-color: #00c313
}

.results-section .results-table .result-line .range-box .left-value,
.results-section .results-table .result-line .range-box .right-value {
    position: absolute;
    display: inline-block;
    top: 100%;
    font-size: 11px;
    margin-top: 2px
}

.results-section .results-table .result-line .range-box .left-value {
    left: 20%;
    text-align: right;
    transform: translateX(-50%)
}

.results-section .results-table .result-line .range-box .right-value {
    right: 20%;
    transform: translateX(50%);
    text-align: left
}

.results-section .results-table .result-line .range-box .pointer {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-style: normal;
    bottom: 100%;
    padding-bottom: 10px;
    font-size: 11px;
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: 7px 10px
}

.\@office .reviews-block .review-form .feedback-links .feedback-link:hover .item-icon img,
.results-section .results-table .result-line .action-block .action-icon:hover {
    transform: scale(1.1)
}

.results-section .results-table .result-line .range-line {
    height: 10px;
    border-radius: 5px;
    background-color: #00c313;
    position: relative;
    overflow: hidden
}

.results-section .results-table .result-line .range-line::after,
.results-section .results-table .result-line .range-line::before {
    content: '';
    display: block;
    position: absolute;
    width: 20%;
    top: 0;
    bottom: 0
}

.results-section .results-table .result-line .range-line::before {
    left: 0;
    background-color: #3c92f1
}

.results-section .results-table .result-line .range-line::after {
    background-color: #61BF1A;
    right: 0
}

.results-section .results-table .result-line .body-cell.measure span {
    font-size: 12px;
    color: #77787d
}

.results-section .results-table .result-line .info-box,
.results-section .results-table .result-line .sample-and-status-box {
    display: flex
}

.results-section .results-table .result-line .actions-wrapper {
    display: flex;
    align-items: center
}

.results-section .results-table .result-line .action-block {
    display: flex;
    align-items: center;
    font-size: 13px;
    font-size: 0
}

.results-section .results-table .result-line .action-block .action-icon {
    width: 30px;
    min-width: 30px;
    height: 30px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px
}

.results-section .results-table .result-line .action-block .icon-download {
    width: 23px;
    min-width: 23px
}

.results-section .results-table .result-line .mobile-label {
    font-weight: 400;
    margin-bottom: 22px;
    font-size: 13px
}

.results-section .more-results {
    margin-bottom: 90px
}

.results-section .client-container {
    max-width: 340px;
    position: relative
}

.results-section .client-container .client-name {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 30px;
    padding-right: 15px
}

.results-section .client-container .discount-box {
    background-color: rgba(206, 22, 40, .1);
    border-radius: 15px;
    padding: 12px 17px 17px;
    min-width: 340px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    left: 100%;
    top: 0
}

.results-section .client-container .discount-box .label {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px
}

.results-section .client-container .discount-box .number {
    font-size: 18px;
    font-weight: 400
}

.results-section .client-container .discount-value {
    font-size: 48px;
    font-weight: 400;
    margin-right: 10px
}

.results-section .client-container .info-line {
    display: flex;
    margin-bottom: 26px
}

.results-section .client-container .info-line .info-label {
    font-weight: 400;
    min-width: 140px;
    padding-right: 15px
}

.results-section .client-container .info-line .info-value {
    font-weight: 400;
    font-size: 18px
}

.\@auth .auth-container {
    padding-left: 15px;
    padding-right: 15px
}

.\@auth .auth-form {
    max-width: 400px;
    margin: 0 auto;
    padding-bottom: 50px
}

.\@auth .date-box {
    background-image: none;
    position: relative
}

.\@auth .date-box input {
    background-color: transparent
}

.\@auth .date-box::before {
    opacity: .5;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    right: 15px;
    z-index: -1
}

.\@auth .date-box:hover::before,
.feedback-container .feedback-form input:not(:focus),
.feedback-container .feedback-form textarea:not(:focus) {
    opacity: .7
}

.\@auth .register-note {
    text-align: center;
    font-weight: 300;
    padding-top: 33px;
    font-size: 16px
}

.\@auth .register-note span {
    color: #61BF1A
}

.\@auth .form-line select {
    background-color: #fff
}

.\@auth .form-line .item-label {
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 300
}

.\@auth .register-complete {
    text-align: center
}

.\@auth .register-complete .item-text {
    margin-bottom: 40px
}

.\@auth .inputs-box {
    display: flex;
    padding-bottom: 30px
}

.\@auth .inputs-box .styled-radio label {
    display: flex
}

.\@auth .login-block {
    position: relative;
    margin-top: 34px
}

.\@auth .login-block.auth-page {
    padding-bottom: 50px
}

.\@auth .login-block .submit-line {
    text-align: left
}

.\@auth .login-block .auth-form {
    padding-bottom: 0
}

.\@auth .login-block .login-nav {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column
}

.accounts__container {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.accounts__link {
    display: flex;
    align-items: center;
    gap: 15px;
    width: fit-content;
    transition: 0.3s;
}

.accounts__link:hover {
    color: #61BF1A !important;
}

.accounts__link::before {
    display: block;
    content: '';
    width: 10px;
    min-width: 10px;
    height: 8px;
    margin-right: 8px;
    background-color: #61BF1A;
}

.\@auth .login-block .login-nav .link {
    margin-bottom: 29px;
    display: flex;
    align-items: center
}

.\@auth .login-block .login-nav .link:hover {
    color: #61BF1A
}

.\@auth .login-block .login-nav .link:last-child {
    margin-bottom: 0
}

.\@auth .login-block .login-nav .link::before {
    content: '';
    width: 10px;
    min-width: 10px;
    height: 8px;
    margin-right: 8px
}

.\@auth .login-block .login-nav .link.active {
    color: #61BF1A
}

.\@auth .login-block .login-nav .link.active::before {
    background-color: #61BF1A
}

.\@auth .action-links {
    display: flex;
    justify-content: space-between;
    margin-bottom: 28px
}

.\@auth .action-links .link {
    color: #61BF1A;
    font-weight: 300;
    text-decoration: underline
}

.\@auth .action-links .link:hover {
    filter: brightness(1.5)
}

.\@office .actions-block .actions-slider .item-box:hover .item-image img,
.\@office .video-block .about .icon:hover img {
    filter: brightness(1.1)
}

.\@office .reviews-block {
    padding-top: 35px;
    padding-bottom: 60px
}

.\@office .reviews-block.opened .review-form {
    display: block
}

.\@office .reviews-block .reviews-head {
    padding-top: 60px;
    border-top: 1px solid #d9d9d9;
    display: flex;
    padding-bottom: 40px
}

.\@office .reviews-block .reviews-head .about {
    padding-right: 15px;
    flex-grow: 1
}

.\@office .reviews-block .reviews-head .item-heading {
    font-size: 24px;
    font-weight: 400;
    color: #939598;
    margin-bottom: 20px
}

.\@office .reviews-block .reviews-head .item-heading span {
    color: #000
}

.\@office .reviews-block .reviews-head .rating {
    display: flex;
    align-items: center;
    font-size: 17px
}

.\@office .reviews-block .reviews-head .rating .stars {
    margin-top: -2px
}

.\@office .reviews-block .reviews-head .rating .value {
    padding-left: 6px
}

.\@office .reviews-block .reviews-head .rating .divider {
    padding: 0 10px;
    color: #939598
}

.\@office .reviews-block .reviews-head .rating .count {
    color: #939598
}

.\@office .reviews-block .review-form {
    padding-bottom: 50px;
    display: none
}

.\@office .reviews-block .review-form.opened .feedback-links .feedback-link:not(.active) {
    display: none
}

.\@office .reviews-block .review-form.opened .form-box {
    display: block
}

.\@office .reviews-block .review-form .form-box {
    display: none
}

.\@office .reviews-block .review-form .feedback-links {
    display: inline-flex;
    margin: 0 auto;
    flex-direction: column;
    align-items: flex-start
}

.\@office .reviews-block .review-form .feedback-links .feedback-link {
    display: inline-flex;
    align-items: center;
    padding-bottom: 15px
}

.\@office .reviews-block .review-form .feedback-links .feedback-link:hover .item-stars {
    background-color: #eee
}

.\@office .reviews-block .review-form .feedback-links .feedback-link .item-icon {
    padding-right: 20px
}

.\@office .reviews-block .review-form .feedback-links .feedback-link .item-icon img {
    width: 40px;
    height: 40px;
    min-width: 40px;
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

.\@office .reviews-block .review-form .feedback-links .item-stars {
    display: flex;
    padding: 10px;
    background-color: #d4dbe7;
    border-radius: 15px
}

.\@office .reviews-block .review-form .feedback-links .item-stars i {
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    background-image: url(../img/icons/star-red.svg)
}

.\@office .reviews-block .review-form .feedback-links .item-stars i:last-child {
    margin-right: 0
}

.\@office .reviews-block .review-form .cells {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 38px
}

.\@office .reviews-block .review-form .privacy-line label {
    font-size: 13px;
    font-weight: 300
}

.\@office .reviews-block .review-form .form-note {
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 30px
}

.\@office .reviews-block .reviews-list {
    padding-bottom: 39px
}

.\@office .reviews-block .reviews-list .item {
    border: 1px solid #e5e5e5;
    border-radius: 15px;
    padding: 20px;
    margin-bottom: 20px
}

.\@office .reviews-block .reviews-list .item:last-child {
    margin-bottom: 0
}

.\@office .reviews-block .reviews-list .about {
    font-size: 17px;
    padding-bottom: 20px;
    display: flex;
    align-items: center
}

.\@office .reviews-block .reviews-list .rating {
    display: flex;
    align-items: center
}

.\@office .reviews-block .reviews-list .rating .value {
    padding-left: 4px;
    font-weight: 600;
    color: #61BF1A
}

.\@office .reviews-block .reviews-list .name {
    padding-left: 9px
}

.\@office .reviews-block .reviews-list .date {
    color: #939598;
    padding-left: 9px
}

.\@office .reviews-block .reviews-list .item-text {
    font-size: 16px;
    font-weight: 300
}

.\@office .reviews-block .more-action {
    text-align: center
}

.\@office .actions-block {
    padding-top: 55px;
    padding-bottom: 47px;
    background-color: #f8f8f8
}

.\@office .actions-block .slider-wrapper {
    margin: 0 -10px
}

.\@office .actions-block .actions-slider {
    width: 1185px;
    max-width: 100%;
    margin: 0 auto
}

.\@office .actions-block .actions-slider:not(.slick-initialized) {
    display: flex;
    overflow: hidden
}

.\@office .actions-block .actions-slider:not(.slick-initialized) .slider-item {
    width: 33.33%
}

.\@office .actions-block .actions-slider.sport .item-title {
    color: #61BF1A
}

.\@office .actions-block .actions-slider.special .item-title {
    flex-grow: 0
}

.\@office .actions-block .actions-slider.special .item-desc {
    flex-grow: 1
}

.\@office .actions-block .actions-slider .slick-dots {
    display: none !important
}

.\@office .actions-block .actions-slider .slick-next,
.\@office .actions-block .actions-slider .slick-prev {
    top: 133px;
    margin-top: 0;
    background-color: rgba(206, 22, 40, .03)
}

.\@office .actions-block .actions-slider .slick-next:hover,
.\@office .actions-block .actions-slider .slick-prev:hover {
    background-color: rgba(206, 22, 40, .1)
}

.\@office .actions-block .actions-slider .slick-next {
    left: 100%;
    right: auto;
    margin-left: 35px
}

.\@office .actions-block .actions-slider .slick-prev {
    right: 100%;
    left: auto;
    margin-right: 35px
}

.\@office .actions-block .actions-slider .slider-item {
    padding: 0 10px;
    border-right: 0;
    display: flex;
    cursor: default
}

.\@office .actions-block .actions-slider .item-box {
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid #dfdfdf;
    flex-grow: 1;
    display: flex;
    flex-direction: column
}

.\@office .actions-block .actions-slider .item-box:hover .about {
    background-color: #fff
}

.\@office .actions-block .actions-slider .item-image img {
    height: 182px;
    width: 100%;
    display: block
}

.\@office .actions-block .actions-slider .item-image.smalle img {
    height: auto
}

.\@office .actions-block .actions-slider .about {
    padding: 15px;
    background-color: #f8f8f8;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-grow: 1;
    position: relative
}

.\@office .actions-block .actions-slider .about .notice {
    position: absolute;
    padding: 3px 4px;
    white-space: nowrap;
    text-transform: uppercase;
    color: #ccc;
    font-size: 12px;
    z-index: 2;
    right: 0;
    top: 0
}

.\@office .actions-block .actions-slider .about .title {
    font-size: 18px;
    margin-bottom: auto
}

.\@office .actions-block .actions-slider .about .prices {
    display: flex;
    align-items: baseline;
    padding-bottom: 12px
}

.\@office .actions-block .actions-slider .about .price-old {
    display: inline-block;
    font-size: 20px;
    position: relative;
    color: #919191;
    font-weight: 600;
    margin-right: 10px
}

.\@office .actions-block .actions-slider .about .price-old span {
    font-weight: 400
}

.\@office .actions-block .actions-slider .about .price-old::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px;
    background-color: #61BF1A;
    transform: rotate(-10deg)
}

.\@office .actions-block .actions-slider .about .price {
    font-size: 24px;
    font-weight: 600
}

.\@office .actions-block .actions-slider .about .price span {
    font-weight: 400
}

.\@office .actions-block .actions-slider .about .time-box {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex: 0 0 65px
}

.\@office .actions-block .actions-slider .about .time-box .label {
    font-size: 14px;
    padding-bottom: 4px
}

.\@office .actions-block .actions-slider .about .time {
    display: flex
}

.\@office .actions-block .actions-slider .about .time .icon {
    display: flex;
    padding-right: 8px
}

.\@office .actions-block .actions-slider .about .time .icon img {
    width: 14px;
    min-width: 14px
}

.\@office .block-heading {
    color: #939598
}

.\@office .block-heading i {
    font-style: normal;
    color: #000
}

.\@office a.scroll-link {
    position: relative;
    top: -100px
}

.\@office .text-element {
    font-size: 16px;
    color: #484849;
    padding: 40px 0
}

.\@office .head-params .rating .value,
.page-service-at-home .reviews-block .reviews-head .rating .value {
    padding-left: 6px
}

.\@office .stars {
    display: flex;
    align-items: center
}

.\@office .stars .star {
    display: flex;
    margin: 0 2px
}

.\@office .head-params .rating .stars,
.page-service-at-home .reviews-block .reviews-head .rating .stars {
    margin-top: -2px
}

.\@office .stars .star::before {
    content: '';
    width: 16px;
    min-width: 16px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    background-image: url(../img/icons/star-red.svg)
}

.\@office .stars .star.half::before {
    background-image: url(../img/icons/star-half-red.svg)
}

.\@office .stars .star.empty::before {
    background-image: url(../img/icons/star-empty-red.svg)
}

.\@office .head-box .heading {
    margin-bottom: 40px
}

.\@office .head-params {
    display: flex;
    justify-content: center;
    font-size: 17px;
    font-weight: 400;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 15px
}

.\@office .head-params .rating {
    display: flex;
    align-items: center;
    font-size: 17px
}

.\@office .head-params .rating .divider {
    padding: 0 10px;
    color: #939598
}

.\@office .head-params .rating .count {
    color: #939598
}

.\@office .head-params .time {
    display: flex;
    align-items: center;
    padding-left: 35px;
    padding-right: 35px;
    color: #939598
}

.\@office .head-params .time .icon {
    display: flex;
    padding-right: 8px
}

.\@office .head-params .time .icon img {
    width: 18px;
    min-width: 18px
}

.\@office .head-params .type .value {
    white-space: nowrap;
    padding: 2px 9px;
    background-color: #f8f8f8;
    color: #484849
}

.\@office .about-block {
    padding-bottom: 15px
}

.\@office .about-block .about-box {
    padding-top: 15px;
    display: grid;
    grid-template-columns: 415px 1fr;
    grid-gap: 55px;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 33px
}

.\@office .about-block .about-box .item .office-off {
    background-color: #61BF1A;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 22px;
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 30px;
    text-transform: uppercase
}

.\@office .about-block .about-box .item .soon-image {
    display: flex;
    margin-bottom: 25px
}

.\@office .about-block .about-box .item .soon-image img {
    width: 100%
}

.\@office .about-block .about-box .item .item-label {
    font-size: 14px;
    color: #9e9fa2;
    margin-bottom: 4px;
    font-weight: 400
}

.\@office .about-block .about-box .item .item-text {
    font-size: 16px;
    color: #484849;
    margin-bottom: 15px
}

.\@office .about-block .about-box .item .doc-link,
.\@office .about-block .about-box .item .office-link {
    color: #61BF1A;
    display: inline-block;
    text-decoration: underline
}

.\@office .about-block .about-box .item .office-link {
    font-size: 16px;
    margin-bottom: 12px
}

.\@office .about-block .about-box .item .doc-link:hover,
.\@office .about-block .about-box .item .id-link:hover .value {
    color: #000
}

.\@office .about-block .about-box .item .id-link {
    display: inline-flex;
    align-items: center;
    vertical-align: middle
}

.\@office .about-block .about-box .item .id-link:hover .icon {
    animation: shake .5s 1
}

.\@office .about-block .about-box .item .id-link .icon {
    padding-right: 6px;
    display: flex
}

.\@office .about-block .about-box .item .id-link img {
    width: 20px;
    height: 20px;
    min-width: 20px
}

.\@office .about-block .about-box .item .id-link .value {
    font-size: 14px;
    text-decoration: underline;
    color: #61BF1A;
    cursor: pointer
}

.\@office .about-block .about-box .item .metro {
    display: flex;
    padding-bottom: 10px;
    color: #484849
}

.\@office .about-block .about-box .item .metro .label {
    padding-right: 6px
}

.\@office .about-block .about-box .item .metro .params {
    display: flex;
    flex-wrap: wrap
}

.\@office .about-block .about-box .item .metro .params .param {
    display: flex;
    color: #484849;
    padding-right: 28px;
    padding-bottom: 10px;
    align-items: center
}

.\@office .about-block .about-box .item .metro .params .value {
    padding-right: 6px
}

.\@office .about-block .about-box .item .metro .params .distance {
    color: #939598;
    display: flex;
    align-items: center
}

.\@office .about-block .about-box .item .metro .params .distance .icon {
    content: '';
    width: 6px;
    min-width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #939598;
    margin-right: 6px
}

.\@office .about-block .about-box .map-box {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 22px;
    padding-bottom: 20px
}

.\@office .about-block .about-box .map-box .map {
    height: 476px;
    margin-bottom: 25px;
    background-color: #eee;
    max-width: 100%;
    overflow: hidden
}

.\@office .about-block .about-box .map-box .map>ymaps,
.\@office .about-block .about-box .map-box .map>ymaps>ymaps {
    width: 100% !important;
    height: 100% !important
}

.\@office .about-block .about-box .map-box .map-action {
    margin-bottom: 10px
}

.\@office .about-block .about-box .map-box .map-desc {
    display: flex;
    flex-direction: column
}

.\@office .about-block .about-box .map-box .map-desc.opened .desc-action {
    padding-top: 10px
}

.\@office .about-block .about-box .map-box .map-desc.opened .desc-action .action-button span:first-child,
.\@office .about-block .about-box .map-box .map-desc.opened .desc-action .title {
    display: none
}

.\@office .about-block .about-box .map-box .map-desc.opened .desc-action .action-button span:last-child,
.\@office .about-block .about-box .map-box .map-desc.opened .desc-text {
    display: block
}

.\@office .about-block .about-box .map-box .map-desc .desc-action {
    order: 10
}

.\@office .about-block .about-box .map-box .map-desc .desc-action .title {
    font-size: 16px;
    color: #939598
}

.\@office .about-block .about-box .map-box .map-desc .desc-action .action-button {
    color: #61BF1A;
    font-size: 16px;
    text-decoration: underline
}

.\@office .about-block .about-box .map-box .map-desc .desc-action .action-button span:last-child {
    display: none
}

.\@office .about-block .about-box .map-box .map-desc .desc-text {
    display: none;
    padding-top: 10px
}

.\@office .about-block .about-box .map-box .map-desc .desc-text .desc-heading {
    font-size: 18px;
    margin-bottom: 12px;
    font-weight: 400
}

.\@office .about-block .about-box .map-box .map-desc .desc-text .desc-value {
    color: #484849;
    margin-bottom: 22px
}

.\@office .about-block .about-box .map-box .map-desc .desc-text .desc-value:last-child {
    margin-bottom: 0
}

.\@office .schedule-block {
    padding-top: 20px
}

.\@office .schedule-block .where-hours-table {
    font-size: 14px;
    margin-bottom: 35px
}

.\@office .schedule-block .where-hours-table a {
    text-decoration: underline
}

.\@office .schedule-block .where-hours-table a:hover {
    color: #61BF1A
}

.\@office .schedule-block .where-hours-table.small {
    font-size: 11px
}

.\@office .schedule-block .where-hours-table.small .day-cell.seven-days,
.\@office .schedule-block .where-hours-table.small .day-cell.stretch {
    flex: 1;
    width: auto;
    min-width: auto
}

.\@office .schedule-block .where-hours-table.small .day-cell.seven-days.full,
.\@office .schedule-block .where-hours-table.small .day-cell.stretch.full {
    justify-content: flex-start
}

.\@office .schedule-block .where-hours-table.small .day-cell .hours-value {
    padding: 7px;
    line-height: 1.5
}

.\@office .schedule-block .where-hours-table .where-hours-table-head,
.\@office .schedule-block .where-hours-table .where-hours-table-line {
    display: flex
}

.\@office .schedule-block .where-hours-table .where-hours-table-head {
    border-bottom: 1px solid #e5e5e5
}

.\@office .schedule-block .where-hours-table .where-hours-table-head .day-cell {
    padding: 0;
    text-align: center;
    font-weight: 700
}

.\@office .schedule-block .where-hours-table .where-hours-table-head .day-cell span {
    line-height: 40px;
    height: 40px
}

.\@office .schedule-block .where-hours-table .where-hours-table-head .hours-title {
    font-weight: 700;
    font-size: 14px
}

.\@office .schedule-block .where-hours-table .where-hours-table-line {
    border-bottom: 1px solid #e5e5e5
}

.\@office .schedule-block .where-hours-table .where-hours-table-line .hours-label {
    display: block;
    line-height: 40px;
    height: 40px;
    text-align: center;
    border-bottom: 1px solid #e5e5e5
}

.\@office .schedule-block .where-hours-table .hours-title {
    width: 228px;
    min-width: 228px;
    position: relative;
    background-image: none
}

.\@office .schedule-block .where-hours-table .hours-title::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    right: 10px;
    top: 50%;
    display: none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    filter: grayscale(1);
    transform: rotate(-90deg);
    transition: transform .33s
}

.\@office .schedule-block .where-hours-table .day-cell {
    width: 136px;
    min-width: 136px;
    border-right: 1px solid #e5e5e5;
    flex-grow: 1
}

.\@office .schedule-block .where-hours-table .day-cell.seven-days,
.\@office .schedule-block .where-hours-table .day-cell.stretch {
    flex: 1;
    width: auto;
    min-width: auto
}

.\@office .schedule-block .where-hours-table .day-cell.seven-days.full,
.\@office .schedule-block .where-hours-table .day-cell.stretch.full {
    display: flex;
    justify-content: flex-start;
    padding-left: 20px
}

.\@office .schedule-block .where-hours-table .day-cell .hours-value {
    padding: 6px 20px;
    font-weight: 400;
    display: flex;
    align-items: center;
    min-height: 74px;
    flex-direction: column;
    justify-content: center
}

.\@office .schedule-block .where-hours-table .day-cell .hours-value--alert {
    background: #f3f3f3;
    color: #61BF1A
}

.\@office .schedule-block .where-hours-table .day-cell .hours-range {
    white-space: nowrap
}

.\@office .schedule-block .where-hours-table .day-cell .hours-desc {
    text-align: center
}

.\@office .schedule-block .where-hours-table .day-cell .hours-desc.full {
    text-align: left;
    width: 100%;
    flex: 1
}

.\@office .schedule-block .schedule-box.opened .title-action .icon img {
    transform: scaleY(-1)
}

.\@office .schedule-block .schedule-box.opened .box-content {
    display: block
}

.\@office .schedule-block .schedule-box .title-action {
    display: flex;
    align-items: center;
    cursor: pointer
}

.\@office .schedule-block .schedule-box .title-action .icon {
    display: flex;
    padding-right: 7px
}

.\@office .schedule-block .schedule-box .title-action .icon img {
    width: 20px;
    min-width: 20px
}

.\@office .schedule-block .schedule-box .title-action .value {
    font-size: 14px;
    color: #61BF1A;
    text-decoration: underline
}

.\@office .schedule-block .schedule-box .box-content {
    padding-top: 28px;
    display: none
}

.\@office .schedule-block .schedule-box .box-heading {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px
}

.\@office .schedule-block .table-overflow {
    overflow: auto;
    max-width: 100%
}

.\@office .schedule-block .table-overflow:last-child .where-hours-table2 {
    margin-bottom: 0
}

.\@office .schedule-block .where-hours-table2 {
    margin-bottom: 44px;
    text-align: center;
    width: 100%;
    border-collapse: collapse;
    min-width: 884px
}

.\@office .schedule-block .where-hours-table2 a {
    text-decoration: underline
}

.\@office .schedule-block .where-hours-table2 a:hover {
    color: #61BF1A
}

.\@office .schedule-block .where-hours-table2 td,
.\@office .schedule-block .where-hours-table2 th {
    padding: 10px;
    font-size: 14px;
    border: 1px solid #e5e5e5
}

.\@office .schedule-block .where-hours-table2 td[rowspan],
.\@office .schedule-block .where-hours-table2 th[rowspan] {
    background-color: #fff
}

.\@office .schedule-block .where-hours-table2 th {
    border-top: 0;
    font-weight: 300
}

.\@office .schedule-block .where-hours-table2 td {
    font-weight: 400;
    position: relative;
    z-index: 1
}

.\@office .schedule-block .where-hours-table2 td:first-child,
.\@office .schedule-block .where-hours-table2 tr:first-child th:first-child {
    border-left: 0
}

.\@office .schedule-block .where-hours-table2 tr:nth-child(2n) td {
    background-color: #fbe8ea
}

.\@office .schedule-block-table-tabs-control {
    margin-left: auto;
    margin-right: auto;
    max-width: 845px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 14px;
    margin-bottom: 30px
}

.\@office .schedule-block-table-tabs-control button {
    font-size: 14px;
    height: auto;
    line-height: 1.2;
    padding: .75em 1em
}

.\@office .schedule-block-table-tabs-control button.active {
    color: #000;
    background: #f3f3f3;
    border-color: #fff;
    font-weight: 600
}

.\@office .attention-block {
    padding-top: 50px;
    padding-bottom: 25px
}

.\@office .attention-block.red {
    padding-top: 30px
}

.\@office .attention-block.red .attention {
    background-color: #fbe8ea;
    border: 0
}

.\@office .attention-block.red .attention .item-title {
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-weight: 700
}

.\@office .attention-block.red .attention .desc {
    font-size: 16px;
    font-weight: 300
}

.\@office .attention-block .attention {
    border-radius: 15px;
    border: 1px solid #61BF1A;
    padding: 22px
}

.\@office .attention-block .attention .item-title {
    font-size: 13px;
    margin-bottom: 15px;
    display: flex;
    color: #61BF1A
}

.\@office .attention-block .attention .icon {
    padding-right: 8px
}

.\@office .attention-block .attention .icon img {
    width: 22px;
    height: 22px;
    min-width: 22px;
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

.\@office .attention-block .attention .item-value {
    display: block;
    padding-top: 3px
}

.\@office .attention-block .attention a.item-value {
    display: inline-block;
    text-decoration: underline
}

.\@office .attention-block .attention .desc {
    font-size: 14px
}

.\@office .props-block {
    padding-top: 30px;
    padding-bottom: 25px
}

.\@office .props-block .office-props {
    padding-top: 32px;
    padding-bottom: 50px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9
}

.\@office .props-block .office-props .office-prop {
    display: flex;
    align-items: center;
    padding-right: 15px
}

.\@office .props-block .office-props .office-prop::before {
    width: 40px;
    height: 40px;
    min-width: 40px;
    margin-right: 10px
}

.\@office .props-block .office-props .prop-description {
    position: static;
    font-size: 15px;
    color: #484849;
    font-weight: 300
}

.\@office .gallery-block {
    padding-bottom: 70px;
    padding-top: 25px
}

.\@office .gallery-block .slider-wrapper {
    position: relative;
    z-index: 1
}

.\@office .gallery-block .gallery-slider .slick-dots {
    display: none !important
}

.\@office .gallery-block .gallery-slider .slick-next,
.\@office .gallery-block .gallery-slider .slick-prev {
    top: 133px;
    margin-top: 0;
    background-color: rgba(206, 22, 40, .03)
}

.\@office .gallery-block .gallery-slider .slick-next:hover,
.\@office .gallery-block .gallery-slider .slick-prev:hover {
    background-color: rgba(206, 22, 40, .1)
}

.\@office .gallery-block .gallery-slider .slick-next {
    left: 100%;
    right: auto;
    margin-left: 35px
}

.\@office .gallery-block .gallery-slider .slick-prev {
    right: 100%;
    left: auto;
    margin-right: 35px
}

.\@office .gallery-block .gallery-slider .slider-item {
    margin: 0;
    padding: 0 15px;
    border: 0;
    display: flex
}

.\@office .gallery-block .gallery-slider .slider-item .item,
.\@office .gallery-block .gallery-slider .slider-item .item-image {
    display: flex;
    width: 100%
}

.\@office .gallery-block .gallery-slider .slider-item .item-image img {
    height: 373px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.\@office .gallery-block .gallery {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 38px;
    position: relative
}

.\@office .gallery-block .gallery .item {
    height: 370px
}

.\@office .gallery-block .gallery .item:hover img {
    transform: scale(1.02);
    filter: brightness(1.05)
}

.\@office .video-block .video-box:hover .about .icon img,
.\@search .inpit-searh-line .button:hover::before,
.feedback-container .feedback-links .feedback-link:hover .item-icon img,
.page-service-at-home .reviews-block .review-form .feedback-links .feedback-link:hover .item-icon img {
    transform: scale(1.1)
}

.\@office .gallery-block .gallery .item img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.\@office .gallery-block .more-links {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    padding: 10px
}

.\@office .gallery-block .more-links .link {
    display: none;
    border-radius: 5px;
    background-color: #fff;
    padding: 8px 10px
}

.\@office .gallery-block .more-links .link:hover {
    background-color: #61BF1A;
    color: #fff
}

.\@office .gallery-block .more-links .link.link-button {
    display: inline-block
}

.\@office .doctors-block {
    padding-top: 64px;
    padding-bottom: 30px
}

.\@office .doctors-block .doctors-slider {
    width: 1185px;
    max-width: 100%;
    margin: 0 auto
}

.\@office .doctors-block .doctors-slider:not(.slick-initialized) {
    display: flex
}

.\@office .doctors-block .doctors-slider:not(.slick-initialized) .slider-item {
    width: 33.33%
}

.\@office .doctors-block .doctors-slider.sport .item-title {
    color: #61BF1A
}

.\@office .doctors-block .doctors-slider.special .item-title {
    flex-grow: 0
}

.\@office .doctors-block .doctors-slider.special .item-desc {
    flex-grow: 1
}

.\@office .doctors-block .doctors-slider .slick-dots {
    display: none !important
}

.\@office .doctors-block .doctors-slider .slick-next,
.\@office .doctors-block .doctors-slider .slick-prev {
    top: 133px;
    margin-top: 0;
    background-color: rgba(206, 22, 40, .03)
}

.\@office .doctors-block .doctors-slider .slick-next:hover,
.\@office .doctors-block .doctors-slider .slick-prev:hover {
    background-color: rgba(206, 22, 40, .1)
}

.\@office .doctors-block .doctors-slider .slick-next {
    left: 100%;
    right: auto;
    margin-left: 35px
}

.\@office .doctors-block .doctors-slider .slick-prev {
    right: 100%;
    left: auto;
    margin-right: 35px
}

.\@office .doctors-block .doctors-slider .slider-item {
    padding: 0 10px;
    border-right: 0;
    display: flex;
    cursor: default
}

.\@office .doctors-block .doctors-slider .item-box {
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid #dfdfdf;
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.\@office .doctors-block .doctors-slider .item-image img {
    height: 280px;
    width: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.\@office .doctors-block .doctors-slider .item-image.smalle img {
    height: auto
}

.\@office .doctors-block .doctors-slider .about {
    padding: 15px
}

.\@office .doctors-block .doctors-slider .about .name {
    font-size: 18px;
    margin-bottom: 7px
}

.\@office .doctors-block .doctors-slider .about .position {
    font-size: 15px;
    margin-bottom: 8px
}

.\@office .doctors-block .doctors-slider .about .param {
    font-size: 13px;
    color: #919191;
    margin-bottom: 7px;
    display: flex
}

.\@office .doctors-block .doctors-slider .about .param:last-child {
    margin-bottom: 0
}

.\@office .doctors-block .doctors-slider .about .param::before {
    content: '';
    width: 4px;
    min-width: 4px;
    height: 4px;
    background-color: #61BF1A;
    margin-right: 6px;
    margin-top: 5px
}

.\@office .video-block {
    padding-top: 30px;
    padding-bottom: 40px
}

.\@office .video-block .video-box {
    min-height: 468px;
    position: relative;
    display: block
}

.\@office .video-block .video-box:hover .item-image::before {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .2)), linear-gradient(180deg, rgba(0, 0, 0, .1) 0, rgba(196, 196, 196, 0) 45.76%, rgba(0, 0, 0, 0) 45.76%)
}

.\@office .video-block .item-image {
    display: flex;
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0
}

.\@office .video-block .item-image::before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), linear-gradient(180deg, rgba(0, 0, 0, .1) 0, rgba(196, 196, 196, 0) 45.76%, rgba(0, 0, 0, 0) 45.76%)
}

.\@office .video-block .item-image img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    z-index: 1
}

.\@office .video-block .about {
    position: relative;
    z-index: 2;
    text-align: center;
    padding-top: 100px
}

.\@office .video-block .about .title {
    font-size: 30px;
    color: #fff;
    margin-bottom: 48px;
    font-weight: 700
}

.\@office .video-block .about .icon img {
    width: 98px;
    height: 98px
}

.\@office .faq-block {
    background-color: #f3f3f3;
    padding: 40px 0 80px
}

.\@office .faq-block .faq-heading {
    font-size: 24px;
    margin-bottom: 60px;
    color: #939598;
    font-weight: 400;
    text-align: center
}

.\@office .faq-block .faq-heading span {
    color: #000
}

.\@office .faq-block .faq-list {
    width: 940px;
    max-width: 100%;
    margin: 0 auto
}

.\@office .faq-block .list-item {
    border-bottom: 1px solid #dfa1a7
}

.\@office .faq-block .item-title {
    font-size: 20px;
    padding: 20px 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    font-weight: 400;
    margin-bottom: 0
}

.\@office .faq-block .item-title:hover::after {
    filter: grayscale(1)
}

.\@office .faq-block .item-title::after {
    content: '+';
    color: #e35569;
    font-size: 60px;
    line-height: 0;
    font-weight: 300;
    cursor: pointer;
    margin-top: 5px
}

.\@office .faq-block .item-title.active::after {
    content: '-'
}

.\@office .faq-block .item-title.active~.item-text {
    display: block
}

.\@office .faq-block .item-text {
    display: none;
    padding-bottom: 20px;
    line-height: 1.5;
    font-size: 18px;
    color: #4f4e4e
}

.page-service-at-home a:not([class]) {
    color: #61BF1A
}

.page-service-at-home .reviews-block {
    padding-top: 35px;
    padding-bottom: 60px
}

.page-service-at-home .reviews-block.opened .review-form {
    display: block
}

.page-service-at-home .reviews-block .reviews-head {
    padding-top: 60px;
    display: flex;
    padding-bottom: 40px
}

.page-service-at-home .reviews-block .reviews-head .about {
    padding-right: 15px;
    flex-grow: 1
}

.page-service-at-home .reviews-block .reviews-head .item-heading {
    font-size: 24px;
    font-weight: 400;
    color: #939598;
    margin-bottom: 20px
}

.page-service-at-home .reviews-block .reviews-head .item-heading span {
    color: #000
}

.page-service-at-home .reviews-block .reviews-head .rating {
    display: flex;
    align-items: center;
    font-size: 17px
}

.page-service-at-home .reviews-block .reviews-head .rating .divider {
    padding: 0 10px;
    color: #939598
}

.page-service-at-home .reviews-block .reviews-head .rating .count {
    color: #939598
}

.page-service-at-home .reviews-block .review-form {
    padding-bottom: 50px;
    display: none
}

.page-service-at-home .reviews-block .review-form.opened .feedback-links .feedback-link:not(.active) {
    display: none
}

.page-service-at-home .reviews-block .review-form.opened .form-box {
    display: block
}

.page-service-at-home .reviews-block .review-form .form-box {
    display: none
}

.page-service-at-home .reviews-block .review-form .feedback-links {
    display: inline-flex;
    margin: 0 auto;
    flex-direction: column;
    align-items: flex-start
}

.page-service-at-home .reviews-block .review-form .feedback-links .feedback-link {
    display: inline-flex;
    align-items: center;
    padding-bottom: 15px
}

.page-service-at-home .reviews-block .review-form .feedback-links .feedback-link:hover .item-stars {
    background-color: #eee
}

.page-service-at-home .reviews-block .review-form .feedback-links .feedback-link .item-icon {
    padding-right: 20px
}

.page-service-at-home .reviews-block .review-form .feedback-links .feedback-link .item-icon img {
    width: 40px;
    height: 40px;
    min-width: 40px;
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

.page-service-at-home .reviews-block .review-form .feedback-links .item-stars {
    display: flex;
    padding: 10px;
    background-color: #d4dbe7;
    border-radius: 15px
}

.page-service-at-home .reviews-block .review-form .feedback-links .item-stars i {
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    background-image: url(../img/icons/star-red.svg)
}

.page-service-at-home .reviews-block .review-form .feedback-links .item-stars i:last-child {
    margin-right: 0
}

.page-service-at-home .reviews-block .review-form .cells {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 38px
}

.page-service-at-home .reviews-block .review-form .privacy-line label {
    font-size: 13px;
    font-weight: 300
}

.page-service-at-home .reviews-block .review-form .form-note {
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 30px
}

.page-service-at-home .reviews-block .reviews-list {
    padding-bottom: 39px
}

.page-service-at-home .reviews-block .reviews-list .item {
    border: 1px solid #e5e5e5;
    border-radius: 15px;
    padding: 20px;
    margin-bottom: 20px
}

.page-service-at-home .reviews-block .reviews-list .item:last-child {
    margin-bottom: 0
}

.page-service-at-home .reviews-block .reviews-list .about {
    font-size: 17px;
    padding-bottom: 20px;
    display: flex;
    align-items: center
}

.page-service-at-home .reviews-block .reviews-list .rating {
    display: flex;
    align-items: center
}

.page-service-at-home .reviews-block .reviews-list .rating .value {
    padding-left: 4px;
    font-weight: 600;
    color: #61BF1A
}

.page-service-at-home .reviews-block .reviews-list .name {
    padding-left: 9px
}

.page-service-at-home .reviews-block .reviews-list .date {
    color: #939598;
    padding-left: 9px
}

.page-service-at-home .reviews-block .reviews-list .item-text {
    font-size: 16px;
    font-weight: 300
}

.page-service-at-home .reviews-block .more-action {
    text-align: center
}

.page-service-at-home .reviews-block .reviews-head {
    border-top: 0
}

.page-service-at-home .actions-block {
    padding-top: 55px;
    padding-bottom: 47px;
    background-color: #f8f8f8
}

.page-service-at-home .actions-block .slider-wrapper {
    margin: 0 -10px
}

.page-service-at-home .actions-block .actions-slider {
    width: 1185px;
    max-width: 100%;
    margin: 0 auto
}

.page-service-at-home .actions-block .actions-slider:not(.slick-initialized) {
    display: flex;
    overflow: hidden
}

.page-service-at-home .actions-block .actions-slider:not(.slick-initialized) .slider-item {
    width: 33.33%
}

.page-service-at-home .actions-block .actions-slider.sport .item-title {
    color: #61BF1A
}

.page-service-at-home .actions-block .actions-slider.special .item-title {
    flex-grow: 0
}

.page-service-at-home .actions-block .actions-slider.special .item-desc {
    flex-grow: 1
}

.page-service-at-home .actions-block .actions-slider .slick-dots {
    display: none !important
}

.page-service-at-home .actions-block .actions-slider .slick-next,
.page-service-at-home .actions-block .actions-slider .slick-prev {
    top: 133px;
    margin-top: 0;
    background-color: rgba(206, 22, 40, .03)
}

.page-service-at-home .actions-block .actions-slider .slick-next:hover,
.page-service-at-home .actions-block .actions-slider .slick-prev:hover {
    background-color: rgba(206, 22, 40, .1)
}

.page-service-at-home .actions-block .actions-slider .slick-next {
    left: 100%;
    right: auto;
    margin-left: 35px
}

.page-service-at-home .actions-block .actions-slider .slick-prev {
    right: 100%;
    left: auto;
    margin-right: 35px
}

.page-service-at-home .actions-block .actions-slider .slider-item {
    padding: 0 10px;
    border-right: 0;
    display: flex;
    cursor: default
}

.page-service-at-home .actions-block .actions-slider .item-box {
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid #dfdfdf;
    flex-grow: 1;
    display: flex;
    flex-direction: column
}

.page-service-at-home .actions-block .actions-slider .item-box:hover .item-image img {
    filter: brightness(1.1)
}

.page-service-at-home .actions-block .actions-slider .item-box:hover .about {
    background-color: #fff
}

.page-service-at-home .actions-block .actions-slider .item-image img {
    height: 182px;
    width: 100%;
    display: block
}

.page-service-at-home .actions-block .actions-slider .item-image.smalle img {
    height: auto
}

.page-service-at-home .actions-block .actions-slider .about {
    padding: 15px;
    background-color: #f8f8f8;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-grow: 1;
    position: relative
}

.page-service-at-home .actions-block .actions-slider .about .notice {
    position: absolute;
    padding: 3px 4px;
    white-space: nowrap;
    text-transform: uppercase;
    color: #ccc;
    font-size: 12px;
    z-index: 2;
    right: 0;
    top: 0
}

.page-service-at-home .actions-block .actions-slider .about .title {
    font-size: 18px;
    margin-bottom: auto
}

.page-service-at-home .actions-block .actions-slider .about .prices {
    display: flex;
    align-items: baseline;
    padding-bottom: 12px
}

.page-service-at-home .actions-block .actions-slider .about .price-old {
    display: inline-block;
    font-size: 20px;
    position: relative;
    color: #919191;
    font-weight: 600;
    margin-right: 10px
}

.page-service-at-home .actions-block .actions-slider .about .price-old span {
    font-weight: 400
}

.page-service-at-home .actions-block .actions-slider .about .price-old::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px;
    background-color: #61BF1A;
    transform: rotate(-10deg)
}

.page-service-at-home .actions-block .actions-slider .about .price {
    font-size: 24px;
    font-weight: 600
}

.page-service-at-home .actions-block .actions-slider .about .price span {
    font-weight: 400
}

.page-service-at-home .actions-block .actions-slider .about .time-box {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex: 0 0 65px
}

.page-service-at-home .actions-block .actions-slider .about .time-box .label {
    font-size: 14px;
    padding-bottom: 4px
}

.page-service-at-home .actions-block .actions-slider .about .time {
    display: flex
}

.page-service-at-home .actions-block .actions-slider .about .time .icon {
    display: flex;
    padding-right: 8px
}

.page-service-at-home .actions-block .actions-slider .about .time .icon img {
    width: 14px;
    min-width: 14px
}

.page-service-at-home .text-element {
    font-size: 16px;
    margin: 40px 0;
    padding: 40px 0
}

.page-service-at-home .text-element ul {
    padding-left: 22px
}

.page-service-at-home .text-element li {
    margin-bottom: 10px
}

.page-service-at-home .stars {
    display: flex;
    align-items: center
}

.page-service-at-home .stars .star {
    display: flex;
    margin: 0 2px
}

.page-service-at-home .stars .star::before {
    content: '';
    width: 16px;
    min-width: 16px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    background-image: url(../img/icons/star-red.svg)
}

.page-service-at-home .stars .star.half::before {
    background-image: url(../img/icons/star-half-red.svg)
}

.page-service-at-home .stars .star.empty::before {
    background-image: url(../img/icons/star-empty-red.svg)
}

.page-service-at-home__subheading {
    font-size: 18px;
    font-weight: 300;
    color: #666
}

.page-head+.page-service-at-home__subheading {
    padding-top: 20px
}

.page-service-at-home .text-300 {
    font-weight: 300
}

.page-service-at-home .text-n-image-block__text {
    color: #484949
}

.page-service-at-home .text-n-image-block__text .h2,
.page-service-at-home .text-n-image-block__text h2 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #000
}

.page-service-at-home .block-heading span.mute {
    color: #939598
}

.page-service-at-home .block-heading span.mute i {
    font-style: normal;
    color: #000
}

.service-at-home__nav {
    display: flex;
    gap: 20px
}

.service-at-home__nav-link {
    display: flex;
    flex-direction: column;
    flex: 0 1 calc(100% / 6);
    padding: 28px 20px 20px;
    text-align: center;
    color: #484949;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    transition: color .4s, background-color .4s
}

.service-at-home__nav-link.active,
.service-at-home__nav-link:hover {
    color: #fff;
    background: #61BF1A
}

.service-at-home__nav-link.disable {
    color: #a1a1a1 !important;
    background: #fbfbfb !important;
    box-shadow: none !important
}

.service-at-home__nav-link-icon {
    flex: 0 0 auto;
    margin-bottom: 5px;
    transition: filter .4s
}

.service-at-home__nav-link.active .service-at-home__nav-link-icon,
.service-at-home__nav-link:hover .service-at-home__nav-link-icon {
    filter: brightness(0) invert(1)
}

.service-at-home__nav-link.disable .service-at-home__nav-link-icon {
    filter: brightness(7) saturate(0) !important
}

.service-at-home__nav-link-text {
    line-height: 1.4;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px
}

.service-at-home__nav-link-badge {
    color: #fff;
    background: #61BF1A;
    font-size: 11px;
    line-height: 1.2;
    text-transform: uppercase;
    padding: 3px;
    left: -29px;
    top: 11px;
    position: absolute;
    width: 100px;
    transform: rotate(-45deg)
}

.service-at-home__restricts-list li {
    margin-bottom: 0
}

.service-at-home__border-top {
    border-top: 1px solid #d4dbe7
}

.service-at-home__section {
    margin: 40px 0
}

.service-at-home__section--my-lg {
    margin: 100px 0
}

.service-at-home__form-block-container {
    display: flex;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px
}

.service-at-home__form-block {
    display: flex;
    flex-direction: column
}

.service-at-home__form-block-top {
    background: #fff;
    padding: 30px 35px;
    border: 1px solid #d4dae6;
    border-left: 0;
    border-bottom: 0;
    border-top-right-radius: 10px
}

.service-at-home__form-block-top-heading {
    font-weight: 300;
    font-size: 24px;
    line-height: 1.1;
    margin-bottom: 10px
}

.service-at-home__form-block-top-phone {
    font-size: 32px;
    line-height: 1.4
}

.service-at-home__form-block-top-sub {
    margin-top: 5px;
    font-weight: 300;
    font-size: 18px
}

.service-at-home__form-block .default-form {
    background: #d4dae6;
    flex-grow: 1;
    padding: 35px;
    height: auto
}

.service-at-home__form-block .default-form .form-line,
.service-at-home__form-block .default-form .header {
    margin-bottom: 15px
}

.service-at-home__form-block .default-form .double {
    display: flex;
    gap: 10px
}

.service-at-home__form-block .default-form .double>* {
    flex: 0 1 50%
}

.service-at-home__form-block .default-form input,
.service-at-home__form-block .default-form select {
    border: 0
}

.service-at-home__form-block .default-form .styled-checkbox input+label {
    align-items: start
}

.service-at-home__form-block .default-form .styled-checkbox input+label::before {
    border-color: #fff;
    background-color: #fff
}

.service-at-home__slider:not(.slick-initialized)>:not(:first-child) {
    display: none
}

.service-at-home__slider .slick-arrow {
    width: 35px;
    height: 35px;
    font-size: 0;
    position: absolute;
    top: 15px;
    right: 20px;
    color: transparent;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='18' cy='18' r='17.5' fill='white' fill-opacity='0.03' stroke='%23CE1628'%3E%3C/circle%3E%3Cpath d='M13.3333 8.88889L22.6666 18.3226L13.3333 27.5556' stroke='%23CE1628' stroke-width='1.25' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, .4);
    border-radius: 100%;
    z-index: 1
}

.service-at-home__slider .slick-arrow.slick-prev {
    transform: rotate(180deg);
    margin-left: auto;
    right: calc(10px + 35px + 20px)
}

.service-at-home__slider .slick-arrow.slick-disabled {
    filter: saturate(0);
    opacity: .4
}

.service-at-home__slider .slick-dots {
    padding: 0;
    margin: 0 20px 0 0;
    list-style: none;
    display: flex;
    bottom: 35px;
    line-height: 0;
    order: -1;
    position: absolute;
    top: 12px;
    left: 15px
}

.service-at-home__slider .slick-dots li {
    margin-right: 10px
}

.service-at-home__slider .slick-dots button {
    font-size: 0;
    color: transparent;
    border-radius: 100%;
    border: 1px solid #61BF1A;
    width: 9px;
    height: 9px
}

.service-at-home__slider .slick-dots button[aria-label="1 of 1"] {
    display: none
}

.service-at-home__slider .slick-dots .slick-active button {
    background: #61BF1A
}

.service-at-home__slider-wrap {
    position: relative;
    max-width: 700px;
    align-self: flex-start;
    flex-grow: 1
}

.service-at-home__slider-item img {
    width: 100%;
    min-height: 10px
}

.service-at-home__slider-info {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    --icon-bg: rgba(255, 255, 255, 0.2);
    pointer-events: none
}

.service-at-home__slider-info--light {
    --text-color: #fff;
    --icon-filter: brightness(0) invert(1);
    --icon-bg: rgba(255, 255, 255, 0)
}

.service-at-home__slider-info-item {
    flex: 1 1 33%;
    text-align: center;
    color: var(--text-color, #000);
    transition: color .3s;
    padding: 0 15px;
    margin-bottom: 40px
}

.service-at-home__slider-info-item-icon {
    filter: var(--icon-filter);
    position: relative;
    display: inline-block;
    line-height: 0;
    margin-bottom: 15px;
    transition: filter .3s
}

.service-at-home__slider-info-item-icon img {
    width: 100%
}

.service-at-home__slider-info-item-icon::after {
    content: '';
    position: absolute;
    inset: 1px;
    border-radius: 100%;
    background: var(--icon-bg);
    transition: background .3s
}

.service-at-home__alert {
    padding: 22px 24px;
    border: 1px solid #61BF1A;
    font-size: 14px;
    border-radius: 15px
}

.service-at-home__alert-links {
    margin-bottom: 15px
}

.service-at-home__alert-links-item {
    display: flex;
    align-items: start
}

.service-at-home__alert-links img {
    width: 1.57em;
    height: 1.57em;
    margin-top: -.2em;
    margin-right: 10px
}

.service-at-home__alert-links a {
    color: #61BF1A;
    text-decoration: underline
}

.service-at-home__popular-analyzes .block-heading {
    padding: 0 50px !important
}

.service-at-home__popular-analyzes .\@similar2 .item-grid {
    grid-template-columns: repeat(5, 1fr)
}

.service-at-home__popular-analyzes .slick-list {
    margin-left: -10px;
    margin-right: -10px
}

.service-at-home__popular-analyzes .slick-slide {
    margin: 0 10px
}

.service-at-home__popular-analyzes .regular-slider {
    opacity: 1
}

.service-at-home__popular-analyzes .slick-dots {
    display: none !important
}

.service-at-home__popular-analyzes .slick-next,
.service-at-home__popular-analyzes .slick-prev {
    top: 133px;
    margin-top: 0;
    background-color: rgba(206, 22, 40, .03)
}

.service-at-home__popular-analyzes .slick-next:hover,
.service-at-home__popular-analyzes .slick-prev:hover {
    background-color: rgba(206, 22, 40, .1)
}

.service-at-home__popular-analyzes .slick-next {
    left: 100%;
    right: auto;
    margin-left: 35px
}

.service-at-home__popular-analyzes .slick-prev {
    right: 100%;
    left: auto;
    margin-right: 35px
}

.service-at-home__popular-analyzes .slider-item {
    padding: 0 10px;
    border-right: 0;
    display: flex;
    cursor: default
}

.service-at-home__zones {
    margin-top: 45px;
    display: flex;
    align-items: start
}

.service-at-home__zones .service-at-home__zones-tabs {
    max-width: 460px;
    flex: 1 0 40%
}

.service-at-home__zones .service-at-home__zones-map {
    flex: 1 1 100%;
    border-radius: 10px;
    overflow: hidden
}

.service-at-home__zones-tabs {
    margin-right: 20px
}

.service-at-home__zones-tabs-nav {
    display: flex;
    border-bottom: 2px solid #61BF1A
}

.service-at-home__zones-tabs-nav-btn {
    padding: 13px;
    flex: 1 1 50%;
    border: 1px solid #d4dbe7;
    border-bottom: 0;
    color: #a1a1a1;
    font-size: 16px;
    border-radius: 10px 10px 0 0;
    background-color: #fff;
    position: relative;
    margin-left: -1px
}

.service-at-home__zones-tabs-nav-btn:first-child {
    margin-left: 0
}

.service-at-home__zones-tabs-nav-btn:hover {
    border-color: #93a4c2;
    color: #000;
    z-index: 1
}

.service-at-home__zones-tabs-nav-btn.active {
    background-color: #d4dbe7;
    color: #000
}

.service-at-home__zones-tab {
    padding-top: 25px
}

.service-at-home__zones-tab:not(.active) {
    display: none
}

.service-at-home__zones-tab-note {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5
}

.service-at-home__zones-list .service-at-home__zone {
    margin-bottom: 30px
}

.service-at-home__zone {
    display: flex;
    align-items: center
}

.service-at-home__zone-color {
    width: 26px;
    min-height: 54px;
    border-radius: 3px;
    margin-right: 17px;
    flex: 0 0 auto;
    align-self: stretch
}

.service-at-home__zone-color--1 {
    background-color: #f2f2f2
}

.service-at-home__zone-color--2 {
    background-color: #eba2a9
}

.service-at-home__zone-color--3 {
    background-color: #f5d0d4
}

.service-at-home__zone-color--4 {
    background-color: #cccfd4
}

.service-at-home__zone-color--5 {
    background-color: #edf3ff
}

.service-at-home__zone-text {
    flex: 1 1 100%;
    margin-right: 17px
}

.service-at-home__zone-price {
    flex: 0 0 auto;
    font-size: 24px;
    line-height: 1
}

.service-at-home__zone-name {
    font-size: 18px;
    color: #000;
    line-height: 1.1
}

.service-at-home__zone-desc {
    font-size: 14px;
    font-weight: 300
}

.\@search .inpit-searh-line {
    border-bottom: 1px solid #61BF1A;
    display: flex;
    margin-right: 7px;
    margin-bottom: 44px
}

.\@search .inpit-searh-line input {
    flex-grow: 1;
    border: 0;
    padding-left: 30px;
    font-size: 16px;
    outline: 0;
    width: auto
}

.\@search .inpit-searh-line .button {
    position: relative;
    right: -7px;
    bottom: -1px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
}

.\@search .inpit-searh-line .button::before {
    width: 20px;
    height: 20px;
    min-width: 25px;
    margin-right: 10px;
    background-size: contain;
    filter: brightness(0) invert(1);
    z-index: 2;
    position: relative;
    transition: transform .15s
}

.\@search .search-actions {
    display: flex;
    align-items: center;
    padding-bottom: 42px;
    overflow: auto
}

.\@search .search-actions .action {
    height: 40px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #61BF1A;
    color: #61BF1A;
    margin-right: 21px;
    padding: 0 30px;
    font-size: 18px;
    font-weight: 400;
    text-align: center
}

.\@search .search-actions .action:hover:not(.active) {
    box-shadow: 0 0 0 1px #61BF1A
}

.\@search .search-actions .action.active {
    background-color: #61BF1A;
    color: #fff;
    cursor: default
}

.\@search .search-actions .action i {
    font-style: normal;
    padding-left: 10px
}

.\@search .search-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 25px
}

.\@search .search-grid .grid-item {
    background-color: #f5f5f5;
    border-radius: 10px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.\@search .search-grid .item-title {
    font-size: 21px;
    font-weight: 600;
    color: #282828;
    margin-bottom: 10px;
    display: inline-block;
    line-height: 1.2
}

.\@search .search-grid .item-title:hover {
    color: #61BF1A
}

.\@search .search-grid .item-excerpt {
    font-size: 16px;
    color: #282828;
    font-weight: 600;
    margin-bottom: 15px;
    display: block;
    flex-grow: 1
}

.\@search .search-grid .action-link {
    color: #61BF1A;
    font-weight: 700;
    text-decoration: underline;
    font-size: 16px
}

.\@search .search-grid .action-link:hover {
    color: #282828
}

.\@search .search-grid .items-actions {
    padding-top: 40px;
    text-align: center
}

.\@search .search-grid .items-actions .action-button {
    width: 275px;
    max-width: 100%
}

.\@search .search-grid .tags-list {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 5px;
    margin-left: -7px;
    margin-right: -7px
}

.\@search .search-grid .tags-list.small .item-link {
    padding: 3px 6px;
    font-size: 14px
}

.\@search .search-grid .tags-list.small .list-item {
    padding: 0 3px 6px
}

.\@search .search-grid .tags-list .list-item {
    padding: 0 7px 14px
}

.\@search .search-grid .tags-list .item-link {
    padding: 6px 14px;
    display: block;
    background-color: #fff;
    color: #282828;
    font-weight: 600;
    border-radius: 5px
}

.\@search .search-grid .tags-list .item-link:hover {
    color: #61BF1A
}

.\@search .search-grid .tags-list .item-link::before {
    content: '#';
    color: #61BF1A
}

.\@search .more-actions {
    padding-top: 40px;
    text-align: center
}

.\@search .prepare-list {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 25px
}

.\@search .prepare-list .grid-item {
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.\@search .prepare-list .item-category {
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 15px;
    color: #666
}

.\@search .prepare-list .item-title {
    font-size: 21px;
    font-weight: 400;
    color: #282828;
    margin-bottom: 10px;
    display: inline-block;
    line-height: 1.2
}

.\@search .prepare-list .item-title:hover {
    color: #61BF1A
}

.\@search .prepare-list .item-excerpt {
    font-size: 16px;
    color: #282828;
    font-weight: 400;
    margin-bottom: 15px;
    display: block;
    flex-grow: 1
}

.\@search .prepare-list .item-excerpt b,
.\@search .prepare-list .item-excerpt strong {
    font-weight: 600
}

.\@search .prepare-list .action-link {
    color: #61BF1A;
    font-weight: 700;
    text-decoration: underline;
    font-size: 16px
}

.\@search .prepare-list .action-link:hover {
    color: #282828
}

.\@search .prepare-list .items-actions {
    padding-top: 40px;
    text-align: center
}

.\@search .prepare-list .items-actions .action-button {
    width: 275px;
    max-width: 100%
}

.contacts-wrapper .contacts-container {
    display: flex
}

.contacts-wrapper .map-box {
    flex: 1
}

.contacts-wrapper .contacts-box {
    min-width: 388px
}

.contacts-wrapper .contacts-label {
    margin-bottom: 20px
}

.contacts-wrapper .contact-phone {
    font-size: 36px;
    margin-bottom: 35px
}

.contacts-wrapper .contact-tines {
    margin-bottom: 35px
}

.contacts-wrapper .contact-tines .line {
    display: flex;
    margin-bottom: 9px
}

.contacts-wrapper .contact-tines .day {
    min-width: 205px
}

.contacts-wrapper .contact-tines .time {
    font-weight: 400
}

.contacts-wrapper .contact-address {
    font-size: 24px;
    line-height: 39px;
    margin-bottom: 35px
}

.contacts-wrapper .contact-email {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 34px
}

.contacts-wrapper .map-container {
    position: relative
}

.contacts-wrapper .map-container .loader {
    background-color: #eee;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.contacts-wrapper .registration-info {
    color: #484949
}

.contacts-wrapper .registration-info .reg-no {
    margin-bottom: 7px
}

.discount-container .discount-cards-grid {
    display: flex;
    margin-bottom: 50px
}

.discount-container .discount-card {
    padding: 20px 13px;
    border-radius: 15px;
    border: 1px solid #61BF1A;
    max-width: 282px;
    overflow: hidden;
    transition: border .33s
}

.discount-container .discount-card .ico-wrapper {
    text-align: center;
    position: relative;
    margin-bottom: 16px
}

.discount-container .discount-card .ico-wrapper::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 50%;
    height: 300px;
    left: -50px;
    right: -50px;
    background-color: #61BF1A;
    z-index: -1;
    transition: background-color .33s
}

.discount-container .discount-card .discount-ico {
    width: 158px;
    height: 158px;
    display: inline-block;
    transition: transform .33s;
    background-color: #fff;
    border-radius: 50%
}

.discount-container .discount-card .discount-ico img {
    width: 100%
}

.discount-container .discount-card .card-header {
    font-size: 26px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #61BF1A;
    font-weight: 400;
    transition: color .33s
}

.discount-container .discount-card .card-desc {
    font-size: 14px;
    text-align: center;
    color: #484949;
    margin-bottom: 18px;
    line-height: 23px
}

.discount-container .discount-card .card-profit {
    font-size: 22px;
    font-weight: 400;
    text-align: center
}

.discount-container .article-detail:first-of-type {
    margin-bottom: 0
}

.discount-container .discount-faq-item {
    margin-bottom: 40px
}

.discount-container .discount-faq-item h2,
.discount-container .discount-faq-item h3,
.discount-container .discount-faq-item h4 {
    margin-bottom: 12px !important;
    font-size: 20px
}

.feedback-container .feedback-changer {
    margin: 0 auto;
    max-width: 400px;
    padding-bottom: 30px
}

.feedback-container .feedback-shhose-office select {
    max-width: 400px
}

.feedback-container .feedback-links {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.feedback-container .feedback-links .feedback-link {
    display: inline-flex;
    align-items: center;
    padding-bottom: 15px
}

.feedback-container .feedback-links .feedback-link:hover .item-stars {
    background-color: #eee
}

.feedback-container .feedback-links .feedback-link .item-icon {
    padding-right: 20px
}

.feedback-container .feedback-links .feedback-link .item-icon img {
    width: 40px;
    height: 40px;
    min-width: 40px;
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

.feedback-container .feedback-links .item-stars {
    display: flex;
    padding: 10px;
    background-color: #d4dbe7;
    border-radius: 15px
}

.feedback-container .feedback-links .item-stars i {
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    background-image: url(../img/icons/star.svg)
}

.feedback-container .feedback-links .item-stars i:last-child {
    margin-right: 0
}

.feedback-container .feedback-form-container {
    margin-bottom: 46px
}

.feedback-container .feedback-toggle-container {
    max-height: 2000px;
    overflow: hidden
}

.feedback-container .feedback-toggle-container.active {
    max-height: 0
}

.feedback-container .feedback-form {
    background-color: #f3f3f3;
    border-radius: 15px;
    padding: 20px
}

.feedback-container .feedback-form .feeddback-toggle-header {
    background-image: none;
    position: relative;
    cursor: zoom-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.feedback-container .feedback-form .feeddback-toggle-header.active .header {
    margin-bottom: 0
}

.feedback-container .feedback-form .feeddback-toggle-header.active::before {
    transform: rotate(-90deg)
}

.feedback-container .feedback-form .feeddback-toggle-header::before {
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    position: absolute;
    top: 5px;
    right: 0;
    transform: rotate(90deg);
    filter: grayscale(1);
    transition: filter .33s, transform .33s
}

.feedback-container .feedbacks-grid .feedback-text::before,
.section-recommends.section-feedback-block .feedback-text::before {
    top: 0;
    left: 0
}

.feedback-container .feedback-form .feeddback-toggle-header:hover::before {
    filter: none
}

.feedback-container .feedback-form .feeddback-toggle-header .header {
    text-align: left
}

.feedback-container .feedback-form .feedback-form-body {
    margin-bottom: 33px
}

.feedback-container .feedback-form input {
    width: 342px;
    max-width: 100%
}

.feedback-container .feedback-form textarea {
    width: 800px;
    max-width: 100%;
    height: 140px
}

.feedback-container .feedback-form .button:not(:hover):not(:active) {
    background-color: transparent;
    color: #61BF1A
}

.feedback-container .feedback-form .feedback-form-note {
    font-size: 13px;
    margin-top: -10px;
    margin-bottom: 10px
}

.feedback-container .feedback-form .feedback-submit {
    margin-bottom: 10px
}

.feedback-container .feedbacks-grid {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.feedback-container .feedbacks-grid .feedback-item {
    width: calc(50% - 10px);
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 15px;
    transition: border .33s;
    border: 1px solid #e5e5e5
}

.feedback-container .feedbacks-grid .feedback-text {
    background-image: none;
    line-height: 26px;
    margin-bottom: 40px;
    position: relative;
    padding-top: 40px;
    padding-bottom: 20px;
    padding-right: 20px
}

.feedback-container .feedbacks-grid .feedback-text::after,
.feedback-container .feedbacks-grid .feedback-text::before {
    content: '';
    display: inline-block;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    background-size: contain
}

.feedback-container .feedbacks-grid .feedback-text::after {
    bottom: 0;
    right: 0
}

.feedback-container .feedbacks-grid .feedback-person {
    color: #484949;
    font-weight: 400
}

.feedback-container .feedbacks-grid .feedback-person .person-name {
    margin-bottom: 7px
}

.feedback-container .feedbacks-grid .feedback-person .person-location-and-time {
    font-size: 14px
}

.feedback-container .feedbacks-grid .feedback-person .person-location-and-time .time {
    display: inline-block;
    margin-right: 7px
}

.about-lab-section {
    padding-bottom: 0
}

.about-lab-section a {
    color: #61BF1A
}

.about-lab-section .about-lab-box {
    margin-bottom: 50px
}

.about-lab-section .about-lab-box .image-lab {
    width: 560px;
    margin-right: 44px
}

.about-lab-section .about-lab-box .image-lab img {
    border-radius: 15px;
    max-width: 100%
}

.about-lab-section .about-lab-box .text-lab {
    padding-top: 5px;
    color: #484949;
    flex: 1;
    line-height: 1.5
}

.section-recommends.section-feedback-block {
    background-color: #fff
}

.section-recommends.section-feedback-block .slider-item:hover .feedback-text::after,
.section-recommends.section-feedback-block .slider-item:hover .feedback-text::before {
    opacity: 1
}

.section-recommends.section-feedback-block .feedback-item-more-link {
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    color: #61BF1A;
    margin-bottom: 20px
}

.section-recommends.section-feedback-block .more {
    text-align: left;
    font-weight: 400
}

.section-recommends.section-feedback-block .feedback-text {
    font-size: 14px;
    background-image: none;
    line-height: 23px;
    position: relative;
    padding-top: 40px;
    padding-bottom: 10px;
    padding-right: 10px;
    margin-bottom: 80px
}

.section-recommends.section-feedback-block .feedback-text::after,
.section-recommends.section-feedback-block .feedback-text::before {
    content: '';
    display: inline-block;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    background-size: contain
}

.section-recommends.section-feedback-block .feedback-text::after {
    top: 100%;
    right: 0
}

.section-about_partners {
    background-color: #d4dbe7;
    padding: 35px 0
}

.section-about_partners h2 {
    font-weight: 400
}

.section-about_partners p {
    color: #484949
}

.section-about_partners .container {
    padding: 0 90px
}

.section-about_partners .partners-cols {
    display: flex
}

.section-about_partners .partners-cols .col {
    padding-right: 70px;
    width: 50%
}

.section-about_partners .link-partners {
    margin-top: 50px
}

.section-about_franchise {
    padding: 60px 0
}

.section-about_franchise .franchise-text {
    margin-bottom: 34px
}

.section-about_franchise .franchise-profit .header {
    text-align: center;
    font-size: 20px;
    margin-bottom: 30px;
    font-weight: 400
}

.section-about_franchise .more-franchise {
    text-align: center
}

.about-lab-section .section-header.heading {
    margin-bottom: 70px;
    text-align: center !important
}

.about-lab-section .section-header.heading::before {
    display: none
}

.about-lab-section .section-header.heading span::before {
    display: block !important;
    margin-top: 10px
}

.about-lab-section .about-why-list {
    padding: 0 110px;
    margin-bottom: 70px;
    display: flex
}

.about-lab-section .about-why-list .list-item {
    width: 33.33%;
    padding: 0 25px;
    text-align: center;
    list-style-type: none
}

.about-lab-section .about-why-list .item-icon {
    width: 110px;
    height: 110px;
    margin-bottom: 30px;
    display: inline-block
}

.about-lab-section .about-why-list .item-icon img {
    width: 100%
}

.about-lab-section .about-why-list .item-title {
    height: 55px;
    font-weight: 500;
    overflow: hidden;
    text-align: center;
    font-size: 18px
}

.about-lab-section .about-why-list .item-excerpt {
    text-align: left;
    font-size: 14px;
    line-height: 1.5
}

.about-lab-section .about-brands-box {
    margin-bottom: 70px
}

.about-lab-section .about-brands-box .brands-grid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px
}

.about-lab-section .about-brands-box .brand-item {
    padding: 0 15px
}

.about-lab-section .certs-slider {
    margin-bottom: 50px
}

.about-lab-section .certs-slider .slider-item {
    filter: opacity(.5);
    transform: scale(.6);
    transition: filter .33s, transform .33s;
    border: 0;
    outline: 0
}

.about-lab-section .certs-slider .slider-item a {
    outline: 0
}

.about-lab-section .certs-slider .slick-current {
    filter: none;
    transform: none
}

.about-lab-section .certs-slider .slick-dots {
    display: none !important
}

.about-lab-section .certs-slider .slick-arrow {
    width: 54px;
    height: 54px;
    min-width: 54px;
    background-size: 25% auto;
    background-position: 50%;
    margin-top: -27px;
    background-color: rgba(206, 22, 40, .03)
}

.about-lab-section .certs-slider .slick-arrow:hover {
    background-color: rgba(206, 22, 40, .06)
}

.about-lab-section .quality-list {
    padding-left: 0;
    margin-bottom: 100px
}

.about-lab-section .quality-list .list-item {
    list-style-type: none;
    display: flex;
    margin-bottom: 80px
}

.about-lab-section .quality-list .item-icons {
    display: flex
}

.about-lab-section .quality-list .item-count {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 60px;
    color: #61BF1A;
    border-radius: 50%;
    margin-right: 20px;
    height: 100px;
    width: 100px;
    min-width: 100px;
    border: 1px solid #61BF1A;
    font-weight: 300;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.specialities__address__container {
    margin-top: 20px;
}

.specialities__address__item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.specialities__address__item::before {
    content: '';
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url('../img/icons/address.svg');
    width: 14px;
    height: 18px;
    background-size: 14px 18px;
}

.about-lab-section .quality-list .item-icon {
    width: 200px;
    min-width: 200px;
    margin-right: 25px
}

.about-lab-section .quality-list .item-descriptiopn {
    width: 440px;
    max-width: 100%
}

.about-lab-section .quality-list .item-title {
    font-size: 18px;
    margin-bottom: 18px;
    font-weight: 500
}

.about-lab-section .quality-list .item-excerpt {
    font-size: 16px;
    color: #484848
}

.about-lab-section .about-iso {
    display: flex;
    padding-bottom: 50px;
    padding-top: 30px
}

.about-lab-section .about-iso .iso-icons {
    display: flex;
    min-width: 50%;
    justify-content: center;
    margin-bottom: 30px
}

.about-lab-section .about-iso .iso-icons .icon-item {
    margin: 0 30px
}

.about-lab-section .about-iso .iso-icons .icon-imege {
    width: 90px;
    height: 73px;
    margin-bottom: 15px
}

.about-lab-section .about-iso .iso-icons .icon-imege img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.about-lab-section .about-iso .iso-icons .icon-title {
    font-size: 18px;
    font-weight: 300;
    color: #2858a6
}

.about-lab-section .about-iso .block-text {
    font-size: 18px;
    font-weight: 300
}

.about-license-box .license-header {
    margin-bottom: 40px;
    display: flex;
    align-items: center
}

.about-license-box .license-header h2 {
    width: 520px;
    margin-right: 80px;
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 0
}

.about-license-box .license-header .licence-more {
    flex: 1;
    font-size: 13px;
    color: #484949
}

.about-license-box .license-header .licence-more p {
    margin-bottom: 5px
}

.about-license-box .license-images {
    display: flex;
    margin-bottom: 60px;
    flex-wrap: wrap
}

.about-license-box .license-images .license-image {
    width: 23%
}

.bureaucracy-grid {
    margin-bottom: 50px
}

.bureaucracy-grid input[type=checkbox].item-expand {
    display: none
}

.bureaucracy-grid input[type=checkbox].item-expand:checked~.item-params .expand-button::before {
    transform: rotate(-135deg)
}

.bureaucracy-grid input[type=checkbox].item-expand:checked~.item-params .param-line:not([data-required]) {
    transform: scale(1);
    position: static;
    opacity: 1
}

.bureaucracy-grid .expand-button {
    text-align: center;
    display: block;
    cursor: pointer;
    padding: 15px;
    margin-top: -20px;
    margin-bottom: -15px
}

.bureaucracy-grid .expand-button::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    border-bottom: 2px solid #61BF1A;
    border-right: 2px solid #61BF1A;
    transform: rotate(45deg);
    transform-origin: 70% 70%;
    transition: transform .33s
}

.bureaucracy-grid a {
    text-decoration: underline
}

.bureaucracy-grid a[href^=tel] {
    text-decoration: none;
    font-style: normal;
    white-space: nowrap
}

.bureaucracy-grid .grid-item {
    padding: 20px
}

.bureaucracy-grid .grid-item:nth-child(2n-1) {
    background-color: #f7f7f7
}

.bureaucracy-grid .item-title {
    font-size: 22px;
    margin-bottom: 15px;
    font-weight: 600
}

.bureaucracy-grid .item-part {
    padding-bottom: 12px
}

.bureaucracy-grid .item-part:last-child {
    padding-bottom: 0
}

.bureaucracy-grid .item-name {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 18px
}

.bureaucracy-grid .param-line {
    display: flex;
    padding-bottom: 10px;
    width: 1000px;
    max-width: 100%
}

.bureaucracy-grid .param-line:not([data-required]) {
    position: absolute;
    transform: scale(0);
    opacity: 0;
    transition: opacity .77s
}

.bureaucracy-grid .param-line:last-child {
    margin-bottom: 0
}

.bureaucracy-grid .param-line .param-label {
    width: 150px;
    min-width: 150px;
    padding-right: 10px;
    color: #555
}

.bureaucracy-grid .param-line .param-label a {
    color: #555
}

.bureaucracy-grid .param-line .param-value {
    font-size: 16px
}

.bureaucracy-grid .param-line .param-value:not(.attention-info) a[href^=tel] {
    font-weight: 600
}

.bureaucracy-grid .param-line .attention-info {
    padding-top: 10px;
    font-style: italic
}

.poll-form-section {
    padding-top: 50px
}

.poll-form-section .poll-form {
    border: 1px solid #c4c4c4;
    border-radius: 15px;
    padding: 20px 15px;
    overflow: hidden;
    width: 600px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.poll-form-section .poll-form .header {
    margin-bottom: 15px
}

.poll-form-section .poll-form .date-box {
    background-image: none;
    position: relative
}

.poll-form-section .poll-form .date-box input {
    background-color: transparent
}

.poll-form-section .poll-form .date-box::before {
    opacity: .5;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    right: 15px;
    z-index: -1
}

.poll-form-section .poll-form .date-box:hover::before {
    opacity: .7
}

.poll-form-section .form-section-block {
    margin-bottom: 30px
}

.poll-form-section .form-notices {
    padding-left: 10px
}

.poll-form-section .form-section-header {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    display: block;
    text-align: left
}

.poll-form-section .line-label {
    margin-bottom: 15px;
    display: block
}

.poll-form-section .form-line.double {
    display: flex;
    justify-content: space-between
}

.poll-form-section .form-line.double .line-cell {
    width: 48%
}

.poll-form-section .radios-line {
    border: 1px solid #c4c4c4;
    border-radius: 15px;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    overflow: hidden
}

.menu__link__account {
    display: flex !important;
    justify-content: space-between !important;
    padding-right: 20px !important;
}

.poll-form-section .radios-line input {
    display: none
}

.poll-form-section .radios-line label {
    flex: auto;
    text-align: center;
    height: 40px;
    line-height: 40px;
    cursor: pointer
}

.poll-form-section .radios-line label:hover {
    background-color: #d4dbe7
}

.poll-form-section .radios-line input:checked+label {
    background-color: #61BF1A;
    color: #fff;
    font-weight: 700
}

.ask-doc a[name] {
    position: relative;
    top: -100px
}

.ask-doc .first-block {
    position: relative;
    padding: 40px 0 100px;
    min-height: 33vw;
    overflow: hidden
}

.ask-doc .first-block::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2;
    background-image: linear-gradient(90deg, #d4dbe7 53.91%, rgba(255, 255, 255, 0) 87.72%)
}

.ask-doc .first-block .item-about {
    position: relative;
    z-index: 3
}

.ask-doc .first-block .item-heading {
    padding-bottom: 0;
    margin-bottom: 40px;
    font-weight: 700
}

.ask-doc .first-block .item-desc {
    max-width: 40vw
}

.ask-doc .first-block .item-desc .heading {
    display: inline;
    font-size: 36px
}

.ask-doc .first-block .item-desc p {
    font-size: 24px
}

.ask-doc .first-block .item-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 46vw
}

.ask-doc .first-block .item-image img {
    height: 100%;
    width: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: none
}

.ask-doc .next-block {
    padding: 40px 0
}

.ask-doc .form-block .form-notices {
    display: flex;
    flex-direction: column;
    align-items: center
}

.ask-doc .form-block .form-part {
    max-width: 500px;
    margin: 0 auto
}

.ask-doc .form-block .line-notice {
    font-size: 13px;
    font-weight: 300;
    text-align: center;
    padding-top: 3px
}

.ask-doc .form-block .line-textarea textarea {
    padding: 15px 10px
}

.ask-doc .form-block .part-checkboxes {
    width: 300px;
    max-width: 100%;
    margin: 0 auto
}

.ask-doc .form-block .submit-line {
    text-align: center
}

.ask-doc .block-answers .answers-wrapper {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 30px
}

.ask-doc .block-answers .types-area {
    padding-right: 15px
}

.ask-doc .block-answers .types-area .doctor-selector {
    display: none;
    padding-bottom: 30px
}

.ask-doc .block-answers .types-area .answers-types {
    margin-bottom: 30px;
    list-style-type: none;
    background-color: #d4dbe7;
    padding: 18px 0;
    border-radius: 15px;
    overflow: hidden;
    width: 254px;
    min-width: 254px
}

.ask-doc .block-answers .types-area .answers-types .list-item.active .list-link::before {
    opacity: 1
}

.ask-doc .block-answers .types-area .answers-types .list-item:hover:not(.active) .list-link::before {
    opacity: .6;
    transform: translateX(0)
}

.ask-doc .block-answers .types-area .answers-types .list-link {
    display: flex;
    align-items: center;
    padding: 15px 15px 15px 0
}

.ask-doc .block-answers .types-area .answers-types .list-link::before {
    content: '';
    display: inline-block;
    width: 15px;
    min-width: 15px;
    background-color: #61BF1A;
    height: 8px;
    margin-right: 15px;
    opacity: 0;
    transform: translateX(-5px);
    transition: transform .33s
}

.ask-doc .block-answers .sorting {
    display: flex;
    justify-content: flex-end;
    margin-top: -50px;
    align-items: center;
    margin-bottom: 15px
}

.ask-doc .block-answers .sorting .sorting-label {
    padding-right: 20px
}

.ask-doc .block-answers .sorting select {
    width: 300px;
    background-color: #fff
}

.ask-doc .block-answers .answers-list {
    padding-bottom: 30px
}

.ask-doc .block-answers .answers-list .button-toggle {
    width: 36px;
    min-width: 36px;
    height: 36px;
    padding: 12px;
    display: flex;
    justify-content: center;
    position: absolute;
    z-index: 2;
    bottom: -8px;
    left: calc(50% - 18px);
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 -1px 1px rgba(0, 0, 0, .15)
}

.ask-doc .block-answers .answers-list .button-toggle:hover i {
    filter: none
}

.ask-doc .block-answers .answers-list .button-toggle:hover i:nth-child(1) {
    transform: rotate(50deg)
}

.ask-doc .block-answers .answers-list .button-toggle:hover i:nth-child(2) {
    transform: rotate(-50deg)
}

.ask-doc .block-answers .answers-list .button-toggle i {
    height: 12px;
    width: 1px;
    background-color: #61BF1A;
    transform-origin: 50% 100%;
    filter: grayscale(1)
}

.ask-doc .block-answers .answers-list .button-toggle i:nth-child(1) {
    transform: rotate(45deg)
}

.ask-doc .block-answers .answers-list .button-toggle i:nth-child(2) {
    transform: rotate(-45deg)
}

.ask-doc .block-answers .answers-list .button-toggle~.item-answer {
    word-break: break-word
}

.ask-doc .block-answers .answers-list .button-toggle~.item-answer .item-text {
    padding-bottom: 0;
    max-height: 50px
}

.ask-doc .block-answers .answers-list .button-toggle~.item-answer .item-text::after {
    display: block
}

.ask-doc .block-answers .answers-list .button-toggle.active i {
    filter: none;
    transform-origin: 50% 0
}

.ask-doc .block-answers .answers-list .button-toggle.active i:nth-child(1) {
    transform: rotate(-45deg)
}

.ask-doc .block-answers .answers-list .button-toggle.active i:nth-child(2) {
    transform: rotate(45deg)
}

.ask-doc .block-answers .answers-list .button-toggle.active~.item-answer {
    padding-bottom: 25px
}

.ask-doc .block-answers .answers-list .button-toggle.active~.item-answer .item-text {
    max-height: 3000px;
    padding-bottom: 0
}

.ask-doc .block-answers .answers-list .button-toggle.active~.item-answer .item-text::after {
    display: none
}

.ask-doc .block-answers .answers-list .list-item {
    position: relative;
    display: grid;
    grid-template-columns: 180px 1fr;
    overflow: hidden;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 25px
}

.ask-doc .block-answers .answers-list .list-item:hover .link-action {
    color: #61BF1A
}

.ask-doc .block-answers .answers-list .list-item:hover .link-action::before {
    filter: none
}

.ask-doc .block-answers .answers-list .list-item::before {
    content: '';
    display: inline-block;
    height: 40px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    bottom: -30px;
    background-color: #fff;
    box-shadow: 0 -1px 1px rgba(0, 0, 0, .15)
}

.ask-doc .block-answers .answers-list .item-props {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    position: relative
}

.ask-doc .block-answers .answers-list .item-props input[type=url] {
    position: absolute;
    transform: scale(0)
}

.ask-doc .block-answers .answers-list .person-name {
    font-size: 18px;
    padding-bottom: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ask-doc .block-answers .answers-list .time-posted {
    font-size: 14px;
    padding-bottom: 10px;
    display: block
}

.ask-doc .block-answers .answers-list .question-code {
    font-size: 14px;
    color: #61BF1A;
    white-space: nowrap
}

.ask-doc .block-answers .answers-list .copy-link {
    padding: 0;
    text-align: left
}

.ask-doc .block-answers .answers-list .copy-link input {
    transform: scale(0)
}

.ask-doc .block-answers .answers-list .copy-link.copied .link-action::before {
    filter: none;
    background-image: url(../img/icons/check-full.svg)
}

.ask-doc .block-answers .answers-list .copy-link.copied .link-action span {
    color: #61BF1A;
    display: none
}

.ask-doc .block-answers .answers-list .copy-link.copied .link-action span:nth-child(2) {
    display: block
}

.ask-doc .block-answers .answers-list .link-action {
    display: flex;
    padding-top: 5px;
    color: #9e9fa2;
    white-space: nowrap
}

.ask-doc .block-answers .answers-list .link-action:hover::before {
    transform: scale(1.05)
}

.ask-doc .block-answers .answers-list .link-action::before {
    width: 20px;
    min-width: 20px;
    height: 20px;
    margin-right: 8px;
    filter: grayscale(1) opacity(.5);
    background-image: url(../img/icons/share.svg)
}

.ask-doc .block-answers .answers-list .link-action span:nth-child(2) {
    display: none
}

.ask-doc .block-answers .answers-list .item-title {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 10px
}

.ask-doc .block-answers .answers-list .item-text {
    overflow: hidden;
    font-size: 16px;
    color: #484949;
    position: relative;
    padding-bottom: 15px
}

.ask-doc .block-answers .answers-list .item-text::after {
    content: '';
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 70%)
}

.ask-doc .block-answers .answers-list .item-text p:last-child {
    margin-bottom: 0
}

.ask-doc .block-answers .answers-list .person-answers {
    font-size: 14px;
    color: #a1a1a1;
    padding-bottom: 10px
}

.ask-doc .block-answers .block-action {
    text-align: center
}

.section-corona-countries .page-links {
    text-align: center;
    padding: 15px 0
}

.section-corona-countries .page-links.right {
    text-align: right
}

.section-corona-countries .page-links.top {
    margin-top: -30px
}

.section-corona-countries img:hover {
    filter: brightness(1.05)
}

.section-corona-countries .page-head .heading {
    padding-left: 0
}

.section-corona-countries .brick-block {
    margin-bottom: 25px
}

.section-corona-countries .brick-block .brick-box {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .3)
}

.section-corona-countries .brick-block .item-picture img {
    width: 100%;
    border-radius: 15px
}

.section-corona-countries .brick-block .brick-caption {
    font-weight: 400;
    padding-top: 25px;
    font-size: 18px;
    padding-bottom: 25px
}

.section-corona-countries .main-block {
    padding-bottom: 25px;
    padding-top: 25px
}

.section-corona-countries .main-block .item-heading {
    color: #61BF1A;
    margin-bottom: 23px;
    padding-left: 0
}

.section-corona-countries .main-block .item-picture {
    display: block;
    float: left;
    width: 447px;
    min-width: 447px;
    padding-right: 30px;
    padding-bottom: 30px
}

.section-corona-countries .main-block .item-picture img {
    width: 100%;
    border-radius: 15px;
    display: block
}

.section-corona-countries .main-block .item-text {
    font-size: 18px;
    font-weight: 400
}

.section-corona-countries .main-block .item-text p {
    margin-bottom: 25px
}

.section-corona-countries .main-block .item-text strong {
    font-weight: 600
}

.section-corona-countries .main-block .item-text b {
    font-weight: 600;
    color: #61BF1A
}

.section-corona-countries .countries-block {
    padding: 30px 0
}

.section-corona-countries .countries-block a {
    color: #00f;
    text-decoration: underline
}

.section-corona-countries .countries-block .grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 60px 100px
}

.section-corona-countries .countries-block .item-heading {
    padding-bottom: 10px;
    display: flex;
    align-items: center
}

.section-corona-countries .countries-block .item-heading .item-icon {
    padding-right: 12px
}

.section-corona-countries .countries-block .item-heading .item-icon img {
    width: 37px;
    height: 37px;
    min-width: 37px;
    border-radius: 50%
}

.section-corona-countries .countries-block .item-heading .label {
    font-size: 32px;
    color: #61BF1A;
    font-weight: 400;
    margin-bottom: 0
}

.section-corona-countries .countries-block .item-desc {
    font-size: 18px;
    font-weight: 400
}

.section-corona-countries .countries-block .item-desc a {
    word-break: break-all
}

.section-corona-countries .bricksiki-block {
    padding: 25px 0
}

.section-corona-countries .bricksiki-block img {
    filter: none
}

.section-corona-countries .bricksiki-block .item-heading {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 25px
}

.section-corona-countries .bricksiki-block .item-heading b {
    font-weight: 400;
    color: #61BF1A
}

.section-corona-countries .bricksiki-block .bricksiki {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px
}

.section-corona-countries .bricksiki-block .item-image img {
    width: 100%;
    border-radius: 15px;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.section-corona-countries .bricksik-mobile {
    padding-bottom: 20px;
    display: none
}

.section-corona-countries .bricksik-mobile .item-image img {
    width: 100%;
    border-radius: 15px;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.section-corona-countries .discount-block {
    padding: 30px 0
}

.section-corona-countries .discount-block .item-heading {
    font-size: 40px;
    font-weight: 400;
    color: #282828;
    margin-bottom: 25px;
    line-height: 1.2
}

.section-corona-countries .discount-block .linkslist {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding-left: 0
}

.section-corona-countries .discount-block .link-item {
    padding-right: 15px;
    padding-bottom: 15px
}

.section-corona-countries .discount-block .link {
    border-radius: 5px;
    background-color: #f5f5f5;
    padding: 6px 15px;
    display: block;
    font-size: 18px;
    font-weight: 600
}

.section-corona-newyear .brick-block .item-picture img,
.section-corona-newyear .why-block .item-picture img {
    border-radius: 15px;
    width: 100%
}

.section-corona-countries .discount-block .link::before {
    content: '#';
    color: #61BF1A;
    font-weight: 600
}

.section-corona-newyear .page-links {
    text-align: center;
    padding: 15px 0
}

.section-corona-newyear .page-links.right {
    text-align: right
}

.section-corona-newyear .page-links.top {
    margin-top: -30px;
    margin-bottom: -70px
}

.section-corona-newyear .page-links.bottom {
    margin-top: -40px;
    padding-bottom: 70px
}

.section-corona-newyear img:hover {
    filter: brightness(1.05)
}

.section-corona-newyear .page-head .heading {
    padding-left: 0;
    margin-bottom: 20px
}

.section-corona-newyear .brick-block {
    margin-bottom: 35px
}

.section-corona-newyear .brick-block .brick-box {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .3)
}

.section-corona-newyear .brick-block .brick-caption {
    font-weight: 400;
    padding-top: 25px;
    font-size: 18px;
    padding-bottom: 25px
}

.section-corona-newyear .why-block {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    grid-gap: 30px;
    margin-bottom: 25px
}

.section-corona-newyear .why-block .item-text {
    font-size: 18px
}

.section-corona-newyear .why-block .item-text .item-heading {
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 18px
}

.section-corona-newyear .why-block .item-text .item-desc {
    margin-bottom: 20px
}

.section-corona-newyear .why-block .item-text .item-desc:last-child {
    margin-bottom: 0
}

.section-corona-newyear .steps-block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 50px;
    padding: 25px 0
}

.section-corona-newyear .factor-block,
.section-sperm .factor-block {
    padding: 25px 0 50px
}

.section-corona-newyear .steps-block .step.big {
    grid-column: span 2
}

.section-corona-newyear .steps-block .item-heading {
    font-weight: 600;
    color: #61BF1A;
    margin-bottom: 15px;
    font-size: 36px
}

.section-corona-newyear .steps-block .item-text p {
    margin-bottom: 20px;
    font-size: 18px
}

.section-corona-newyear .steps-block .item-text p:last-child {
    margin-bottom: 0
}

.section-corona-newyear .factor-block .item-heading {
    font-weight: 500;
    color: #000;
    font-size: 41px;
    margin-bottom: 15px
}

.specialities__title {
    font-style: normal;
    font-weight: 500 !important;
    font-size: 24px !important;
    line-height: 23px;
    color: #000000;
}

.specialitites__description__container {
    display: grid;
    grid-template-columns: 1fr 0fr;
    margin-bottom: 60px;
    gap: 20px;
}

.specialitites__singup {
    color: #FFFFFF;
    font-size: 18px;
    line-height: 22px;
    padding: 15px 23px;
    background: #61BF1A;
    border: 1px solid #61BF1A;
    border-radius: 10px;
    white-space: nowrap;
    height: fit-content;
    transition: 0.3s;
}

.specialitites__singup:hover {
    opacity: 0.7;
}

.specialitites__description {
    max-width: 580px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #484949;
}

.specialitites__services {
    border-top: 1px solid #E5E7EB;
    margin-bottom: 70px;
}

.specialities__price__container {
    position: relative;
    display: flex;
    gap: 37px;
    align-items: center;
}

.specialities__btnbasket {
    background: #00C400;
    border: 1px solid #00C400;
    border-radius: 10px;
    padding: 8px 17px;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #FFFFFF;
    transition: 0.3s;
}

.specialities__price__new {
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    color: #000000;
    min-width: 105px;
}

.specialities__price__sale {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    padding: 2px 4px;
    background: #FF891C;
    border-radius: 5px;
}

.specialities__price__old {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #77787D;
    text-decoration: line-through;
    text-decoration-color: #FF891C;
}

.price__mt {
    margin-top: 10px;
    margin-bottom: -15px;
}

.preparing__specialties {
    display: grid;
    grid-template-columns: 0.3fr 1fr;
    gap: 40px;
    margin-bottom: 80px;
}

.specialities__description__container {
    border-top: 1px solid #9CA3AF;
    margin-bottom: 116px;
}

.accordeon__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    margin-bottom: 0 !important;
    cursor: pointer;
    user-select: none;
}

.specialities__doctors {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    max-width: 1020px;
}

.specialities__item {
    width: 100%;
    background: #F8F8F8;
    border: 1px solid #E5E5E5;
    border-radius: 15px;
}

.specialities__item__img {
    height: 270px;
    width: 100%;
    max-width: 100% !important;
    margin-bottom: 32px;
    object-fit: cover;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.specialities__item__content {
    padding: 32px 32px 36px;
}

.specialities__item__name {
    font-style: normal;
    font-weight: 400;
    font-size: 12px !important;
    line-height: 14px;
    color: #6B7280;
    margin-bottom: 4px !important;
}

.specialities__item__detail {
    text-decoration: none !important;
}

.specialities__item__title {
    font-style: normal;
    font-weight: 500 !important;
    font-size: 24px !important;
    line-height: 30px;
    color: #000000;
    margin-bottom: 0 !important;
}

.specialities__item__experience {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 32px;
    color: #6B7280;
    margin-bottom: 18px;
}

.specialities__item__signup {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: white !important;
    padding: 15px 20px;
    background: #61BF1A;
    border: 1px solid #61BF1A;
    border-radius: 10px;
    display: inline-block;
    text-decoration: none !important;
    transition: 0.3s;
    width: fit-content;
    margin-top: 20px;
}

.specialities__item__signup:hover {
    opacity: 0.7;
}

.accordeon.active .accordeon__icon {
    transform: rotate(180deg);
}

.accordeon__icon span:first-child {
    transition: 0.5s;
}

.accordeon.active .accordeon__icon span:first-child {
    opacity: 0;
}

.accordeon__icon {
    position: relative;
    box-sizing: border-box;
    width: 22px;
    height: 6px;
    transition: 0.5s;
}

.accordeon__dropdown {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

.accordeon.active .accordeon__dropdown {
    max-height: 50000px;
    opacity: 1;
    visibility: visible;
    padding-bottom: 15px;
}

.accordeon__icon span {
    position: absolute;
    width: 22px;
    height: 3px;
    background-color: #61BF1A;
    display: inline-block;
}

.accordeon__icon span:nth-child(1) {
    transform: rotate(90deg);
}

.accordeon {
    border-bottom: 1px solid #9CA3AF;
}

.signup__doctor {
    margin-bottom: 186px;
    padding: 60px 120px 57px;
    background-color: #E1F9FF;
    border-radius: 13px;
    background-image: url('../img/sign_bg.png');
    background-repeat: no-repeat;
    background-size: 663px 390px;
    background-position: right;
}

.signup__doctor__title {
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 54px;
    color: #000000;
    margin-bottom: 18px !important;
}

.signup__doctor__description {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #4B5563;
    margin-bottom: 16px;
}

.signup__doctor__tel {
    display: inline-block;
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 44px;
    color: #000000;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    width: fit-content;
}

.signup__doctor__tel:hover .signup__color--span {
    color: #61BF1A;
}

.signup__color--span {
    color: #61BF1A;
    transition: 0.33s;
}

.signup__doctor__tel::before {
    content: '';
    background-color: transparent;
    background-image: url('../img/icons/phone-call.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 28px;
    height: 28px;
}

.signup__doctor__btn {
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    padding: 15px 20px;
    background: #61BF1A;
    border: 1px solid #61BF1A;
    border-radius: 10px;
    width: fit-content;
    transition: 0.3s;
}

.signup__doctor__btn:hover {
    opacity: 0.7;
}

.specialities__price__top {
    position: absolute;
    top: -10px;
    display: flex;
    gap: 5px;
}

.signup__content {
    max-width: 510px;
}

.specialities__btnbasket:hover {
    opacity: 0.7;
}

.specialitites__item {
    display: flex;
    justify-content: space-between;
    padding: 18px 0;
    border-bottom: 1px solid #E5E7EB;
    align-items: center;
    gap: 15px;
}

.specialitites__item h3 {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    margin-bottom: 0 !important;
}

.section-corona-newyear .factor-block .item-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px
}

.section-corona-newyear .factor-block .grid-item {
    display: flex;
    flex-direction: column;
    background-color: #f5f5f5;
    border-radius: 10px
}

.section-corona-newyear .factor-block .grid-item.special {
    background-color: #fff;
    flex-direction: row;
    align-items: center
}

.section-corona-newyear .factor-block .grid-item .special-text {
    font-size: 41px;
    max-width: 522px
}

.section-corona-newyear .factor-block .item-about {
    padding: 35px;
    flex-grow: 1;
    display: flex;
    flex-direction: column
}

.section-corona-newyear .factor-block .item-title {
    color: #61BF1A;
    font-size: 24px;
    margin-bottom: 15px;
    font-weight: 500
}

.section-corona-newyear .factor-block .item-text {
    font-size: 18px;
    font-weight: 500;
    flex-grow: 1
}

.section-corona-newyear .factor-block .item-text p {
    margin-bottom: 20px
}

.section-corona-newyear .factor-block .products-links {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.section-corona-newyear .factor-block .products-links .link-item {
    font-size: 16px;
    color: #282828;
    opacity: .4
}

.section-corona-newyear .factor-block .products-links .link-item:hover {
    color: #61BF1A;
    text-decoration: underline;
    opacity: 1
}

.section-corona-newyear .factor-block .item-actions .action-button {
    width: 100%
}

.section-corona-newyear .brick-block2 {
    padding: 50px 0
}

.section-corona-newyear .brick-block2 .item-picture {
    display: block;
    margin-bottom: 15px
}

.section-corona-newyear .brick-block2 .item-picture img {
    display: block;
    width: 100%;
    border-radius: 15px
}

.section-corona-newyear .brick-block2 .item-note {
    font-size: 18px;
    font-weight: 500
}

.section-corona-newyear .brick-block2 .item-note a {
    color: #0c70cd
}

.section-corona-newyear .discount-block {
    padding: 30px 0
}

.section-corona-newyear .discount-block .item-heading {
    font-size: 40px;
    font-weight: 400;
    color: #282828;
    margin-bottom: 25px;
    line-height: 1.2
}

.section-corona-newyear .discount-block .linkslist {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding-left: 0
}

.section-corona-newyear .discount-block .link-item {
    padding-right: 15px;
    padding-bottom: 15px
}

.section-corona-newyear .discount-block .link {
    border-radius: 5px;
    background-color: #f5f5f5;
    padding: 6px 15px;
    display: block;
    font-size: 18px;
    font-weight: 600
}

.section-sperm .brick-block .item-picture img,
.section-sperm .why-block .item-picture img {
    border-radius: 15px;
    width: 100%
}

.section-corona-newyear .discount-block .link::before {
    content: '#';
    color: #61BF1A;
    font-weight: 600
}

.section-sperm .page-links {
    text-align: center;
    padding: 15px 0
}

.section-sperm .page-links.right {
    text-align: right
}

.section-sperm .page-links.top {
    margin-top: -30px;
    margin-bottom: -70px
}

.section-sperm .page-links.bottom {
    margin-top: -40px;
    padding-bottom: 70px
}

.section-sperm img:hover {
    filter: brightness(1.05)
}

.section-sperm .page-head .heading {
    padding-left: 0;
    margin-bottom: 20px
}

.section-sperm .brick-block {
    margin-bottom: 35px
}

.section-sperm .brick-block .brick-box {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .3)
}

.section-sperm .brick-block .brick-caption {
    font-weight: 400;
    padding-top: 25px;
    font-size: 18px;
    padding-bottom: 25px
}

.section-sperm .why-block {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    grid-gap: 30px;
    margin-bottom: 25px
}

.section-sperm .why-block .item-text {
    font-size: 18px
}

.section-sperm .why-block .item-text .item-heading {
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 18px
}

.section-sperm .why-block .item-text .item-desc {
    margin-bottom: 20px
}

.section-sperm .why-block .item-text .item-desc:last-child {
    margin-bottom: 0
}

.section-sperm .steps-block .steps {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 50px;
    padding: 25px 0
}

.section-sperm .steps-block .block-heading {
    font-weight: 500;
    color: #000;
    font-size: 41px;
    margin-bottom: 15px
}

.section-sperm .steps-block .step.big {
    grid-column: span 2
}

.section-sperm .steps-block .step .item-heading {
    font-weight: 600;
    color: #61BF1A;
    margin-bottom: 15px;
    font-size: 36px
}

.section-sperm .steps-block .item-text {
    font-size: 18px
}

.section-sperm .steps-block .item-text p {
    margin-bottom: 20px
}

.section-sperm .steps-block .item-text p:last-child {
    margin-bottom: 0
}

.section-sperm .steps-block .item-list li {
    margin-bottom: 15px
}

.section-sperm .factor-block .item-heading {
    font-weight: 500;
    color: #000;
    font-size: 41px;
    margin-bottom: 15px
}

.section-sperm .factor-block .item-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px
}

.section-sperm .factor-block .grid-item {
    display: flex;
    flex-direction: column;
    background-color: #f5f5f5;
    border-radius: 10px
}

.section-sperm .factor-block .grid-item.special {
    background-color: #fff;
    flex-direction: row;
    align-items: center
}

.section-sperm .factor-block .grid-item .special-text {
    font-size: 41px;
    max-width: 522px
}

.section-sperm .factor-block .item-about {
    padding: 35px;
    flex-grow: 1;
    display: flex;
    flex-direction: column
}

.section-sperm .factor-block .item-title {
    color: #61BF1A;
    font-size: 24px;
    margin-bottom: 15px;
    font-weight: 500
}

.section-sperm .factor-block .item-text {
    font-size: 18px;
    font-weight: 500;
    flex-grow: 1
}

.section-sperm .factor-block .item-text p {
    margin-bottom: 20px
}

.section-sperm .factor-block .products-links {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.section-sperm .factor-block .products-links .link-item {
    font-size: 16px;
    color: #282828;
    opacity: .4
}

.section-sperm .factor-block .products-links .link-item:hover {
    color: #61BF1A;
    text-decoration: underline;
    opacity: 1
}

.section-sperm .factor-block .item-actions .action-button {
    width: 100%
}

.section-sperm .brick-block2 {
    padding: 50px 0
}

.section-sperm .brick-block2 .item-picture {
    display: block;
    margin-bottom: 15px
}

.section-sperm .brick-block2 .item-picture img {
    display: block;
    width: 100%;
    border-radius: 15px
}

.section-sperm .brick-block2 .item-note {
    font-size: 18px;
    font-weight: 500
}

.section-sperm .brick-block2 .item-note a {
    color: #0c70cd
}

.section-sperm .discount-block {
    padding: 30px 0
}

.section-sperm .discount-block .item-heading {
    font-size: 40px;
    font-weight: 400;
    color: #282828;
    margin-bottom: 25px;
    line-height: 1.2
}

.section-sperm .discount-block .linkslist {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding-left: 0
}

.section-sperm .discount-block .link-item {
    padding-right: 15px;
    padding-bottom: 15px
}

.section-sperm .discount-block .link {
    border-radius: 5px;
    background-color: #f5f5f5;
    padding: 6px 15px;
    display: block;
    font-size: 18px;
    font-weight: 600
}

.search-page {
    margin-bottom: 60px;
}

.section-sperm .discount-block .link::before {
    content: '#';
    color: #61BF1A;
    font-weight: 600
}

.\@library .library {
    display: grid;
    grid-template-columns: 250px 1fr 370px;
    align-items: flex-start;
    padding-bottom: 5 0;
    position: relative
}

.\@library .library .page-top {
    grid-column: span 3;
    order: 1
}

.\@library .category-selector {
    display: none;
    width: 100%;
    padding-bottom: 15px
}

.\@library .category-selector select {
    width: 100%;
    height: 40px;
    padding: 0 12px;
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #bbb;
    font-size: 16px;
    font-weight: 600
}

.\@library .page-heading {
    font-size: 41px;
    font-weight: 600;
    color: #282828;
    margin-bottom: 25px;
    margin-top: 0
}

.\@library .page-desc {
    margin-top: -20px;
    font-size: 18px;
    font-weight: 600;
    color: #282828;
    padding-bottom: 10px
}

.\@library .aside {
    order: 2;
    grid-row: span 2;
    padding-bottom: 30px
}

.\@library .aside .library-nav {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
    padding-right: 35px
}

.\@library .aside .library-nav .nav-item {
    padding-bottom: 14px
}

.\@library .aside .library-nav .nav-item.active .nav-link {
    color: #61BF1A
}

.\@library .aside .library-nav .nav-link {
    color: #94969a;
    font-size: 18px;
    font-weight: 700
}

.\@library .aside .library-nav .nav-link:hover {
    color: #61BF1A
}

.\@library .article-head {
    order: 3
}

.\@library .article-head .item-top {
    display: flex;
    white-space: nowrap;
    padding-bottom: 15px;
    color: #8f8f8f;
    font-weight: 700;
    font-size: 16px
}

.\@library .article-head .item-top .divider {
    color: #61BF1A;
    display: inline-block;
    padding: 0 10px
}

.\@library .article-head .item-published .item-label,
.\@library .article-head .item-updated .item-label,
.\@library .article-head .item-visits .item-label,
.\@library .article-month .item-visits .item-label {
    padding-right: 4px
}

.\@library .article-head .item-visits {
    flex-grow: 1
}

.\@library .article-head .item-visits::before {
    background-image: url(../img/icons/eye.svg)
}

.\@library .article-head .item-published,
.\@library .article-head .item-updated,
.\@library .article-head .item-visits {
    display: flex;
    align-items: center
}

.\@library .article-head .item-published::before,
.\@library .article-head .item-updated::before,
.\@library .article-head .item-visits::before {
    content: '';
    display: none;
    width: 14px;
    height: 14px;
    min-width: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    opacity: .6;
    margin-right: 7px
}

.\@library .article-head .item-dates {
    display: flex
}

.\@library .article-head .item-published::before {
    background-image: url(../img/icons/published.svg)
}

.\@library .article-head .item-updated::before {
    background-image: url(../img/icons/updated.svg)
}

.\@library .article-head .article-picture {
    display: flex;
    padding-bottom: 15px
}

.\@library .article-head .article-picture img {
    border-radius: 15px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.\@library .article-month {
    order: 3;
    padding-bottom: 35px
}

.\@library .article-month .item-top {
    display: flex
}

.\@library .article-month .item-heading {
    font-size: 35px;
    font-weight: 700;
    color: #61BF1A;
    margin-bottom: 13px;
    flex-grow: 1
}

.\@library .article-month .item-visits {
    display: flex;
    align-items: center;
    padding-top: 5px;
    font-weight: 700;
    color: #8f8f8f;
    padding-left: 15px
}

.\@library .article-month .item-visits::before {
    content: '';
    display: none;
    width: 14px;
    height: 14px;
    min-width: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    opacity: .6;
    margin-right: 7px;
    background-image: url(../img/icons/eye.svg)
}

.\@library .article-month .article-picture {
    display: flex;
    padding-bottom: 15px
}

.\@library .article-month .article-picture img {
    border-radius: 15px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.\@library .article-month .tags-list {
    padding-right: 15px;
    flex-grow: 1
}

.\@library .article-month .item-title {
    font-size: 26px;
    font-weight: 600;
    color: #282828;
    margin-bottom: 10px;
    display: inline-block
}

.\@library .article-month .item-title:hover {
    color: #61BF1A
}

.\@library .article-month .item-excerpt {
    font-size: 18px;
    color: #282828;
    font-weight: 600;
    margin-bottom: 15px;
    display: block
}

.\@library .article-month .action-link {
    color: #61BF1A;
    font-weight: 700;
    text-decoration: underline;
    font-size: 16px
}

.\@library .article-month .action-link:hover {
    color: #282828
}

.\@library .tags-list {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 5px;
    margin-left: -7px;
    margin-right: -7px
}

.\@library .tags-list.small .item-link {
    padding: 3px 6px;
    font-size: 14px
}

.\@library .tags-list.small .list-item {
    padding: 0 3px 6px
}

.\@library .tags-list .list-item {
    padding: 0 7px 14px
}

.\@library .tags-list .item-link {
    padding: 6px 14px;
    display: block;
    color: #282828;
    font-weight: 600;
    background-color: #f5f5f5;
    border-radius: 5px
}

.\@library .tags-list .item-link:hover {
    color: #61BF1A
}

.\@library .tags-list .item-link::before {
    content: '#';
    color: #61BF1A
}

.\@library .articles-best {
    order: 4;
    padding-left: 30px;
    padding-bottom: 30px
}

.\@library .articles-best .item {
    padding-bottom: 20px
}

.\@library .articles-best .item-heading {
    font-size: 35px;
    font-weight: 700;
    color: #61BF1A;
    margin-bottom: 13px
}

.\@library .articles-best .item-title {
    font-size: 24px;
    font-weight: 600;
    color: #282828;
    margin-bottom: 10px;
    display: inline-block;
    line-height: 1.2
}

.\@library .articles-best .item-title:hover {
    color: #61BF1A
}

.\@library .articles-best .item-excerpt {
    font-size: 18px;
    color: #282828;
    font-weight: 600;
    margin-bottom: 15px;
    display: block
}

.\@library .articles-best .action-link {
    color: #61BF1A;
    font-weight: 700;
    text-decoration: underline;
    font-size: 16px
}

.\@library .articles-best .action-link:hover {
    color: #282828
}

.\@library .article-contents {
    order: 4;
    position: sticky;
    top: 90px;
    padding-left: 30px;
    grid-row: span 2;
    padding-bottom: 50px
}

.\@library .article-about span[id],
.\@library .article-content h2 span[id] {
    top: -100px;
    position: relative
}

.\@library .article-contents .item-heading {
    font-size: 36px;
    font-weight: 600;
    color: #61BF1A;
    padding-left: 10px;
    margin-bottom: 13px
}

.\@library .article-contents .contents-nav {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

.\@library .article-contents .contents-nav .nav-link {
    font-size: 18px;
    font-weight: 700;
    color: #94969a;
    border-radius: 5px;
    padding: 7px 10px;
    display: inline-block;
    transition: none
}

.\@library .article-contents .contents-nav .nav-link:hover {
    color: #61BF1A
}

.\@library .article-body {
    order: 5;
    padding-bottom: 50px
}

.\@library .article-content {
    color: #282828;
    line-height: 1.5;
    font-size: 18px
}

.\@library .article-content h2 {
    font-weight: 700;
    color: #61BF1A;
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 18px
}

.\@library .article-content p {
    margin-bottom: 15px
}

.\@library .article-content ol,
.\@library .article-content ul {
    margin-bottom: 15px;
    padding-left: 25px
}

.\@library .article-content ul.cols {
    -moz-columns: 2;
    columns: 2
}

.\@library .article-content a {
    color: #61BF1A;
    text-decoration: underline
}

.\@library .article-about {
    padding-bottom: 50px;
    order: 6;
    grid-column: span 2;
    border-top: 1px solid #e7e6ec;
    padding-top: 20px;
    word-break: break-word
}

.\@library .article-about .author-line {
    display: flex;
    padding-bottom: 30px
}

.\@library .article-about .author-line .item-photo {
    display: flex;
    padding-right: 20px
}

.\@library .article-about .author-line .item-photo img {
    border-radius: 50%;
    width: 75px;
    height: 75px;
    min-width: 75px;
    -o-object-fit: cover;
    object-fit: cover;
    filter: drop-shadow(5px 5px 25px #cfccd9)
}

.\@library .article-about .author-line .author-params {
    display: flex;
    padding-top: 10px;
    flex-wrap: wrap
}

.\@library .article-about .author-line .param {
    max-width: 210px;
    margin-right: 40px;
    font-size: 16px;
    font-weight: 700
}

.\@library .article-about .author-line .param:last-child {
    margin-right: 0
}

.\@library .article-about .author-line .param-label {
    color: #8f8f8f;
    margin-bottom: 5px
}

.\@library .article-about .author-line .param-value {
    color: #434343
}

.\@library .article-about .author-line .red {
    color: #61BF1A
}

.\@library .article-about .article-links {
    display: flex;
    align-items: flex-start;
    padding-bottom: 50px
}

.\@library .article-about .article-links .tags-list {
    padding-right: 25px;
    flex-grow: 1;
    margin-bottom: 0
}

.\@library .article-about .article-links .share-nav {
    display: flex;
    align-items: center
}

.\@library .article-about .article-links .share-nav .nav-label {
    padding-right: 10px;
    color: #8f8f8f;
    font-weight: 700
}

.\@library .article-about .article-links .share-nav .nav-link {
    display: flex;
    margin-left: 5px
}

.\@library .article-about .article-links .share-nav .nav-link img {
    width: 27px;
    height: 27px;
    min-width: 27px
}

.\@library .article-about .article-sources {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 20px
}

.\@library .article-about .article-sources .item-heading {
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 18px
}

.\@library .article-about .article-expert {
    display: flex;
    padding-bottom: 50px;
    padding-top: 20px
}

.\@library .article-about .article-expert .item-label {
    background-color: rgba(75, 175, 79, .1);
    border-radius: 10px;
    padding: 0 19px 20px;
    margin-right: 25px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.\@library .article-about .article-expert .item-label .item-icon {
    display: flex
}

.\@library .article-about .article-expert .item-label .item-icon img {
    position: relative;
    top: -20px;
    width: 88px;
    min-width: 88px;
    height: 88px
}

.\@library .article-about .article-expert .item-label .label-value {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.1
}

.\@library .article-about .article-expert .expert-about {
    background-color: rgba(75, 175, 79, .1);
    border-radius: 10px;
    padding: 20px 40px;
    display: flex;
    align-items: center
}

.\@library .article-about .article-expert .expert-about .item-photo {
    display: flex;
    padding-right: 26px
}

.\@library .article-about .article-expert .expert-about .item-photo img {
    width: 119px;
    height: 119px;
    min-width: 119px;
    border-radius: 50px;
    -o-object-fit: cover;
    object-fit: cover
}

.\@library .article-about .article-expert .expert-about .name {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 4px
}

.\@library .article-about .article-expert .expert-about .position {
    opacity: .4;
    color: #282828;
    font-weight: 700;
    font-size: 16px
}

.\@library .analyses-block {
    padding: 40px 0
}

.\@library .analyses-block .analyses {
    padding-bottom: 0
}

.\@library .analyses-block .analyses .analyses-col {
    margin-left: 0
}

.\@library .analyses-block .analyses .analyses-col .names {
    flex-grow: 1
}

.\@library .analyses-block .similar-heading {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 33px;
    flex-grow: 1
}

.\@library .article-similars {
    padding-top: 20px
}

.\@library .article-similars .item-heading {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 10px
}

.\@library .article-similars .similars-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 28px
}

.\@library .article-similars .similars-grid .grid-item {
    padding: 20px 0 5px;
    border-bottom: 1px solid #e7e6ec
}

.\@library .article-similars .similars-grid .item-author {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px
}

.\@library .article-similars .similars-grid .item-author .item-label {
    color: #8f8f8f
}

.\@library .article-similars .similars-grid .item-author .item-value {
    color: #61BF1A
}

.\@library .article-similars .similars-grid .item-title {
    font-weight: 700;
    color: #282828;
    margin-bottom: 10px;
    font-size: 20px;
    display: inline-block
}

.\@library .article-similars .similars-grid .item-title:hover {
    color: #61BF1A
}

.\@library .library-items {
    order: 5;
    padding-bottom: 50px;
    grid-column: span 2
}

.\@library .library-items .abc-nav {
    display: flex;
    max-width: 100%;
    overflow: auto;
    margin-left: -5px;
    margin-bottom: 20px;
    flex-wrap: wrap
}

.\@library .library-items .abc-nav .nav-link {
    width: 33px;
    height: 33px;
    min-width: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 21px;
    color: #282828;
    border-radius: 5px;
    margin-left: -3px;
    position: relative;
    z-index: 1
}

.\@library .library-items .abc-nav .nav-link:hover {
    background-color: #eee
}

.\@library .library-items .abc-nav .nav-link:first-child {
    margin-left: 0
}

.\@library .library-items .abc-nav .nav-link:first-child.active {
    margin-left: 6px
}

.\@library .library-items .abc-nav .nav-link.active {
    background-color: #61BF1A;
    color: #fff;
    cursor: default;
    text-decoration: none;
    z-index: 2
}

.\@library .library-items .abc-nav .nav-link.disabled {
    color: #8f8f8f;
    cursor: not-allowed
}

.\@library .library-items .abc-nav .nav-link.disabled:hover {
    background-color: #fff
}

.\@library .library-items .items-top {
    display: flex;
    align-items: center
}

.\@library .library-items .items-top .items-count {
    color: #8f8f8f;
    font-weight: 700;
    font-size: 16px
}

.\@library .library-items .item-heading {
    font-size: 35px;
    font-weight: 700;
    color: #61BF1A;
    margin-bottom: 13px;
    flex-grow: 1
}

.\@library .library-items .library-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 25px
}

.\@library .library-items .grid-item {
    background-color: #f5f5f5;
    border-radius: 10px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.\@library .library-items .tags-list .item-link {
    background-color: #fff
}

.\@library .library-items .item-title {
    font-size: 21px;
    font-weight: 600;
    color: #282828;
    margin-bottom: 10px;
    display: inline-block;
    line-height: 1.2
}

.\@library .library-items .item-title:hover {
    color: #61BF1A
}

.\@library .library-items .item-excerpt {
    font-size: 16px;
    color: #282828;
    font-weight: 600;
    margin-bottom: 15px;
    display: block;
    flex-grow: 1
}

.\@library .library-items .action-link {
    color: #61BF1A;
    font-weight: 700;
    text-decoration: underline;
    font-size: 16px
}

.\@library .library-items .action-link:hover {
    color: #282828
}

.\@library .library-items .items-actions {
    padding-top: 40px;
    text-align: center
}

.\@library .library-items .items-actions .action-button {
    width: 275px;
    max-width: 100%
}

.\@library .discount-block {
    padding: 30px 0
}

.\@library .discount-block .item-heading {
    font-size: 40px;
    font-weight: 600;
    color: #282828;
    margin-bottom: 25px;
    line-height: 1.2
}

.\@library .discount-block .linkslist {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding-left: 0
}

.\@library .discount-block .link-item {
    padding-right: 15px;
    padding-bottom: 15px
}

.\@library .discount-block .link {
    border-radius: 5px;
    background-color: #f5f5f5;
    padding: 6px 15px;
    display: block;
    font-size: 18px;
    font-weight: 600
}

.\@library .discount-block .link::before {
    content: '#';
    color: #61BF1A;
    font-weight: 600
}

.doctors__container {
    display: grid;
    grid-template-columns: 0.4fr 1fr;
    gap: 140px;
    margin-bottom: 60px;
}

.signup__doctor__detail {
    margin: auto;
    padding: 15px 40px;
}

.doctors__left {
    max-width: 340px;
    width: 100%;
}

.doctors__img {
    max-width: 340px;
    width: 100%;
    height: 340px;
    object-fit: cover;
    border-radius: 15px;
    margin-bottom: 30px;
}

.doctors__decription {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 20px;
}

.doctors__decription::before {
    content: '';
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url('../img/icons/doctor.svg');
    background-size: 22px;
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    margin-top: 6px;
}

.doctors__experience {
    display: flex;
    align-items: center;
    gap: 13px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 20px;
}

.doctors__experience::before {
    content: '';
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url('../img/icons/bag.svg');
    background-size: 20px;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.popular__analizes {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    row-gap: 20px;
    column-gap: 26px;
}

.popular__analizes__item {
    padding: 18px 20px 23px;
    border: 1px solid #E5E5E5;
    border-radius: 15px;
    position: relative;
}

.popular__bottom {
    position: absolute;
    bottom: 23px;
    left: 21px;
}

.doctors__title {
    font-style: normal;
    font-weight: bold;

    line-height: 23px;
    color: #484949;
    margin-bottom: 10px;
}

.popular__analizes__code {
    color: #77787D;
}

.popular__analizes__title {
    word-break: break-all;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.48px;
    color: #141618;
    margin-bottom: 135px;
}

.popular__duration {
    margin-bottom: 30px;
}

.popular__analizes__price {
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: 0.48px;
    color: #141618;
    margin-bottom: 4px;
}

.popular__btn {
    height: 35px;
    line-height: 20px;
    font-size: 16px;
}

.doctors__price {
    margin-top: 70px;
}

.contacts__container {
    display: grid;
    grid-template-columns: 1fr 0.5fr;
    margin-bottom: 80px;
    gap: 78px;
}

.contacts__info {
    width: 100%;
    min-width: 375px;
}

.contacts__item {
    margin-bottom: 33px;
    cursor: pointer;
    transition: 0.3s;
    padding: 20px;
    border-radius: 15px;
    margin-top: 33px;
}

.contacts__item:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
}

.contacts__item.active {
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
}

.contacts__hr:not(:last-child) {
    border-bottom: 1px solid #C4C4C4;
}

.contacts__lab {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    color: rgba(0, 0, 0, 0.4);
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.contacts__address {
    font-style: normal;
    font-weight: 600;
    font-size: 21px;
    line-height: 27px;
    color: #000000;
    margin-bottom: 6px;
}

.contacts__shedule {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    color: rgba(40, 40, 40, 0.4);
    margin-bottom: 15px;
    display: block;
}

.contacts__logo {
    background-color: transparent;
    background-image: url('../img/logo.svg');
    width: 32px;
    height: 23px;
    background-repeat: no-repeat;
    background-size: 32px 23px;
    display: inline-block;
}

.section__mb {
    margin-bottom: 90px;
}

.contacts__phone {
    display: block;
    width: fit-content;
    font-weight: 700;
    font-size: 18px;
}

.reviews__src__container {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 52px;
}

.reviews__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.reviews__item a img {
    width: 100%;
    max-width: 160px;
    height: auto;
}

.reviews__cards__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.reviews__card {
    padding: 47px 53px 50px 40px;
    background-color: #FFFFFF !important;
    border-radius: 5px;
}

.reviews__card__title {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 700;
    color: #111;
}

.reviews__card__top {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 20px;
    align-items: center;
}

.reviews__rating img {
    width: 30px;
}

.reviews__card__top a {
    font-size: 18px;
    font-weight: 700;
    color: #111;
    border-bottom: 1px solid;
    transition: 0.3s;
}

.reviews__date {
    font-weight: 600;
    color: #939598;
}

.reviews__text {
    color: #111;
    font-size: 18px;
}

.reviews__item p {
    font-size: 22px;
    font-weight: 600;
}

.reviews__rating img {
    width: 30px;
}

.reviews__item a {
    height: 60px;
    display: flex;
    align-items: center;
}

.stocks__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
    margin-bottom: 80px;
}

.stocks__item {
    background-color: transparent;
    background-repeat: no-repeat;
    width: 100%;
    border-radius: 15px;
    padding: 74px 60px 125px;
    position: relative;
    background-size: cover;
    object-fit: cover;
}

.stocks__img {
    padding: 60px 60px;
}

.stocks__title {
    max-width: 388px;
    margin-bottom: 12px;
}

.stocks__link {
    position: absolute;
    bottom: 50px;
    left: 60px;
    padding: 12px 25px;
    color: #FFFFFF;
    font-weight: 500;
    border-radius: 6px;
    font-size: 14px;
    background-color: #61BF1A;
    transition: 0.3s;
}

.stocks__link:hover {
    color: #FFFFFF;
    opacity: 0.8;
}

.stocks__detail {
    display: flex;
    gap: 45px;
    margin-bottom: 40px;
}

.stocks__info {
    margin-bottom: 80px;
}

.stocks__back {
    padding: 12px 25px;
    background-color: #61BF1A;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    color: #ffffff;
    transition: 0.3s;
}

.stocks__back:hover {
    color: #ffffff;
    opacity: 0.8;
}

@media (max-width:540px) {
    #finevision_banner .svg {
        margin-right: 10px !important;
    }
}

@media (min-width:541px) {
    .mobile-bottom-nav-menu {
        display: none
    }
}


@media (min-width:601px) and (max-width:1099px) {
    .specialities__doctors {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width:700px) {
    .articles-wrapper .articles-grid .article-item:nth-of-type(3n) {
        margin-right: 0
    }

    .order-container .order-form .form-line.birthday .line-cell:not(:last-of-type) {
        margin-right: 20px
    }

    .analyses .analysis-description .analysis-tab-data:not(.active),
    .analyses .analysis-description .analysis-tabs .mobile-header {
        display: none
    }
}

@media (min-width:701px) {
    .hide-700-up {
        display: none !important
    }

    .default-article .article-table.article-table-compare .label,
    .default-article-box .article-table.article-table-compare .label,
    .popular-analyzes-list .item-grid .popular-analyzes-list__mobile-more,
    .popular-analyzes-list .popular-analyzes-list__mobile-more {
        display: none
    }

    .default-article .article-table tbody tr:nth-child(even) td,
    .default-article-box .article-table tbody tr:nth-child(even) td {
        background-color: #f3f3f3
    }
}

@media (min-width:721px) {

    .drop-box .phone-heading,
    .popup-elements .phone-heading {
        display: none
    }
}

@media (min-width:751px) {
    .adaptive-element.small {
        display: none
    }
}

@media (min-width:768px) {

    .hide-768-up {
        display: none !important
    }
}

@media (max-width:768px) {

    .contacts__title {
        font-size: 24px;
    }

    .analyses .analyses-col .analysis {
        grid-template-columns: 1fr 1fr 1fr !important;
    }

    .analyses .analyses-col .code {
        padding-left: 0 !important;
    }
}

@media (min-width:1023px) {

    .analyses .analysys-breadcrumbs,
    .section-header .swim-wrapper:not(.swim) .overlay,
    .where-container .athome-button-link,
    .where-container .offices-button-link {
        display: none
    }

    .section-header .swim-wrapper:not(.swim) .drop-menu {
        transform: translate(0, -110%)
    }

    .vacancy-section .second-tube .box-area .box-heading {
        padding: 0 10px;
        margin-bottom: 50px
    }
}

@media (min-width:1024px) {

    .drop-menu .mobile-top,
    .mobile-presentation {
        display: none
    }

    .articles-wrapper .articles-grid .article-icon,
    .section-recommends .slider-container .slide-icon {
        opacity: .5;
        transition: opacity 1s, filter 1s;
        filter: grayscale(1)
    }

    .drop-menu {
        height: auto;
        top: 100%;
        width: 100%;
        transform: translate(0, -110%);
        z-index: -1;
        box-shadow: 0 4px 4px rgba(0, 0, 0, .1)
    }

    .drop-menu .menu-container {
        display: flex
    }

    .drop-menu .mobile-links {
        margin-right: 20px;
        min-width: 200px;
        font-weight: 400
    }

    .drop-menu .mobile-links.small {
        display: none
    }

    .drop-menu .mobile-menu {
        margin-right: 120px;
        width: 300px
    }

    .drop-menu .mobile-menu .menu-item:first-child .item-line {
        border-color: transparent
    }

    .drop-menu .mobile-menu-products {
        display: flex;
        flex-wrap: wrap;
        border: 0;
        max-width: 900px
    }

    .drop-menu .mobile-menu-products .mobile-product {
        overflow: hidden;
        padding: 10px 20px;
        width: 317px;
        height: 118px;
        border-radius: 15px;
        font-weight: 400
    }

    .drop-menu .mobile-menu-products .mobile-product:not(:last-of-type) {
        margin-bottom: 17px
    }

    .drop-menu .mobile-menu-products .mobile-product:nth-of-type(2n-1) {
        margin-right: 17px
    }

    .drop-menu .mobile-menu-products .image {
        height: 108px;
        text-align: right;
        min-width: 60%;
        width: 60%;
        display: flex;
        align-items: center
    }

    .list-and-map .map-list .show-map-button,
    .results-section .results-table .result-line .mobile-label,
    .where-container .list-and-map .map-list .show-map-button,
    .where-container .wherw-map-popup,
    .wherw-map-popup {
        display: none
    }

    .section-research .research-grid.small .grid-item {
        width: 470px
    }

    .section-research .research-grid.small .grid-item:last-child {
        border-right: 0
    }

    .section-research .research-grid .grid-item:nth-child(3n) {
        border-right-width: 0
    }

    .cards-section .cards .card .card-icon {
        filter: grayscale(1);
        transform: scale(.9);
        opacity: .4;
        transition: filter .33s, opacity .33s, transform .33s
    }

    .results-section .results-scale.point1 .scale-point:nth-of-type(2),
    .results-section .results-scale.point1 .scale-point:nth-of-type(3),
    .results-section .results-scale.point1 .scale-point:nth-of-type(4),
    .results-section .results-scale.point1 .scale-point:nth-of-type(5),
    .results-section .results-scale.point2 .scale-point:nth-of-type(3),
    .results-section .results-scale.point2 .scale-point:nth-of-type(4),
    .results-section .results-scale.point2 .scale-point:nth-of-type(5),
    .results-section .results-scale.point3 .scale-point:nth-of-type(4),
    .results-section .results-scale.point3 .scale-point:nth-of-type(5) {
        border: 5px solid #eaeaea;
        width: 24px;
        height: 24px;
        top: -12px
    }

    .discount-container .discount-card:not(:hover),
    .feedback-container .feedbacks-grid .feedback-item:hover {
        border-color: #a1a1a1
    }

    .discount-container .discount-card:not(:last-of-type) {
        margin-right: 11px
    }

    .discount-container .discount-card:not(:hover) .ico-wrapper::before {
        background-color: #a1a1a1
    }

    .discount-container .discount-card:not(:hover) .discount-ico {
        transform: scale(.95)
    }

    .discount-container .discount-card:not(:hover) .discount-ico img {
        filter: grayscale(1) opacity(50%)
    }

    .discount-container .discount-card:not(:hover) .card-header {
        color: #484949
    }

    .feedback-container .feedbacks-grid .feedback-item:hover .feedback-text::after,
    .feedback-container .feedbacks-grid .feedback-item:hover .feedback-text::before {
        opacity: 1
    }

    .feedback-container .feedbacks-grid .feedback-text::after,
    .feedback-container .feedbacks-grid .feedback-text::before,
    .section-recommends.section-feedback-block .feedback-text::after,
    .section-recommends.section-feedback-block .feedback-text::before {
        transition: opacity .33s;
        opacity: .5
    }

    .section-about_franchise .special-list {
        display: flex;
        flex-wrap: wrap
    }

    .section-about_franchise .special-list li {
        width: 50%;
        padding-right: 15px
    }

    .\@library .article-contents .contents-nav .nav-item.active .nav-link,
    .\@library .article-contents .contents-nav .nav-link.active {
        background-color: #61BF1A;
        color: #fff
    }
}

@media (min-width:1220px) {
    .articles-wrapper .articles-grid .more-link {
        opacity: .4
    }

    .section-research .research-grid.four .grid-item {
        width: 25%
    }

    .section-research .research-grid.four .box-params {
        display: block
    }

    .section-research .research-grid.four .item-title {
        margin-bottom: 10px
    }

    .cart-container.order-list .price-col .cart-total-box .total-order-box {
        display: flex;
        align-items: center
    }

    .discount-container .discount-card:not(:last-of-type) {
        margin-right: 16px
    }

    .section-about_franchise .special-list {
        flex-wrap: nowrap
    }

    .section-about_franchise .special-list li {
        width: 20%;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center
    }

    .section-about_franchise .special-list li::before {
        width: 51px;
        height: 51px;
        margin-bottom: 15px
    }
}

@media(max-width:1220px) {
    .specialties__list {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px 15px;
    }

    .doctors__container {
        gap: 60px;
    }

    .signup__doctor {
        padding: 60px;
        background-position: 160%;
    }

}

@media (min-width:1220px) and (min-width:1024px) {
    .section-research .research-grid.four .grid-item:nth-child(3n) {
        border-right-width: 1px
    }

    .section-research .research-grid.four .grid-item:nth-child(4n) {
        border-right: 0
    }
}

@media (min-width:1221px) {

    .\@office .schedule-block .where-hours-table .where-hours-table-line .hours-label,
    .where-container .where-hours-table .where-hours-table-line .hours-label {
        display: none
    }

    .drop-menu .mobile-links {
        margin-right: 120px
    }

    .drop-menu .mobile-menu-products .mobile-product {
        width: 318px
    }

    .drop-menu .mobile-menu-products .mobile-product:nth-of-type(2n-1) {
        margin-right: 46px
    }

    .where-container .where-hours-table.small .hours-title {
        width: 80px;
        min-width: 100px;
        font-size: 11px
    }

    .where-container .where-hours-table.small .day-cell {
        width: 87px;
        min-width: 87px
    }

    .where-container .where-hours-table.small .day-cell.two-days {
        width: 174px;
        min-width: 174px
    }

    .where-container .where-hours-table.small .day-cell.three-days {
        width: 261px;
        min-width: 261px
    }

    .where-container .where-hours-table.small .day-cell.four-days {
        width: 348px;
        min-width: 348px
    }

    .where-container .where-hours-table.small .day-cell.five-days {
        width: 435px;
        min-width: 435px
    }

    .where-container .where-hours-table.small .day-cell.six-days {
        width: 522px;
        min-width: 522px
    }

    .where-container .where-hours-table .hours-title {
        padding-right: 5px;
        padding-top: 15px;
        font-size: 16px;
        padding-bottom: 15px;
        border-right: 1px solid #e5e5e5
    }

    .where-container .where-hours-table .day-cell.two-days {
        width: 272px;
        min-width: 272px
    }

    .where-container .where-hours-table .day-cell.three-days {
        width: 408px;
        min-width: 408px
    }

    .where-container .where-hours-table .day-cell.four-days {
        width: 544px;
        min-width: 544px
    }

    .where-container .where-hours-table .day-cell.five-days {
        width: 680px;
        min-width: 680px
    }

    .where-container .where-hours-table .day-cell.six-days {
        width: 816px;
        min-width: 816px
    }

    .where-container .route-block-container .route-block-list.only-balls .route-block:first-of-type {
        width: 50%
    }

    .where-container .route-block-container .route-block-list.only-balls .route-block:first-of-type .route-image-wrap {
        min-width: 260px
    }

    .where-container .route-block-container .route-block-list.only-balls .route-block .route-image-wrap {
        min-width: 260px;
        width: 260px;
        height: 260px;
        border-radius: 50%
    }

    .where-container .route-block-container .route-block-list.only-balls .route-block .route-image-wrap img {
        min-height: 100%
    }

    .where-container .route-block-container .route-block-list.only-balls .route-block .route-image {
        margin-left: 0
    }

    .where-container .route-block-container .route-block-list.only-balls .route-block .route-count-icon {
        right: auto;
        left: 7px
    }

    .where-container .route-block-container .route-block:first-of-type .route-image-wrap {
        min-width: 400px
    }

    .\@office .schedule-block .where-hours-table.small .hours-title {
        width: 80px;
        min-width: 100px;
        font-size: 11px
    }

    .\@office .schedule-block .where-hours-table.small .day-cell {
        width: 87px;
        min-width: 87px
    }

    .\@office .schedule-block .where-hours-table.small .day-cell.two-days {
        width: 174px;
        min-width: 174px
    }

    .\@office .schedule-block .where-hours-table.small .day-cell.three-days {
        width: 261px;
        min-width: 261px
    }

    .\@office .schedule-block .where-hours-table.small .day-cell.four-days {
        width: 348px;
        min-width: 348px
    }

    .\@office .schedule-block .where-hours-table.small .day-cell.five-days {
        width: 435px;
        min-width: 435px
    }

    .\@office .schedule-block .where-hours-table.small .day-cell.six-days {
        width: 522px;
        min-width: 522px
    }

    .\@office .schedule-block .where-hours-table .hours-title {
        padding-right: 5px;
        padding-top: 15px;
        font-size: 16px;
        padding-bottom: 15px;
        border-right: 1px solid #e5e5e5
    }

    .\@office .schedule-block .where-hours-table .day-cell.two-days {
        width: 272px;
        min-width: 272px
    }

    .\@office .schedule-block .where-hours-table .day-cell.three-days {
        width: 408px;
        min-width: 408px
    }

    .\@office .schedule-block .where-hours-table .day-cell.four-days {
        width: 544px;
        min-width: 544px
    }

    .\@office .schedule-block .where-hours-table .day-cell.five-days {
        width: 680px;
        min-width: 680px
    }

    .\@office .schedule-block .where-hours-table .day-cell.six-days {
        width: 816px;
        min-width: 816px
    }
}

@media (min-width:1350px) {
    .news-container .news-item .more-link {
        opacity: .4;
        font-size: 14px
    }

    .news-container .news-item .more-link:hover {
        opacity: 1
    }

    .press-container .list-item .more-link {
        opacity: .4;
        font-size: 14px
    }

    .press-container .list-item .more-link:hover {
        opacity: 1
    }
}

@media (min-width:1500px) {
    .page-container.big-container {
        width: 1420px
    }

    .\@office .actions-block .actions-slider.special .slider-item,
    .\@office .doctors-block .doctors-slider.special .slider-item,
    .page-service-at-home .actions-block .actions-slider.special .slider-item {
        padding: 0 25px
    }
}

@media (max-width:1600px) {
    .section-header .person-container .account-name.logged span {
        max-width: 100px
    }

    .promotions-block {
        padding: 0 30px
    }

    .ask-doc .first-block .item-desc .heading {
        font-size: 30px
    }
}

@media (max-width:1550px) {

    .stocks__img {
        padding: 30px 50px;
    }

    .page-container {
        width: 1120px;
    }

    .index-main-menu .container,
    .section-header .header-container {
        width: 1180px
    }

    .section-header .location-container .cities {
        padding-right: 30px
    }

    .section-header .phones-actions {
        flex-direction: column
    }

    .section-header .person-container .logged-line {
        margin-right: 10px
    }

    .section-header .person-container .logged-line .account-name {
        font-size: 0;
        margin-right: 10px
    }

    .section-header .person-container .logout-link {
        font-size: 0
    }

    .section-header .search-box .drop-search-container {
        padding: 0
    }

    .main-section .main-menu .item-link,
    .main-section .main-menu .sublink,
    .section-header .main-menu .item-link,
    .section-header .main-menu .sublink {
        font-size: 15px
    }

    .index-main-menu .main-menu .menu-item {
        margin: 0
    }

    .where-container .slider-specialOffers .slick-prev {
        transform: none
    }

    .where-container .slider-specialOffers .slick-next {
        transform: scale(-1, 1)
    }
}

@media (max-width:1500px) {

    .\@office .actions-block .actions-slider .slick-next,
    .\@office .doctors-block .doctors-slider .slick-next,
    .\@office .gallery-block .gallery-slider .slick-next,
    .page-service-at-home .actions-block .actions-slider .slick-next,
    .service-at-home__popular-analyzes .slick-next {
        margin-left: 0
    }

    .\@office .actions-block .actions-slider .slick-prev,
    .\@office .doctors-block .doctors-slider .slick-prev,
    .\@office .gallery-block .gallery-slider .slick-prev,
    .page-service-at-home .actions-block .actions-slider .slick-prev,
    .service-at-home__popular-analyzes .slick-prev {
        margin-right: 0
    }

    .\@where .offices .offices-cards .card {
        padding: 15px
    }

    .\@library .library {
        grid-template-columns: 250px 1fr 320px
    }

    .\@library .page-heading {
        font-size: 34px
    }

    .\@library .article-head .item-top {
        font-size: 14px;
        padding-bottom: 10px
    }

    .\@library .article-contents,
    .\@library .articles-best {
        padding-left: 20px
    }
}

@media (max-width:1440px) {

    .popular-analyzes-list.\@similar2 .item-grid,
    .service-at-home__popular-analyzes .\@similar2 .item-grid {
        grid-template-columns: repeat(4, 1fr)
    }

    .\@library .library-items .library-grid,
    .\@search .prepare-list,
    .\@search .search-grid {
        grid-gap: 15px
    }

    .actual-offer__badge {
        left: 10px;
        bottom: 5px;
        transform: scale(.85)
    }

    .actual-offer__upper,
    .actual-offer__upper-mute-text-hl {
        font-size: 18px
    }

    .actual-offer__name {
        font-size: 20px
    }

    .actual-offer__price {
        font-size: 34px
    }

    .actual-offer__price-old {
        font-size: 22px
    }

    .actual-offer__bottom-note-lead {
        font-size: 18px
    }

    .actual-offer__bottom-note-text {
        font-size: 12px
    }

    .main-slider {
        min-height: 340px
    }

    .main-slider__text-area-slider {
        padding-bottom: 30px
    }

    .main-slider__image-item-text-grid {
        padding-right: 30px
    }

    .main-slider__image-item-text {
        font-size: 13px
    }

    .main-slider__item {
        padding: 25px 35px 0
    }

    .main-slider__item-heading {
        font-size: 20px;
        margin-bottom: 15px
    }

    .main-slider__item-text {
        margin-bottom: 10px;
        -webkit-line-clamp: 6
    }

    .main-slider__item-button {
        padding: .75em 1.75em;
        font-size: 14px
    }

    .\@library .library-items .grid-item,
    .\@search .prepare-list .grid-item,
    .\@search .search-grid .grid-item,
    .main-section-nav__link {
        padding: 15px
    }

    .main-slider .slick-dots {
        left: 35px;
        bottom: 20px
    }

    .main-slider__btn-nav {
        width: 27px;
        height: 27px;
        bottom: 15px
    }

    .main-slider__btn-nav.prev {
        right: 85px
    }

    .main-section-nav__link {
        flex-basis: 200px
    }

    .main-section .main-section-container {
        max-width: 1200px;
        width: 100%
    }

    .main-page-feedbacks .slider-container {
        width: 940px
    }

    .similar-area .similar-block .item-heading {
        font-size: 30px
    }

    .\@search .search-grid .item-title {
        font-size: 18px
    }

    .\@search .search-grid .item-excerpt {
        font-size: 14px;
        margin-bottom: 8px
    }

    .\@search .prepare-list .item-title {
        font-size: 18px
    }

    .\@search .prepare-list .item-excerpt {
        font-size: 14px;
        margin-bottom: 8px
    }

    .\@library .article-month .item-heading,
    .\@library .articles-best .item-heading {
        font-size: 30px
    }

    .\@library .articles-best .item-title {
        font-size: 22px;
        margin-bottom: 8px
    }

    .\@library .articles-best .item-excerpt {
        font-size: 16px
    }

    .\@library .analyses-block .similar-heading,
    .\@library .article-contents .item-heading,
    .\@library .article-similars .item-heading,
    .\@library .library-items .item-heading {
        font-size: 30px
    }

    .\@library .library-items .item-title {
        font-size: 18px
    }

    .\@library .library-items .item-excerpt {
        font-size: 14px;
        margin-bottom: 8px
    }
}

@media (max-width:1439px) {
    .section-recommends2 .slider-container {
        width: 940px
    }
}

@media (max-width:1350px) {

    .\:container .heading,
    .page-container .heading {
        font-size: 32px
    }

    .button.big {
        font-size: 22px;
        padding: 0 30px
    }

    .section-header .top-line {
        height: 95px
    }

    .section-header .logo-box {
        width: 127px;
        margin-left: 30px
    }

    .section-header .location-container .cities .cities-regions {
        margin-right: 50px
    }

    .section-header .location-container .cities .list-item {
        font-size: 16px
    }

    .section-header .location-container .cities .cities-list .soon .label {
        font-size: 13px
    }

    .section-header .person-container .account-name,
    .section-header .search-box .search-button {
        font-size: 0
    }

    .section-header .cart-header-container .cart-name {
        display: none
    }

    .main-section .main-menu .item-link,
    .section-header .main-menu .item-link {
        padding: 15px 7px
    }

    .footer-section {
        padding-top: 40px
    }

    .footer-section .container {
        width: 900px
    }

    .footer-section .cols {
        flex-wrap: wrap
    }

    .footer-section .col {
        width: 25%
    }

    .footer-section .col.social {
        padding-top: 70px;
        width: 100%;
        order: 5;
        display: flex;
        align-items: center
    }

    .footer-section .col.social .special-text {
        display: flex
    }

    .cards-section .schmurch-single,
    .footer-section .we-social .header {
        display: none
    }

    .footer-section .we-social .social-balls {
        margin-bottom: 0;
        margin-right: 20px
    }

    .footer-section .copyright,
    .footer-section .policy,
    .footer-section .rules {
        margin-bottom: 0;
        margin-right: 30px
    }

    .footer-section .payments-types {
        margin-bottom: -20px
    }

    .footer-section .attention {
        font-size: 18px;
        margin-top: 35px
    }

    .footer-section .cookies-notice .cookies-box p {
        padding: 0 10px;
        font-size: 14px
    }

    .about-section,
    .analysesathome-section,
    .page-header-box-section {
        padding-top: 30px
    }

    .page-header-box-section .section-header {
        font-size: 24px;
        margin-bottom: 30px
    }

    .default-section .section-header.underline::before {
        margin-top: 15px
    }

    .default-section .section-header {
        font-size: 20px;
        margin-bottom: 30px
    }

    .about-section {
        padding-bottom: 45px
    }

    .about-section .schmurch.left {
        transform: translate(-50%)
    }

    .about-section .schmurch.right {
        transform: translate(50%)
    }

    .about-section .text-about {
        font-size: 14px;
        margin-bottom: 32px
    }

    .analysesathome-section.mainpage .text {
        margin-bottom: 90px
    }

    .analysesathome-section .section-header {
        font-size: 24px;
        margin-bottom: 30px
    }

    .cards-section .cards .card .label,
    .cart-container .price-col .cart-total-box .header {
        font-size: 18px
    }

    .cards-section .cards-container {
        width: 880px
    }

    .cards-section .cards .card {
        width: 285px
    }

    .cards-section .cards .card .card-icon {
        width: 80px;
        height: 80px;
        margin-bottom: 17px
    }

    .cart-container .price-col {
        min-width: 210px;
        margin-left: 20px
    }

    .cart-container .price-col .cart-total-box .total-price {
        font-size: 30px
    }

    .cart-container .price-col .cart-total-box .button {
        font-size: 16px;
        padding: 0 15px;
        width: 100%
    }

    .cart-container .total-price-discount {
        font-size: 22px
    }

    .analyses-section .search-container {
        margin-bottom: 25px
    }

    .analyses-section .search-container .search input[type=text] {
        font-size: 16px
    }

    .analyses-section .search-container .search input[type=text]::-moz-placeholder {
        font-size: 16px
    }

    .analyses-section .search-container .search input[type=text]::placeholder {
        font-size: 16px
    }

    .\@office .actions-block .actions-slider .slick-next {
        margin-left: 0;
        left: auto;
        right: 5px
    }

    .\@office .actions-block .actions-slider .slick-prev {
        margin-right: 0;
        right: auto;
        left: 5px
    }

    .\@office .gallery-block .gallery-slider .slick-next {
        margin-left: 0;
        left: auto;
        right: 0
    }

    .\@office .gallery-block .gallery-slider .slick-prev {
        margin-right: 0;
        right: auto;
        left: 0
    }

    .\@office .doctors-block .doctors-slider .slick-next {
        margin-left: 0;
        left: auto;
        right: 0
    }

    .\@office .doctors-block .doctors-slider .slick-prev {
        margin-right: 0;
        right: auto;
        left: 0
    }

    .page-service-at-home .actions-block .actions-slider .slick-next {
        margin-left: 0;
        left: auto;
        right: 5px
    }

    .page-service-at-home .actions-block .actions-slider .slick-prev {
        margin-right: 0;
        right: auto;
        left: 5px
    }

    .service-at-home__popular-analyzes .slick-next {
        margin-left: 0;
        left: auto;
        right: 0
    }

    .service-at-home__popular-analyzes .slick-prev {
        margin-right: 0;
        right: auto;
        left: 0
    }

    .\@library .page-heading {
        font-size: 28px
    }
}

@media (max-width:1350px) and (max-width:700px) {
    .footer-section .col.social .special-text {
        flex-direction: column
    }

    .footer-section .col.social {
        flex-direction: column;
        align-items: flex-start
    }
}

@media (max-width:1350px) and (max-width:991px) {
    .footer-section .col.social {
        padding-top: 30px
    }
}

@media (max-width:1300px) {

    .section-research .research-grid .description-box,
    .section-research .research-grid .item-box {
        padding: 20px
    }

    .brick-brick {
        margin-left: 0;
        margin-right: 0
    }

    .section-research .section-header.underline {
        margin-bottom: 50px;
        text-align: center
    }

    .section-research .research-grid .item-icon {
        height: 90px;
        width: 90px
    }

    .section-research .research-grid .item-title {
        font-size: 18px;
        margin-bottom: 25px
    }

    .section-research .research-grid .param-digit {
        font-size: 28px
    }

    .section-research .research-grid .param-text {
        font-size: 13px;
        line-height: 1.2
    }
}

@media (max-width:1250px) {

    .section-recommends .section-header::before,
    .section-recommends2 .section-header::before {
        display: none !important
    }

    .regular-slick-slider .slick-arrow,
    .regular-slider .slick-arrow {
        height: 40px;
        width: 40px;
        background-size: 30%
    }

    .section-recommends .slider-container .slick-arrow {
        height: 40px;
        width: 40px;
        background-size: 30%;
        top: -20px
    }

    .section-recommends .slider-container .slick-prev {
        left: 50%;
        transform: none;
        margin-left: -190px
    }

    .section-recommends .slider-container .slick-next {
        right: 50%;
        transform: scale(-1, 1);
        margin-right: -190px
    }

    .section-recommends2 .slider-container {
        width: 940px
    }

    .section-recommends2 .slider-container .slick-arrow {
        height: 40px;
        width: 40px;
        background-size: 30%;
        top: -20px
    }

    .section-recommends2 .slider-container .slick-prev {
        left: 50%;
        transform: none;
        margin-left: -190px
    }

    .section-recommends2 .slider-container .slick-next {
        right: 50%;
        transform: scale(-1, 1);
        margin-right: -190px
    }

    .where-container .where-slider .slick-arrow {
        height: 40px;
        width: 40px;
        background-size: 30%
    }

    .where-container .slider-specialOffers .slick-arrow {
        height: 40px;
        width: 40px;
        margin-top: -20px;
        background-size: 30%
    }
}

@media (max-width:1240px) {
    .ask-doc .block-answers .sorting {
        margin-top: 0
    }

    .ask-doc .block-answers .sorting .sorting-input,
    .ask-doc .block-answers .sorting select {
        width: 100%
    }
}

@media (max-width:1220px) {

    .stocks__img {
        background-image: url('../img/bg_mobile.png') !important;
        padding: 30px;
    }

    .\:container,
    .page-container {
        width: 884px
    }

    .\:container .heading.small,
    .page-container .heading.small {
        font-size: 20px
    }

    .\:container .heading.regular,
    .page-container .heading.regular {
        font-size: 24px
    }

    .\:container .heading.micro,
    .page-container .heading.micro {
        font-size: 18px
    }

    .default-section:last-child {
        padding-bottom: 70px
    }

    .special-red-attention-box {
        padding: 20px 15px;
        font-size: 16px
    }

    .regular-slick-slider .slick-prev,
    .regular-slider .slick-prev {
        transform: none
    }

    .regular-slick-slider .slick-next,
    .regular-slider .slick-next {
        transform: scale(-1, 1)
    }

    .not-found-page .wow {
        margin-bottom: 30px
    }

    .not-found-page .huh {
        font-size: 30px;
        margin-bottom: 0
    }

    .not-found-page .omg {
        font-size: 180px;
        margin-bottom: 0
    }

    .not-found-page .yay {
        font-size: 30px
    }

    .\:brick-small {
        margin-bottom: 25px
    }

    .\:brick-small .brick-about {
        padding: 15px 30px
    }

    .\:brick-small .brick-heading {
        font-size: 24px
    }

    .\:brick-small .brick-heading strong {
        font-size: 28px
    }

    .promo-participate {
        grid-template-columns: auto 380px;
        grid-column-gap: 20px
    }

    .promo-participate__heading {
        font-size: 22px;
        margin-bottom: 25px
    }

    .promo-participate__place-list {
        margin-bottom: 10px
    }

    .section-header .swim-wrapper.swim .phone-container2 {
        display: flex
    }

    .section-header .header-container {
        width: 900px
    }

    .section-header .location-container .cities .regions-list {
        min-width: 250px;
        width: 250px
    }

    .section-header .location-container .cities .cities-list {
        -moz-columns: 2;
        columns: 2
    }

    .section-header .cities-v3 .fast-link {
        margin-right: 10px;
        margin-bottom: 10px;
        font-size: 16px
    }

    .articles-content-wrapper .articles-nav .item,
    .section-header .phone-container~.phone-container2 {
        margin-bottom: 0
    }

    .section-header .cities-v3 .cities-abc.desktop {
        display: none
    }

    .section-header .cities-v3 .cities-abc.tablet {
        display: grid
    }

    .section-header .cities-v3 .cities-abc .letter-box {
        padding-left: 35px
    }

    .section-header .cities-v3 .cities-abc .letter {
        font-size: 30px;
        margin-top: -3px
    }

    .section-header .cities-v3 .cities-abc .letter-link {
        font-size: 16px
    }

    .section-header .results-action .action-button {
        border: 0;
        padding: 0;
        margin-left: 10px;
        margin-right: 10px
    }

    .section-header .results-action .action-button::before {
        margin-right: 0
    }

    .section-header .phone-container,
    .section-header .results-action .action-button .item-value {
        display: none
    }

    .section-header .phone-container~.phone-container2::before {
        display: block
    }

    .section-header .change-city-items .city-link {
        font-size: 14px
    }

    .main-section .main-menu,
    .section-header .main-menu {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        justify-content: center
    }

    .text-n-image-block__text {
        padding-left: 20px
    }

    .articles-content-wrapper {
        grid-template-columns: 1fr
    }

    .articles-content-wrapper .articles-content-sidebar {
        padding-right: 0
    }

    .articles-content-wrapper .articles-nav {
        flex-wrap: wrap;
        width: auto;
        min-width: 0;
        display: none
    }

    .articles-content-wrapper .articles-nav .item-link {
        padding-top: 0;
        font-size: 14px
    }

    .news-container .news-item,
    .press-container .list-item {
        padding-top: 22px;
        padding-bottom: 25px
    }

    .article-detail-section .navigation-selector {
        display: block
    }

    .article-detail-section .article-author .author-picture img {
        width: 60px;
        height: 60px;
        min-width: 60px
    }

    .article-detail-section .article-author .author-about,
    .default-article p,
    .default-article-box p {
        font-size: 14px
    }

    .default-article .article-image,
    .default-article-box .article-image {
        margin-bottom: 20px
    }

    .default-article .article-icon,
    .default-article-box .article-icon {
        width: 60px;
        height: 60px
    }

    .default-article iframe[src*=youtube],
    .default-article-box iframe[src*=youtube] {
        height: 495px
    }

    .default-article h2,
    .default-article h3,
    .default-article-box h2,
    .default-article-box h3 {
        font-size: 18px
    }

    .default-article h4,
    .default-article h5,
    .default-article h6,
    .default-article-box h4,
    .default-article-box h5,
    .default-article-box h6 {
        font-size: 16px
    }

    .default-article ol,
    .default-article-box ol {
        font-size: 14px
    }

    .news-container .news-item .item-time {
        width: 95px;
        min-width: 95px
    }

    .news-container .news-item .item-title {
        width: 215px;
        min-width: 215px;
        font-size: 16px
    }

    .news-container .news-item .excerpt-text {
        font-size: 14px
    }

    .press-container .list-item .item-title {
        font-size: 20px;
        font-weight: 500
    }

    .press-container .list-item .excerpt-text {
        font-size: 14px
    }

    .articles-wrapper .articles-grid .article-item:hover {
        border-color: #e5e5e5
    }

    .articles-wrapper .articles-grid .article-item {
        padding-left: 10px;
        padding-right: 10px
    }

    .articles-wrapper .articles-grid .article-icon {
        width: 80px;
        height: 80px;
        margin-bottom: 25px
    }

    .articles-wrapper .articles-grid .article-header {
        font-size: 16px
    }

    .articles-wrapper .articles-grid .article-excerpt {
        font-size: 13px
    }

    .promotions-grid .grid-item,
    .promotions-grid .item-box {
        width: 100%
    }

    .gallery-grid {
        grid-template-columns: 1fr 1fr
    }

    .main-section-nav__link {
        flex-basis: calc(20% - 20px)
    }

    .main-page-feedbacks .default-section {
        padding-bottom: 40px
    }

    .order-container.order-complete-container .order-complete {
        flex-direction: column;
        align-items: flex-start
    }

    .order-container.order-complete-container .order-complete .order-code-box {
        margin-bottom: 50px
    }

    .cart-container .items-header {
        font-size: 20px
    }

    .cart-container .cart-item .choose-samples .chech-sample {
        width: 50%
    }

    .cart-container .order-actions .action-block,
    .order-container .order-actions .action-block {
        margin-bottom: 23px
    }

    .cart-container .order-actions .action-icon,
    .order-container .order-actions .action-icon {
        height: 30px;
        width: 50px
    }

    .cart-section .cart-empty .image {
        min-width: 312px;
        width: 312px;
        margin-right: 70px
    }

    .cart-section .cart-empty .header {
        font-size: 38px
    }

    .analyses .nav-types,
    .analyses .nav-types .sub-link,
    .analyses .nav-types .sub-sub-link {
        font-size: 14px
    }

    .analyses .nav-col {
        width: 280px;
        min-width: 280px
    }

    .analyses .nav-types a {
        padding: 6px 12px 6px 0
    }

    .analyses .nav-types .sub {
        padding-left: 35px
    }

    .analyses .nav-types .sub-sub {
        padding-left: 0
    }

    .analyses .analyses-col {
        margin-left: 10px
    }

    .analyses .analyses-col .code {
        padding-left: 10px;
        min-width: 77px;
    }

    .analyses .analyses-col .names {
        min-width: 292px;
        width: 292px
    }

    .analyses .analyses-col .prices {
        max-width: 95px
    }

    .analyses .analyses-col .analysis {
        padding-right: 10px
    }

    .analyses .analyses-col .analysis .button {
        padding: 0 8px;
        font-size: 15px
    }

    .analyses .author-line .param {
        font-size: 14px
    }

    .analyses .analysis-description .analysis-tabs .analysis-tab {
        font-size: 16px
    }

    .analyses.search-results .analyses-col .names {
        min-width: 600px;
        width: 600px
    }

    .similar-area .similar-block {
        grid-column: span 2
    }

    .similar-area .similar-block .item-heading {
        font-size: 28px
    }

    .where-container .filter-container .filter-line {
        display: block;
        padding: 10px 0
    }

    .where-container .filter-container .additional-filter {
        padding-top: 20px;
        flex-wrap: wrap
    }

    .where-container .filter-container .additional-filter .styled-checkbox {
        width: auto;
        padding-right: 25px;
        padding-bottom: 10px
    }

    .where-container .where-head {
        padding-bottom: 18px
    }

    .where-container .where-tabs .tab {
        font-size: 17px
    }

    .where-container .where-tabs .tab::before {
        margin-right: 9px
    }

    .where-container .where-tabs .tab:not(:last-of-type) {
        margin-right: 10px
    }

    .where-container .where-slider {
        padding: 0 50px
    }

    .where-container .where-slider .slick-prev {
        transform: none
    }

    .where-container .where-slider .slick-next {
        transform: scale(-1, 1)
    }

    .where-container .where-hours-table .where-hours-table-head,
    .where-container .where-hours-table .where-hours-table-line {
        flex-wrap: wrap
    }

    .where-container .where-hours-table .where-hours-table-head {
        display: none
    }

    .where-container .where-hours-table .where-hours-table-line {
        justify-content: space-between
    }

    .where-container .where-hours-table .hours-title {
        width: 100%;
        text-align: center;
        padding: 12px 50px;
        background-color: #f3f3f3
    }

    .where-container .where-hours-table .day-cell .hours-value {
        padding: 6px 14px
    }

    .where-container .where-hours-table .day-cell {
        width: 14.2%;
        min-width: 14.2%
    }

    .where-container .where-metro-blocks .where-metro-block header {
        font-size: 16px
    }

    .where-container .where-metro-blocks .where-metro-block p,
    .where-container .where-routes-detail .where-routes-top-text {
        font-size: 14px
    }

    .where-container .route-block-container .route-image {
        margin-left: 0
    }

    .where-container .route-block-container .route-count-icon {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 24px;
        right: auto;
        left: 7px
    }

    .where-container .route-block-container .route-image-wrap {
        min-width: 200px;
        width: 200px;
        height: 200px;
        border-radius: 50%
    }

    .where-container .route-block-container .route-image-wrap img {
        min-height: 100%
    }

    .where-container .route-block-container .route-block-text p,
    .where-container .route-block-container .route-block-text ul {
        font-size: 14px
    }

    .where-section .office-props.detail .office-prop {
        width: 25%
    }

    .filter-container .filter-line {
        display: block;
        padding: 10px 0
    }

    .filter-container .additional-filter {
        padding-top: 20px;
        flex-wrap: wrap
    }

    .filter-container .additional-filter .styled-checkbox {
        width: auto;
        padding-right: 25px;
        padding-bottom: 10px
    }

    .\@where .filter-items .item .item-box {
        margin-bottom: 10px
    }

    .\@where .filter-items .tabs-buttons.desktop {
        padding-bottom: 15px
    }

    .\@where .filter-items .line-actions {
        flex-direction: column;
        align-items: flex-start;
        padding-bottom: 0
    }

    .\@where .filter-items .choses-box {
        padding-bottom: 15px;
        order: -1
    }

    .\@where .offices .offices-container {
        grid-template-columns: 1fr
    }

    .\@where .offices .map-area {
        height: 400px
    }

    .\@where .offices .offices-list {
        display: none
    }

    .\@where .offices .offices-cards .toggle-button span {
        font-size: 18px
    }

    .\@where .offices .offices-cards .cards-grid {
        grid-template-columns: 1fr 1fr 1fr
    }

    .\@where .discount-block {
        padding: 15px 0 30px
    }

    .\@where .discount-block .item-heading {
        font-size: 20px;
        margin-bottom: 15px
    }

    .\@where .discount-block .link-item {
        padding-bottom: 10px;
        padding-right: 10px
    }

    .\@where .discount-block .link {
        font-size: 16px
    }

    .at-home-section .top-text {
        margin-bottom: 40px;
        font-size: 14px
    }

    .at-home-section .form-col {
        min-width: 430px;
        margin-right: 15px
    }

    .at-home-section .contacts-box .header {
        font-size: 24px
    }

    .at-home-section .contacts-box .header br {
        display: block
    }

    .at-home-section .contacts-box .hours {
        font-size: 48px
    }

    .at-home-section .contacts-box .hours .mark {
        font-size: 24px
    }

    .at-home-section .contacts-box .order-time {
        font-size: 16px
    }

    .at-home-section .contacts-box .phone-label {
        font-size: 24px
    }

    .at-home-section .contacts-box .phone-value {
        font-size: 30px
    }

    .at-home-section .contacts-box .call-hours {
        font-size: 16px
    }

    .at-home-section .price-container {
        margin-bottom: 40px
    }

    .at-home-section .price-container .heading {
        font-size: 20px
    }

    .at-home-section .price-container .price-line {
        padding: 15px 40px 15px 10px
    }

    .at-home-section .special-notices .special-notice {
        padding: 25px 35px
    }

    .at-home-section .special-notices .notice-text {
        font-size: 16px
    }

    .at-home-section .special-notices .notice-tel {
        font-size: 30px
    }

    .vacancy-section .heading-wrapper .heading-top {
        height: 200px
    }

    .vacancy-section .heading-wrapper .block-heading {
        font-size: 36px
    }

    .vacancy-section .main-tube {
        padding-right: 20px
    }

    .vacancy-section .main-tube .item-text {
        padding-bottom: 20px
    }

    .vacancy-section .vacancy-form .form-heading {
        font-size: 28px
    }

    .vacancy-section .vacancy-form .upload-lines .add-button,
    .vacancy-section .vacancy-form .upload-lines .remove-button {
        left: auto;
        right: 0;
        width: 30px;
        height: 30px;
        min-width: 30px;
        margin-right: 12px
    }

    .vacancy-section .second-tube {
        width: 360px;
        min-width: 360px
    }

    .results-section .results-scale .scale-point i {
        font-size: 14px
    }

    .results-section .results-table .name {
        width: 340px;
        min-width: 340px
    }

    .results-section .results-table .sample {
        width: 120px;
        min-width: 120px
    }

    .results-section .results-table .result-value {
        width: 96px;
        min-width: 96px
    }

    .results-section .results-table .range {
        width: 170px;
        min-width: 170px
    }

    .results-section .results-table .measure {
        width: 62px;
        min-width: 62px
    }

    .results-section .results-table .result-line {
        padding-top: 20px;
        padding-bottom: 12px
    }

    .results-section .results-table .result-line .name .code,
    .results-section .results-table .result-line .result-value {
        font-size: 13px
    }

    .results-section .results-table .result-line .range-box {
        width: 160px
    }

    .results-section .results-table .result-line .action-block:first-of-type {
        margin-right: 0
    }

    .results-section .results-table .result-line .action-block .action-icon {
        width: 24px;
        height: 24px
    }

    .results-section .client-container {
        max-width: 320px
    }

    .results-section .client-container .client-name {
        font-size: 20px
    }

    .results-section .client-container .discount-box {
        min-width: 310px
    }

    .results-section .client-container .discount-box .label {
        font-size: 14px
    }

    .results-section .client-container .discount-box .number {
        font-size: 16px
    }

    .results-section .client-container .info-line .info-label {
        font-size: 14px
    }

    .results-section .client-container .info-line .info-value {
        font-size: 16px
    }

    .\@office .actions-block .actions-slider .slick-next,
    .\@office .actions-block .actions-slider .slick-prev {
        top: auto;
        bottom: 100%
    }

    .\@office .about-block .about-box {
        grid-template-columns: 1fr;
        grid-gap: 10px;
        padding-bottom: 10px
    }

    .\@office .about-block .about-box .about {
        order: -1;
        border-bottom: 1px solid #d9d9d9;
        margin-bottom: 15px;
        padding-bottom: 15px
    }

    .\@office .about-block .about-box .item.information {
        display: none
    }

    .\@office .about-block .about-box .item.information.mobile {
        display: block;
        padding-top: 15px;
        margin-top: 15px;
        border-top: 1px solid #d9d9d9
    }

    .\@office .about-block .about-box .map-box {
        padding-bottom: 0;
        border-bottom: 0
    }

    .\@office .about-block .about-box .map-box .map {
        height: 350px
    }

    .\@office .schedule-block .where-hours-table .where-hours-table-head,
    .\@office .schedule-block .where-hours-table .where-hours-table-line {
        flex-wrap: wrap
    }

    .\@office .schedule-block .where-hours-table .where-hours-table-head {
        display: none
    }

    .\@office .schedule-block .where-hours-table .where-hours-table-line {
        justify-content: space-between
    }

    .service-at-home__form-block-container,
    .service-at-home__nav {
        flex-wrap: wrap
    }

    .\@office .schedule-block .where-hours-table .hours-title {
        width: 100%;
        text-align: center;
        padding: 12px 50px;
        background-color: #f3f3f3
    }

    .\@office .schedule-block .where-hours-table .day-cell .hours-value {
        padding: 6px 14px
    }

    .\@office .schedule-block .where-hours-table .day-cell {
        width: 14.2%;
        min-width: 14.2%
    }

    .\@office .props-block .office-props {
        grid-template-columns: 1fr 1fr
    }

    .\@office .doctors-block .doctors-slider .slick-next,
    .\@office .doctors-block .doctors-slider .slick-prev {
        top: auto;
        bottom: 100%
    }

    .\@office .doctors-block .doctors-slider .item-image img {
        height: 288px
    }

    .\@office .faq-block .faq-heading {
        font-size: 18px;
        margin-bottom: 30px
    }

    .\@office .faq-block .item-title {
        font-size: 16px;
        padding: 10px 0
    }

    .\@office .faq-block .item-text,
    .service-at-home__zones-tabs-nav-btn {
        font-size: 14px
    }

    .page-service-at-home .actions-block .actions-slider .slick-next,
    .page-service-at-home .actions-block .actions-slider .slick-prev {
        top: auto;
        bottom: 100%
    }

    .page-service-at-home .actions-block .actions-slider .slick-arrow {
        bottom: calc(100% + 5px)
    }

    .service-at-home__nav-link {
        flex: 1 1 calc((100%/3) - 13.4px)
    }

    .service-at-home__form-block {
        width: 100%
    }

    .service-at-home__form-block-top {
        border-left: 1px solid #d4dae6;
        border-radius: 0;
        text-align: center
    }

    .service-at-home__slider-wrap {
        max-width: 100%;
        width: 100%
    }

    .service-at-home__popular-analyzes .slick-next,
    .service-at-home__popular-analyzes .slick-prev {
        top: auto;
        bottom: calc(100% + 15px)
    }

    .service-at-home__zone-color {
        width: 20px;
        margin-right: 10px
    }

    .service-at-home__zone-text {
        margin-right: 17px
    }

    .service-at-home__zone-name {
        font-size: 16px
    }

    .\@search .prepare-list .action-link,
    .\@search .search-grid .action-link {
        font-size: 14px
    }

    .contacts-wrapper .contact-phone {
        font-size: 32px
    }

    .contacts-wrapper .contact-address {
        font-size: 22px;
        line-height: 36px
    }

    .feedback-container .feedbacks-grid .feedback-text,
    .section-recommends.section-feedback-block .feedback-text {
        line-height: 23px;
        margin-bottom: 30px;
        font-size: 14px
    }

    .discount-container .discount-card .discount-ico {
        width: 111px;
        height: 111px;
        margin-bottom: 11px
    }

    .discount-container .discount-card .card-header {
        font-size: 22px;
        margin-bottom: 12px
    }

    .discount-container .discount-card .card-desc {
        margin-bottom: 12px
    }

    .discount-container .discount-card .card-profit {
        font-size: 20px
    }

    .discount-container .article-detail:first-of-type,
    .discount-container .discount-faq-item {
        margin-bottom: 30px
    }

    .about-lab-section .about-lab-box .image-lab {
        width: 434px;
        margin-right: 15px
    }

    .about-lab-section .about-lab-box .text-lab {
        font-size: 14px
    }

    .section-about_partners h2 {
        font-size: 20px
    }

    .section-about_partners .container {
        padding: 0
    }

    .section-about_partners .partners-cols .col {
        padding-right: 15px
    }

    .section-about_partners .partners-cols .col p {
        font-size: 14px
    }

    .about-lab-section .section-header.heading {
        margin-bottom: 50px
    }

    .about-lab-section .about-why-list {
        padding: 0
    }

    .about-lab-section .about-why-list .item-icon {
        width: 90px;
        height: 90px;
        min-width: 90px;
        margin-right: 20px
    }

    .about-lab-section .quality-list {
        margin-bottom: 60px
    }

    .about-lab-section .quality-list .list-item {
        margin-bottom: 40px
    }

    .about-lab-section .quality-list .item-count {
        width: 70px;
        height: 70px;
        min-width: 70px;
        font-size: 40px
    }

    .about-lab-section .quality-list .item-icon {
        width: 140px;
        min-width: 140px
    }

    .about-lab-section .quality-list .item-descriptiopn {
        width: auto
    }

    .about-lab-section .quality-list .item-title {
        margin-bottom: 12px
    }

    .about-lab-section .quality-list .item-excerpt {
        font-size: 14px
    }

    .about-license-box .license-header {
        margin-bottom: 30px
    }

    .about-license-box .license-header h2 {
        font-size: 20px;
        width: 429px;
        margin-right: 40px
    }

    .ask-doc .first-block .item-heading {
        margin-bottom: 25px
    }

    .ask-doc .first-block .item-desc .heading {
        font-size: 24px
    }

    .ask-doc .first-block .item-desc p,
    .section-corona-countries .brick-block .brick-caption,
    .section-corona-countries .main-block .item-text {
        font-size: 16px
    }

    .ask-doc .block-answers .answers-wrapper {
        grid-template-columns: 1fr;
        grid-gap: 0
    }

    .ask-doc .block-answers .types-area {
        padding-right: 0
    }

    .ask-doc .block-answers .types-area .answers-types {
        width: auto;
        min-width: 0;
        background-color: transparent;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        border-radius: 0
    }

    .ask-doc .block-answers .types-area .answers-types .list-item {
        margin-bottom: 10px;
        margin-right: 10px
    }

    .ask-doc .block-answers .types-area .answers-types .list-link {
        background-color: #d4dbe7;
        padding: 10px 10px 10px 0
    }

    .ask-doc .block-answers .types-area .answers-types .list-link::before {
        margin-right: 5px
    }

    .section-corona-countries .main-block {
        padding: 15px 0
    }

    .section-corona-countries .main-block .block-content {
        grid-template-columns: 1fr
    }

    .section-corona-countries .main-block .item-picture {
        padding-right: 0;
        padding-bottom: 15px;
        width: 100%;
        min-width: 0
    }

    .section-corona-countries .main-block .item-picture img {
        height: 300px;
        display: block;
        -o-object-fit: cover;
        object-fit: cover
    }

    .section-corona-countries .countries-block {
        padding-top: 0
    }

    .section-corona-countries .countries-block .grid {
        grid-gap: 25px
    }

    .section-corona-countries .countries-block .item-heading .item-icon img {
        width: 26px;
        min-width: 26px;
        height: 26px
    }

    .section-corona-countries .countries-block .item-heading .label {
        font-size: 18px
    }

    .section-corona-countries .bricksiki-block .item-heading,
    .section-corona-countries .countries-block .item-desc {
        font-size: 16px
    }

    .section-corona-countries .bricksiki-block .bricksiki {
        grid-template-columns: 1fr 1fr;
        grid-gap: 15px
    }

    .section-corona-countries .discount-block {
        padding: 15px 0 30px
    }

    .section-corona-countries .discount-block .item-heading {
        font-size: 20px;
        margin-bottom: 15px
    }

    .section-corona-countries .discount-block .link-item {
        padding-bottom: 10px;
        padding-right: 10px
    }

    .section-corona-countries .discount-block .link,
    .section-corona-newyear .brick-block .brick-caption {
        font-size: 16px
    }

    .section-corona-newyear .factor-block .grid-item .special-text,
    .section-corona-newyear .factor-block .item-heading,
    .section-corona-newyear .steps-block .item-heading,
    .section-sperm .factor-block .grid-item .special-text,
    .section-sperm .factor-block .item-heading,
    .section-sperm .steps-block .block-heading,
    .section-sperm .steps-block .step .item-heading {
        font-size: 24px
    }

    .section-corona-newyear .why-block {
        grid-template-columns: .8fr 1.2fr;
        grid-template-columns: 1fr;
        grid-gap: 15px
    }

    .section-corona-newyear .steps-block {
        grid-template-columns: 1fr;
        grid-gap: 25px
    }

    .section-corona-newyear .steps-block .step.big {
        grid-column: span 1
    }

    .section-corona-newyear .factor-block {
        padding: 20px 0
    }

    .section-corona-newyear .factor-block .item-grid {
        grid-template-columns: 1fr;
        grid-gap: 20px
    }

    .section-corona-newyear .factor-block .item-about {
        padding: 15px
    }

    .section-corona-newyear .factor-block .item-title {
        font-size: 20px
    }

    .section-corona-newyear .brick-block2 {
        padding: 20px 0
    }

    .section-corona-newyear .brick-block2 .item-note {
        font-size: 14px
    }

    .section-corona-newyear .discount-block {
        padding: 15px 0 30px
    }

    .section-corona-newyear .discount-block .item-heading {
        font-size: 20px;
        margin-bottom: 15px
    }

    .section-corona-newyear .discount-block .link-item {
        padding-bottom: 10px;
        padding-right: 10px
    }

    .section-corona-newyear .discount-block .link,
    .section-sperm .brick-block .brick-caption {
        font-size: 16px
    }

    .section-sperm .why-block {
        grid-template-columns: .8fr 1.2fr;
        grid-template-columns: 1fr;
        grid-gap: 15px
    }

    .section-sperm .steps-block .steps {
        grid-template-columns: 1fr;
        grid-gap: 25px
    }

    .section-sperm .steps-block .step.big {
        grid-column: span 1
    }

    .\@library .analyses-block,
    .\@library .article-about,
    .\@library .discount-block,
    .\@library .library .page-top,
    .\@library .library-items {
        grid-column: span 2
    }

    .section-sperm .factor-block {
        padding: 20px 0
    }

    .section-sperm .factor-block .item-grid {
        grid-template-columns: 1fr;
        grid-gap: 20px
    }

    .section-sperm .factor-block .item-about {
        padding: 15px
    }

    .section-sperm .factor-block .item-title {
        font-size: 20px
    }

    .section-sperm .brick-block2 {
        padding: 20px 0
    }

    .section-sperm .brick-block2 .item-note {
        font-size: 14px
    }

    .section-sperm .discount-block {
        padding: 15px 0 30px
    }

    .section-sperm .discount-block .item-heading {
        font-size: 20px;
        margin-bottom: 15px
    }

    .section-sperm .discount-block .link-item {
        padding-bottom: 10px;
        padding-right: 10px
    }

    .section-sperm .discount-block .link {
        font-size: 16px
    }

    .\@library .library {
        grid-template-columns: 220px 1fr
    }

    .\@library .page-desc {
        font-size: 14px
    }

    .\@library .aside {
        grid-row: span 4
    }

    .\@library .aside .library-nav .nav-item {
        padding-bottom: 10px
    }

    .\@library .aside .library-nav .nav-link {
        font-size: 16px
    }

    .\@library .article-month {
        padding-bottom: 20px
    }

    .\@library .article-month .item-heading {
        font-size: 28px
    }

    .\@library .article-month .item-title {
        font-size: 22px;
        margin-bottom: 8px
    }

    .\@library .article-month .item-excerpt {
        font-size: 14px;
        margin-bottom: 8px
    }

    .\@library .article-month .action-link {
        font-size: 14px
    }

    .\@library .articles-best {
        padding-left: 0
    }

    .\@library .articles-best .item-heading {
        font-size: 28px
    }

    .\@library .articles-best .item-excerpt {
        font-size: 14px;
        margin-bottom: 8px
    }

    .\@library .articles-best .action-link {
        font-size: 14px
    }

    .\@library .article-contents {
        position: static;
        padding-left: 0;
        padding-bottom: 22px;
        margin-left: -10px
    }

    .\@library .article-contents .item-heading {
        font-size: 28px
    }

    .\@library .article-contents .contents-nav .nav-link {
        font-size: 16px;
        padding: 5px 10px
    }

    .\@library .article-content {
        font-size: 16px
    }

    .\@library .article-about .author-line .param {
        font-size: 14px
    }

    .\@library .analyses-block .similar-heading,
    .\@library .article-similars .item-heading,
    .\@library .library-items .item-heading {
        font-size: 28px
    }

    .\@library .library-items .abc-nav .nav-link {
        margin-left: 0
    }

    .\@library .library-items .action-link {
        font-size: 14px
    }

    .\@library .discount-block {
        padding: 0 15px 30px
    }

    .\@library .discount-block .item-heading {
        font-size: 20px;
        margin-bottom: 15px
    }

    .\@library .discount-block .link-item {
        padding-bottom: 10px;
        padding-right: 10px
    }

    .\@library .discount-block .link {
        font-size: 16px
    }
}

@media (max-width:1200px) {

    .main-section .main-menu .item-link,
    .main-section .main-menu .sublink,
    .section-header .main-menu .item-link,
    .section-header .main-menu .sublink {
        font-size: 14px
    }

    .main-section .main-menu .submenu,
    .section-header .main-menu .submenu {
        padding: 15px
    }

    .results-section .scale-container {
        padding: 0 40px
    }

    .results-section .results-scale {
        margin-right: 30px
    }
}

@media (max-width:1180px) {

    .default-article ul:not(.contents-list):not(.articles-nav) li,
    .special-list li,
    .special-red-dot-list li {
        font-size: 14px
    }

    .default-form .form-heading,
    .default-form .header,
    .regular-form .form-heading,
    .regular-form .header {
        font-size: 20px
    }

    .section-header .drop-cabinet-container .close-box {
        right: 20px
    }

    .footer-section .cookies-notice .cookies-box p {
        font-size: 13px
    }

    .analysesathome-section .text-at-home,
    .page-header-box-section .text-line,
    .where-container .results-attention {
        font-size: 16px
    }

    .analysesathome-section .balls {
        width: 600px
    }

    .results-section .results-table .result-line:not(.headline) {
        margin-right: 100px
    }

    .results-section .results-table .result-line:not(.headline) .name {
        width: 460px;
        min-width: 460px
    }
}

@media (max-width:1180px) and (max-width:720px) {
    .section-header .drop-cabinet-container .close-box {
        top: -5px
    }
}

@media(max-width:1025px) {
    .preparing__specialties {
        grid-template-columns: 1fr;
    }
}

@media (max-width:1024px) {

    .popular__section__item {
        border: none;

    }

    .stocks__container {
        grid-template-columns: 1fr;
    }

    .actual-offers-list {
        grid-template-columns: 1fr 1fr
    }

    .actual-offers-list--lg-slider {
        display: block;
        margin-left: -10px;
        margin-right: -10px
    }

    .popular__section__main {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        margin-left: 0;
        margin-right: 0;
    }

    .about-section .schmurch {
        display: none
    }

    .order-container .order-form .payment-info {
        font-size: 14px
    }
}

.personal__img img {
    max-width: none !important;
}

.personal__preview {
    margin: auto;
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}

@media (max-width:1023px) {

    .header__logo {
        height: 45px !important;
    }

    .possibilities__container {
        display: grid;
        grid-template-columns: 1fr;
        justify-items: center;
    }

    .personal__hero {
        display: grid;
        grid-template-columns: 1fr;
    }

    .personal__hero__title {
        text-align: center;
        padding-top: 40px;
        max-width: 500px;
        margin: auto;
    }

    .personal {
        height: auto;
    }

    .personal__img {
        margin: auto;
        display: flex;
        justify-content: center;
    }

    .personal__img img {
        max-width: 70% !important;
    }

    .reviews__src__container {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .stocks__detail {
        flex-direction: column;
    }

    .contacts__container {
        display: flex;
        flex-direction: column-reverse;
        padding: 15px;
        gap: 30px;
    }

    .doctors__container {
        grid-template-columns: 1fr;
    }

    .signup__doctor {
        background-image: none;
    }

    .\:container,
    .page-container {
        width: 670px
    }

    .\:container .heading,
    .page-container .heading {
        font-size: 24px;
        margin-bottom: 50px
    }

    .\:container .heading.small,
    .page-container .heading.small {
        font-size: 18px;
        margin-bottom: 40px
    }

    .\:container .heading.regular,
    .page-container .heading.regular {
        font-size: 22px;
        margin-bottom: 40px
    }

    .\:container .heading.micro,
    .page-container .heading.micro {
        margin-bottom: 20px
    }

    body.no-scroll {
        height: 100%;
        overflow-y: hidden
    }

    .default-section:last-child {
        padding-bottom: 40px
    }

    .button.big {
        font-size: 18px;
        line-height: 51px;
        height: 54px
    }

    .default-article ul:not(.contents-list):not(.articles-nav) li,
    .special-list li,
    .special-red-dot-list li {
        font-size: 13px;
        margin-bottom: 15px
    }

    .default-article ul:not(.contents-list):not(.articles-nav) li::before,
    .special-list li::before {
        width: 20px;
        height: 20px;
        min-width: 20px;
        top: -2px
    }

    .section-header .location-container .city-name,
    .special-red-attention-box {
        font-size: 14px
    }

    .special-red-dot-list li::before {
        width: 6px;
        height: 6px;
        min-width: 6px
    }

    .breadcrumbs {
        padding-left: 0
    }

    .analysis-selector,
    .navigation-selector {
        display: flex
    }

    .promo-participate,
    .section-header .location-container.mobile-active .drop-box-wrapper {
        display: block
    }

    .default-form__card-body,
    .regular-form__card-body {
        padding: 15px 20px
    }

    .not-found-page {
        padding-top: 40px
    }

    .not-found-page .whats-wrong {
        flex-direction: column-reverse;
        align-items: center
    }

    .not-found-page .what-the-hack,
    .not-found-page .wow {
        text-align: center
    }

    .promo-participate__form {
        max-width: 380px;
        margin: 0 auto
    }

    .popular-analyzes-list.\@similar2 .item-grid {
        grid-template-columns: 1fr 1fr 1fr
    }

    .section-header .swim-line {
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: 15px
    }

    .section-header .header-container {
        width: 670px
    }

    .section-header .top-line {
        height: 70px
    }

    .section-header .logo-box {
        margin-left: 0;
        width: 100px
    }

    .section-header .location-container .drop-city-container {
        padding-left: 15px;
        padding-right: 15px
    }

    .section-header .location-container .current-city::before {
        height: 18px
    }

    .section-header .phone-container {
        font-size: 13px;
        align-items: center
    }

    .section-header .phone-container::before {
        width: 16px;
        height: 16px;
        margin-right: 2px
    }

    .section-header .phone-container2 {
        font-size: 13px;
        align-items: center
    }

    .section-header .phone-container2::before {
        width: 16px;
        height: 16px
    }

    .section-header .person-container .logout-link::before {
        width: 19px;
        height: 19px
    }

    .section-header .person-container .account-name::before {
        width: 19px;
        height: 19px;
        margin-right: 0
    }

    .section-header .cart-header-container {
        margin-right: 0 !important;
        padding-right: 0
    }

    .section-header .cart-header-container .cart-ico {
        width: 24px;
        height: 20px
    }

    .section-header .cart-header-container .cart-ico i {
        width: 11px;
        height: 11px;
        top: -1px;
        right: -1px;
        font-size: 9px
    }

    #finevision_banner .svg {
        margin-right: 0;
        margin-left: 0;
        width: 27px;
        height: 27px;
    }

    .section-header .search-box .search-dropped-line {
        position: relative
    }

    .section-header .search-box .search-dropped-line .item-input {
        position: static
    }

    .section-header .mobile-line .current-city::before {
        height: 18px
    }

    .section-header .icon-search::before {
        width: 19px;
        height: 19px
    }

    .section-header .burger {
        display: flex;
        margin: 5px 5px 5px 0
    }

    .section-header .drop-box-item.mobile-active.active .drop-box-wrapper {
        transform: translate(0, 0);
        z-index: 9
    }

    .\@office .schedule-block .where-hours-table .where-hours-table-line.opened .hours-title::before,
    .where-container .where-hours-table .where-hours-table-line.opened .hours-title::before {
        transform: rotate(90deg)
    }

    .section-header .drop-box-item.mobile-active.active .overlay {
        display: block;
        z-index: 0;
        opacity: .99
    }

    .analysesathome-section .more,
    .articles-wrapper .articles-container .articles-categories,
    .cart-container .price-col .cart-total-box .print-block,
    .footer-section .cookies-notice .close-block,
    .index-main-menu .main-menu,
    .main-section .main-menu,
    .section-header .main-menu,
    .section-header .where-link-container {
        display: none
    }

    .section-header .drop-box-wrapper .close-box {
        right: 15px;
        top: -15px
    }

    .section-header .drop-box-wrapper .header {
        font-size: 18px
    }

    .section-header .change-city-items .city-item {
        width: 33%
    }

    .section-header .drop-cabinet-container .header {
        font-size: 20px
    }

    .drop-menu-wrapper.opened .overlay {
        z-index: 1
    }

    .section-header .cart-header-container,
    .section-header .location-container,
    .section-header .person-container .account-name,
    .section-header .phone-container,
    .section-header .where-link-container {
        margin-right: 0
    }

    .section-header .where-link-container {
        font-size: 14px
    }

    .\@similar .item-grid.three,
    .\@similar2 .item-grid.four,
    .\@similar2 .item-grid.three {
        grid-template-columns: 1fr 1fr
    }

    .text-n-image-block {
        flex-wrap: wrap
    }

    .text-n-image-block__image {
        flex: 1 0 100%;
        max-width: 100%;
        margin-bottom: 24px
    }

    .text-n-image-block__text {
        flex-basis: 100%;
        padding-left: 0
    }

    .article-detail {
        padding: 0 15px
    }

    .article-contents-block {
        grid-template-columns: 1fr
    }

    .article-contents-block .contents-nav {
        order: -1;
        padding: 15px
    }

    .default-article .article-table,
    .default-article-box .article-table {
        margin-bottom: 25px;
        margin-top: 25px
    }

    .default-article iframe[src*=youtube],
    .default-article-box iframe[src*=youtube] {
        height: 375px
    }

    .default-article h2,
    .default-article h3,
    .default-article-box h2,
    .default-article-box h3 {
        font-size: 16px
    }

    .news-container .news-item .item-header {
        flex-direction: column
    }

    .news-container .news-item .item-time {
        padding-left: 0;
        margin-bottom: 6px
    }

    .news-container .news-item .excerpt-text,
    .press-container .list-item .excerpt-text {
        margin-bottom: 10px
    }

    .news-container .news-item .item-title {
        font-size: 14px;
        line-height: 23px
    }

    .press-container .list-item .item-header {
        flex-direction: column;
        width: 250px;
        min-width: 250px
    }

    .press-container .list-item .item-title {
        font-weight: 700;
        line-height: 1.3;
        width: auto
    }

    .page-header-box-section {
        padding-bottom: 35px
    }

    .page-header-box-section .text {
        margin-bottom: 30px;
        font-size: 14px
    }

    .promotions-block {
        padding: 0
    }

    .default-section .section-header {
        font-size: 18px
    }

    .search-bar__input {
        font-size: 16px;
        padding: 15px 17px
    }

    .main-slider {
        grid-template-columns: minmax(0, 1fr)
    }

    .doctor-to-company .item-person,
    .where-container .doctor-to-company .item-person {
        grid-template-columns: 1fr
    }

    .main-slider__text-area {
        order: 1
    }

    .main-slider__text-area-slider {
        order: 1;
        padding-bottom: 55px
    }

    .main-slider__image-area {
        margin-left: 0
    }

    .main-slider__image-item-text {
        font-size: 1.7vw
    }

    .main-slider__item-text {
        display: block
    }

    .main-slider .slick-dots {
        bottom: 30px
    }

    .main-slider__btn-nav {
        bottom: 22px
    }

    .main-section-nav {
        justify-content: space-between
    }

    .main-section-nav__link {
        flex: 0 0 calc(50% - 10px);
        margin: 0 0 8px;
        padding: 10px 15px
    }

    .section-recommends .slider-container,
    .section-recommends2 .slider-container {
        margin-bottom: 26px
    }

    .section-research .research-grid .grid-item {
        width: 50%
    }

    .about-section .text-about {
        width: 700px
    }

    .section-recommends .slider-container .slider-item {
        padding-left: 10px;
        padding-right: 10px
    }

    .section-recommends .slider-container .slide-icon {
        width: 80px;
        height: 80px
    }

    .section-recommends .slider-container .slide-header {
        font-size: 16px
    }

    .section-recommends .slider-container .slide-text {
        font-size: 13px
    }

    .section-recommends2 .slider-container .item-heading {
        font-size: 16px
    }

    .section-recommends2 .slider-container .tags-list {
        margin-left: -5px;
        margin-right: -5px
    }

    .analyses .analyses-col,
    .cart-container .price-col {
        margin-left: 0
    }

    .section-recommends2 .slider-container .tags-list.small .list-item {
        padding: 0 3px 6px
    }

    .section-recommends2 .slider-container .tags-list .list-item {
        padding: 0 5px 10px
    }

    .section-recommends2 .slider-container .tags-list .item-link {
        font-size: 14px;
        padding: 6px 10px
    }

    .analysesathome-section {
        padding-bottom: 35px
    }

    .analysesathome-section.mainpage .text {
        margin-bottom: 50px
    }

    .analysesathome-section .text {
        margin-bottom: 30px;
        font-size: 14px
    }

    .cards-section .cards .card {
        width: 31.5%;
        padding: 10px 15px 15px
    }

    .cards-section .cards .card .card-icon {
        height: 60px;
        width: 60px;
        margin-bottom: 10px
    }

    .order-container .order-form .order-name {
        flex-direction: column
    }

    .order-container .order-form .order-name .line-cell {
        margin-bottom: 15px;
        width: 360px;
        max-width: 100%
    }

    .order-container .order-form .note-line .line-cell {
        width: 360px
    }

    .order-container.order-complete-container .order-complete .order-code-box {
        flex-direction: column;
        width: 100%
    }

    .order-container.order-complete-container .order-complete .order-code-box .code-note {
        text-align: center;
        font-size: 14px
    }

    .order-container.order-complete-container .order-complete .barcode-box {
        flex-direction: column;
        width: 100%
    }

    .order-container.order-complete-container .order-complete .barcode-box .barcode-image {
        max-width: 100%;
        margin-bottom: 20px
    }

    .order-container.order-complete-container .order-complete .barcode-box .barcode-note {
        max-width: none;
        font-size: 14px
    }

    .order-container.order-complete-container .order-actions {
        justify-content: center
    }

    .cart-section .guide-block {
        margin-top: 0
    }

    .cart-section .guide-block .guide-item {
        padding: 15px 0
    }

    .cart-section .guide-block .item-box {
        padding-right: 15px
    }

    .cart-section .guide-block .item-box i {
        font-size: 55px
    }

    .cart-section .guide-block .item-box span {
        font-size: 14px
    }

    .cart-container {
        flex-direction: column
    }

    .cart-container .service-box {
        max-width: none
    }

    .cart-container .price-col .cart-total-box {
        margin-bottom: 40px
    }

    .cart-container .price-col .cart-total-box .header {
        margin-bottom: 12px
    }

    .cart-container .price-col .cart-total-box .total-attention {
        max-width: 185px;
        margin-bottom: 0
    }

    .cart-container .price-col .cart-total-box .center-block {
        margin-bottom: 0
    }

    .cart-container .price-col .total-order-box {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .at-home-section .contacts-container,
    .cart-section .cart-empty {
        flex-direction: column-reverse
    }

    .cart-container .price-col .notes-container {
        display: flex;
        max-width: none
    }

    .cart-container .price-col .notes-container .cart-note {
        padding-right: 15px;
        width: 50%
    }

    .cart-container .order-actions,
    .order-container .order-actions {
        display: flex;
        padding: 0 10px
    }

    .cart-container .order-actions .action-block,
    .order-container .order-actions .action-block {
        margin-right: 30px
    }

    .cart-section .cart-empty {
        align-items: center
    }

    .cart-section .cart-empty .image {
        margin-right: 0
    }

    .cart-section .cart-empty .empty-text-block {
        margin-bottom: 60px;
        text-align: center
    }

    .analyses .nav-col,
    .analyses .tabs-buttons {
        display: none
    }

    .analyses .analyses-col h2 {
        font-size: 16px;
        margin-top: 0
    }

    .analyses .analyses-col .names {
        min-width: 390px;
        width: 390px
    }

    .analyses .analysis-description .analysis-tabs .analysis-tab-data {
        padding: 10px 0
    }

    .analyses.search-results .analyses-col .names {
        min-width: 370px;
        width: 370px
    }

    .analyses .article-sources,
    .analyses .article-sources .item-heading {
        font-size: 16px
    }

    .similar-area .similar-block {
        grid-column: unset;
        padding: 30px 0 15px
    }

    .similar-area .similar-block .item-heading {
        font-size: 20px;
        margin-bottom: 8px
    }

    .analyses-section .search-container {
        width: 670px
    }

    .where-container .list-and-map {
        display: block
    }

    .where-container .list-and-map .on-the-map-container {
        display: none
    }

    .where-container .list-and-map .map-container {
        height: auto
    }

    .where-container .list-and-map .map-list {
        height: auto;
        overflow: visible
    }

    .where-container .doctor-to-company .item-person .item-image {
        padding-right: 0;
        margin-bottom: 30px
    }

    .where-container .doctor-to-company .item-person .item-image img {
        margin: 0 auto;
        width: 150px;
        min-width: 150px;
        height: 150px
    }

    .where-container .doctor-to-company .item-person .item-desc {
        text-align: center;
        font-size: 18px
    }

    .where-container .doctor-to-company .item-person .item-contact {
        text-align: center
    }

    .where-container .where-head {
        display: block;
        border-bottom: 0
    }

    .where-container .where-hours-table .where-hours-table-line:not(.opened) .day-cell,
    .where-container .where-tabs {
        display: none
    }

    .where-container .where-tabs .tab {
        padding-bottom: 20px
    }

    .where-container .where-filter-button::before {
        right: 15px
    }

    .where-container .where-filter-button {
        width: 100%;
        background-color: #f3f3f3;
        border: 0
    }

    .where-container .where-filter-button.active,
    .where-container .where-filter-button:active,
    .where-container .where-filter-button:hover {
        background-color: #f3f3f3;
        color: #61BF1A
    }

    .where-container .where-filter-button.active::before,
    .where-container .where-filter-button:active::before,
    .where-container .where-filter-button:hover::before {
        filter: none
    }

    .where-container .filter-item {
        width: 32%
    }

    .where-container .where-lines .line {
        flex-wrap: wrap;
        align-items: flex-start
    }

    .where-container .where-lines .address-box {
        width: 50%;
        margin-bottom: 15px
    }

    .where-container .where-lines .time-box {
        width: 50%
    }

    .where-container .where-lines .time-item {
        white-space: nowrap
    }

    .where-container .where-slider {
        padding: 0 69px
    }

    .where-container .results-attention {
        font-size: 14px;
        margin: 15px 0
    }

    .where-container.where-container-detail {
        margin-bottom: 30px
    }

    .where-container .where-hours-table-header {
        font-size: 16px
    }

    .where-container .where-hours-table .where-hours-table-line {
        justify-content: flex-start;
        border-bottom: 0
    }

    .list-and-map,
    .where-container .where-hours-table .hours-title::before {
        display: block
    }

    .where-container .where-hours-table .hours-title {
        border-bottom: 1px solid #fff
    }

    .where-container .where-hours-table .day-cell .hours-value {
        min-height: 0;
        padding: 10px 14px
    }

    .where-container .where-hours-table .day-cell {
        width: 25%;
        min-width: 25%;
        border-bottom: 1px solid #e5e5e5
    }

    .where-container .where-hours-table2-heading {
        font-size: 18px;
        margin-bottom: 15px
    }

    .where-container .where-hours-table2 td:first-child[rowspan] {
        position: sticky;
        left: 0;
        z-index: 2;
        padding: 0 5px;
        text-align: left
    }

    .where-container .where-metro-blocks {
        margin-bottom: 30px
    }

    .where-container .where-metro-blocks .where-metro-block {
        margin-bottom: 10px;
        width: 100%
    }

    .where-container .where-routes-detail .header {
        font-size: 18px;
        margin-bottom: 20px
    }

    .where-container .route-block-container .route-count-icon {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
        left: 0
    }

    .where-container .route-block-container .route-image-wrap::before {
        opacity: .5
    }

    .where-container .route-block-container .route-image-wrap {
        min-width: 120px;
        width: 120px;
        height: 120px
    }

    .marker.where-metro-marker {
        width: 30px;
        height: 40px
    }

    .where-metro-tooltip {
        bottom: auto;
        top: 75%;
        width: 185px
    }

    .where-section .office-props.detail .office-prop {
        margin-bottom: 10px;
        padding-right: 15px;
        width: 50%
    }

    .where-section .office-props.detail .office-prop::before {
        width: 30px;
        height: 30px;
        min-width: 30px
    }

    .at-home-section .contacts-box .header br,
    .list-and-map .on-the-map-container {
        display: none
    }

    .list-and-map .map-container {
        height: auto
    }

    .list-and-map .map-list {
        height: auto;
        overflow: visible
    }

    .doctor-to-company .item-person .item-image {
        padding-right: 0;
        margin-bottom: 30px
    }

    .doctor-to-company .item-person .item-image img {
        margin: 0 auto;
        width: 150px;
        min-width: 150px;
        height: 150px
    }

    .doctor-to-company .item-person .item-desc {
        text-align: center;
        font-size: 18px
    }

    .doctor-to-company .item-person .item-contact {
        text-align: center
    }

    .\@where .offices .offices-cards .toggle-input:checked~.cards-grid {
        padding-bottom: 20px
    }

    .\@where .offices .offices-cards .cards-grid {
        grid-gap: 15px;
        grid-template-columns: 1fr 1fr
    }

    .at-home-section .top-text {
        margin-bottom: 30px
    }

    .at-home-section .form-col {
        min-width: auto;
        margin-right: 0
    }

    .at-home-section .contacts-box {
        margin-bottom: 40px
    }

    .at-home-section .at-home-table td,
    .at-home-section .at-home-table th {
        padding: 10px 15px
    }

    .at-home-section .at-home-table th {
        font-size: 13px
    }

    .at-home-section .at-home-table td,
    .results-section .more-results .button {
        font-size: 14px
    }

    .at-home-section .price-container .heading {
        font-size: 18px
    }

    .at-home-section .price-container .price-cols {
        display: block
    }

    .\@auth .login-block .login-nav .link::before,
    .\@auth .login-block .login-nav .mobile-hidden,
    .\@office .schedule-block .where-hours-table .where-hours-table-line:not(.opened) .day-cell,
    .results-section .results-table .table-head {
        display: none
    }

    .at-home-section .price-container .price-col {
        width: auto
    }

    .at-home-section .special-notices .special-notice {
        padding: 25px 15px
    }

    .vacancy-section .block-elements {
        flex-direction: column;
        align-items: center
    }

    .vacancy-section .vacancy-form .upload-lines .files-upload {
        margin-top: -10px
    }

    .vacancy-section .vacancy-form .form-line {
        margin-bottom: 20px
    }

    .vacancy-section .second-tube {
        width: auto;
        min-width: 0;
        max-width: 100%
    }

    .results-section .results-table-header {
        align-items: flex-start
    }

    .results-section .results-table .result-line,
    .results-section .results-table-header .button-wrap {
        flex-direction: column
    }

    .results-section .results-table-header .header {
        padding-top: 13px;
        font-size: 20px
    }

    .results-section .results-table-header .button.disabled {
        margin-right: 0;
        margin-bottom: 10px
    }

    .results-section .results-table .range {
        width: 192px;
        min-width: 192px
    }

    .results-section .results-table .measure {
        min-width: 81px;
        width: 81px
    }

    .results-section .results-table .result-line:not(.headline) {
        margin-right: 0
    }

    .results-section .results-table .result-line:not(.headline) .name {
        width: auto;
        min-width: 0
    }

    .results-section .results-table .result-line.headline {
        border-top: 1px solid #e5e5e5;
        margin-top: -1px
    }

    .results-section .results-table .result-line .name {
        width: auto;
        min-width: auto;
        margin-bottom: 14px;
        padding-left: 0
    }

    .results-section .results-table .result-line .range-box,
    .results-section .results-table .result-line .range-box.disabled {
        margin-top: 26px
    }

    .results-section .results-table .result-line .info-box {
        padding-left: 60px
    }

    .results-section .more-results {
        margin-bottom: 80px;
        text-align: center
    }

    .results-section .client-container {
        max-width: 280px
    }

    .results-section .client-container .client-name {
        font-size: 18px
    }

    .results-section .client-container .discount-value {
        font-size: 40px;
        margin-right: 0
    }

    .\@auth .login-block .submit-line {
        text-align: center
    }

    .\@auth .login-block .login-nav {
        position: static;
        max-width: 400px;
        margin: 27px auto 0;
        padding-top: 22px;
        border-top: 1px solid #e5e5e5
    }

    .\@auth .login-block .login-nav .link {
        margin-bottom: 15px
    }

    .\@auth .action-links {
        flex-direction: column;
        align-items: center
    }

    .\@auth .action-links .link {
        margin-bottom: 24px
    }

    .\@auth .action-links .link:last-child {
        margin-bottom: 0
    }

    .\@office .reviews-block .review-form {
        padding-bottom: 25px
    }

    .\@office .reviews-block .review-form .cells {
        grid-template-columns: 1fr;
        grid-gap: 15px
    }

    .\@office .reviews-block .review-form textarea {
        padding-top: 10px
    }

    .\@office .actions-block {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .\@office .text-element {
        padding: 20px 0
    }

    .\@office .head-box .heading {
        margin-bottom: 20px
    }

    .\@office .head-params {
        flex-direction: column;
        align-items: center
    }

    .\@office .head-params .rating {
        padding-bottom: 10px
    }

    .\@office .head-params .time {
        padding: 0 0 10px
    }

    .\@office .schedule-block .where-hours-table .where-hours-table-line {
        justify-content: flex-start;
        border-bottom: 0
    }

    .\@office .schedule-block .where-hours-table .hours-title::before,
    .service-at-home__popular-analyzes .\@similar2 .item-grid {
        display: block
    }

    .\@office .schedule-block .where-hours-table .hours-title {
        border-bottom: 1px solid #fff
    }

    .\@office .schedule-block .where-hours-table .day-cell .hours-value {
        min-height: 0;
        padding: 10px 14px
    }

    .\@office .schedule-block .where-hours-table .day-cell {
        width: 25%;
        min-width: 25%;
        border-bottom: 1px solid #e5e5e5
    }

    .\@office .schedule-block .where-hours-table2 td:first-child[rowspan] {
        position: sticky;
        left: -15px;
        z-index: 2;
        padding: 0 5px;
        text-align: left
    }

    .\@office .attention-block {
        padding-top: 25px;
        padding-bottom: 20px
    }

    .\@office .props-block,
    .\@office .props-block .office-props {
        padding-bottom: 15px;
        padding-top: 15px
    }

    .\@office .attention-block.red {
        padding-top: 25px
    }

    .\@office .attention-block.red .attention .desc,
    .\@office .attention-block.red .attention .item-title {
        font-size: 14px
    }

    .\@office .attention-block .attention {
        padding: 15px
    }

    .\@office .props-block .office-props {
        grid-gap: 10px
    }

    .\@office .props-block .office-props .office-prop::before {
        width: 30px;
        height: 30px;
        min-width: 30px
    }

    .\@office .gallery-block {
        padding-bottom: 20px;
        padding-top: 15px
    }

    .\@office .gallery-block .block-heading>span {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .\@office .gallery-block .block-heading span span {
        display: none
    }

    .\@office .gallery-block .gallery-slider .slick-next,
    .\@office .gallery-block .gallery-slider .slick-prev {
        top: auto;
        margin-bottom: 25px;
        bottom: 100%
    }

    .\@office .gallery-block .gallery-slider .slider-item .item-image img {
        height: 280px
    }

    .\@office .gallery-block .gallery {
        grid-template-columns: 1fr 1fr;
        grid-gap: 15px
    }

    .\@office .gallery-block .gallery .item {
        height: 250px
    }

    .\@office .doctors-block {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .\@office .doctors-block .doctors-slider .item-image img {
        height: 193px
    }

    .\@office .video-block {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .\@office .video-block .video-box {
        min-height: 350px
    }

    .\@office .video-block .about .title {
        font-size: 24px;
        margin-bottom: 30px
    }

    .\@office .video-block .about .icon img {
        width: 65px;
        height: 65px
    }

    .\@office .faq-block .item-title::after {
        font-size: 38px
    }

    .page-service-at-home .reviews-block .review-form {
        padding-bottom: 25px
    }

    .page-service-at-home .reviews-block .review-form .cells {
        grid-template-columns: 1fr;
        grid-gap: 15px
    }

    .page-service-at-home .reviews-block .review-form textarea {
        padding-top: 10px
    }

    .page-service-at-home .actions-block {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .page-service-at-home .text-element {
        margin: 20px 0;
        padding: 20px 0
    }

    .service-at-home__nav {
        gap: 10px 6px
    }

    .service-at-home__section {
        margin: 20px 0
    }

    .service-at-home__section--my-lg {
        margin: 40px 0
    }

    .service-at-home__zones {
        flex-wrap: wrap;
        margin-top: 15px
    }

    .service-at-home__zones .service-at-home__zones-tabs {
        flex: 1 0 100%;
        max-width: 100%
    }

    .service-at-home__zones .service-at-home__zones-map {
        order: -1;
        margin-bottom: 40px
    }

    .\@search .page-container {
        padding-left: 15px;
        padding-right: 15px
    }

    .\@search .inpit-searh-line input {
        padding-left: 10px
    }

    .\@search .inpit-searh-line .button {
        font-size: 0;
        padding: 8px
    }

    .\@search .inpit-searh-line .button::before {
        margin-right: 0
    }

    .\@search .search-actions {
        padding-bottom: 25px
    }

    .\@search .search-actions .action {
        margin-right: 10px
    }

    .\@search .search-grid {
        grid-template-columns: 1fr 1fr
    }

    .\@search .search-grid .tags-list {
        margin-left: -5px;
        margin-right: -5px
    }

    .\@search .search-grid .tags-list.small .list-item {
        padding: 0 3px 6px
    }

    .\@search .search-grid .tags-list .list-item {
        padding: 0 5px 10px
    }

    .\@search .search-grid .tags-list .item-link {
        font-size: 14px;
        padding: 6px 10px
    }

    .contacts-wrapper .contacts-container {
        display: flex;
        flex-direction: column
    }

    .contacts-wrapper .addresss-and-email,
    .contacts-wrapper .phone-and-time {
        display: flex;
        justify-content: space-between
    }

    .contacts-wrapper .contacts-box {
        display: flex;
        flex-direction: column;
        min-width: 0
    }

    .discount-container .discount-cards-grid {
        flex-wrap: wrap;
        margin-bottom: 30px
    }

    .discount-container .discount-card {
        max-width: 330px;
        margin-bottom: 10px;
        display: flex;
        padding: 12px 9px 7px 6px
    }

    .discount-container .discount-card:not(:nth-of-type(2n)) {
        margin-right: 10px
    }

    .discount-container .discount-card .ico-wrapper::before {
        right: 30%;
        bottom: -50px
    }

    .discount-container .discount-card .ico-wrapper {
        display: flex;
        align-items: center;
        margin-bottom: 0;
        margin-right: 7px
    }

    .discount-container .discount-card .discount-ico {
        width: 86px;
        height: 86px
    }

    .discount-container .discount-card .card-header {
        font-size: 20px;
        margin-bottom: 5px;
        text-align: left
    }

    .discount-container .discount-card .card-desc {
        font-size: 13px;
        line-height: 18px;
        text-align: left
    }

    .discount-container .discount-card .card-profit {
        text-align: left
    }

    .discount-container .discount-faq-item h2,
    .discount-container .discount-faq-item h3,
    .discount-container .discount-faq-item h4 {
        font-size: 16px
    }

    .feedback-container .feedbacks-grid .feedback-item {
        width: 100%
    }

    .feedback-container .feedbacks-grid .feedback-text {
        font-size: 13px;
        line-height: 19px;
        margin-bottom: 20px
    }

    .feedback-container .feedbacks-grid .feedback-person .person-name {
        font-size: 14px
    }

    .feedback-container .feedbacks-grid .feedback-person .person-location-and-time {
        font-size: 13px
    }

    .about-lab-section {
        padding-bottom: 20px
    }

    .about-lab-section .about-lab-box {
        flex-direction: column;
        margin-bottom: 28px
    }

    .about-lab-section .about-lab-box .image-lab {
        max-width: 100%;
        margin-bottom: 20px
    }

    .section-recommends.section-feedback-block .feedback-text {
        font-size: 13px;
        line-height: 19px;
        margin-bottom: 20px
    }

    .section-about_franchise {
        padding: 44px 0
    }

    .section-about_franchise .franchise-text {
        font-size: 14px;
        line-height: 23px
    }

    .section-about_franchise .special-list li {
        align-items: center
    }

    .section-about_franchise .special-list li::before {
        width: 40px;
        height: 40px;
        min-width: 40px
    }

    .about-lab-section .about-why-list {
        display: block
    }

    .about-lab-section .about-why-list .list-item {
        width: auto;
        display: flex;
        padding: 0;
        margin-bottom: 20px
    }

    .about-lab-section .about-why-list .item-title {
        height: auto;
        text-align: left;
        font-size: 16px
    }

    .section-corona-countries .page-links.right,
    .section-corona-newyear .page-links.right,
    .section-sperm .page-links.right {
        text-align: center
    }

    .about-lab-section .about-brands-box .brands-grid {
        flex-wrap: wrap
    }

    .about-lab-section .about-brands-box .brand-item {
        width: 25%;
        padding: 15px
    }

    .about-license-box .license-header {
        display: block;
        margin-bottom: 20px
    }

    .about-license-box .license-header h2 {
        width: auto;
        font-size: 18px;
        margin-right: 0
    }

    .about-license-box .license-images {
        margin-bottom: 28px
    }

    .section-corona-newyear .page-links.top,
    .section-sperm .page-links.top {
        margin-bottom: 0;
        margin-top: 0
    }

    .bureaucracy-grid .item-title {
        font-size: 18px
    }

    .bureaucracy-grid .item-name {
        font-size: 16px
    }

    .section-corona-countries .page-links.top {
        margin-top: 0
    }

    .section-corona-newyear .page-links.bottom {
        margin-top: 0
    }

    .section-sperm .page-links.bottom {
        margin-top: 0
    }

    .\@library .library {
        grid-template-columns: 1fr
    }

    .\@library .library .page-top {
        grid-column: unset
    }

    .\@library .category-selector {
        display: block
    }

    .\@library .page-heading {
        font-size: 22px;
        margin-bottom: 15px;
        font-weight: 700
    }

    .\@library .page-desc {
        font-size: 14px;
        margin-top: -10px;
        padding-bottom: 0
    }

    .\@library .aside {
        display: none
    }

    .\@library .article-head .item-top .divider {
        padding: 0 5px;
        opacity: 0
    }

    .\@library .article-head .item-published::before,
    .\@library .article-head .item-updated::before,
    .\@library .article-head .item-visits::before {
        display: block
    }

    .\@library .article-head .item-dates .item-label,
    .\@library .article-head .item-published .item-label,
    .\@library .article-head .item-updated .item-label,
    .\@library .article-head .item-visits .item-label {
        display: none
    }

    .\@library .article-month .item-heading {
        font-size: 20px;
        margin-bottom: 8px
    }

    .\@library .article-month .item-visits::before {
        display: block
    }

    .\@library .article-month .item-visits .item-label {
        display: none
    }

    .\@library .tags-list {
        margin-left: -5px;
        margin-right: -5px
    }

    .\@library .tags-list.small .list-item {
        padding: 0 3px 6px
    }

    .\@library .tags-list .list-item {
        padding: 0 5px 10px
    }

    .\@library .tags-list .item-link {
        font-size: 14px;
        padding: 6px 10px
    }

    .\@library .articles-best .item-heading {
        font-size: 20px;
        margin-bottom: 8px
    }

    .\@library .article-contents .item-heading {
        font-size: 22px !important;
        margin-bottom: 8px
    }

    .\@library .article-about {
        grid-column: unset
    }

    .\@library .article-about .article-links {
        flex-direction: column;
        padding-bottom: 25px
    }

    .\@library .article-about .article-links .tags-list {
        padding-right: 0
    }

    .\@library .article-about .article-links .share-nav {
        width: 100%;
        padding-top: 15px;
        justify-content: flex-end
    }

    .\@library .article-about .article-sources,
    .\@library .article-about .article-sources .item-heading {
        font-size: 16px
    }

    .\@library .article-about .article-expert {
        padding-bottom: 25px
    }

    .\@library .article-about .article-expert .item-label {
        margin-right: 15px
    }

    .\@library .article-about .article-expert .item-label .item-icon img {
        width: 60px;
        min-width: 60px;
        height: 60px;
        top: -10px
    }

    .\@library .article-about .article-expert .item-label .label-value {
        font-size: 18px
    }

    .\@library .article-about .article-expert .expert-about {
        padding: 20px
    }

    .\@library .article-about .article-expert .expert-about .item-photo {
        padding-right: 15px
    }

    .\@library .article-about .article-expert .expert-about .item-photo img {
        width: 80px;
        min-width: 80px;
        height: 80px
    }

    .\@library .article-about .article-expert .expert-about .name {
        font-size: 18px;
        margin-bottom: 0
    }

    .\@library .article-about .article-expert .expert-about .position {
        font-size: 14px
    }

    .\@library .analyses-block {
        grid-column: unset;
        padding: 30px 0 15px
    }

    .\@library .analyses-block .similar-heading {
        font-size: 20px;
        margin-bottom: 20px
    }

    .\@library .article-similars .item-heading {
        font-size: 22px;
        margin-bottom: 0
    }

    .\@library .article-similars .similars-grid .item-title {
        font-size: 18px
    }

    .\@library .library-items {
        grid-column: unset
    }

    .\@library .library-items .items-top .items-count {
        font-size: 14px
    }

    .\@library .library-items .item-heading {
        font-size: 20px;
        margin-bottom: 8px
    }

    .\@library .library-items .library-grid {
        grid-template-columns: 1fr 1fr
    }

    .\@library .discount-block {
        grid-column: unset
    }
}

@media (max-width:991px) {
    .show-more-button {
        font-size: 20px
    }

    .footer-section {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 30px
    }

    .footer-section a {
        font-size: 12px
    }

    .footer-section .col.col-nav .item {
        margin-bottom: 8px
    }

    .footer-section .big-phone a {
        font-size: 18px
    }

    .footer-section .tel-desc {
        font-size: 14px
    }

    .footer-section .work-time {
        font-size: 12px
    }
}

@media all and (max-width:900px) {

    .footer__info {
        grid-template-columns: 1fr;
        gap: 40px;
        justify-items: center;
    }

    .mfp-arrow {
        transform: scale(.75)
    }

    .mfp-arrow-left {
        transform-origin: 0
    }

    .mfp-arrow-right {
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media (max-width:767px) {

    .reviews__cards__container {
        grid-template-columns: 1fr;
    }

    .reviews__container {
        padding: 106px 15px 120px;
    }

    .show-more-button {
        font-size: 18px
    }

    .styled-radio input+label::before {
        top: 2px
    }

    .default-form .form-submit-line,
    .default-form .submit-line,
    .regular-form .form-submit-line,
    .regular-form .submit-line {
        text-align: center
    }

    .hide-768-down {
        display: none !important
    }

    .actual-offers-list {
        grid-template-columns: 1fr
    }

    .section-header .where-link-container {
        display: none
    }

    .footer-section .cookies-notice {
        padding: 20px 0
    }

    .footer-section .cookies-notice .omnomnom-box {
        padding: 0 5px
    }

    .\@office .reviews-block .reviews-head,
    .page-service-at-home .reviews-block .reviews-head {
        flex-direction: column;
        padding-top: 25px
    }

    .\@office .reviews-block .reviews-head .about,
    .page-service-at-home .reviews-block .reviews-head .about {
        padding-right: 0;
        padding-bottom: 25px
    }

    .\@auth .register-complete .item-text {
        margin-bottom: 30px;
        font-size: 14px
    }

    .\@office .reviews-block .reviews-head .item-heading,
    .page-service-at-home .reviews-block .reviews-head .item-heading {
        font-size: 18px
    }

    .about-lab-section .about-brands-box .brands-description {
        font-size: 14px
    }

    .about-lab-section .about-brands-box .brand-item {
        width: 50%;
        text-align: center
    }

    .about-lab-section .quality-list .item-icons {
        flex-direction: column;
        align-items: center;
        margin-right: 20px
    }

    .about-lab-section .quality-list .item-count {
        margin-bottom: 15px;
        width: 50px;
        min-width: 50px;
        height: 50px;
        font-size: 30px;
        margin-right: 0
    }

    .about-lab-section .quality-list .item-icon {
        width: 100px;
        min-width: 100px;
        margin-right: 0
    }

    .about-lab-section .quality-list .item-title {
        font-size: 16px
    }
}

@media (max-width:750px) {
    .adaptive-element.big {
        display: none
    }

    .default-form .line-cells,
    .regular-form .line-cells {
        margin-left: 0;
        margin-right: 0;
        display: block
    }

    .default-form .line-cells .cell-box,
    .regular-form .line-cells .cell-box {
        width: auto;
        padding: 0;
        margin-bottom: 15px
    }

    .brick-brick {
        padding: 0 10px 45px
    }

    .order-container .order-form .location-cell {
        margin-bottom: 20px
    }

    .order-container .order-form .line-wrap {
        display: block
    }

    .cart-section {
        padding: 30px 15px
    }

    .cart-section .page-head {
        display: block !important;
        text-align: center
    }

    .cart-section .page-head .button {
        font-size: 14px
    }

    .cart-section .page-head .heading {
        text-align: left;
        padding: 0
    }

    .cart-section .guide-block .guide-container {
        flex-wrap: wrap
    }

    .cart-section .guide-block .guide-item {
        width: 100%
    }

    .cart-section .guide-block .item-box {
        padding-right: 0
    }

    .cart-section .guide-block .item-box i {
        font-size: 36px
    }

    .cart-container .cart-item {
        flex-direction: column;
        padding-right: 0
    }

    .cart-container .cart-item .item-name {
        font-size: 14px
    }

    .cart-container .cart-item .params-container {
        padding-left: 0;
        padding-top: 15px
    }

    .cart-container .cart-item .params-container .time-icons i {
        width: 20px;
        height: 20px
    }

    .cart-container .cart-item .params-container .time-icons {
        margin-bottom: 0
    }

    .cart-container .cart-item .choose-samples.custom-samples .chech-sample {
        width: auto;
        font-size: 16px
    }

    .cart-container .cart-item .choose-samples {
        flex-wrap: wrap;
        margin-bottom: 0
    }

    .cart-container .cart-item .choose-samples .chech-sample {
        width: 50%;
        margin-bottom: 20px
    }

    .cart-container .cart-item .choose-samples.styled-checkbox input+label {
        padding-left: 30px
    }

    .cart-container .cart-item .choose-samples.styled-checkbox input+label::before {
        width: 42px;
        height: 42px;
        min-width: 42px
    }

    .cart-container .cart-item .choose-samples.styled-checkbox input:checked+label::before {
        background-size: 22px
    }

    .cart-container .required-services .required-header {
        font-size: 16px;
        margin-bottom: 20px
    }

    .cart-container .required-services .required-item {
        padding-left: 15px;
        padding-right: 15px;
        margin-left: -15px;
        margin-right: -15px;
        display: block
    }

    .cart-container .required-services .required-item .item-header {
        margin-bottom: 6px
    }

    .cart-container .required-services .required-item .header {
        margin-bottom: 7px
    }

    .cart-container .required-services .required-item .item-name {
        font-size: 14px;
        display: block;
        margin-bottom: 12px
    }

    .cart-container .required-services .required-item .item-price {
        font-size: 16px
    }

    .cart-container .price-col .cart-total-box {
        border-radius: 0;
        margin-left: -15px;
        margin-right: -15px;
        padding-bottom: 25px
    }

    .cart-container .price-col .cart-total-box .total-price {
        font-size: 24px;
        font-weight: 600
    }

    .cart-container .price-col .cart-total-box .total-attention {
        margin-bottom: 40px;
        font-size: 12px;
        max-width: none
    }

    .cart-container .price-col .cart-total-box .button {
        width: auto;
        padding: 0 35px
    }

    .cart-container .price-col .notes-container,
    .cart-container .price-col .total-order-box {
        display: block
    }

    .cart-container .price-col .notes-container .cart-note {
        width: auto
    }

    .cart-container .total-price-discount {
        font-size: 18px
    }

    .vacancy-section .heading-wrapper {
        padding-bottom: 25px
    }

    .vacancy-section .main-tube {
        padding-right: 0
    }

    .vacancy-section .second-tube,
    .vacancy-section .vacancy-form {
        padding-left: 15px;
        padding-right: 15px
    }

    .about-lab-section .about-iso {
        flex-direction: column;
        padding: 30px 0
    }

    .about-lab-section .about-iso .block-text {
        font-size: 16px
    }

    .ask-doc .block-answers .types-area .doctor-selector {
        display: block
    }

    .ask-doc .block-answers .types-area .answers-types {
        display: none
    }
}

@media (max-width:720px) {
    .regular-popup .popup-container {
        padding-left: 15px;
        padding-right: 15px;
        width: 100vw;
        height: 100vh;
        overflow: auto
    }

    .regular-popup .popup-container--no-expand-mobile {
        width: auto;
        height: auto;
        max-width: calc(100% - 30px)
    }

    .restore-password-box .sms-sent {
        text-align: center
    }

    .section-header .cities-v3 .cities-abc.tablet {
        grid-template-columns: 1fr
    }

    .section-header .drop-box-item.opened .drop-box-wrapper.drop-cabinet-wrapper {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 10001;
        box-shadow: none;
        height: 100vh;
        overflow: auto;
        background-color: #fff
    }

    .section-header .drop-box-item.opened .drop-box-wrapper.drop-cabinet-wrapper .overlay {
        display: none
    }

    .section-header .drop-box-item.opened .drop-box-wrapper.drop-cabinet-wrapper .drop-cabinet-box {
        box-shadow: none
    }

    .section-header .drop-box-wrapper {
        padding-top: 20px
    }

    .popup-carrot .popup-container {
        height: 100vh;
        height: auto;
        width: auto;
        width: 400px
    }

    .popup-carrot .normal-carrot {
        display: none
    }

    .popup-carrot .small-carrot {
        display: block
    }

    .promotions-grid {
        margin-left: 0;
        margin-right: 0
    }

    .section-research {
        padding: 20px 15px
    }

    .section-research .research-grid .grid-item {
        width: 100%;
        border-right-width: 0
    }
}

@media (max-width:700px) {

    .contacts__title {
        font-size: 18px;
    }

    .stocks__detail {
        padding: 0 15px;
    }

    .stocks__info {
        padding: 0 15px;
    }

    .specialties {
        padding: 0 15px;
    }

    .\@similar .item-grid,
    .\@similar .item-grid.three,
    .\@similar2 .item-grid,
    .\@similar2 .item-grid.four,
    .\@similar2 .item-grid.three,
    .ask-doc .block-answers .answers-list .list-item,
    .popular-analyzes-list.\@similar2 .item-grid {
        grid-template-columns: 1fr
    }

    .\:container .heading,
    .page-container .heading {
        font-size: 18px;
        margin-bottom: 20px;
        padding-left: 15px;
        padding-right: 15px
    }

    .\:container .heading.underline span::before,
    .page-container .heading.underline span::before {
        display: none
    }

    .\:container .heading.small,
    .page-container .heading.small {
        font-size: 16px;
        margin-bottom: 22px
    }

    .\:container .heading.regular,
    .page-container .heading.regular {
        font-size: 20px;
        margin-bottom: 22px
    }

    .\:container .heading.micro,
    .page-container .heading.micro {
        font-size: 16px;
        margin-bottom: 15px
    }

    .\:container .heading--mb-md,
    .page-container .heading--mb-md {
        margin-bottom: 20px
    }

    .\:container .heading {
        padding-left: 0;
        padding-right: 0
    }

    .default-section:last-child {
        padding-bottom: 20px
    }

    .breadcrumbs {
        padding-left: 15px
    }

    .default-form input,
    .default-form select,
    .default-form textarea,
    .regular-form input,
    .regular-form select,
    .regular-form textarea {
        padding: 0 10px
    }

    .default-form .form-heading,
    .default-form .header,
    .regular-form .form-heading,
    .regular-form .header {
        font-size: 18px;
        margin-bottom: 30px
    }

    .regular-slick-slider .slick-prev,
    .regular-slider .slick-prev {
        margin-left: 10px
    }

    .regular-slick-slider .slick-next,
    .regular-slider .slick-next {
        margin-right: 10px;
        right: 0
    }

    .not-found-page {
        padding-top: 10px
    }

    .not-found-page .huh {
        font-size: 24px
    }

    .not-found-page .omg {
        font-size: 130px
    }

    .not-found-page .yay {
        font-size: 24px
    }

    .not-found-page .go-away-stranger .button,
    .not-found-page .nooooooooooooo {
        font-size: 14px
    }

    .hide-700-down {
        display: none !important
    }

    .default-article .article-table.article-table-compare thead,
    .default-article-box .article-table.article-table-compare thead,
    .footer-section .col.col-nav,
    .popular-analyzes-list--not-loaded .item-grid .grid-item:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)),
    .popular-analyzes-list__show-more,
    .section-header .phone-container2 .phone .phone-label,
    .section-header .search-box .for-example,
    .section-header .search-box .header,
    .section-header .search-box .search-dropped-line .button span,
    .section-header .search-box .search-dropped-line .button::after,
    .section-header .swim-wrapper.swim .search-box.opened .search-dropped-line .button span,
    .section-header .swim-wrapper.swim .search-box.opened .search-dropped-line .button::after {
        display: none
    }

    .section-header .swim-wrapper.swim .top-line {
        height: 70px
    }

    .section-header .swim-wrapper.swim .search-box.opened .search-dropped-line .button {
        border: 0;
        font-size: 0;
        height: 37px;
        padding: 0;
        margin-right: -25px;
        transition: background-color 0s !important
    }

    .section-header .swim-wrapper.swim .search-box.opened .search-dropped-line .button::before {
        filter: none !important;
        margin-right: 0;
        width: 23px;
        height: 23px;
        margin-left: 10px
    }

    .section-header .top-line {
        padding-right: 15px
    }

    .section-header .logo-box {
        width: 85px
    }

    .section-header .right-line {
        margin-right: -7px
    }

    .section-header .question-area {
        left: -100px
    }

    .section-header .location-container .cities .cities-heading {
        font-size: 18px
    }

    .section-header .location-container .cities .cities-heading span {
        border-bottom: 1px solid transparent
    }

    .section-header .location-container .cities .cities-heading.active span {
        border-color: #61BF1A
    }

    .section-header .location-container .cities .cities-list {
        -moz-columns: 1;
        columns: 1
    }

    .section-header .phone-container {
        font-size: 0;
        margin-right: 0
    }

    .section-header .phone-container::before {
        width: 20px;
        height: 20px
    }

    .section-header .phone-container2 {
        font-size: 0;
        margin-right: 0
    }

    .section-header .phone-container2::before {
        width: 20px;
        height: 20px;
        margin-right: 0
    }

    .section-header .person-container .account-name {
        margin-right: 0;
        padding: 5px
    }


    .section-header .search-box.opened .drop-search-wrapper {
        z-index: 1 !important
    }

    .section-header .search-box {
        box-shadow: none
    }

    .section-header .search-box .search-button {
        padding-top: 5px
    }

    .section-header .search-box .search-dropped {
        padding: 0 15px 0 45px
    }

    .section-header .search-box .drop-box-wrapper {
        padding-top: 0;
        box-shadow: none
    }

    .section-header .search-box .drop-box-wrapper .close-box {
        left: 2px;
        top: 2px;
        z-index: 4;
        transform: none;
        height: auto
    }

    .section-header .search-box .drop-box-wrapper .close-box::before {
        width: 20px;
        height: 20px;
        background-image: url("data:image/svg+xml,%3Csvg width='21' height='19' viewBox='0 0 21 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.06 9.91667H2.70583L10.1433 17.3542L9.20833 18.4167L0 9.20833L9.20833 0L10.1433 1.0625L2.70583 8.5H20.06V9.91667Z' fill='%2361BF1A'/%3E%3C/svg%3E%0A")
    }

    .section-header .search-box .drop-box {
        padding-bottom: 0;
        box-shadow: none;
        width: 100%
    }

    .section-header .search-box .search-dropped-line {
        margin-right: 25px;
        margin-bottom: 10px
    }

    .section-header .search-box .search-dropped-line .button {
        background-color: transparent;
        border: 0;
        font-size: 0;
        height: 37px;
        padding: 0;
        margin-right: -25px;
        transition: background-color 0s !important
    }

    .section-header .search-box .search-dropped-line .button::before {
        filter: none !important;
        margin-right: 0;
        width: 23px;
        height: 23px;
        margin-left: 10px
    }

    .section-header .search-box .search-dropped-line input {
        font-size: 14px;
        padding-left: 0
    }

    .section-header .search-box .search-dropped-line input::-moz-placeholder {
        color: #484949
    }

    .section-header .search-box .search-dropped-line input::placeholder {
        color: #484949
    }

    .section-header .burger {
        height: 45px;
        margin: 0 5px 0 15px
    }

    .section-header .drop-box-wrapper .header {
        font-size: 16px
    }

    .section-header .drop-box {
        padding-bottom: 20px
    }

    .section-header .cabinet-header-form {
        width: auto;
        max-width: 320px
    }

    .section-header .cabinet-header-form .cabinet-submit {
        text-align: center
    }

    .section-header .drop-cabinet-container .header {
        font-size: 18px
    }

    .section-header .drop-cabinet-container {
        padding: 0 15px
    }

    .\@similar .item-heading,
    .\@similar2 .item-heading {
        padding-top: 40px
    }

    .footer-section .we-social .social-balls {
        margin-bottom: 20px
    }

    .footer-section .copyright {
        margin-bottom: 10px
    }

    .footer-section .col.contacts {
        width: 100%
    }

    .footer-section .big-phone a {
        font-size: 24px;
        margin-bottom: 4px
    }

    .footer-section .tel-desc {
        font-size: 12px;
        margin-bottom: 25px
    }

    .default-article,
    .default-article .article-body,
    .default-article-box .article-body {
        margin-bottom: 30px
    }

    .footer-section .work-time {
        font-size: 14px
    }

    .footer-section .attention {
        max-width: 400px
    }

    .footer-section .developer {
        font-size: 12px;
        white-space: nowrap;
        text-align: left
    }

    .default-article {
        margin-left: 15px;
        margin-right: 15px
    }

    .default-article p,
    .default-article-box p {
        font-size: 13px;
        line-height: 19px
    }

    .default-article .article-time,
    .default-article-box .article-time {
        font-size: 13px;
        text-align: center
    }

    .default-article .article-icon,
    .default-article-box .article-icon {
        width: 40px;
        height: 40px
    }

    .default-article p.article-note,
    .default-article-box p.article-note {
        font-size: 12px
    }

    .default-article .article-table.article-table-compare tr,
    .default-article-box .article-table.article-table-compare tr {
        display: flex;
        flex-wrap: wrap
    }

    .default-section .text-block,
    .main-section .search-bar {
        display: none
    }

    .news-container .news-item,
    .press-container .list-item {
        flex-direction: column
    }

    .default-article .article-table.article-table-compare tr td:first-child,
    .default-article-box .article-table.article-table-compare tr td:first-child {
        width: 100%;
        background-color: #f3f3f3;
        border-right: 0;
        text-align: center
    }

    .default-article .article-table.article-table-compare tr td:not(:first-child),
    .default-article-box .article-table.article-table-compare tr td:not(:first-child) {
        width: 33%
    }

    .default-article iframe[src*=youtube],
    .default-article-box iframe[src*=youtube] {
        height: calc(56vw - 30px)
    }

    .default-article h2,
    .default-article h3,
    .default-article-box h2,
    .default-article-box h3 {
        margin-bottom: 20px
    }

    .news-container,
    .press-container {
        padding-left: 15px;
        margin-bottom: 80px
    }

    .default-article h2 b,
    .default-article h2 strong,
    .default-article h3 b,
    .default-article h3 strong,
    .default-article-box h2 b,
    .default-article-box h2 strong,
    .default-article-box h3 b,
    .default-article-box h3 strong {
        font-size: 14px
    }

    .default-article ol,
    .default-article-box ol,
    .page-header-box-section .text {
        font-size: 13px
    }

    .news-container {
        padding-right: 15px
    }

    .news-container .news-item .excerpt-text {
        padding-right: 0
    }

    .press-container {
        padding-right: 15px
    }

    .press-container .list-item .excerpt-text {
        padding-right: 0
    }

    .articles-wrapper,
    .section-recommends .button {
        padding: 0 15px
    }

    .articles-wrapper .articles-grid .article-item {
        width: calc(50% - 5px)
    }

    .default-section .section-header {
        font-size: 16px;
        text-align: left
    }

    .main-slider {
        border-radius: 0
    }

    .main-slider__item {
        padding: 15px
    }

    .main-slider__item-heading {
        font-weight: 400;
        font-size: 16px;
        margin-bottom: 10px
    }

    .main-slider__item-text {
        font-size: 13px
    }

    .main-slider .slick-dots {
        left: 15px
    }

    .section-recommends .slider-container .slick-prev,
    .section-recommends2 .slider-container .slick-prev {
        left: 0;
        margin-left: 10px
    }

    .main-slider__btn-nav.next {
        right: 0
    }

    .main-slider__btn-nav.prev {
        right: calc(0px + 27px + 8px)
    }

    .main-slider__ad-badge {
        right: 9vw;
        top: 3px
    }

    .section-recommends .slider-container .slick-next,
    .section-recommends2 .slider-container .slick-next {
        margin-right: 10px;
        right: 0
    }

    .main-section-nav {
        padding-left: 15px;
        padding-right: 15px
    }

    .main-section-nav__link .icon {
        width: 32px;
        height: 32px
    }

    .main-section {
        padding-bottom: 30px;
        padding-top: 20px
    }

    .main-section .main-section-container-nav {
        order: -1;
        padding-bottom: 10px;
    }

    .main-section .main-section-container {
        padding-left: 0;
        padding-right: 0
    }

    .main-section .main-slider {
        margin-bottom: 0;
        box-shadow: none
    }

    .about-section {
        padding: 30px 20px 20px
    }

    .about-section .text-about {
        font-size: 13px;
        text-align: left;
        margin-bottom: 0
    }

    .section-recommends .button,
    .section-recommends2 .button {
        background-color: #fff;
        font-size: 14px;
        line-height: 38px;
        height: 40px
    }

    .analyses .analysis-description .to-cart-container .tocart-box,
    .order-container .order-form .submit-wrapper,
    .order-container.order-complete-container .order-complete .barcode-box .barcode-note,
    .section-recommends .section-header,
    .section-recommends2 .section-header {
        text-align: center
    }

    .section-recommends {
        padding-top: 36px;
        padding-bottom: 30px
    }

    .section-recommends2 {
        padding-top: 36px;
        padding-bottom: 30px
    }

    .section-recommends2 .button {
        padding: 0 15px
    }

    .analysesathome-section .text {
        font-size: 13px
    }

    .analysesathome-section .balls {
        max-width: 100%;
        padding: 0 25px
    }

    .analysesathome-section .balls .ball {
        width: 60px;
        height: 60px;
        min-width: 60px
    }

    .analysesathome-section .balls .label {
        font-size: 14px
    }

    .cards-section {
        padding: 30px 15px
    }

    .cards-section .cards {
        flex-direction: column;
        margin-bottom: 0
    }

    .cards-section .cards .card.special-mobile {
        display: flex
    }

    .cards-section .cards .card.special-mobile .card-icon {
        border-radius: 50%;
        background-color: #61BF1A;
        margin-left: 10px;
        background-image: none;
        margin-right: 20px;
        position: relative
    }

    .cards-section .cards .card.special-mobile .card-icon::before {
        content: '';
        width: 62px;
        height: 32px;
        background-repeat: no-repeat;
        position: absolute;
        top: 15px;
        left: -10px
    }

    .cards-section .cards .card.special-mobile:active .card-icon::before,
    .cards-section .cards .card.special-mobile:hover .card-icon::before {
        transform: rotate(35deg), translate(20%)
    }

    .cards-section .cards .card {
        display: flex;
        width: auto;
        justify-content: flex-start;
        padding: 12px 8px;
        align-items: center;
        margin-bottom: 15px
    }

    .cards-section .cards .card .card-icon {
        margin: 0 24px 0 0
    }

    .order-container .order-form .header {
        font-size: 18px;
        flex-direction: column
    }

    .order-container .order-form .attention-header {
        margin-left: 0;
        margin-top: 10px
    }

    .order-container .order-form .form-line.birthday {
        display: block
    }

    .order-container .order-form .form-line.birthday .label {
        margin-bottom: 12px;
        display: block
    }

    .order-container .order-form .note-line {
        display: block;
        margin-bottom: 20px
    }

    .order-container .order-form .note-line .line-cell {
        margin-bottom: 10px;
        width: auto;
        margin-right: 0
    }

    .order-container.order-complete-container .order-complete .barcode-box .barcode-image {
        margin-right: 0
    }

    .cart-container.order-list .price-col {
        min-width: 0
    }

    .cart-container .items-header {
        font-size: 18px
    }

    .cart-container .order-actions,
    .order-container .order-actions {
        justify-content: space-between
    }

    .cart-container .order-actions .action-block,
    .order-container .order-actions .action-block {
        margin-right: 0;
        flex-direction: column;
        align-items: center
    }

    .cart-container .order-actions .action-icon,
    .order-container .order-actions .action-icon {
        width: 100%;
        height: 40px;
        background-position: 50%;
        margin-bottom: 15px
    }

    .cart-section .cart-empty .image {
        width: 280px;
        min-width: 280px
    }

    .cart-section .cart-empty .header {
        font-size: 24px
    }

    .cart-section .cart-empty .button-wrapper .button {
        line-height: normal;
        padding-top: 15px;
        height: auto;
        padding-bottom: 15px;
        white-space: normal
    }

    .cart-section .cart-empty .button-wrapper .button br {
        display: block
    }

    .cart-section .cart-empty .empty-text {
        font-size: 22px
    }

    .cart-section .cart-empty .more-empty {
        font-size: 14px
    }

    .analyses .analyses-col h2 {
        padding-left: 15px;
        padding-right: 15px
    }

    .analyses .analyses-col .analyses-header {
        display: none
    }

    .analyses .analyses-col .code {
        padding-left: 0;
        margin-bottom: 10px
    }

    .analyses .analyses-col .analysis,
    .analyses .analysis-description {
        padding-left: 15px;
        padding-right: 15px
    }

    .analyses .analyses-col .names {
        min-width: 0;
        width: auto
    }

    .analyses .analyses-col .analysis {
        flex-wrap: wrap
    }

    .analyses .analyses-col .analysis .divider {
        width: 100%;
        height: 1px;
        background-color: transparent;
        margin-bottom: 20px
    }

    .analyses .analyses-col .analysis .price {
        width: 30%
    }

    .analyses .author-line .author-params {
        padding-top: 0;
        flex-wrap: wrap
    }

    .analyses .author-line .param {
        margin-right: 20px;
        padding-bottom: 12px
    }

    .analyses .analysis-description .analysis-body,
    .analyses .analysis-description .analysis-tabs .analysis-tab-data {
        padding: 0
    }

    .analyses .analysis-description .analysis-header {
        display: block
    }

    .analyses .analysis-description .analysis-header .header {
        font-size: 16px
    }

    .analyses .analysis-description .analysis-params {
        display: block
    }

    .analyses .analysis-description .analysis-params .method,
    .analyses .analysis-description .analysis-params .price,
    .analyses .analysis-description .analysis-params .sample,
    .analyses .analysis-description .analysis-params .time {
        margin-bottom: 22px
    }

    .analyses .analysis-description .analysis-params .header {
        margin-bottom: 0
    }

    .analyses .analysis-description .analysis-params .method-value,
    .analyses .analysis-description .analysis-params .sample-value {
        max-width: 100%
    }

    .analyses .analysis-description .analysis-params .sample-type select {
        max-width: none
    }

    .analyses .analysis-description .to-cart-container {
        display: block;
        margin-bottom: 30px
    }

    .analyses .analysis-description .to-cart-container .tocart-box {
        margin-bottom: 25px;
        width: 100%
    }

    .analyses .analysis-description .to-cart-container .params {
        display: block
    }

    .analyses .analysis-description .analysis-tabs .analysis-tabs-buttons,
    .analyses-section .search-container,
    .analyses-section .search-container .more,
    .analyses.search-results .search-input-container {
        display: none
    }

    .analyses .analysis-description .to-cart-container .params i {
        margin-bottom: 15px;
        font-size: 11px
    }

    .analyses .analysis-description .to-cart-container .bio-type-notice {
        position: static;
        margin-top: -20px
    }

    .analyses .analysis-description .analysis-tabs .mobile-header:not(.opened)+.analysis-tab-data {
        max-height: 0;
        overflow: hidden
    }

    .analyses.search-results .analyses-col .names {
        min-width: 0;
        width: auto
    }

    .similar-area .similar-block .analyses {
        margin-left: -15px;
        margin-right: -15px
    }

    .similar-area .similar-block .item-heading {
        font-size: 18px
    }

    .analyses-section .search-container .search {
        border-radius: 0;
        display: flex;
        align-items: flex-end;
        padding-bottom: 20px;
        height: 45px
    }

    .analyses-section .search-container .search input[type=text] {
        font-size: 14px;
        color: #666;
        margin-right: 40px;
        margin-left: 10px;
        padding-left: 0;
        border-bottom: 1px solid #61BF1A;
        height: 22px
    }

    .analyses-section .search-container .search input[type=text]::-moz-placeholder {
        font-size: 14px;
        color: #666
    }

    .analyses-section .search-container .search input[type=text]::placeholder {
        font-size: 14px;
        color: #666
    }

    .analyses-section .search-container .search-button {
        background-color: transparent;
        margin-top: -19px
    }

    .analyses-section .search-container .search-button::before {
        filter: none;
        width: 23px;
        height: 23px
    }

    .where-container .where-head {
        padding-left: 14px;
        padding-right: 14px
    }

    .where-container .where-tabs .tab {
        width: 100%;
        padding: 10px 0
    }

    .where-container .filter-container {
        padding: 0 14px
    }

    .where-container .filter-container .clear-button-container {
        margin-top: 0
    }

    .where-container .filter-item {
        width: auto;
        margin-right: 15px
    }

    .where-container .slider-specialOffers .slick-next,
    .where-container .where-slider .slick-next {
        margin-right: 10px;
        right: 0
    }

    .where-container .where-lines .address-box {
        width: 100%
    }

    .where-container .where-lines .time-box {
        font-size: 14px;
        width: 100%;
        margin-bottom: 18px
    }

    .\@where .offices .offices-cards .toggle-input:checked~.toggle-button,
    .where-container .where-hours-table-header {
        margin-bottom: 15px
    }

    .where-container .where-slider .slick-prev {
        margin-left: 10px
    }

    .where-container .map-container iframe {
        height: 380px
    }

    .where-container .results-attention {
        font-size: 13px;
        padding: 0 14px
    }

    .where-container.where-container-detail {
        padding-left: 15px;
        padding-right: 15px
    }

    .where-container .where-hours-table .hours-title {
        text-align: left;
        padding-left: 12px
    }

    .where-container .where-hours-table .day-cell .hours-value {
        text-align: center
    }

    .where-container .where-hours-table .day-cell {
        width: 50%;
        min-width: 50%
    }

    .where-container .where-hours-table .day-cell:nth-of-type(2n+1) {
        border-right: 0
    }

    .where-container .slider-specialOffers .slick-prev {
        margin-left: 10px;
        left: 0
    }

    .where-container .where-metro-blocks {
        margin-bottom: 10px
    }

    .where-container .route-block-container .route-block {
        width: 100%;
        margin-bottom: 20px
    }

    .where-container .route-block-container .route-image-wrap {
        width: 100px;
        min-width: 100px;
        height: 100px
    }

    .where-container .route-block-container .route-block-text p,
    .where-container .route-block-container .route-block-text ul {
        font-size: 13px
    }

    .marker.where-metro-marker {
        width: 18px;
        height: 24px
    }

    .\@where .page-container {
        padding: 0 15px
    }

    .\@where h1.heading {
        font-weight: 600;
        font-size: 18px;
        padding-left: 0
    }

    .\@library .article-month .item-excerpt,
    .\@library .articles-best .item-excerpt,
    .\@library .library-items .item-excerpt,
    .\@search .prepare-list .item-excerpt,
    .\@search .search-grid .item-excerpt {
        font-weight: 400
    }

    .\@where .balls-container {
        display: block
    }

    .\@where .filter-items .filters-box {
        display: flex;
        flex-direction: column;
        position: fixed;
        top: 65px;
        bottom: 0;
        right: 0;
        left: 0;
        background-color: #fff;
        z-index: 2;
        padding: 30px 15px 20px;
        transform: scale(0)
    }

    .\@where .filter-items .filter-header {
        display: flex
    }

    .\@where .filter-items .items-line.mobile {
        display: block;
        padding-bottom: 20px
    }

    .\@where .filter-items .item .item-box {
        margin-bottom: 5px;
        margin-right: 0
    }

    .\@where .filter-items .tabs-buttons {
        width: 100%
    }

    .\@where .filter-items .tabs-buttons.desktop {
        display: none
    }

    .\@where .filter-items .tabs-buttons .item {
        padding-right: 8px;
        width: 33.33%
    }

    .\@where .filter-items .tabs-buttons .item:last-child {
        padding-right: 0
    }

    .\@where .filter-items .super-line {
        order: -1;
        display: block
    }

    .\@where .filter-items .choses-box {
        display: block;
        width: 100%;
        padding-bottom: 5px
    }

    .\@where .filter-items .choose-area .current {
        width: 100%;
        max-width: none
    }

    .\@where .filter-items .metro-choose,
    .\@where .filter-items .services-choose {
        padding-bottom: 15px;
        padding-right: 0
    }

    .\@where .filter-items .filter-actions {
        display: flex
    }

    .\@where .offices .offices-cards .card-count {
        display: none
    }

    .\@where .offices .offices-cards .card-count.mobile,
    .at-home-section .contacts-box .header br {
        display: block
    }

    .at-home-section .contacts-box,
    .at-home-section .top-text,
    .contacts-wrapper .map-box,
    .discount-container .discount-faq-item {
        margin-bottom: 20px
    }

    .\@where .offices .offices-cards .toggle-button.sign::before {
        width: 20px;
        min-width: 20px;
        height: 20px
    }

    .\@where .offices .offices-cards .toggle-button::after {
        width: 10px;
        min-width: 10px;
        height: 7px
    }

    .\@office .actions-block .actions-slider .item-image img,
    .page-service-at-home .actions-block .actions-slider .item-image img {
        height: calc(65vw - 30px)
    }

    .at-home-section {
        padding-top: 12px;
        padding-left: 15px;
        padding-right: 15px
    }

    .at-home-section .top-text {
        font-size: 13px
    }

    .at-home-section .at-home-form {
        padding: 20px 10px
    }

    .at-home-section .contacts-box .header {
        font-size: 18px;
        text-align: center
    }

    .at-home-section .contacts-box .hours {
        font-size: 36px;
        text-align: center
    }

    .at-home-section .contacts-box .hours .mark {
        font-size: 18px
    }

    .at-home-section .contacts-box .order-time {
        font-size: 14px
    }

    .at-home-section .contacts-box .phone-label {
        font-size: 18px;
        text-align: center
    }

    .at-home-section .contacts-box .phone-value {
        text-align: center
    }

    .at-home-section .contacts-box .call-hours {
        font-size: 14px;
        line-height: 23px;
        margin-bottom: 30px
    }

    .at-home-section .contacts-box .mark-comment {
        font-size: 13px;
        line-height: 21px
    }

    .at-home-section .table-price-mark {
        font-size: 13px
    }

    .at-home-section .price-container {
        margin-bottom: 30px
    }

    .at-home-section .price-container .heading {
        font-size: 16px
    }

    .at-home-section .price-container .price-line {
        padding-right: 10px
    }

    .at-home-section .price-container .price-value {
        font-size: 18px
    }

    .at-home-section .price-container .price-mark {
        font-size: 13px
    }

    .at-home-section .special-notices .special-notice {
        padding: 15px 10px
    }

    .at-home-section .special-notices .notice-text {
        font-size: 14px;
        line-height: 23px
    }

    .at-home-section .special-notices .notice-tel {
        font-size: 24px
    }

    .results-section .results-container {
        padding-left: 15px;
        padding-right: 15px
    }

    .results-section .scale-container {
        padding: 0 20px
    }

    .results-section .results-scale {
        margin-right: 10px;
        margin-top: 50px;
        margin-bottom: 72px
    }

    .results-section .results-scale .scale-point i,
    .results-section .results-scale .scale-point time {
        display: none
    }

    .results-section .results-scale.point1 .scale-point:nth-of-type(1) i,
    .results-section .results-scale.point1 .scale-point:nth-of-type(1) time {
        display: block;
        transform: translate(-10%);
        left: 0;
        width: 150px;
        text-align: left
    }

    .results-section .results-scale.point2 .scale-point:nth-of-type(2) i,
    .results-section .results-scale.point2 .scale-point:nth-of-type(2) time,
    .results-section .results-scale.point3 .scale-point:nth-of-type(3) i,
    .results-section .results-scale.point3 .scale-point:nth-of-type(3) time {
        display: block
    }

    .results-section .results-scale.point4 .scale-point:nth-of-type(4) i,
    .results-section .results-scale.point4 .scale-point:nth-of-type(4) time {
        display: block;
        transform: translate(-85%);
        right: 0;
        width: 150px;
        text-align: right
    }

    .results-section .results-table-header {
        flex-direction: column;
        align-items: center
    }

    .results-section .results-table-header .header {
        font-size: 16px;
        margin-bottom: 10px
    }

    .results-section .results-table .result-line .actions,
    .results-section .results-table .result-line .name,
    .results-section .results-table .result-line .sample,
    .results-section .results-table .result-line .status {
        padding-right: 0
    }

    .results-section .results-table .result-line .name {
        flex-direction: column
    }

    .results-section .results-table .result-line .name .code {
        margin-bottom: 10px
    }

    .results-section .results-table .result-line .body-cell.sample {
        margin-bottom: 18px
    }

    .results-section .results-table .result-line .info-box {
        padding-left: 0;
        justify-content: space-between;
        font-size: 13px
    }

    .results-section .results-table .result-line .action-block {
        margin-bottom: 10px
    }

    .results-section .results-table .result-line .action-block .action-icon {
        background-position: 50%
    }

    .results-section .results-table .result-line .action-block .action-icon .icon-download {
        width: 24px
    }

    .results-section .client-container .client-name {
        font-size: 16px;
        margin-bottom: 18px;
        text-align: center
    }

    .results-section .client-container .discount-box {
        min-width: 0;
        position: static;
        margin-bottom: 40px
    }

    .results-section .client-container .info-line .info-label {
        font-size: 13px
    }

    .results-section .client-container .info-line .info-value {
        font-size: 14px
    }

    .\@search .prepare-list .item-title,
    .\@search .search-grid .item-title {
        font-size: 18px;
        margin-bottom: 5px
    }

    .\@office .schedule-block .where-hours-table .hours-title {
        text-align: left;
        padding-left: 12px
    }

    .\@office .schedule-block .where-hours-table .day-cell .hours-value {
        text-align: center
    }

    .\@office .schedule-block .where-hours-table .day-cell {
        width: 50%;
        min-width: 50%
    }

    .\@office .schedule-block .where-hours-table .day-cell:nth-of-type(2n+1) {
        border-right: 0
    }

    .\@office .gallery-block .gallery-slider .slider-item {
        padding: 0
    }

    .contacts-wrapper,
    .discount-container .discount-cards-grid,
    .discount-container .special-red-dot-list,
    .feedback-container,
    .feedback-container .feedback-form,
    .section-about_partners {
        padding-left: 15px;
        padding-right: 15px
    }

    .contacts-wrapper .addresss-and-email,
    .contacts-wrapper .phone-and-time {
        flex-direction: column;
        align-items: center
    }

    .contacts-wrapper .contacts-label {
        text-align: center;
        font-size: 14px
    }

    .contacts-wrapper .contact-phone {
        font-size: 28px
    }

    .contacts-wrapper .contact-tines {
        font-size: 14px
    }

    .contacts-wrapper .contact-tines .day {
        min-width: 170px
    }

    .contacts-wrapper .contact-address br {
        display: none;
        font-size: 18px
    }

    .contacts-wrapper .contact-email {
        font-size: 16px
    }

    .about-lab-section .about-lab-box .text-lab,
    .contacts-wrapper .registration-info {
        font-size: 13px
    }

    .contacts-wrapper .map-box {
        margin-left: -15px;
        margin-right: -15px
    }

    .discount-container .discount-cards-grid {
        max-width: 450px;
        margin-left: auto;
        margin-right: auto
    }

    .discount-container .discount-card {
        max-width: none
    }

    .discount-container .discount-card:not(:nth-of-type(2n)) {
        margin-right: 0
    }

    .discount-container .special-red-dot-list {
        max-width: 450px;
        margin-left: auto;
        margin-right: auto
    }

    .discount-container .discount-faq-item h2,
    .discount-container .discount-faq-item h3,
    .discount-container .discount-faq-item h4 {
        line-height: 19px
    }

    .feedback-container .feedback-form-container {
        margin-left: -15px;
        margin-right: -15px
    }

    .feedback-container .feedback-form {
        border-radius: 0
    }

    .feedback-container .feedback-form .feeddback-toggle-header::before {
        top: 2px
    }

    .section-about_partners .button {
        font-size: 16px
    }

    .section-about_partners .partners-cols {
        display: block
    }

    .section-about_partners .partners-cols .col {
        width: auto;
        padding-right: 0
    }

    .section-about_franchise {
        padding: 36px 15px
    }

    .about-lab-section .container.page-container {
        padding-left: 15px;
        padding-right: 15px
    }

    .poll-form-section .poll-form {
        padding: 20px 10px
    }

    .\@library .library,
    .section-corona-countries .page-container,
    .section-corona-newyear .page-container,
    .section-sperm .page-container {
        padding-left: 15px;
        padding-right: 15px
    }

    .ask-doc .first-block {
        padding-bottom: 50px
    }

    .ask-doc .first-block::before {
        background-color: rgba(212, 219, 231, .5)
    }

    .ask-doc .first-block .item-desc {
        max-width: none
    }

    .ask-doc .first-block .item-desc .heading {
        font-size: 18px
    }

    .ask-doc .block-answers .answers-list .list-item {
        display: block;
        margin-bottom: 0
    }

    .\@library .article-month .item-title,
    .\@library .articles-best .item-title {
        margin-bottom: 5px;
        font-size: 18px
    }

    .ask-doc .block-answers .answers-list .item-props {
        display: grid;
        grid-template-columns: auto 1fr;
        width: auto;
        max-width: none;
        -moz-column-gap: 20px;
        column-gap: 20px;
        padding-bottom: 10px
    }

    .\@library .article-similars .similars-grid,
    .section-corona-countries .bricksiki-block .bricksiki,
    .section-corona-countries .countries-block .grid {
        grid-template-columns: 1fr
    }

    .ask-doc .block-answers .answers-list .question-code {
        display: flex;
        align-items: center
    }

    .ask-doc .block-answers .answers-list .copy-link {
        display: flex
    }

    .ask-doc .block-answers .answers-list .item-title {
        font-size: 16px
    }

    .ask-doc .block-answers .answers-list .item-text {
        font-size: 14px
    }

    .\@library .aside .library-nav .nav-item {
        padding-bottom: 5px
    }

    .\@library .article-month .item-heading {
        font-size: 18px
    }

    .\@library .article-month .item-visits {
        padding-top: 0;
        font-size: 14px
    }

    .\@library .article-month .tags-list {
        padding-right: 0;
        display: none;
        padding-bottom: 10px
    }

    .\@library .articles-best .item-heading {
        font-size: 18px
    }

    .\@library .article-about .article-expert .expert-about .name,
    .\@library .article-about .article-expert .item-label .label-value {
        font-size: 16px
    }

    .\@library .article-body {
        padding-bottom: 25px
    }

    .\@library .article-about .author-line .author-params {
        padding-top: 0
    }

    .\@library .article-about .author-line .param {
        margin-right: 20px;
        padding-bottom: 12px
    }

    .\@library .article-about .article-expert .item-label {
        margin-right: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        padding-right: 10px
    }

    .\@library .article-about .article-expert .expert-about {
        padding: 12px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .\@library .article-about .article-expert .expert-about .item-photo {
        padding-right: 10px;
        display: none
    }

    .\@library .analyses-block .analyses {
        margin-left: -15px;
        margin-right: -15px
    }

    .\@library .analyses-block .similar-heading {
        font-size: 18px
    }

    .\@library .article-similars .similars-grid .grid-item {
        padding: 15px 0 0
    }

    .\@library .article-similars .similars-grid .item-title {
        font-size: 16px
    }

    .\@library .library-items .item-heading {
        font-size: 18px
    }

    .\@library .library-items .item-title {
        font-size: 18px;
        margin-bottom: 5px
    }
}

@media (max-width:700px) and (max-width:540px) {

    .section-header .search-box .search-dropped-line .button,
    .section-header .swim-wrapper.swim .search-box.opened .search-dropped-line .button {
        height: auto
    }

    .section-header .search-box .search-dropped-line {
        margin-bottom: 0
    }
}

@media (max-width:699px) {
    .analysesathome-section.mainpage {
        display: none
    }
}

@media (max-width:678px) {
    .\:container {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width:620px) {

    .regular-slick-slider .slick-arrow,
    .regular-slider .slick-arrow,
    .where-container .where-slider .slick-arrow {
        margin-top: -20px
    }

    .regular-slick-slider .slider-item,
    .regular-slider .slider-item {
        border-right: 0
    }

    .where-container .where-slider {
        padding: 0 14px
    }

    .where-container .where-slider .slider-item {
        border-right: 0;
        padding: 10px 14px
    }

    .where-container .where-slider .address-box {
        width: 290px;
        margin-left: auto;
        margin-right: auto
    }

    .where-container .where-slider .time-box {
        margin-bottom: 35px
    }

    .where-container .where-slider .link-box {
        position: relative
    }

    .\@office .schedule-block-table-tabs-control {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (max-width:600px) {

    .signup__doctor__detail {
        width: fit-content !important;
        margin: inherit;
    }

    .popular__section__main {
        grid-template-columns: 1fr !important;
    }

    .popular__section__analizes--title {
        font-size: 18px;
    }

    .popular__section__img {
        height: 150px;
    }

    .popular__section__analizes {
        min-height: 150px !important;
    }

    .reviews__card {
        padding: 25px;
    }

    .reviews__src__container {
        grid-template-columns: 1fr;
    }

    /* .stocks__item {
        background-image: url('../img/bg_mobile.png') !important;
        padding: 50px 30px 110px;
    } */

    .stocks__img {
        padding: 50px 30px;
    }

    /* .stocks__link {
        left: 30px;
        text-align: center;
    } */

    .maps {
        min-height: 400px !important;
    }

    .contacts__info {
        min-width: 100%;
    }

    .contacts__address {
        font-size: 18px;
    }

    /* .doctors__left {
        max-width: 100%;
    } */

    .specialitites__description__container {
        grid-template-columns: 1fr;
    }

    .signup__doctor__btn {
        width: 100%;
        padding: 15px 15px;
        justify-content: center;
    }

    .signup__doctor {
        padding: 30px;
    }

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

    .signup__doctor__tel {
        font-size: 20px;
    }

    .specialities__title {
        font-size: 20px !important;
    }

    .specialities__item__title {
        font-size: 20px !important;
        line-height: 28px;
    }

    .preparing-info {
        min-width: 100%;
    }

    .specialities__doctors {
        display: flex;
        /* overflow: scroll; */
        flex-direction: column;
        align-items: center;
        padding-bottom: 30px;
        max-width: initial;
    }

    .specialities__item {
        max-width: 300px;
        width: 100%;
        max-width: 300px;
    }

    .specialities__item__content {
        padding: 20px 20px 30px;
    }

    .analysis-selector .select-box,
    .navigation-selector .select-box {
        width: 100%;
        margin-bottom: 15px
    }

    .analysis-selector,
    .navigation-selector {
        flex-wrap: wrap;
        margin-bottom: 0
    }

    .\:ad-note {
        font-size: var(--font-size-xs);
        right: var(--right-xs);
        top: var(--top-xs)
    }

    .section-header .change-city-items .city-item {
        width: 50%
    }

    .about-section .balls {
        display: flex;
        flex-direction: column;
    }

    .balls-container {
        margin-top: 30px;
    }

    .results-section .results-table .sample {
        min-width: 192px;
        width: 192px
    }

    .results-section .results-table .result-line .actions,
    .results-section .results-table .result-line .sample-and-status-box,
    .service-at-home__form-block .default-form .button {
        width: 100%
    }

    .results-section .results-table .result-line .range-box {
        margin-bottom: 30px
    }

    .results-section .results-table .result-line .info-box {
        flex-wrap: wrap;
        justify-content: flex-start
    }

    .page-service-at-home__subheading {
        font-size: 16px
    }

    .page-head+.page-service-at-home__subheading {
        padding-top: 0
    }

    .service-at-home__nav-link {
        flex: 1 1 calc((100%/2) - 13.4px);
        padding: 12px 9px;
        letter-spacing: normal
    }

    .service-at-home__nav-link-icon {
        margin-bottom: 0
    }

    .service-at-home__nav-link-icon img {
        max-height: 30px
    }

    .service-at-home__nav-link-text {
        font-size: 13px
    }

    .service-at-home__form-block-top {
        font-size: 16px;
        padding: 15px
    }

    .service-at-home__form-block-top-heading {
        font-size: 16px
    }

    .service-at-home__form-block-top-phone {
        font-size: 30px
    }

    .service-at-home__form-block-top-sub {
        font-size: 16px
    }

    .service-at-home__form-block .default-form {
        padding: 25px 15px
    }

    .service-at-home__form-block .default-form .double {
        flex-wrap: wrap
    }

    .service-at-home__form-block .default-form .double>* {
        flex-basis: 100%
    }

    .service-at-home__slider .slick-arrow {
        width: 27px;
        height: 27px;
        right: 10px
    }

    .service-at-home__slider .slick-arrow.slick-prev {
        right: calc(8px + 27px + 10px)
    }

    .service-at-home__slider .slick-dots {
        top: 17px
    }

    .service-at-home__slider-info {
        flex-direction: column
    }

    .service-at-home__slider-info-item {
        display: flex;
        text-align: left;
        align-items: center;
        margin-bottom: .8em;
        font-size: Max(15px, 4.7vw)
    }

    .service-at-home__slider-info-item-icon {
        display: block;
        width: 3em;
        height: 3em;
        margin-bottom: 0;
        margin-right: 10px;
        flex-shrink: 0
    }

    .poll-form-section .poll-form {
        border-width: 0
    }
}

@media (max-width:550px) {
    .specialties__list {
        grid-template-columns: 1fr;
        padding-left: 0;
    }

    .at-home-section .form-line.double .line-cell,
    .poll-form-section .form-line.double .line-cell {
        width: auto
    }

    .at-home-section .form-line.double .line-cell:first-of-type,
    .default-form .form-line,
    .poll-form-section .form-line.double .line-cell:first-of-type,
    .regular-form .form-line {
        margin-bottom: 13px
    }

    .at-home-section .form-line.double {
        flex-direction: column
    }

    .poll-form-section .form-line.double {
        flex-direction: column
    }
}

@media (max-width:540px) {

    .footer__dev {
        padding-bottom: 80px;
    }

    .header__logo {
        height: 36px !important;
    }

    .popup-elements .popup-heading {
        font-size: 18px;
        margin-bottom: 25px
    }

    .default-form .form-line .line-label,
    .regular-form .form-line .line-label {
        padding-bottom: 4px;
        padding-left: 10px
    }

    .\:brick-small .brick-about {
        padding-right: 100px
    }

    .seminar-popup-content {
        flex-wrap: wrap;
        max-width: 300px
    }

    .seminar-popup-content__picture {
        flex-basis: 100%;
        margin-bottom: 10px
    }

    .seminar-popup-content__picture img {
        max-width: 145px
    }

    .seminar-popup-content__body {
        text-align: center
    }

    .\:fast-search {
        font-size: 12px;
        padding-left: 12px;
        padding-right: 12px
    }

    .\:fast-search .item-cell {
        padding: 7px
    }

    .\:fast-search .item-code {
        width: 55px;
        min-width: 55px
    }

    .\:fast-search .item-price__discount {
        width: 38px;
        height: 19px;
        margin-bottom: 5px;
        font-size: 13px
    }

    .\:fast-search .item-price__discount--hidden {
        display: none
    }

    .\:fast-search .item-price__discount span {
        font-size: 10px
    }

    .\:fast-search .item-price__prices {
        display: block
    }

    .\:fast-search .item-price__old {
        font-size: 12px
    }

    .\:fast-search .item-price__current {
        font-size: 13px
    }

    .\:fast-search .item-action {
        padding-left: 12px
    }

    .actual-offer .\:ad-note {
        font-size: 10px
    }

    .actual-offer__badge {
        transform: scale(.61)
    }

    .actual-offer__body {
        padding: 7px 15px
    }

    .actual-offer__upper {
        font-size: 13px;
        min-height: 20px;
        align-items: flex-start
    }

    .actual-offer__upper-mute-text {
        font-size: 13px
    }

    .actual-offer__upper-mute-text-hl {
        font-size: 14px
    }

    .actual-offer__name {
        font-size: 14px;
        line-height: 1.5
    }

    .actual-offer__price {
        font-size: 24px
    }

    .actual-offer__price-old {
        font-size: 18px
    }

    .actual-offer__bottom-note {
        flex-wrap: wrap
    }

    .actual-offer__bottom-note-lead {
        font-size: 13px
    }

    .actual-offer__bottom-note-lead-hl {
        font-size: 16px
    }

    .actual-offer__bottom-note-lead-hl-2 {
        font-size: 20px
    }

    .actual-offer__bottom-note-text {
        width: 100%;
        margin-top: 10px
    }

    .section-header .logo-box,
    .section-header .swim-wrapper.swim .logo-box {
        width: 73px;
        margin-left: auto;
        margin-top: 6px
    }

    .actual-offer__hover-container {
        font-size: 20px;
        padding: 12px 17px
    }

    .actual-offer__hover-content {
        font-size: 12px
    }

    .actual-offer__hover-bottom-small,
    .actual-offer__hover-bottom-text {
        font-size: 20px
    }

    .actual-offer__more-link {
        font-size: 13px
    }

    .section-header .swim-wrapper.swim .top-line {
        height: 45px
    }

    .section-header .top-line {
        height: 45px;
        align-items: center
    }

    .section-header .left-line {
        width: calc(50% + 73px/2);
        flex-shrink: 0;
        align-items: center
    }

    .section-header .right-line .location-container .current-city {
        display: none
    }

    .section-header .question-area .location-question {
        left: -38vw
    }

    .section-header .location-container .current-city {
        padding-left: 12px;
        align-items: center;
        display: flex
    }

    .section-header .location-container .drop-city-wrapper {
        display: flex;
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        max-height: 100vh !important;
        box-shadow: none
    }

    .section-header .location-container .drop-city-wrapper .close-box {
        margin-top: 20px
    }

    .section-header .location-container .drop-city-box {
        display: flex;
        box-shadow: none
    }

    .section-header .location-container .drop-city-box .icon-close {
        top: -8px
    }

    .section-header .location-container .drop-city-box .mobile-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 8px;
        border-bottom: 1px solid #61BF1A;
        margin-bottom: 30px
    }

    .section-header .location-container .cities {
        max-height: none;
        padding-right: 0
    }

    .section-header .location-container .cities .header {
        display: none
    }

    .section-header .location-container .cities .cities-area {
        width: 100%;
        flex-direction: column
    }

    .section-header .location-container .cities .mobile-buttons {
        display: flex;
        justify-content: flex-start;
        margin-bottom: 15px
    }

    .section-header .cart-header-container,
    .section-header .location-container .cities .cities-heading,
    .section-header .location-container .cities .cities-itens:not(.active),
    .section-header .person-container,
    .section-header .phones-actions,
    .section-header .results-action {
        display: none
    }

    .section-header .location-container .cities .cities-itens {
        width: 100%
    }

    .section-header .location-container .cities .cities-regions {
        margin-right: 0
    }

    .section-header .location-container .cities .cities-wrap,
    .section-header .location-container .cities .regions-list {
        max-height: calc(100vh - 140px);
        height: calc(100vh - 150px)
    }

    .section-header .location-container .cities .regions-list {
        min-width: 0;
        width: 100%
    }

    .section-header .cities-v3-head {
        padding-top: 20px;
        padding-bottom: 25px
    }

    .section-header .cities-v3 .cities-abc {
        padding-top: 10px
    }

    .section-header .search-box.opened .drop-search-wrapper {
        top: 0;
        height: 45px;
        padding-top: 5px;
        padding-bottom: 5px;
        display: flex;
        align-items: center
    }

    .section-header .search-box {
        padding: 0 0 0 10px
    }

    .section-header .search-box .drop-search-wrapper {
        transition: none
    }

    .section-header .search-box .search-button {
        padding-top: 0
    }

    .section-header .search-box .search-button::before {
        width: 23px;
        height: 23px
    }

    .section-header .search-box .search-dropped-line {
        position: static
    }

    .section-header .mobile-line {
        display: block
    }

    .section-header .mobile-line .current-city {
        /* padding-left: 12px; */
        align-items: center;
        display: flex
    }

    .section-header .mobile-line .current-city::before {
        display: none
    }

    .footer-section .cookies-notice .close-block {
        display: block;
        top: 0;
        right: 0;
        transform: none
    }

    .footer-section .cookies-notice .cookies-box {
        display: block
    }

    .footer-section .cookies-notice .omnomnom-box {
        transform: translateY(10px)
    }

    .article-detail-section .article-detail {
        margin: 0
    }

    .promotions-grid .item-special .special-box.big .item-price {
        font-size: 6.6vw
    }

    .promotions-grid .item-special .special-box.big .item-price.old {
        font-size: 5.5vw
    }

    .promotions-grid .item-special .item-quan {
        font-size: 3vw
    }

    .promotions-grid .item-special .item-price {
        font-size: 5vw
    }

    .promotions-grid .item-special .item-price.old {
        font-size: 4.5vw
    }

    .promotions-grid .item-special .item-code {
        font-size: 2vw
    }

    .promotions-grid .item-info .notice {
        right: auto;
        top: auto;
        left: 0;
        bottom: 0
    }

    .promotions-grid .item-title {
        padding-right: 0
    }

    .gallery-grid {
        grid-template-columns: 1fr
    }

    .gallery-grid .grid-item img {
        height: 180px
    }

    .main-slider__image-item-text {
        flex: 0 0 auto;
        font-size: 2.1vw;
        text-align: right;
        padding-left: 10px;
        text-shadow: 1px 1px 12px #fff
    }

    .\@library .discount-block .block-actions,
    .\@office .about-block .about-box .map-box .map-action,
    .\@where .discount-block .block-actions,
    .about-lab-section .about-why-list .item-title,
    .section-corona-countries .discount-block .block-actions,
    .section-corona-newyear .discount-block .block-actions,
    .section-sperm .discount-block .block-actions {
        text-align: center
    }

    .main-slider__image-item-text-top {
        font-size: 1.5em;
        margin-bottom: .225em
    }

    .main-slider__image-item-text-big {
        font-size: 2.2em
    }

    .main-slider__image-item-text-strike {
        font-size: 1.8em
    }

    .main-slider__image-item-text-bottom {
        font-size: 1.5em;
        white-space: nowrap;
        margin-top: .225em
    }

    .main-slider__ad-badge {
        font-size: 9px
    }

    .main-section-nav__link {
        flex: 0 0 calc(100%);
        padding: 10px 15px
    }

    .section-research {
        padding-top: 5px
    }

    .section-research .section-header.underline {
        margin-bottom: 25px
    }

    .main-page-feedbacks .slider-container {
        margin-bottom: 0
    }

    .main-page-feedbacks .center-block {
        display: none
    }

    .cart-container .service-box {
        border: 0;
        padding: 30px 0
    }

    .popup-home-tariff .content-heading {
        font-size: 18px
    }

    .popup-home-tariff .content-desc {
        margin-bottom: 14px;
        font-size: 14px
    }

    .popup-home-tariff .tariff-heading {
        font-size: 14px;
        margin-bottom: 12px
    }

    .popup-home-tariff .tariff-heading span {
        font-size: 16px
    }

    .popup-home-tariff .tariff-choose {
        padding-bottom: 22px
    }

    .popup-home-tariff .tariff-table tr {
        display: grid;
        grid-template-columns: 1fr auto
    }

    .\@library .library-items .library-grid,
    .\@office .gallery-block .gallery,
    .\@search .search-grid,
    .\@where .offices .offices-cards .cards-grid {
        grid-template-columns: 1fr
    }

    .popup-home-tariff .tariff-table td {
        padding: 10px
    }

    .popup-home-tariff .tariff-table .price-cell {
        width: auto
    }

    .popup-home-tariff .tariff-table .cell-action {
        width: auto;
        grid-column: span 2;
        display: flex;
        justify-content: center;
        padding-top: 0
    }

    .popup-home-tariff .tariff-table .cell-action .button {
        width: 142px
    }

    .popup-home-tariff .tariff-table .title {
        font-size: 13px
    }

    .popup-home-tariff .tariff-table .price {
        font-size: 18px
    }

    .analyses .areyouunderstood .balls-container {
        flex-wrap: wrap
    }

    .analyses .areyouunderstood .balls-container .items-label {
        width: 50%;
        padding-top: 10px
    }

    .analyses .areyouunderstood .feedback-balls {
        width: 100%;
        justify-content: center;
        order: -1
    }

    .analyses .article-sources {
        font-size: 14px
    }

    .analyses .article-sources .item-heading {
        margin-bottom: 5px
    }

    .where-container .filter-container .main-filter {
        width: auto;
        min-width: 0;
        margin-right: 0
    }

    .where-container .filter-container .additional-filter .styled-checkbox {
        width: 50%;
        justify-content: flex-start
    }

    .where-container .where-filter-button {
        cursor: default
    }

    .where-container .where-lines .line {
        padding: 10px
    }

    .where-container .slider-specialOffers .item-special .special-box.big .item-price {
        font-size: 6.6vw
    }

    .where-container .slider-specialOffers .item-special .special-box.big .item-price.old {
        font-size: 5.5vw
    }

    .where-container .slider-specialOffers .item-special .item-quan {
        font-size: 3vw
    }

    .where-container .slider-specialOffers .item-special .item-price {
        font-size: 5vw
    }

    .where-container .slider-specialOffers .item-special .item-price.old {
        font-size: 4.5vw
    }

    .where-container .slider-specialOffers .item-special .item-code {
        font-size: 2vw
    }

    .where-section .office-props.detail {
        padding-top: 10px
    }

    .where-section .office-props.detail .office-prop {
        width: 100%
    }

    .where-section .office-props.small {
        position: static;
        margin-bottom: 10px
    }

    .where-section .office-props.small .office-prop {
        padding-right: 5px
    }

    .where-section .office-props.small .office-prop::before {
        width: 20px;
        height: 20px;
        min-width: 20px
    }

    .detail-photos-slider .slider-item img {
        height: 300px
    }

    .filter-container .main-filter {
        width: auto;
        min-width: 0;
        margin-right: 0
    }

    .filter-container .additional-filter .styled-checkbox {
        width: 50%;
        justify-content: flex-start
    }

    .\@where .offices .offices-cards .toggle-button span {
        font-size: 14px
    }

    .\@where .offices .offices-cards .card {
        padding: 15px
    }

    .\@office .reviews-block .review-form .form-action,
    .page-service-at-home .reviews-block .review-form .form-action {
        padding-bottom: 20px
    }

    .\@where .offices .offices-cards .card .item-top {
        display: none
    }

    .\@where .offices .offices-cards .card .item-title {
        font-size: 16px
    }

    .\@where .offices .offices-cards .card .item-hours {
        font-size: 14px
    }

    .\@where .offices .offices-cards .card .item-location,
    .\@where .offices .offices-cards .card .item-metro .metro-line span {
        font-size: 16px
    }

    .\@where .offices .offices-cards .card .item-location:last-child {
        margin-bottom: 0
    }

    .\@where .offices .offices-cards .card .more-checkbox:checked~.item-top {
        display: flex
    }

    .\@where .offices .offices-cards .card .item-actions {
        display: block
    }

    .at-home-section .at-home-table thead {
        display: none
    }

    .at-home-section .at-home-table .label {
        display: inline
    }

    .at-home-section .at-home-table td,
    .at-home-section .at-home-table th {
        display: flex
    }

    .at-home-section .at-home-table td:first-child {
        font-weight: 600
    }

    .vacancy-section .heading-wrapper .heading-top {
        height: 150px
    }

    .vacancy-section .heading-wrapper .block-heading {
        font-size: 28px
    }

    .vacancy-section .vacancy-form .form-heading {
        font-size: 24px;
        margin-bottom: 20px
    }

    .vacancy-section .vacancy-form .form-line {
        margin-bottom: 15px
    }

    .\@office .reviews-block .review-form .form-action .button {
        width: 100%
    }

    .\@office a.scroll-link {
        top: -60px
    }

    .\@office .about-block .about-box .item .office-link {
        font-size: 14px
    }

    .\@office .about-block .about-box .map-box .map {
        margin-bottom: 10px
    }

    .\@office .about-block .about-box .map-box .map-action .action-button {
        width: 100%
    }

    .\@office .schedule-block .table-overflow {
        max-width: calc(100% + 30px);
        margin-right: -15px;
        margin-left: -15px;
        padding-left: 15px
    }

    .\@office .doctors-block .doctors-slider .item-image img {
        height: 289px
    }

    .page-service-at-home .reviews-block .review-form .form-action .button {
        width: 100%
    }

    .\@search .search-actions {
        margin-right: -15px
    }

    .\@search .search-actions .action {
        width: 100%;
        font-size: 16px;
        padding: 0 15px;
        margin-right: 5px
    }

    .about-lab-section .about-why-list {
        margin-bottom: 30px
    }

    .about-lab-section .about-why-list .list-item {
        flex-direction: column;
        align-items: center;
        margin-bottom: 40px
    }

    .about-lab-section .about-why-list .item-icon {
        margin-right: 0;
        margin-bottom: 15px
    }

    .about-lab-section .about-why-list .item-title {
        margin-bottom: 10px
    }

    .about-lab-section .quality-list .list-item {
        flex-direction: column
    }

    .about-lab-section .quality-list .item-icons {
        flex-direction: row;
        margin-bottom: 15px
    }

    .about-lab-section .quality-list .item-count {
        margin-bottom: 0;
        margin-right: 25px
    }

    .bureaucracy-grid .grid-item {
        padding: 20px 10px
    }

    .bureaucracy-grid .param-line {
        display: block
    }

    .bureaucracy-grid .param-line .param-label {
        width: auto;
        min-width: 0;
        color: #000;
        font-weight: 600;
        font-size: 14px
    }

    .bureaucracy-grid .param-line .param-value {
        font-size: 14px
    }

    .section-corona-newyear .factor-block .grid-item .special-text,
    .section-corona-newyear .factor-block .item-heading,
    .section-sperm .factor-block .grid-item .special-text,
    .section-sperm .factor-block .item-heading,
    .section-sperm .steps-block .block-heading {
        font-size: 20px
    }

    .section-corona-countries .bricksiki-block {
        display: none
    }

    .section-corona-countries .bricksik-mobile {
        display: block
    }

    .section-sperm .brick-block .brick-box {
        display: flex;
        padding-bottom: 15px
    }

    .section-sperm .why-block .item-picture {
        order: 2
    }

    .\@library .article-content ul.cols {
        -moz-columns: 1;
        columns: 1
    }

    .\@library .article-about .article-sources {
        font-size: 14px
    }

    .\@library .article-about .article-sources .item-heading {
        margin-bottom: 5px
    }
}

@media (max-width:500px) {

    .section-header .phone-container,
    .section-header .phone-container2 {
        padding: 5px
    }

    .articles-wrapper .articles-grid .article-item {
        width: 100%;
        margin-right: 0
    }

    .analysesathome-section .balls {
        padding: 0;
        display: block;
        margin-bottom: 30px
    }

    .analysesathome-section .balls .ball-box {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 20px
    }

    .analysesathome-section .balls .ball {
        margin: 0 10px 0 0
    }

    .analysesathome-section .balls .label {
        font-size: 16px;
        text-align: left
    }

    .order-container .order-form .form-line.birthday select {
        padding: 0 5px
    }

    .order-container .order-form .form-line.birthday .cell-wrapper {
        justify-content: space-between
    }

    .order-container .order-form .form-line.birthday .line-cell {
        width: 32%
    }

    .analyses .analysys-breadcrumbs {
        display: block
    }

    .analyses .analysys-breadcrumbs .crumb {
        width: auto
    }

    .analyses .areyouunderstood {
        width: 100%
    }

    .at-home-section .price-container .price-mark br,
    .at-home-section .table-price-mark br {
        display: none
    }
}

@media (max-width:480px) {

    .pagination a:not(.arrow),
    .pagination i,
    .pagination span {
        height: 32px;
        width: 32px;
        max-width: 32px;
        font-size: 18px
    }

    .pagination .arrow {
        width: 30px
    }

    .pagination .arrow.arrow-left {
        margin-right: 0
    }

    .pagination .arrow.arrow-right {
        margin-left: 0
    }

    .section-recommends .slider-container .slider-item {
        margin: 0 5px
    }

    .order-container.order-complete-container .order-complete .order-payment-box {
        flex-direction: column;
        align-items: flex-start
    }

    .order-container.order-complete-container .order-complete .order-payment-button {
        margin-bottom: 15px
    }

    .where-container .where-lines .day {
        width: 170px
    }

    .results-section .client-container {
        max-width: none
    }
}

@media (max-width:450px) {
    .section-header .location-container .city-name {
        text-overflow: ellipsis;
        max-width: 70px;
        display: inline-block
    }

    /* .doctors__img {
        max-width: 100%;
    } */

    .collapsible-content .table-striped tr td {
        word-wrap: anywhere;
        padding: 10px 5px;
    }


    .collapsible-content .content-inner {
        padding: 5px !important;
    }
}

@media (max-width:400px) {



    .section-research .research-grid .description-box,
    .section-research .research-grid .item-box {
        padding: 10px
    }

    .at-home-section .price-container .price-label {
        font-size: 13px
    }

    .at-home-section .price-container .price-label br {
        display: none
    }

    .about-lab-section .certs-slider .slider-item {
        transform: scale(.8)
    }

    .\@library .category-selector select {
        padding: 0 10px
    }

    .\@library .page-heading {
        font-size: 20px
    }
}

@media (max-width:360px) {
    .\:container {
        padding-left: 10px;
        padding-right: 10px
    }

    .section-header .location-container .current-city {
        padding-left: 7px
    }

    .section-header .location-container .current-city::before {
        display: none
    }

    .section-header .location-container .city-name {
        margin-right: 2px;
        max-width: 50px
    }

    .article-detail {
        padding: 0 10px
    }

    .section-corona-countries .page-container,
    .section-corona-newyear .page-container,
    .section-sperm .page-container {
        padding-left: 10px;
        padding-right: 10px
    }

    .page-container {
        width: 100% !important;
    }
}

@media (max-width:350px) {
    .section-research .research-grid .param-digit {
        margin-right: 5px;
        font-size: 26px
    }

    .section-research .research-grid .param-text {
        line-height: 1.1
    }
}

@media (min-width:500px) and (max-width:699px) {
    .articles-wrapper .articles-grid .article-item:nth-of-type(2n) {
        margin-right: 0
    }
}

@media (min-width:721px) and (max-width:1023px) {
    .section-research .research-grid .grid-item:nth-child(2n) {
        border-right-width: 0
    }
}

@media (max-width:1220px) and (min-width:1024px) {
    .cart-container.order-list .price-col {
        margin-left: 20px;
        min-width: 210px
    }

    .\@office .schedule-block .where-hours-table .day-cell:last-of-type,
    .where-container .where-hours-table .day-cell:last-of-type {
        border-right: 0;
        flex: 1
    }
}

@media (max-width:1023px) and (min-width:701px) {

    .\@office .schedule-block .where-hours-table .day-cell:nth-of-type(5),
    .where-container .where-hours-table .day-cell:nth-of-type(5) {
        border-right: 0
    }
}

@media (max-height:1000px) {
    .\@library .aside .library-nav {
        padding-right: 20px
    }
}

@media (max-height:600px) {
    .\@library .article-contents .item-heading {
        font-size: 28px
    }

    .\@library .article-contents .contents-nav .nav-link {
        font-size: 16px;
        padding: 5px 10px
    }
}


@media(max-width:900px) {
    .popular__section__main {
        grid-template-columns: 1fr 1fr;
    }
}

.js-cart-bc {
    visibility: hidden;
}

.js-cart-bc_show {
    visibility: initial;
}

input.picker[type="date"] {
    position: relative;
}

input.picker[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    color: transparent;
    background: transparent;
}

select {
    border-radius: 5px;
    border: 1px solid #999;
    background-color: #fff;
    height: 30px;
    color: #000;
    font-size: 14px;
    width: 100%;
    max-width: 150px margin-top: 20px;
}

.rnova-widget .v-application--wrap {
    min-height: 100% !important;
}

/*.stocks__item {
	background-position-x: 70px;
}

@media (max-width:600px) {
    .stocks__item {
        background-position-x: 0px;
    }
}*/
/* @media (min-width: 1024px) and (max-width: 1220px) {
    .stocks__item {
        background-image: url('../img/bg_mobile.png') !important;
        padding: 50px 30px 110px;
        background-position-x: 0px;
    }
} */

@media (min-width: 1221px) {
    .stocks__title {
        max-width: 300px;
    }
}

@media (max-width: 1023px) {
    .con-1_1 {
        max-width: 670;
        width: 100%;
    }
}

.analyses-header_2 .prices {
    padding: 0;
}

.analyses .analyses-col .analyses-header_2 .prices {
    padding: 0;
}

@media (max-width: 1220px) {
    .analyses .analyses-col .analyses-header_2 .prices {
        margin-left: -30px;
    }
}

@media (max-width: 1023px) {
    .analyses .analyses-col .analyses-header_2 .prices {
        margin-left: -75px;
    }
}

@media (max-width: 768px) {
    .analyses .analyses-col .analyses-header_2 {
        display: none;
    }
}

@media (max-width: 700px) {
    .analysis_2 .prices {
        justify-content: start;
        padding-left: 15px;
    }
}

.page-container .analyses-section_2 h1 {
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .analyses .analyses-col .names {
        width: 100%;
    }

    .analyses .analyses-col .names {
        grid-column-start: 2;
        grid-column-end: 4;
    }

    .analyses .analyses-col .analysis {
        grid-template-columns: 144px 1fr 1fr !important;
    }

    .analyses .analyses-col .analysis .to-cart {
        grid-column-start: 1;
        grid-row-start: 3;
        margin-left: 0;
        margin-left: 10px;
    }

    .analyses .analyses-col .prices {
        grid-column-start: 2;
    }

    .analyses .analyses-col .code.data {
        margin-left: 10px;
    }
}



.section-header .phone-container.link-svg-phone {
    display: flex;
    align-items: center;
    margin-right: 15px;
}

/* .link-svg-phone svg {
    width: 25px;
    height: 25px;
} */

@media (min-width: 541px) {

    .search-button-mob,
    .section-header .phone-container.link-svg-phone {
        display: none;
    }
}

@media (max-width: 540px) {

    .section-header .finevision_banner-action.finevision_banner-action-desk,
    .search-box_1 {
        display: none;
    }

    .search-box_1.opened {
        display: block;
    }
}

.analyses .analyses-col.analyses-col-proz {
    margin-left: 0;
}

.sect_flex {
    display: flex;
    width: 100%;
}

.sect_padd {
    padding: 0 15px;
}

.baner_10 {
    margin: 0 auto 50px;
    display: flex;
    gap: 30px;
    width: 100%;
    max-width: 1420px;
    min-height: 445px;
}

.baner_10 .first_block {
    min-width: 568px;
    box-sizing: border-box;
    border-radius: 35px;
    background-color: #ececec;
    padding: 20px;
}

.baner_10 .first_block .container {
    padding: 75px 35px 35px;
    border-radius: 35px;
    background-color: #FFF;
    box-sizing: border-box;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.baner_10 .first_block h3 {
    font-family: Inter;
    font-weight: normal;
    font-size: 34px;
    padding: 0;
    margin: 0;
    word-wrap: break-word;
}

.baner_10 .first_block p {
    font-family: Inter;
    font-weight: 300;
    font-size: 18px;
    padding: 0;
    margin: 0;
    margin-top: 30px;
    margin-bottom: 20px;
    word-wrap: break-word;
}

.button_1 {
    font-family: Inter;
    font-weight: 300;
    font-size: 18px;
    text-decoration: none;
    background-color: #80D256;
    padding: 10px 20px;
    border-radius: 15px;
    color: #FFF;
    border: 1px solid #80D256;
    transition: .5s;
}

.button_1:hover {
    background-color: #FFF;
    border: 1px solid #000;
    color: #000;
}

.button_2:hover {
    background-color: #80D256;
    border: 1px solid #80D256;
    color: #FFF;
}

.button_2 {
    background-color: #FFF;
    padding: 10px 20px;
    border-radius: 15px;
    color: #000;
    border: 1px solid #000;
}

.container_btn {
    margin-top: auto;
    display: flex;
    gap: 20px;
}

.baner_10 .second_block {
    overflow: hidden;
    border-radius: 35px;
    background-color: #80D256;
    padding: 20px 35px 35px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    gap: 30px;
    width: 100%;
    position: relative;
}

.baner_10 .second_block .hid {
    display: none;
    min-width: 34px;
    max-width: 34px;
    min-height: 34px;
    max-height: 34px;
}

.baner_10 .secont_container {
    /* padding: 130px 0 0; */
    height: 100%;
    /* border: 1px solid red; */
    box-sizing: border-box;
}

.baner_10 .secont_container .cont {
    height: 100%;
    /* border: 1px solid red; */
    box-sizing: border-box;
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.baner_10 .secont_container .cont h2 {
    font-family: Inter;
    font-weight: normal;
    font-size: 34px;
    padding: 0;
    margin: 0;
    color: #FFF;
    word-wrap: break-word;
}

.baner_10 .secont_container .cont p,
.baner_10 .secont_container .cont .prev {
    font-family: Inter;
    font-weight: 300;
    font-size: 18px;
    padding: 0;
    margin: 0;
    margin-top: 10px;
    color: #FFF;
    word-wrap: break-word;
}

.baner_10 .secont_container .cont .prev {
    margin: 0;
}

.baner_10 .secont_container .img {
    min-width: 375px;
    max-width: 375px;
    min-height: 375px;
    max-height: 375px;
    margin-top: -75px;
    display: flex;
    justify-content: end;
    overflow: hidden;

}

.baner_10 .secont_container .img img {
    object-fit: cover;
    object-position: center;
    min-width: 100%;
    height: 100%;
    border-radius: 50%;
    aspect-ratio: 1/1;
}

.newBanerSwiper {
    height: 100%;
}

.newBanerSwiper .swiper-wrapper {
    height: 100%;
}

.newBanerSwiper .swiper-slide {
    padding-top: 90px;
    background-repeat: no-repeat;
    /* background-size: 400px 400px; */
    background-position: 100% 0;
    display: flex;
    gap: 15px;
    justify-content: space-between;
}

.newBanerSwiper .swiper-slide .button_1 {
    /* margin-top: 20px; */
    width: min-content;
}

.pagin__cont {
    display: flex;
    gap: 10px;
    max-width: min-content;
    align-items: center;
    justify-content: center;
    background-color: #FFF;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    border-radius: 34px;
}

.pagin__cont svg {
    min-width: 34px;
    min-height: 34px;
    cursor: pointer;
}

.pagin__cont .baner-pagination {
    display: flex;
    justify-content: center;
}

.baner_10 .swiper-pagination-bullet-active {
    background: #80D256;
}

@media (max-width: 1220px) {

    .baner_10 .secont_container .cont {
        width: 100%;
    }

    .baner_10 .second_block {
        overflow: visible;
    }

    .baner_10 {
        flex-direction: column;
    }

    .baner_10 .first_block .container {
        padding: 35px;
    }

    .baner_10 .first_block {
        min-width: auto;
    }

    .baner_10 .second_block .hid {
        display: block;
        position: absolute;
    }

    .baner-button-prev {
        left: 0;
        top: 50%;
        transform: translate(-32%, -50%) rotate(180deg);
    }

    .baner-button-next {
        right: 0;
        top: 50%;
        transform: translate(32%, -50%);
    }

    .pagin__cont {
        display: none;
    }
}

@media (max-width: 800px) {
    .newBanerSwiper .swiper-slide {
        padding-top: 0;
        /* min-height: 500px; */
        background-size: 47%;
        background-position: 100% 100%;
        flex-direction: column;
        justify-content: center;
    }

    .baner_10 .secont_container .cont {
        height: auto;
    }

    .baner_10 .secont_container .img {
        min-width: 300px;
        max-width: 300px;
        min-height: 300px;
        max-height: 300px;
        margin-top: 0;
        display: flex;
        justify-content: end;
        overflow: hidden;
        z-index: -1;
        position: static;
        margin-left: auto;
    }

    .baner_10 .secont_container .img img {
        object-fit: cover;
        object-position: center;
        min-width: 100%;
        height: 100%;
        border-radius: 50%;
        aspect-ratio: 1/1;
    }
}

@media (max-width: 522px) {

    .baner_10 .secont_container .img {
        min-width: 250px;
        max-width: 250px;
        min-height: 250px;
        max-height: 250px;
    }

    .button_1 {
        font-size: 22px;
    }

    .baner_10 .first_block p,
    .baner_10 .secont_container .cont p {
        font-size: 22px;
    }

    .baner_10 .first_block h3,
    .baner_10 .secont_container .cont h2 {
        font-size: 32px;
    }

    .newBanerSwiper .swiper-slide {
        background-size: 70%;
    }
}

@media (max-width: 480px) {
    .baner_10 .secont_container .img {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 370px) {
    .baner_10 .secont_container .img {
        min-width: 210px;
        max-width: 210px;
        min-height: 210px;
        max-height: 210px;
    }

    .button_1 {
        font-size: 12px;
    }

    .baner_10 .first_block p {
        font-size: 14px;
    }

    .baner_10 .first_block h3 {
        font-size: 24px;
    }
}

/*stock new*/
.stocks__item {
    background-color: #80d256;
    color: #fff;
    padding: 40px 40px 85px;
}

.stocks__item>img {
    border-radius: 50%;
    width: 45%;
    float: right;
}

.stocks__link {
    background-color: #ffffff;
    border-radius: 15px;
    color: #000;
    border: 1px solid #000;
    text-decoration: none;
    bottom: 40px;
    left: 40px;
}

.stocks__link:hover {
    color: #000;
}

.stocks__item-left {
    float: left;
    width: 55%;
}

@media all and (max-width: 520px) {

    .stocks__item>img,
    .stocks__item-left {
        width: 100%;
        float: none;
    }

    .stocks__item {
        text-align: center;
    }

    .stocks__link {
        right: 40px;
        max-width: 200px;
        margin: 0 auto;

    }
}

/*stock new end*/

.search_new_cont {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(auto-fill, minmax(353px, 1fr));
    margin-bottom: 40px;
}

.search_card {
    border-radius: 10px;
    background-color: #ececec;
    width: 100%;
    min-height: 250px;
    display: flex;
    justify-content: center;
    padding: 40px 30px 30px 40px;
    position: relative;
    text-decoration: none;
    text-align: center;
    flex-direction: column;
    gap: 20px;
}

.search_card a {
    margin: 0;
    padding: 0;
    font-size: 20px;
    text-decoration: none;
}

.search_card .num {
    position: absolute;
    top: 15px;
    left: 15px;
}

.search_card .time {
    text-align: end;
}

.search_card .doctors__img {
    margin: 0 auto;
}

.search_card .cont {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.search_card .price {
    font-size: 22px;
    font-weight: 500;
    white-space: nowrap;
}

@media (max-width: 490px) {
    .search_new_cont {
        display: flex;
        flex-direction: column;
        gap: 30px;
        margin-bottom: 30px;
    }

    .search_card {
        min-height: auto;
    }
}

.req_explanation {
    font-style: italic;
}

.button_cart {
    background-color: #61BF1A;
    color: #FFF !important;
    transition: .5s;
}

.button_cart:hover {
    transition: .5s;
    transform: scale(1.04, 1.08);
}

.documents .documents__list {
    margin-top: 15px;
    padding-left: 0 !important;
}

.documents__list {
    display: grid;
    grid-template-columns: repeat(auto-fit, 301px);
    gap: 28px;
    margin-top: 10px;
}

@media (max-width: 665px) {
    .documents__list {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .documents__main {
        justify-content: space-between;
    }
}

@media (max-width: 480px) {
    .documents__list {
        grid-template-columns: 1fr;
    }



    .documents__item {
        padding: 15px 20px;
    }
}

.documents__item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 25px;
    background: #FAF9F9;
    border: 1px solid #E5E7EB;
    border-radius: 13px;
}

.documents__name {
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    color: #262427;
    margin-bottom: 15px;
}

.documents__main {
    display: flex;
    align-items: center;
}

.documents__info {
    margin-right: 19px;
    align-items: center;
    display: flex;
    align-items: center;
}

.documents__info::before {
    content: '';
    width: 50px;
    height: 57px;
    background-size: cover;
    background-repeat: no-repeat;
    flex-shrink: 0;
    margin-right: 15px;
    display: block;
}

.documents__info.PDF::before {
    background-image: url(./../img/pdf.png);
}

.documents__info.DOC::before {
    background-image: url(./../img/doc.png);
}

.documents__info.XLS::before {
    background-image: url(./../img/xls.png);
}

.documents__size {
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #4B5563;
    opacity: 0.5;
}

.documents__download {
    font-weight: 500;
    font-size: 17px;
    line-height: 23px;
    text-align: center;
    text-decoration-line: underline;
    color: #55C162;
    cursor: pointer;
}

ul.admins {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    list-style-type: none;
    padding-left: 0 !important;
    margin: 0;
}

.admin_card {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    border-radius: 20px;
    border: 1px solid #f0f0f0;
    overflow: hidden;
}

.admin_card img {
    min-width: 100%;
    height: 265px;
    object-fit: cover;
    object-position: center;
}

.admins__description {
    padding: 0 15px 0;
}

.admins__description h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
}

.admins__experience {
    font-size: 16px;
    line-height: 20px;
}

.admins_email {
    font-size: 16px;
    font-weight: 700;
}

.admins_cont_2 * {
    font-size: 16px;
    font-weight: 700;
}

.admins_cont_2 ul {
    list-style-type: none;
    padding-left: 0 !important;
    margin-left: 0;
}

@media (max-width: 1220px) {
    ul.admins {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 550px) {
    ul.admins {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .admin_card {
        max-width: 400px;
        margin: 0 auto;
    }
}

@media (max-width: 699px) {
    .cell-wrapper_2 {
        display: flex;
        gap: 20px;
        /* flex-wrap: wrap; */
    }
}

.section-header .location-container .current-city.cursor-def {
    cursor: default;
}

.section-header .location-container .current-city.cursor-def::after {
    display: none;
}

.section-header .location-container .current-city.cursor-def:hover::before {
    filter: none;
    animation: none;
}

.invise {
    display: none !important;
}

.additional-info {
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    max-height: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-left: 0;
}

.additional-info li {
    list-style-type: none;
    display: flex;
    align-items: center;
    gap: 5px;
}

.additional-info li svg {
    width: 25px;
    height: 25px;
}

.analyses .analysis-description .analysis-params.v2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.analysis-params .prop {
    list-style-type: none;
    display: flex;
    align-items: start;
    gap: 5px;
}

.analysis-params .prop.v2 {
    display: flex;
    flex-direction: column;
    gap: 25px;
    align-items: start;
    justify-content: space-between;
    margin: auto 0 auto;
    height: 100%;
}

.analysis-params .prop.v2 .card_prop {
    list-style-type: none;
    display: flex;
    align-items: center;
    gap: 5px;
}

.analysis-params .prop svg {
    max-width: 25px;
    max-height: 25px;
    min-width: 25px;
    min-height: 25px;
}

@media (max-width: 500px) {
    .analyses .analysis-description .analysis-params.v2 {
        display: flex;
        flex-direction: column;
    }
}

.additional-container {
    margin-top: 20px;
}

.toggle-info {
    text-decoration: underline;
    color: #61BF1A;
    font-size: 18px;
    cursor: pointer;
    display: inline;
}

#CalltouchWidgetFrame {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}