html {
box-sizing: border-box;
scroll-behavior: smooth;
}
*,
*::after,
*::before {
box-sizing: border-box;
}
@font-face {
font-family: "Inter Tight";
src: url(//nsk.clinicred.ru/wp-content/themes/clinicred/assets/fonts/InterTight-Light.ttf) format("truetype");
font-display: swap;
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Inter Tight";
src: url(//nsk.clinicred.ru/wp-content/themes/clinicred/assets/fonts/InterTight-Regular.ttf) format("truetype");
font-display: swap;
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Inter Tight";
src: url(//nsk.clinicred.ru/wp-content/themes/clinicred/assets/fonts/InterTight-Medium.ttf) format("truetype");
font-display: swap;
font-weight: 500;
font-style: normal;
}
:root {
--subtitle-font-size: 18px;
--title-font-size: 44px;
--title-line-height: 110%;
--title-color: #121217;
--text-color-main: #4c4c4c;
--text-color-light: #a9a9a9;
--text-color-black: #121217;
--text-color-red: #b62d35;
--text-color-hover: #b62d35;
--background-color-main: #eeeef0;
--background-color-white: #fff;
--button-color-main: #b62d35;
--button-color-main-hover: #121217;
--border-main-color: #d2d2d7;
--accent-red-main: #b62d35;
--default-transition: all 0.5s;
}
body {
font-family: "Inter Tight", sans-serif;
font-weight: 400;
font-size: 16px;
color: var(--text-color-main);
background-color: var(--background-color-main);
margin: 0;
padding: 0;
overflow-x: hidden;
}
main {
min-height: calc(100vh - 575px);
}
button {
background-color: transparent;
border: none;
padding: 0;
cursor: pointer;
}
img {
max-width: 100%;
}
a {
text-decoration: none;
color: inherit;
}
.title__50 {
font-size: 50px;
font-weight: 400;
color: var(--title-color);
margin-top: 0;
margin-bottom: 30px;
}
h2 {
line-height: var(--title-line-height);
margin: 0 0;
}
h3 {
margin: 0 0;
}
.grecaptcha-badge {
visibility: hidden;
}
.ggl-captcha {
font-size: 14px;
color: var(--text-color-light);
margin-bottom: 15px;
}
.ggl-captcha > a {
text-decoration: underline;
}
.cf7-wrapper {
display: contents;
}
.container {
max-width: 1310px;
padding: 0 70px;
margin: 0 auto;
}
.sliders-container {
overflow-x: hidden;
}
.mrg-btm-100 {
margin-bottom: 100px;
}
.mrg-btm-80-60 {
margin-bottom: 80px;
}
.mrg-btm-60 {
margin-bottom: 60px;
}
.mrg-btm-50-30 {
margin-bottom: 50px;
}
.bg-black {
background-color: #121217;
} body.menu-open header {
z-index: 99;
}
header ul.menu a.active,
#modal-services a.active {
color: #b62d35;
}
@media (max-width: 600px) {
body {
margin-top: 184px;
}
} a {
text-decoration: none;
}
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.header-wrapper-top {
background-color: #f6f6f6;
}
.header-top {
display: grid;
align-items: center;
}
@media screen and (max-width: 600px) {
.header-top {
grid-template-columns: auto auto;
grid-template-rows: auto auto;
row-gap: 12px;
padding: 15px 0 15px 0;
}
.header-top > a {
grid-row: 1;
grid-column: 1;
justify-self: start;
}
.btn-appointment__wrapper {
grid-row: 2;
grid-column: 1;
justify-self: start;
}
.messengers {
grid-row: 2;
grid-column: 2;
justify-self: end;
}
.mobile-menu {
grid-row: 1;
grid-column: 2;
justify-self: end;
}
}
@media screen and (max-width: 767px) {
.header-top > a > img {
width: 157px;
height: 42px;
}
}
@media screen and (max-width: 1199px) {
body.menu-open {
overflow: hidden;
}
.header {
position: fixed;
top: 0;
left: 0;
right: 0;
}
.header-wrapper-top {
border-bottom: 1px solid #d2d2d7;
}
.header-wrapper-bottom {
overflow: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 10;
height: 100vh;
background-color: rgba(16, 12, 11, 0.6);
display: flex;
justify-content: flex-end;
align-items: flex-start;
}
.header-wrapper-bottom--close {
display: none;
}
}
@media screen and (min-width: 240px) and (max-width: 379px) {
.header-top {
max-width: 320px;
margin: 0 30px;
}
}
@media screen and (min-width: 380px) {
.header-wrapper-top {
padding: 0 30px 0 30px;
}
}
@media screen and (min-width: 601px) {
.header-top {
grid-template-columns: auto auto auto auto;
grid-template-rows: auto;
padding: 15px 0 15px 0;
}
.header-top > a {
grid-row: 1;
grid-column: 1;
justify-self: start;
}
.btn-appointment__wrapper {
grid-row: 1;
grid-column: 2;
justify-self: end;
}
.messengers {
grid-row: 1;
grid-column: 3;
justify-self: end;
}
.mobile-menu {
grid-row: 1;
grid-column: 4;
justify-self: end;
}
}
@media screen and (min-width: 768px) {
.header-top {
grid-template-columns: auto auto 15% 22%;
grid-template-rows: auto;
padding: 15px 0 15px 0;
}
.header-top > a > img {
width: 169px;
height: 46px;
}
.header-wrapper-top {
padding: 0 50px;
}
}
@media screen and (min-width: 900px) {
.header-top {
grid-template-columns: auto auto auto auto auto;
grid-template-rows: auto;
padding: 15px 0 15px 0;
}
.header-top > a {
grid-row: 1;
grid-column: 1;
justify-self: start;
}
.phone {
grid-row: 1;
grid-column: 2;
justify-self: end;
}
.btn-appointment__wrapper {
grid-row: 1;
grid-column: 3;
justify-self: end;
}
.messengers {
grid-row: 1;
grid-column: 4;
justify-self: end;
}
.mobile-menu {
grid-row: 1;
grid-column: 5;
justify-self: end;
}
}
@media screen and (min-width: 1200px) {
.header-wrapper-top {
padding: 0 0 0 0;
}
.header-top {
max-width: 1170px;
margin: 0 auto;
padding: 0 0 0 0;
}
.header-top > a > img {
width: 209px;
height: 58px;
}
.header-top {
grid-template-columns: 20% auto auto 18% 8%;
grid-template-rows: auto;
padding: 15px 0 15px 0;
}
.header-top > a {
grid-row: 1;
grid-column: 1;
justify-self: start;
}
.address--top {
grid-row: 1;
grid-column: 2;
justify-self: end;
}
.phone {
grid-row: 1;
grid-column: 3;
justify-self: end;
}
.btn-appointment__wrapper {
grid-row: 1;
grid-column: 4;
justify-self: end;
}
.messengers {
grid-row: 1;
grid-column: 5;
justify-self: end;
}
.header-wrapper-bottom {
height: 56px;
background-color: #121217;
}
}
.header-wrapper-bottom.open-search-form {
display: none;
}
.modal-menu {
top: 68px;
left: 0;
z-index: 200;
display: block;
background-color: #ffffff;
box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.05);
}
.modal_menu-addr-desk {
top: 62px;
}
.modal-menu p {
margin: 0;
}
.modal-menu__list {
margin-top: 0;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 16px;
list-style: none;
}
.modal-menu__item {
display: flex;
flex-direction: column;
cursor: pointer;
}
.modal-menu__item:not(:last-child) {
margin-bottom: 16px;
}
.modal-menu__text:not(:last-child) {
display: inline-block;
margin-bottom: 2px;
}
.modal-menu__city {
font-weight: 300;
font-style: normal;
font-size: 15px;
line-height: 140%;
color: #121217;
}
.modal-menu__item:hover .modal-menu__city,
.modal-menu__item:active .modal-menu__city {
font-weight: 500;
font-style: normal;
font-size: 15px;
line-height: 140%;
color: #121217;
}
.modal-menu__city:hover,
.modal-menu__city:active {
font-weight: 500;
font-style: normal;
font-size: 15px;
line-height: 140%;
color: #121217;
}
.modal-menu__address {
font-weight: 300;
font-style: normal;
font-size: 14px;
line-height: 137%;
color: #a9a9a9;
}
.modal-menu__work-time {
display: block;
font-weight: 300;
font-style: normal;
font-size: 14px;
line-height: 137%;
color: #a9a9a9;
}
@media screen and (max-width: 1199px) {
header {
z-index: 99;
}
.modal-menu {
top: 68px;
left: 0;
z-index: 200;
display: block;
background-color: #ffffff;
}
}
@media screen and (min-width: 1200px) {
.modal-menu {
position: absolute;
top: 67px;
}
.modal_menu-addr-desk {
top: 62px;
}
.modal-menu__list {
padding: 0;
margin-bottom: 0;
}
.modal-menu__item {
padding: 16px 16px 16px 16px;
width: 100%;
}
.modal-menu__item:not(:last-child) {
margin-bottom: 0;
padding-bottom: 10px;
}
.modal-menu__item:not(:first-child) {
padding-top: 10px;
}
.modal-menu__item:hover,
.modal-menu__item:active {
background-color: #f6f6f6;
}
}
.modal-menu--close {
display: none;
}
@media screen and (max-width: 1199px) {
.btn-modal-services {
display: none;
}
.address_box > p {
margin: 0;
}
}
@media screen and (min-width: 1200px) {
.btn-modal-services {
display: block;
}
.btn-modal-services {
margin-right: auto;
display: flex;
justify-content: center;
align-items: center;
width: 54px;
height: 56px;
background-color: #121217;
cursor: pointer;
}
.btn-modal-services span {
position: relative;
display: block;
width: 16px;
height: 2px;
border-radius: 1px;
background-color: #ffffff;
}
.btn-modal-services span::before,
.btn-modal-services span::after {
position: absolute;
content: "";
display: block;
width: 16px;
height: 2px;
border-radius: 1px;
background-color: #ffffff;
}
.btn-modal-services span::before {
top: 6px;
}
.btn-modal-services span::after {
top: -6px;
}
.btn-modal-services:hover,
.btn-modal-services:active {
background-color: #ffffff;
}
.btn-modal-services:hover span,
.btn-modal-services:active span {
background-color: #121217;
}
.btn-modal-services:hover span::after,
.btn-modal-services:active span::after {
background-color: #121217;
}
.btn-modal-services:hover span::before,
.btn-modal-services:active span::before {
background-color: #121217;
}
.btn-modal-services.menu-open {
background-color: #ffffff;
}
.btn-modal-services.menu-open span {
background-color: #ffffff;
}
.btn-modal-services.menu-open span::before {
background-color: #121217;
transform: rotate(-45deg);
top: 0;
transition: transform 0.2s ease-in-out;
}
.btn-modal-services.menu-open span::after {
background-color: #121217;
transform: rotate(45deg);
top: 0;
transition: transform 0.2s ease-in-out;
}
}
.address {
position: relative;
}
.address--top {
display: none;
}
.address__wrapper {
display: flex;
}
.address__btn {
display: flex;
flex-direction: column;
align-content: flex-start;
align-items: flex-start;
min-height: 68px;
padding: 10px;
font-family: "InterTight", "Arial", sans-serif;
background-color: #ffffff;
border: none;
cursor: pointer;
}
.address__btn-city {
position: relative;
display: inline;
padding-right: 20px;
padding-bottom: 5px;
font-weight: 500;
font-style: normal;
font-size: 15px;
line-height: 140%;
color: #121217;
text-align: start;
}
.address__btn-city::after {
content: "";
position: absolute;
display: block;
width: 18px;
height: 18px;
top: calc(50% - 10px);
right: -5px;
background: url(//nsk.clinicred.ru/wp-content/themes/clinicred/assets/svg/arrow-down.svg) center no-repeat;
}
.address__btn-text {
font-weight: 300;
font-style: normal;
font-size: 14px;
line-height: 137%;
color: #ffffff;
}
.address_box {
position: relative;
padding: 10px;
cursor: pointer;
}
.address__text {
width: fit-content;
position: relative;
padding-left: 24px;
padding-right: 20px;
font-weight: 300;
font-style: normal;
font-size: 16px;
line-height: 137%;
color: #121217;
word-wrap: break-word;
}
.address__text::before {
content: "";
position: absolute;
display: block;
width: 18px;
height: 18px;
top: 2px;
left: 0px;
background: url(//nsk.clinicred.ru/wp-content/themes/clinicred/assets/svg/local-icon.svg) center no-repeat;
}
.address__text::after {
content: "";
position: absolute;
display: block;
width: 18px;
height: 18px;
top: 5%;
right: 0;
background: url(//nsk.clinicred.ru/wp-content/themes/clinicred/assets/svg/arrow-down.svg) center no-repeat;
}
.address__work {
padding-left: 24px;
font-weight: 300;
font-style: normal;
font-size: 14px;
line-height: 137%;
color: #121217;
}
@media screen and (max-width: 600px) {
.address__wrapper {
flex-direction: column;
align-items: flex-start;
}
}
@media screen and (max-width: 1200px) {
.address--open .address__btn-text {
font-weight: 300;
font-style: normal;
font-size: 14px;
line-height: 137%;
color: #4c4c4c;
}
.address--open .address__btn-city::after,
.address--open .address__text::after {
transform: rotate(180deg);
}
}
@media screen and (min-width: 600px) and (max-width: 1200px) {
.address--bottom .address__wrapper {
display: grid;
max-width: 530px;
grid-template-columns: auto auto;
grid-template-rows: auto auto;
}
.address--bottom .modal-menu {
grid-row: 2;
grid-column: span 2;
}
}
@media screen and (min-width: 1200px) {
.address__wrapper {
padding-top: 5px;
}
.address_box--desktop {
width: 335px;
padding: 8px 10px 5px 6px;
}
.address_box--desktop > p {
margin: 0;
}
.address__btn {
padding: 8px 0 8px 10px;
width: 130px;
min-height: auto;
background-color: #f6f6f6;
}
.address--top {
position: relative;
display: block;
margin-right: auto;
}
.address--bottom {
display: none;
}
.address__text {
line-height: 120%;
}
.address__btn-text {
font-weight: 300;
font-style: normal;
font-size: 14px;
line-height: 137%;
color: #f6f6f6;
}
.address--open .address__btn-text {
font-weight: 300;
font-style: normal;
font-size: 14px;
line-height: 137%;
color: #4c4c4c;
}
.address--open .address__btn-city::after,
.address--open .address__text::after {
transform: rotate(180deg);
}
.address--open {
background-color: #ffffff;
}
.address__btn-city:hover,
.address__btn-city:active {
color: #b62d35;
}
.address_box--desktop .address__text:hover {
color: #b62d35;
}
}
@media screen and (max-width: 899px) {
.phone {
display: none;
}
}
@media screen and (min-width: 900px) {
.phone {
display: block;
}
}
.phone__wrapper {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.phone__wrapper a:not(:last-child) {
margin-bottom: 0;
}
.phone__nomber {
font-weight: 500;
font-style: normal;
font-size: 18px;
line-height: 130%;
color: #121217;
}
.phone__text {
font-weight: 300;
font-style: normal;
font-size: 14px;
line-height: 140%;
color: #a9a9a9;
border-bottom: 1px solid #a9a9a9;
}
@media screen and (max-width: 1199px) {
.phone--bottom {
display: block;
}
.phone--bottom .phone__wrapper {
align-items: flex-start;
}
}
@media screen and (min-width: 1200px) {
.phone--bottom {
display: none;
}
}
.phone__nomber:hover,
.phone__nomber:active,
.phone__text-mail:hover,
.phone__text-mail:active {
color: #b62d35;
}
.phone__text:hover,
.phone__text:active {
border-color: #b62d35;
color: #b62d35;
}
.btn-appointment {
display: block;
padding: 10px 16px 11px 16px;
background-color: #f6f6f6;
border: 2px solid #b62d35;
text-align: center;
font-weight: 500;
font-style: normal;
font-size: 14px;
line-height: 137%;
color: #b62d35;
}
@media screen and (min-width: 700px) {
.btn-appointment {
font-weight: 500;
font-style: normal;
font-size: 14px;
line-height: 137%;
color: #b62d35;
}
}
@media screen and (min-width: 1200px) {
.btn-appointment {
font-weight: 500;
font-style: normal;
font-size: 16px;
line-height: 137%;
color: #b62d35;
}
}
.btn-appointment:hover,
.btn-appointment:active {
background-color: #b62d35;
color: #f6f6f6;
transition: background-color 0.2s ease-in-out;
}
.btn-appointment:hover {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); transform: translateY(-2px); }
.messengers {
display: flex;
}
.messengers a:not(:last-child) {
margin-right: 4px;
}
.messengers a {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 38px;
height: 38px;
}
.messengers__telegramm::after {
position: absolute;
content: "";
display: block;
width: 22px;
height: 22px;
-webkit-mask-image: url(//nsk.clinicred.ru/wp-content/themes/clinicred/assets/svg/telegramm-icon.svg);
mask-image: url(//nsk.clinicred.ru/wp-content/themes/clinicred/assets/svg/telegramm-icon.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
background-color: #121217;
}
.messengers__watsapp::after {
position: absolute;
content: "";
display: block;
width: 22px;
height: 22px;
-webkit-background-image: url(//nsk.clinicred.ru/wp-content/themes/clinicred/assets/svg/max-icon.svg);
background-image: url(//nsk.clinicred.ru/wp-content/themes/clinicred/assets/svg/max-icon.svg);
-webkit-background-repeat: no-repeat;
background-repeat: no-repeat;
-webkit-background-position: center;
background-position: center;
-webkit-background-size: contain;
background-size: contain;
}
@media screen and (min-width: 1200px) {
.messengers {
margin-right: 0;
}
}
.messengers__telegramm:hover::after,
.messengers__telegramm:active::after {
background-color: #b62d35;
}
.mobile-menu__wrapper {
display: flex;
}
.mobile-menu__search {
margin-right: 10px;
display: block;
width: 38px;
height: 38px;
background: url(//nsk.clinicred.ru/wp-content/themes/clinicred/assets/svg/search-icon.svg) center no-repeat #f6f6f6;
background-size: 24px 24px;
cursor: pointer;
}
.mobile-menu__btn {
display: flex;
justify-content: center;
align-items: center;
width: 38px;
height: 38px;
background-color: #121217;
cursor: pointer;
}
.mobile-menu__btn span {
position: relative;
display: block;
width: 16px;
height: 2px;
border-radius: 1px;
background-color: #f6f6f6;
}
.mobile-menu__btn span::after,
.mobile-menu__btn span::before {
position: absolute;
content: "";
display: block;
width: 16px;
height: 2px;
border-radius: 1px;
background-color: #f6f6f6;
}
.mobile-menu__btn span::before {
top: -6px;
}
.mobile-menu__btn span::after {
top: 6px;
}
@media screen and (min-width: 700px) {
.mobile-menu__search {
margin-right: 12px;
}
}
@media screen and (min-width: 1200px) {
.mobile-menu {
display: none;
}
}
.mobile-menu__search:hover {
background-color: #d2d2d7;
}
.mobile-menu__search.close-search-form {
background-color: #ffffff;
position: relative;
background-image: none;
background-color: #d2d2d7;
}
.mobile-menu__search.close-search-form::after {
position: absolute;
content: "";
width: 14px;
height: 2px;
background-color: #121217;
top: calc(50% - 1px);
left: calc(50% - 7px);
transform: rotate(45deg);
}
.mobile-menu__search.close-search-form::before {
position: absolute;
content: "";
width: 14px;
height: 2px;
background-color: #121217;
top: calc(50% - 1px);
left: calc(50% - 7px);
transform: rotate(-45deg);
}
@media screen and (max-width: 1199px) {
.nav {
display: inline-block;
padding: 32px 32px 32px 32px;
position: relative;
background-color: #ffffff;
overflow-y: auto;
z-index: 99;
}
.nav > *:not(:nth-last-child(-n + 2)) {
margin-bottom: 30px;
}
}
@media screen and (min-width: 1200px) {
.nav {
display: flex;
justify-content: space-between;
align-items: center;
width: 1170px;
margin: 0 auto;
}
}
.menu {
list-style: none;
padding-inline-start: 0;
}
@media screen and (max-width: 1199px) {
.menu-item:not(:last-child) {
margin-bottom: 10px;
}
.menu-item a {
display: inline-block;
padding: 5px 5px 5px 0;
font-weight: 300;
font-style: normal;
font-size: 18px;
line-height: 137%;
color: #121217;
}
}
@media screen and (min-width: 1200px) {
.menu {
display: flex;
margin-right: 30px;
}
.menu-item:not(:last-child) {
margin-right: 40px;
}
.menu-item a {
font-weight: 400;
font-style: normal;
font-size: 16px;
line-height: 137%;
color: #ffffff;
}
.menu-item:hover > a,
.menu-item a:active {
color: #b62d35;
}
}
.visually {
display: flex;
align-items: center;
margin-right: 20px;
border-radius: 50%;
}
.visually span {
position: relative;
display: block;
width: 38px;
height: 38px;
}
@media screen and (max-width: 1199px) {
.visually {
margin-right: 0;
}
.visually p {
display: block;
font-weight: 400;
font-style: normal;
font-size: 15px;
line-height: 137%;
color: #121217;
border-bottom: 1px solid #121217;
}
.visually span {
margin-right: 6px;
}
.visually span::after {
position: absolute;
display: block;
content: "";
-webkit-mask-image: url(//nsk.clinicred.ru/wp-content/themes/clinicred/assets/svg/visually-icon.svg);
mask-image: url(//nsk.clinicred.ru/wp-content/themes/clinicred/assets/svg/visually-icon.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
width: 20px;
height: 20px;
top: calc(50% - 10px);
right: calc(50% - 10px);
background-color: #121217;
}
}
@media screen and (min-width: 1200px) {
.visually {
margin-right: 0;
}
.visually span {
position: relative;
display: block;
width: 38px;
}
.bvi-shortcode:hover,
.bvi-shortcode:active {
background-color: #4c4c4c !important;
border-radius: 50%;
cursor: pointer;
}
.visually span::after {
position: absolute;
display: block;
content: "";
-webkit-mask-image: url(//nsk.clinicred.ru/wp-content/themes/clinicred/assets/svg/visually-icon.svg);
mask-image: url(//nsk.clinicred.ru/wp-content/themes/clinicred/assets/svg/visually-icon.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
width: 20px;
height: 20px;
top: calc(50% - 10px);
right: calc(50% - 10px);
background-color: #ffffff;
}
.visually p {
display: none;
}
}
.search {
display: flex;
align-items: center;
}
.search span {
position: relative;
display: block;
width: 38px;
height: 38px;
cursor: pointer;
}
.search span::after {
position: absolute;
display: block;
content: "";
-webkit-mask-image: url(//nsk.clinicred.ru/wp-content/themes/clinicred/assets/svg/search-icon.svg);
mask-image: url(//nsk.clinicred.ru/wp-content/themes/clinicred/assets/svg/search-icon.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
width: 22px;
height: 22px;
top: calc(50% - 11px);
right: calc(50% - 10px);
background-color: #ffffff;
}
@media screen and (max-width: 1199px) {
.search {
display: none;
}
}
@media screen and (min-width: 1200px) {
.search {
position: relative;
display: block;
width: 38px;
height: 38px;
border-radius: 50%;
}
.search span::after {
position: absolute;
display: block;
content: "";
-webkit-mask-image: url(//nsk.clinicred.ru/wp-content/themes/clinicred/assets/svg/search-icon.svg);
mask-image: url(//nsk.clinicred.ru/wp-content/themes/clinicred/assets/svg/search-icon.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
width: 21px;
height: 21px;
top: calc(50% - 11px);
right: calc(50% - 10px);
background-color: #ffffff;
}
.search:hover,
.search:active {
background-color: #4c4c4c;
}
}
.btn-menu-close {
cursor: pointer;
position: absolute;
top: 20px;
right: 20px;
display: flex;
justify-content: center;
align-items: center;
width: 38px;
height: 38px;
}
.btn-menu-close span {
position: relative;
display: block;
width: 24px;
height: 24px;
}
.btn-menu-close span::after,
.btn-menu-close span::before {
position: absolute;
content: "";
display: block;
top: 50%;
left: 50%;
width: 16px;
height: 2px;
background-color: #121217;
border-radius: 2px;
}
.btn-menu-close span::before {
transform: translate(-50%, -50%) rotate(45deg);
}
.btn-menu-close span::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
@media screen and (min-width: 1200px) {
.btn-menu-close {
display: none;
}
}
.ticker {
position: relative;
overflow: hidden;
}
.ticker__wrapper {
position: relative;
overflow: hidden;
display: flex;
background-color: #b62d35;
padding: 6px 0 5px 0;
white-space: nowrap;
}
.ticker__item {
display: flex;
animation: ticker 12s linear infinite;
}
.ticker__wrapper:hover > * {
animation-play-state: paused;
}
.ticker__item span {
font-weight: 400;
font-style: normal;
font-size: 14px;
line-height: 137%;
color: #ffffff;
flex-shrink: 0;
position: relative;
padding-right: 20px;
padding-left: 18px;
text-transform: uppercase;
}
.ticker__item span::after {
position: absolute;
display: block;
content: "";
top: calc(50% - 1px);
right: 0;
width: 3px;
height: 3px;
background-color: #ffffff;
border-radius: 50%;
opacity: 0.75;
}
@keyframes ticker {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
@media screen and (min-width: 700px) {
.ticker__wrapper {
padding: 5px 0 5px 0;
}
}
@media screen and (min-width: 1200px) {
.ticker__wrapper {
padding: 7px 0 8px 0;
}
}
.modal-services {
display: none;
}
.modal-services.modal-open {
display: block;
}
.modal-services {
position: absolute;
width: 100%;
height: calc(100vh - 184px);
background-color: rgba(255, 255, 255, 0.2);
}
.modal-services__wrapper {
position: relative;
background-color: #ffffff;
max-width: 1170px;
margin: 0 auto; max-height: 680px;
padding: 30px 30px 37px 30px;
box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.05);
overflow: hidden;
z-index: 99;
}
.modal-services__box {
display: grid;
grid-template-columns: auto 20%;
overflow: hidden;
}
.modal-services__right {
grid-column: 1;
display: flex;
flex-direction: column;
overflow: hidden;
position: relative;
height: 600px;
overflow-y: scroll;
}
.modal-services__right ul {
padding-inline-start: 0;
}
.modal-services__right::-webkit-scrollbar {
width: 3px;
}
.modal-services__right::-webkit-scrollbar-track {
background-color: #eeeee0;
}
.modal-services__right::-webkit-scrollbar-thumb {
background-color: #b62d35;
}
.modal-services__section {
margin-right: 16px;
}
.modal-services__section:not(:first-child) {
padding-top: 16px;
}
.modal-services__section:not(:last-child) {
padding-bottom: 16px;
border-bottom: 1px solid #f0f0f4;
}
.modal-services__title {
font-weight: 500;
font-style: normal;
line-height: 130%;
color: #121217;
font-size: 20px;
margin-bottom: 16px;
margin-top: 0;
}
.modal-services__title > a {
color: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
transition: var(--default-transition);
}
.modal-services__title > a:hover {
color: var(--accent-red-main);
}
.modal-services__list {
list-style: none; column-count: 3;
column-gap: 15px;
}
.modal-services__item > a {
display: inline-block;
font-weight: 300;
font-style: normal;
font-size: 16px;
line-height: 137%;
color: var(--text-color-main);
padding: 5px 0 5px 0;
transition: var(--default-transition);
}
.modal-services__item > a:hover {
color: var(--text-color-red);
}
.modal-services__item-parent > a {
font-weight: 500;
color: var(--text-color-black);
}
.modal-services__left {
grid-column: 2;
display: flex;
flex-direction: column;
padding-left: 20px;
}
.modal-services__legal {
font-weight: 300;
font-style: normal;
font-size: 12px;
line-height: 137%;
color: #a9a9a9;
margin-bottom: 10px;
}
.modal-services__legal > p {
margin: 0;
}
.modal-services__discount {
list-style: none;
padding-inline-start: 0;
}
.modal-services__discount h4,
.modal-services__discount p {
margin: 0;
}
.modal-services__discount-item > a h4 {
transition: var(--default-transition);
}
.modal-services__discount-item:not(:last-child) {
margin-bottom: 16px;
}
.modal-services__discount-item > a:hover h4 {
color: #b62d35;
}
.modal-services__discount-img {
display: block;
width: 200px;
height: 102px;
margin-bottom: 4px;
object-fit: cover;
}
.modal-services__discount-title {
font-weight: 500;
font-style: normal;
font-size: 16px;
line-height: 137%;
color: #121217;
letter-spacing: 0.32px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.modal-services__price {
display: flex;
}
.modal-services__price-new {
font-weight: 500;
font-style: normal;
font-size: 16px;
line-height: 137%;
color: #b62d35;
letter-spacing: 0.32px;
margin-right: 6px;
}
.modal-services__price-old {
font-weight: 300;
font-style: normal;
font-size: 14px;
line-height: 142%;
color: #a9a9a9;
text-decoration: line-through;
}
.bvi-widget,
.bvi-shortcode a,
.bvi-widget a,
.bvi-shortcode {
background-color: transparent !important;
border-radius: 50% !important;
}
.bvi-shortcode {
display: flex !important;
align-items: center;
justify-content: center;
height: 38px;
}
.bvi-widget,
.bvi-shortcode {
padding: 3px 3px !important;
width: 38px;
}
.bvi-open {
font-size: 0;
width: 28px;
height: 25px;
}
.bvi-open > svg {
height: 25px !important;
font-size: 2em !important;
width: 100% !important;
}
@media screen and (max-width: 1199px) {
.modal-services {
display: none;
}
}
.form-search {
display: block;
padding: 6px 0 6px 0;
background-color: #121217;
}
.form-search__wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
.form {
display: flex;
align-items: center;
position: relative;
width: 100%;
}
.form__input {
min-height: 44px;
width: 100%;
padding: 5px 120px 5px 5px;
border: none;
background-color: #ffffff;
font-family: "InterTight", "Arial", sans-serif;
font-weight: 500;
font-style: normal;
font-size: 16px;
line-height: 137%;
color: #121217;
word-wrap: break-word;
}
.form__input::placeholder {
width: 100%;
font-family: "InterTight", "Arial", sans-serif;
font-weight: 300;
font-style: normal;
font-size: 16px;
line-height: 137%;
color: #a9a9a9;
word-wrap: break-word;
}
.form__wrapper-btn {
position: absolute;
right: 0;
display: flex;
flex-direction: row;
gap: 5px;
align-items: center;
}
.form__btn {
margin-right: 4px;
display: flex;
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
border: none;
background-color: #b62d35;
cursor: pointer;
}
.form__btn-clear {
font-weight: 500;
cursor: pointer;
transition: var(--default-transition);
}
.form__btn-clear:hover {
color: #b62d35;
}
.form__btn span {
display: block;
width: 20px;
height: 20px;
mask-image: url(//nsk.clinicred.ru/wp-content/themes/clinicred/assets/svg/search-icon.svg);
background-color: #ffffff;
mask-position: center;
mask-repeat: no-repeat;
}
.form__btn-close {
display: none;
}
.form__btn-close span {
position: relative;
display: block;
width: 20px;
height: 20px;
}
.form__btn-close span::before {
position: absolute;
display: block;
content: "";
width: 20px;
height: 2px;
background-color: #ffffff;
transform: rotate(45deg);
top: calc(50% - 1px);
right: calc(50% - 10px);
}
.form__btn-close span::after {
position: absolute;
display: block;
content: "";
width: 20px;
height: 2px;
background-color: #ffffff;
transform: rotate(-45deg);
top: calc(50% - 1px);
right: calc(50% - 10px);
}
@media screen and (min-width: 320px) and (max-width: 379px) {
.form-search__wrapper {
width: 320px;
margin: 0 auto;
padding: 0 6px 0 6px;
}
}
@media screen and (min-width: 380px) {
.form-search__wrapper {
padding: 0 30px 0 30px;
}
}
@media screen and (min-width: 768px) {
.form-search__wrapper {
padding: 0 54px 0 54px;
}
}
@media screen and (min-width: 1200px) {
.form-search__wrapper {
max-width: 1170px;
padding: 0 0 0 0;
margin: 0 auto;
}
.form {
position: absolute;
left: 0;
right: 0;
display: flex;
align-items: center;
position: relative;
width: 100%;
margin-right: 6px;
}
.form__btn-close {
display: flex;
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
padding: 4px;
cursor: pointer;
}
}
.form-search--close {
display: none;
}
.breadcrumbs {
margin: 20px 0;
color: var(--border-main-color);
}
.breadcrumbs > span {
color: var(--text-color-light);
margin: 8px;
font-size: 14px;
font-weight: 300;
line-height: 137%;
}
.breadcrumbs > span:first-child {
margin-left: 0;
}
.breadcrumbs > span:last-child {
margin-right: 0;
}
.breadcrumbs a {
color: var(--text-color-main);
text-decoration-line: underline;
transition: var(--default-transition);
}
.breadcrumbs a:hover {
color: var(--text-color-red);
transition: var(--default-transition);
}
.bubbles__btns-nav-wrap {
display: flex;
flex-direction: row;
gap: 10px;
width: 100%;
min-height: 40px;
overflow-x: auto;
overflow-y: hidden;
height: calc(100% + 20px);
}
.bubbles__btns-nav-wrap > a {
min-width: fit-content;
width: auto;
border: 1px solid var(--border-main-color);
border-radius: 50px;
padding: 10px 18px;
color: var(--text-color-black);
font-size: 18px;
transition: var(--default-transition);
}
.bubbles__btns-nav-wrap > a:hover {
background-color: var(--accent-red-main);
color: #fff;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
content: none !important;
}
.swiper-button-prev {
width: 36px !important;
height: 36px !important;
background-image: url('data:image/svg+xml,<svg width="36" height="37" viewBox="0 0 36 37" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_198_7135)"><circle cx="18" cy="18" r="18" transform="matrix(-1 0 0 1 36 0.5)" fill="%23100C0B"/><path d="M19.6362 14.6819L15.818 18.5001L19.6362 22.3182" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_198_7135"><rect width="36" height="36" fill="white" transform="matrix(-1 0 0 1 36 0.5)"/></clipPath></defs></svg>');
background-size: contain;
background-repeat: no-repeat;
margin-left: -55px;
transition: var(--default-transition);
}
.swiper-button-prev:hover {
background-image: url('data:image/svg+xml,<svg width="36" height="37" viewBox="0 0 36 37" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_198_7135)"><circle cx="18" cy="18" r="18" transform="matrix(-1 0 0 1 36 0.5)" fill="%23b62d35"/><path d="M19.6362 14.6819L15.818 18.5001L19.6362 22.3182" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_198_7135"><rect width="36" height="36" fill="white" transform="matrix(-1 0 0 1 36 0.5)"/></clipPath></defs></svg>');
transition: var(--default-transition);
}
.swiper-button-next {
width: 36px !important;
height: 36px !important;
background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_2919_27278)"%3E%3Ccircle cx="18" cy="18" r="18" fill="%23121217" /%3E%3Cpath d="M16.3633 14.1816L20.1815 17.9998L16.3633 21.818" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_2919_27278"%3E%3Crect width="36" height="36" fill="white" /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
background-size: contain;
background-repeat: no-repeat;
margin-right: -55px;
transition: var(--default-transition);
}
.swiper-button-next:hover {
background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_2919_27278)"%3E%3Ccircle cx="18" cy="18" r="18" fill="%23b62d35" /%3E%3Cpath d="M16.3633 14.1816L20.1815 17.9998L16.3633 21.818" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_2919_27278"%3E%3Crect width="36" height="36" fill="white" /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
transition: var(--default-transition);
}
.swiper-button-disabled {
cursor: auto !important;
pointer-events: none !important;
}
.sliders-notes {
display: none;
color: var(--text-color-light);
text-align: center;
font-size: 15px;
font-weight: 300;
}
.slider-container-main .swiper-wrapper {
min-height: 440px;
height: auto;
}
.slider-container-main .swiper-wrapper .swiper-slide {
height: auto;
}
.slider-container-main {
background-color: #e5e5e5;
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
margin-bottom: 30px;
}
.slide-wrapper-img::before {
content: "";
width: 140px;
height: 100%;
position: absolute;
top: 0;
background: linear-gradient(
to right,
rgba(229, 229, 229, 1) 0%,
rgba(229, 229, 229, 0) 100%
);
margin-left: -1px;
}
.slide-wrapper-img {
top: 0;
right: 0;
position: absolute;
max-width: 50%;
width: 100%;
height: 100%; }
.slide-wrapper-img > img {
width: 100%;
height: 100%;
object-fit: cover;
}
.slide-wrap-img-plan {
display: none;
}
.slide-wrap-img-mob {
display: none;
}
.slider-content {
margin: 85px 0;
position: relative;
max-width: 570px;
display: flex;
flex-direction: column;
z-index: 1;
}
.slider-content .slider-title {
font-size: var(--title-font-size);
line-height: 110%;
letter-spacing: -0.44px;
color: var(--title-color);
margin-bottom: 16px;
margin-top: 0;
}
.slider-undertitle {
font-size: 18px;
font-weight: 300;
line-height: 140%;
margin-bottom: 24px;
}
.slider-descr-wrap {
font-size: 16px;
font-weight: 300;
line-height: 137%;
color: var(--text-color-main);
}
.slider__btns-wrap {
display: flex;
flex-direction: row;
gap: 5px;
margin-top: 24px;
}
.slider__btns-wrap > button,
.slider__btns-wrap > a {
background: var(--button-color-main);
color: #ffff;
max-width: 119px;
max-height: 47px;
padding: 13px 18px;
font-size: 15px;
font-weight: 500;
line-height: 140%;
transition: var(--default-transition);
}
.slider__btns-wrap > a {
display: block;
text-align: center;
display: block;
background-color: var(--background-color-main);
border: 1px solid var(--accent-red-main);
color: var(--text-color-black);
}
.slider__btns-wrap > a.red {
background: var(--button-color-main);
color: #ffff;
border: none;
}
.slider__btns-wrap > button:hover {
background: var(--button-color-main-hover);
transition: var(--default-transition);
}
.slider__btns-wrap > a:hover {
background-color: var(--button-color-main);
color: #fff;
}
.slider-title {
font-weight: 400;
}
.slider-undertitle {
margin-bottom: 4px;
}
.slider-undertitle-wrap {
margin-bottom: 16px;
}
.slider-arrows {
z-index: 1;
position: absolute;
display: flex;
justify-content: center;
gap: 20px;
bottom: 10px;
left: 50%;
right: 50%;
transform: translateX(-50%);
width: fit-content;
}
.slider-arrow {
cursor: pointer;
width: 20px;
height: 20px;
}
.slider-arrow-left {
background: url('data:image/svg+xml;charset=utf-8,%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_2919_27163)"%3E%3Ccircle cx="10" cy="10" r="10" transform="matrix(-1 0 0 1 20 0)" fill="%23121217" /%3E%3Cg clip-path="url(//nsk.clinicred.ru/wp-content/themes/clinicred/assets/css/%23clip1_2919_27163)"%3E%3Cpath d="M10.9092 7.87891L8.78797 10.0001L10.9092 12.1213" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_2919_27163"%3E%3Crect width="20" height="20" fill="white" transform="matrix(-1 0 0 1 20 0)" /%3E%3C/clipPath%3E%3CclipPath id="clip1_2919_27163"%3E%3Crect width="7.27273" height="7.27273" fill="white" transform="matrix(-1 0 0 1 13.6367 6.36377)" /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E')
no-repeat center center;
transition: var(--default-transition);
}
.slider-arrow-right {
background: url('data:image/svg+xml;charset=utf-8,%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_2919_27169)"%3E%3Ccircle cx="10" cy="10" r="10" fill="%23121217" /%3E%3Cg clip-path="url(//nsk.clinicred.ru/wp-content/themes/clinicred/assets/css/%23clip1_2919_27169)"%3E%3Cpath d="M9.09082 7.87891L11.212 10.0001L9.09082 12.1213" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_2919_27169"%3E%3Crect width="20" height="20" fill="white" /%3E%3C/clipPath%3E%3CclipPath id="clip1_2919_27169"%3E%3Crect width="7.27273" height="7.27273" fill="white" transform="translate(6.36328 6.36377)" /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E')
no-repeat center center;
transition: var(--default-transition);
}
.slider-arrow-left:not(.swiper-button-disabled):hover {
background: url('data:image/svg+xml;charset=utf-8,%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_2919_27163)"%3E%3Ccircle cx="10" cy="10" r="10" transform="matrix(-1 0 0 1 20 0)" fill="%23b62d35" /%3E%3Cg clip-path="url(//nsk.clinicred.ru/wp-content/themes/clinicred/assets/css/%23clip1_2919_27163)"%3E%3Cpath d="M10.9092 7.87891L8.78797 10.0001L10.9092 12.1213" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_2919_27163"%3E%3Crect width="20" height="20" fill="white" transform="matrix(-1 0 0 1 20 0)" /%3E%3C/clipPath%3E%3CclipPath id="clip1_2919_27163"%3E%3Crect width="7.27273" height="7.27273" fill="white" transform="matrix(-1 0 0 1 13.6367 6.36377)" /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E')
no-repeat center center;
transition: var(--default-transition);
}
.slider-arrow-right:not(.swiper-button-disabled):hover {
background: url('data:image/svg+xml;charset=utf-8,%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_2919_27169)"%3E%3Ccircle cx="10" cy="10" r="10" fill="%23b62d35" /%3E%3Cg clip-path="url(//nsk.clinicred.ru/wp-content/themes/clinicred/assets/css/%23clip1_2919_27169)"%3E%3Cpath d="M9.09082 7.87891L11.212 10.0001L9.09082 12.1213" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_2919_27169"%3E%3Crect width="20" height="20" fill="white" /%3E%3C/clipPath%3E%3CclipPath id="clip1_2919_27169"%3E%3Crect width="7.27273" height="7.27273" fill="white" transform="translate(6.36328 6.36377)" /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E')
no-repeat center center;
transition: var(--default-transition);
}
.slider-dots {
width: fit-content !important;
display: flex;
align-items: center;
gap: 10px;
}
.slider-dot {
display: block;
background-color: #a9a9a9;
width: 6px;
height: 6px;
border-radius: 50%;
}
.slider-container-main .swiper-pagination-bullet-active {
background-color: #121217;
}
.info-block {
display: flex;
flex-direction: column;
}
.info-title-wrapper {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 30px;
}
.info-title {
font-size: var(--title-font-size);
max-width: 670px;
width: 100%;
color: var(--title-color);
font-size: 50px;
font-weight: 400;
margin-top: 0;
margin-bottom: 0;
margin-right: 20px;
}
.info-rec-wrapper {
display: flex;
flex-direction: row;
align-items: flex-end;
}
.info-rec-text > h1 {
margin-top: 0;
margin-bottom: 0;
}
.info-rec-text > span {
display: block;
}
.info-rec-text > span,
.info-rec-text > h1 {
max-width: 269px;
color: var(--text-color-main);
font-size: 18px;
font-weight: 300;
line-height: 140%;
margin-right: 12px;
}
.info-rec-wrapper > a {
height: 50px;
width: 199px;
min-width: 193px;
padding: 14px 18px;
background-color: var(--button-color-main);
color: #fff;
font-size: 16px;
font-weight: 500;
line-height: 140%;
transition: var(--default-transition);
}
.info-rec-wrapper > a:hover {
background-color: var(--button-color-main-hover);
transition: var(--default-transition);
}
.info-adv {
border: 1px solid var(--border-main-color);
border-right: rgba(0, 0, 0, 0);
padding: 30px;
}
.info-adv-slider .swiper-wrapper .swiper-slide:last-child {
border-right: 1px solid var(--border-main-color);
}
.info-adv-label {
background: url('data:image/svg+xml;charset=utf-8,%3Csvg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="22" height="22" rx="11" fill="%23121217" /%3E%3Cpath d="M15.6668 7.5L9.25016 13.9167L6.3335 11" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /%3E%3C/svg%3E')
no-repeat center center;
width: 22px;
height: 22px;
margin-bottom: 40px;
}
.info-adv > h3 {
font-size: 22px;
color: var(--title-color);
font-weight: 400;
line-height: 115%;
margin: 0 0 12px 0;
}
.info-adv-text {
font-size: 18px;
color: var(--text-color-main);
font-weight: 300;
line-height: 140%;
margin: 0;
}
.pluses__inner-bot {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 40px;
padding: 40px 0;
border-top: 1px solid var(--border-main-color);
border-bottom: 1px solid var(--border-main-color);
}
.pluses__bot-text-wrap {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
}
.pluses__bot-text-wrap > span {
min-width: fit-content;
color: var(--text-color-red);
font-size: 60px;
font-weight: 400;
line-height: 112%;
text-transform: uppercase;
}
.pluses__bot-text {
color: var(--text-color-main);
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 137%;
}
.reviews-wrapper {
display: flex;
flex-direction: row;
gap: 30px;
}
.review-block {
flex: 1;
}
.review-block-title {
font-size: var(--title-font-size);
color: var(--title-color);
font-weight: 400;
margin-top: 0;
margin-bottom: 16px;
}
.review-block:nth-child(1) > span {
display: block;
color: var(--text-color-main);
font-size: var(--subtitle-font-size);
font-weight: 300;
line-height: 140%;
}
.rating-img-wrap {
display: flex;
flex-direction: column;
align-items: center;
}
.rating-img-wrap > img {
width: 90px;
height: 90px;
margin-bottom: 10px;
}
.rating-img-wrap > span {
text-align: center;
margin-bottom: 35px;
color: var(--text-color-light);
font-size: 16px;
font-weight: 300;
line-height: 137%;
}
.rating-wrapper {
display: flex;
flex-direction: row;
justify-content: space-around;
gap: 20px;
}
.rating-item {
display: flex;
flex-direction: column;
align-items: center;
}
.rating-item > span {
color: var(--text-color-black);
font-size: var(--title-font-size);
margin-bottom: 6px;
}
.rating-item > a {
display: inline-flex;
align-items: center;
gap: 5px;
color: var(--text-color-black);
font-size: 20px;
font-weight: 300;
line-height: 137%;
transition: var(--default-transition);
}
.rating-item > a:hover {
color: var(--text-color-hover);
}
.rating-arrow {
background: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19" fill="none"%3E%3Cpath d="M6.08301 13.25L13.583 5.75" stroke="%23B62D35" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" /%3E%3Cpath d="M6.08301 5.75H13.583V13.25" stroke="%23B62D35" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" /%3E%3C/svg%3E')
no-repeat center center;
width: 12px;
height: 12px;
}
.services-slider-wrapper {
position: relative;
}
.services-slider {
overflow: hidden;
}
.services-slider-wrapper .swiper-slide {
height: auto !important;
}
.services-title-wrap {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 10px;
margin-bottom: 35px;
}
.services-title-wrap > a {
background-color: var(--button-color-main);
color: #fff;
font-size: 15px;
font-weight: 500;
line-height: 140%;
padding: 10px 16px;
max-height: 40px;
max-width: 200px;
transition: var(--default-transition);
}
.services-title-wrap > a:hover {
background-color: var(--button-color-main-hover);
transition: var(--default-transition);
}
.services-title {
color: var(--title-color);
font-size: var(--title-font-size);
font-weight: 400;
margin-top: 0;
}
.service-card {
display: flex;
flex-direction: column;
height: 100%;
}
.service-card:hover .service-card-img {
transform: scale(1.2);
transition: var(--default-transition);
}
.service-card-img-wrap {
height: 370px;
width: auto;
overflow: hidden;
margin-bottom: 22px;
}
.service-card-img {
height: 100%;
width: 100%;
object-fit: cover;
transition: var(--default-transition);
}
.service-card-title-wrap {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.service-card-title {
color: var(--title-color);
font-size: 22px;
font-weight: 500;
line-height: 115%;
margin: 0;
transition: var(--default-transition);
}
.service-card-title:hover {
color: var(--text-color-hover);
}
.service-card-arrow {
background: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="26" height="27" viewBox="0 0 26 27" fill="none"%3E%3Cpath d="M7.58301 18.9168L18.4163 8.0835" stroke="%23B62D35" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /%3E%3Cpath d="M7.58301 8.0835H18.4163V18.9168" stroke="%23B62D35" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /%3E%3C/svg%3E')
no-repeat center center;
width: 26px;
height: 26px;
}
.card-min-desc {
color: var(--text-color-light);
font-size: 16px;
font-weight: 300;
line-height: 137%;
margin-bottom: 22px;
}
.service-price-wrap {
color: var(--title-color);
font-size: 22px;
font-weight: 500;
line-height: 113%;
text-transform: uppercase;
margin-top: auto;
margin-bottom: 0;
}
.service-price-wrap > span {
text-transform: lowercase;
color: var(--text-color-light);
font-size: 18px;
}
.service-price-promo {
display: flex;
flex-direction: row;
align-items: flex-end;
gap: 8px;
}
.service-price-promo > span:nth-child(1) {
color: var(--text-color-light);
font-size: 18px;
font-weight: 300;
line-height: 113%;
}
.service-price-promo > span:nth-child(2) {
color: var(--text-color-red);
font-size: 22px;
font-weight: 500;
line-height: 113%;
text-transform: uppercase;
}
.service-price-promo > span:nth-child(3) {
color: var(--text-color-light);
font-size: 18px;
font-weight: 300;
line-height: 113%;
text-transform: uppercase;
text-decoration: line-through;
}
.swiper-button-disabled {
opacity: 0.5;
}
.clinic-adv-note {
color: var(--text-color-light);
font-size: var(--subtitle-font-size);
font-weight: 300;
line-height: 140%;
margin-bottom: 16px;
}
.clinic-adv-wrap > h2 {
color: var(--title-color);
font-size: var(--title-font-size);
font-weight: 400;
max-width: 600px;
margin-top: 0;
margin-bottom: 36px;
}
.clinic-adv-items {
display: grid;
grid-template-columns: repeat(3, 1fr); gap: 1px;
}
.clinic-adv-item {
flex-basis: 33.2%;
outline: 1px solid var(--border-main-color);
padding: 30px;
}
.clinic-adv-item:nth-child(4) {
grid-column: 1/3;
}
.clinic-item-head {
color: var(--title-color);
font-size: 25px;
font-weight: 400;
line-height: 120%;
margin-bottom: 40px;
}
.clinic-item-text {
color: var(--text-color-main);
font-size: 16px;
font-weight: 300;
line-height: 137%;
}
.clinic-adv-item:last-child {
background-color: #121217;
transition: var(--default-transition);
}
.clinic-adv-item:last-child:hover {
background-color: #b62d35;
}
.clinic-adv-item:last-child:hover > .clinic-item-btn {
background-color: #121217;
}
.clinic-adv-item:last-child .clinic-item-head {
color: #fff;
margin-bottom: 16px;
font-size: 22px;
}
.clinic-adv-item:last-child .clinic-item-text {
color: #fff;
margin-bottom: 33px;
}
.clinic-item-btn {
display: block;
text-align: center;
background-color: var(--button-color-main);
padding: 15px 22px;
font-size: 14px;
font-weight: 500;
line-height: 140%;
color: #fff;
width: 100%;
transition: var(--default-transition);
}
.work-ex-slider-wrapper {
position: relative;
}
.work-ex-slider {
overflow: hidden;
}
.work-ex-slider .swiper-slide {
max-width: 370px;
}
.work-examples-note {
color: var(--text-color-light);
font-size: var(--subtitle-font-size);
font-weight: 300;
line-height: 140%;
text-transform: lowercase;
margin-bottom: 16px;
}
.work-ex-title-wrap {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-bottom: 30px;
}
.work-ex-title-wrap > h2 {
color: var(--title-color);
font-size: var(--title-font-size);
font-weight: 400;
margin-top: 0;
margin-bottom: 0;
}
.work-ex-title-wrap > a {
background-color: var(--button-color-main);
color: #fff;
font-size: 15px;
font-weight: 500;
line-height: 140%;
padding: 10px 16px;
max-height: 40px;
max-width: 200px;
transition: var(--default-transition);
}
.work-ex-title-wrap > a:hover {
background-color: var(--button-color-main-hover);
transition: var(--default-transition);
}
.work-ex-card {
max-width: 370px;
}
.work-img-wrap {
position: relative;
height: 280px;
margin-bottom: 24px;
overflow: hidden;
}
.work-img-wrap > img {
height: 100%;
object-fit: cover;
}
.work-img {
height: 100%;
width: 100%;
object-fit: cover;
}
.work-imgtxt {
padding: 2px 10px;
position: absolute;
bottom: 10px;
background-color: #100c0b80;
color: #fff;
font-size: 16px;
font-weight: 300;
line-height: 137%;
text-transform: lowercase;
border-radius: 40px;
}
.work-imgtxt-do {
left: 10px;
}
.work-imgtxt-posle {
right: 10px;
}
.handle-container .handle {
height: 50px;
width: 50px;
background-color: #fff;
border-radius: 100%;
}
img-comparison-slider {
visibility: hidden;
outline: none !important;
width: 100%; }
img-comparison-slider [slot="second"] {
display: none;
}
.first .handle {
height: 50px;
width: 50px;
background-color: #fff;
border-radius: 100%;
}
img-comparison-slider.rendered {
visibility: inherit;
height: 100%;
}
img-comparison-slider.rendered [slot="second"] {
display: unset;
}
.work-card-title-wrap {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 14px;
}
.work-card-title-wrap:hover > .work-card-title {
color: var(--text-color-hover);
}
.work-card-title {
color: var(--title-color);
font-size: 18px;
font-weight: 300;
transition: var(--default-transition);
text-decoration: underline;
}
.work-card-arrow {
background: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="23" viewBox="0 0 22 23" fill="none"%3E%3Cpath d="M6.4165 16.0832L15.5832 6.9165" stroke="%23B62D35" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /%3E%3Cpath d="M6.4165 6.9165H15.5832V16.0832" stroke="%23B62D35" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /%3E%3C/svg%3E')
no-repeat center center;
width: 22px;
height: 23px;
}
.work-card-line {
display: block;
border: 1px solid var(--border-main-color);
width: 100%;
margin-bottom: 14px;
}
.work-card-desc {
color: var(--text-color-black);
font-size: 18px;
font-weight: 300;
}
.owner-section {
position: relative;
width: 100%;
overflow: hidden;
}
.owner-bg {
background-color: #fff;
position: absolute;
width: 100%;
height: 100%;
}
.owner-appeal-inner {
position: relative;
z-index: 1;
padding-top: 40px;
display: flex;
flex-direction: row;
align-items: center;
}
.owner-img-wrap > img {
margin-left: -40px;
max-width: 580px;
max-height: 700px;
object-fit: cover;
}
.owner-text-wrap {
margin-left: 60px;
margin-bottom: 60px;
}
.owner-note {
color: var(--text-color-light);
font-size: var(--subtitle-font-size);
font-weight: 300;
line-height: 140%;
text-transform: lowercase;
margin-bottom: 20px;
}
.owner-title {
color: var(--title-color);
font-size: var(--title-font-size);
font-weight: 400;
line-height: 110%;
margin-top: 0;
margin-bottom: 36px;
}
.owner-main-text-wrap {
display: inline-flex;
}
.owner-text-quote {
margin-right: 20px;
}
.owner-main-text {
color: var(--text-color-main);
font-size: 18px;
font-weight: 300;
line-height: 140%;
}
.owner-main-text > p:nth-child(1) {
margin-top: 0;
}
.owner-main-text > p:last-child {
margin-bottom: 36px;
}
.owner-name {
color: var(--text-color-black);
font-size: 18px;
font-weight: 500;
line-height: 130%;
}
.owner-desc {
color: var(--text-color-light);
font-size: 16px;
font-weight: 300;
line-height: 137%;
margin-bottom: 16px;
}
.owner-action {
padding: 14px 22px;
background-color: var(--button-color-main);
color: #fff;
font-size: 16px;
font-weight: 500;
line-height: 140%;
transition: var(--default-transition);
}
.owner-action:hover {
background-color: var(--button-color-main-hover);
transition: var(--default-transition);
}
.spec-offers-title {
color: var(--title-color);
font-size: var(--title-font-size);
font-weight: 400;
max-width: 570px;
margin-top: 0;
margin-bottom: 36px;
}
.spec-offers-slider-wrapper {
position: relative;
}
.spec-offers-slider {
width: 100%;
overflow: hidden;
}
.spec-offers-slider .swiper-slide {
height: auto !important;
}
.spec-offers-slider .spec-offer-card {
display: flex;
flex-direction: column;
height: 100%;
}
.spec-old-offer-card {
display: flex;
flex-direction: column;
}
.spec-offer-card {
max-width: 370px;
}
.offer-img-wrap {
position: relative;
}
.offer-img-wrap > img {
width: 100%;
height: 360px;
object-fit: cover;
margin-bottom: 25px;
}
.offer-img-wrap .new__stick {
position: absolute;
top: 10px;
right: 10px;
}
.date-spec-offer {
padding: 4px 12px;
position: absolute;
top: 10px;
left: 10px;
background-color: rgba(23, 22, 28, 0.6);
border-radius: 50px;
color: #fff;
font-size: 15px;
font-weight: 500;
line-height: 137%;
}
.offer-card-title {
color: var(--title-color);
font-size: 22px;
font-weight: 400;
line-height: 115%;
margin-bottom: 10px;
}
.offer-card-desc {
color: var(--text-color-main);
font-size: 16px;
font-weight: 300;
line-height: 137%;
margin-bottom: 20px;
}
.offer-price-wrap {
display: inline-flex;
align-items: flex-end;
gap: 10px;
margin-bottom: 25px;
margin-top: auto;
}
.offer-price {
color: var(--text-color-red);
font-size: 22px;
font-weight: 500;
line-height: 113%;
}
.offer-price-old,
.offer-price-wrap > span {
color: var(--text-color-light);
font-size: 18px;
font-weight: 300;
line-height: 113%;
}
.offer-price-old {
text-decoration: line-through;
}
.offer-btns-wrap {
display: flex;
justify-content: space-between;
gap: 10px; }
.spec-offers-slider .offer-btns-wrap { margin-bottom: 0;
}
.offer-btns-wrap > a {
flex: 1;
color: var(--text-color-black);
padding: 12px 22px;
font-size: 14px;
font-weight: 500;
line-height: 140%;
text-align: center;
border: 1px solid var(--border-main-color);
transition: var(--default-transition);
}
.offer-btns-wrap > a:hover {
border: 1px solid var(--accent-red-main);
}
.offer-btns-wrap > button,
.offer-btns-wrap > .btn__red {
flex: 1;
padding: 12px 22px;
font-size: 14px;
font-weight: 500;
line-height: 140%;
background-color: var(--button-color-main);
border: none;
color: #fff;
transition: var(--default-transition);
}
.offer-btns-wrap > button:hover,
.offer-btns-wrap > .btn__red:hover {
background-color: var(--button-color-main-hover);
border: none;
}
.team-note {
color: var(--text-color-light);
font-size: var(--subtitle-font-size);
font-weight: 300;
line-height: 140%;
margin-bottom: 16px;
text-transform: lowercase;
}
.team-title {
color: var(--title-color);
font-size: var(--title-font-size);
font-weight: 400;
max-width: 610px;
margin-top: 0;
margin-bottom: 36px;
}
.team-slider-wrap {
position: relative;
}
.team-slider-wrap .swiper-slide {
height: auto !important;
}
.team-slider-inner {
overflow: hidden;
}
.team-item { display: flex;
flex-direction: column;
align-items: center;
height: 100%;
}
.team-img-wrap {
margin-bottom: 24px;
width: 100%;
}
.team-img-wrap > img {
width: 100%;
height: 370px;
object-fit: cover;
object-position: top;
transition: var(--default-transition);
}
.team-img-wrap > img:hover {
opacity: 0.85;
}
.team-exp {
color: var(--text-color-main);
font-size: 16px;
font-weight: 300;
line-height: 137%;
margin-bottom: 14px;
}
.team-name {
color: var(--text-color-black);
font-size: 22px;
font-weight: 400;
line-height: 115%;
text-align: center;
max-width: 220px;
margin-bottom: 14px;
transition: var(--default-transition);
}
.team-name:hover {
color: var(--text-color-hover);
}
.team-prof {
text-align: center;
color: var(--text-color-main);
font-size: 16px;
font-weight: 300;
line-height: 137%;
margin-bottom: 24px;
}
.team-action {
margin-top: auto;
margin-bottom: 0;
padding: 12px 18px;
background-color: var(--button-color-main);
color: #fff;
transition: var(--default-transition);
font-size: 16px;
font-weight: 500;
line-height: 137%;
}
.team-action:hover {
background-color: var(--button-color-main-hover);
}
.pricelist__notes {
color: var(--text-color-light);
font-size: var(--subtitle-font-size);
font-weight: 300;
line-height: 140%;
margin-bottom: 16px !important;
text-transform: lowercase;
}
.pricelist__title {
color: var(--title-color);
font-size: var(--title-font-size);
font-weight: 400;
max-width: 570px;
margin-top: 0;
margin-bottom: 36px;
}
.pricelist__item {
margin-bottom: 12px;
}
.pricelist__item.hidden {
display: none;
}
.pricelist__wrap {
margin-bottom: 74px;
}
.pricelist__item:nth-last-child(2) {
margin-bottom: 50px;
}
.pricelist__top {
display: inline-flex;
flex-direction: row;
justify-content: space-between;
gap: 10px;
width: 100%;
border-top: 1px solid var(--red, #ae1d23);
cursor: pointer;
background: #fff;
padding: 18px 32px;
color: var(--100, #100c0b);
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 115%;
position: relative;
transition: all 0.3s;
}
.pricelist__active {
padding-bottom: 8px;
}
.pricelist__descr {
display: none;
background: #fff;
padding: 0 2rem;
color: var(--text-color-light);
font-size: 16px;
font-weight: 300;
line-height: 137%;
padding-bottom: 18px;
}
.pricelist__top > span {
display: block;
background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="12" fill="%23AE1D23"/><path d="M12 8.5V15.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.5 12H15.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
background-size: contain;
width: 24px;
height: 24px;
transition: all 0.3s;
}
.pricelist__top.pricelist__active > span {
background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="11.5" stroke="%23100C0B"/><path d="M8.5 12H15.5" stroke="%23100C0B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.pricelist__body {
background: #fff;
padding: 2px;
display: none;
}
.pricelist__row-head {
background: #f6f6f6;
padding: 8px 24px;
display: grid;
grid-gap: 20px;
grid-template-columns: 3fr 1fr 1.5fr 1fr;
color: var(--40, #bfbfbf);
font-family: Inter Tight;
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 137%;
margin: 0;
}
.pricelist__row.specialists {
display: none;
}
.pricelist__row.specialists.active,
.pricelist__row.active,
.pricelist__row {
margin: 0 24px;
padding: 1.125rem 0;
display: grid;
grid-gap: 20px;
grid-template-columns: 3fr 1fr 1.5fr 1fr;
border-bottom: 1px solid var(--border-main-color);
color: var(--text-color-black);
font-size: 18px;
font-weight: 400;
line-height: 137%;
}
.pricelist__row.specialists.active:last-child,
.pricelist__row.active:last-child,
.pricelist__row:last-child {
border: none;
} .pricelist__row-btn {
padding: 18px 32px;
}
.pricelist__row-last {
border-top: 1px solid var(--border-main-color);
display: flex;
padding: 12px 24px;
}
.pricelist__td-text {
display: flex;
flex-direction: row;
gap: 10px;
line-height: 140%;
}
.pricelist__td > .pricelist__td-head {
display: none;
}
.pricelist__td:nth-child(1) > .price-discount {
max-width: 22px;
max-height: 22px;
width: 100%;
height: 100%;
}
.price-discount > img {
min-width: 22px;
min-height: 22px;
object-fit: cover;
}
.pricelist__td:nth-child(2) {
text-align: center;
color: var(--text-color-light);
font-weight: 300;
}
.pricelist__td:nth-child(2) .pricelist__td-text {
justify-content: center;
}
.pricelist__td a {
color: inherit;
}
.pricelist__td:nth-child(3) {
text-align: center;
display: flex;
justify-content: center;
font-weight: 300;
}
.pricelist__td:nth-child(4) {
text-align: center;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
} .pricelist__td:nth-child(5) {
grid-column: 1/5;
font-size: 14px;
font-weight: 300;
color: var(--text-color-light);
}
.pricelist__old {
font-size: 16px;
color: var(--text-color-light);
text-align: right;
line-height: 137%;
text-decoration: line-through;
margin-left: 0.5rem;
font-weight: 300;
}
.pricelist__price {
color: var(--text-color-black);
text-align: right;
font-size: 22px;
font-weight: 500;
line-height: 137%;
}
.pricelist__price.--red {
color: var(--text-color-red);
}
.pricelist__price span {
font-weight: 400;
font-size: 1rem;
}
.pricelist__show-price {
color: var(--text-color-red);
text-decoration: underline;
font-size: 18px;
font-weight: 400;
}
.pricelist__desc-last {
color: var(--text-color-main);
font-size: 14px;
font-weight: 300;
}
.pricelist__button {
background-color: var(--button-color-main);
padding: 14px 22px;
color: #fff;
font-size: 16px;
font-weight: 500;
line-height: 140%;
transition: var(--default-transition);
}
.pricelist__button:hover {
background-color: var(--button-color-main-hover);
}
.consult-section {
position: relative;
overflow: hidden;
width: 100%;
}
.consult-wrap {
display: flex;
}
.consult-bg {
background-color: #121217;
position: absolute;
width: 100%;
height: 365px;
margin-left: -60px;
}
.consult-form-wrap {
padding-top: 15px;
}
.consult-form-inner {
position: relative;
padding: 50px 50px;
background-color: #fff;
display: flex;
gap: 30px;
margin-left: -45px;
}
.consult-form-inner > div {
flex: 1;
}
.consult-title {
color: var(--title-color);
font-size: var(--title-font-size);
font-weight: 400;
margin-top: 0;
margin-bottom: 16px;
}
.consult-descr {
color: var(--text-color-black);
font-size: 16px;
font-weight: 300;
line-height: 137%;
opacity: 0.8;
}
.consult-form {
display: flex;
flex-direction: column;
max-width: 344px;
width: 100%;
}
.consult-form p {
margin-block-start: 0;
margin-block-end: 0;
}
.consult-form label {
color: var(--text-color-black);
font-size: 14px;
font-weight: 400;
line-height: 137%;
margin-bottom: 2px;
}
.consult-form-input {
padding: 14px 14px;
font-size: 16px;
font-weight: 300;
line-height: 137%;
border: 1px solid #d2d2d7;
margin-bottom: 20px;
max-width: 344px;
width: 100%;
}
.consult-btn {
width: 100%;
padding: 16px 5px;
max-height: 55px;
background-color: var(--button-color-main);
color: #fff;
font-size: 16px;
font-weight: 500;
line-height: 140%;
transition: var(--default-transition);
cursor: pointer;
border: none;
}
.consult-btn:hover {
background-color: var(--button-color-main-hover);
}
.consult-terms {
color: var(--text-color-light);
font-size: 12px;
font-weight: 400;
line-height: 130%;
letter-spacing: 0.24px;
}
.consult-terms a {
text-decoration: underline;
font-size: 12px;
}
.consult-terms a:hover {
text-decoration: none;
color: #b62d35;
}
.consult-text {
position: relative;
color: #fff;
margin-left: 30px;
padding-top: 50px;
min-width: 250px;
}
.consult-text-title {
font-size: 28px;
font-weight: 500;
line-height: 120%;
margin-bottom: 20px;
}
.consult-list {
padding-left: 20px;
margin-top: 0;
margin-bottom: 20px;
display: flex;
flex-direction: column;
gap: 10px;
font-size: 18px;
font-weight: 300;
line-height: 140%;
}
.consult-bonus {
max-width: 172px;
border: 1px solid rgba(207, 199, 187, 0.2);
padding: 10px 16px;
font-size: 18px;
font-weight: 400;
line-height: 130%;
}
.partners-slider-wrap {
position: relative;
}
.partner-item {
display: flex;
justify-content: center;
align-items: center;
}
.partners-slider {
overflow: hidden;
}
.partners-title {
margin-top: 0;
margin-bottom: 32px;
color: var(--text-color-light);
text-align: center;
font-size: 22px;
font-weight: 400;
}
.partner-item > img {
max-width: 160px;
height: 68px;
width: 100%;
object-fit: contain;
filter: grayscale(100%);
transition: var(--default-transition);
}
.partner-item > img:hover {
filter: grayscale(0);
}
.clients-reviews-note {
color: var(--text-color-light);
font-size: var(--subtitle-font-size);
font-weight: 300;
line-height: 140%;
margin-bottom: 16px;
text-transform: lowercase;
}
.clients-reviews-title-wrap {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 36px;
gap: 30px;
}
.clients-reviews-title {
color: var(--title-color);
font-size: var(--title-font-size);
font-weight: 400;
max-width: 650px;
margin-top: 0;
margin-bottom: 0;
}
.clients-reviews-btn {
background-color: var(--button-color-main);
padding: 10px;
font-size: 15px;
font-weight: 500;
line-height: 140%;
color: #fff;
width: 200px;
min-width: 188px;
height: 40px;
text-align: center;
transition: var(--default-transition);
}
.clients-reviews-btn:hover {
background-color: var(--button-color-main-hover);
}
.clients-reviews-slider-wrapper {
position: relative;
}
.clients-reviews-slider {
width: 100%;
overflow: hidden;
}
.client-review-card {
background-color: #fff;
padding: 30px;
max-width: 570px;
min-height: 395px;
}
.client-review-card-empty .client-data-wrap {
padding-left: 20px;
}
.client-review-header {
display: flex;
flex-direction: row;
margin-bottom: 20px;
gap: 20px;
}
.client-review-img-wrapper {
display: flex;
position: relative;
width: 200px;
height: 165px;
}
.client-review-img-wrapper > img {
width: 100%;
height: 100%;
min-width: 200px;
max-height: 165px;
object-fit: cover;
filter: grayscale(100%);
transition: var(--default-transition);
}
.client-review-img-wrapper:hover > img {
filter: grayscale(0);
}
.other-site-review {
background-color: #eeeef0;
display: flex;
align-items: center;
justify-content: center;
}
.other-site-review > img {
object-fit: contain;
max-height: 40px;
max-width: 100px;
}
.reviews-video-play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none"%3E%3Ccircle cx="22" cy="22" r="22" fill="%23B62D35" /%3E%3Cpath d="M30 22L18 28.9282L18 15.0718L30 22Z" fill="white" /%3E%3C/svg%3E')
no-repeat center center;
width: 44px;
height: 44px;
cursor: pointer;
}
.client-data-wrap {
width: 100%;
}
.client-date-rating-wrap {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.client-rating {
display: flex;
flex-direction: row;
margin-bottom: 4.5px;
}
.client-stars {
background: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none"%3E%3Cpath d="M9 2L11.3175 6.695L16.5 7.4525L12.75 11.105L13.635 16.265L9 13.8275L4.365 16.265L5.25 11.105L1.5 7.4525L6.6825 6.695L9 2Z" fill="%23B62D35" /%3E%3C/svg%3E')
no-repeat center center;
width: 18px;
height: 19px;
}
.client-date {
color: var(--text-color-light);
font-size: 14px;
font-weight: 300;
line-height: 137%;
}
.client-notes-wrap {
display: flex;
flex-direction: column;
gap: 5px;
margin-bottom: 12px;
}
.client-review-name {
color: var(--text-color-black);
font-size: 18px;
font-weight: 300;
line-height: 140%;
margin-bottom: 12px;
}
.client-note-item {
display: inline-flex;
gap: 5px;
}
.client-note-item > span {
color: var(--text-color-light);
font-size: 14px;
font-weight: 300;
line-height: 137%;
}
.client-note-item > a {
color: var(--text-color-black);
font-size: 14px;
font-weight: 400;
line-height: 140%;
text-decoration-line: underline;
}
.source-review {
width: fit-content;
padding: 4px 8px;
border: 1px solid var(--border-main-color);
border-radius: 100px;
color: var(--text-color-main);
text-align: center;
font-size: 14px;
font-weight: 300;
line-height: 137%;
text-transform: lowercase;
}
.client-review-excerpt {
color: var(--text-color-main);
font-size: 16px;
font-weight: 300;
line-height: 137%;
transition: all var(--default-transition);
margin-bottom: 8px;
}
.full-review-text {
margin-top: 8px;
}
.open-full-review {
color: var(--text-color-red);
font-size: 14px;
font-weight: 400;
text-decoration-line: underline;
}
.certs-wrapper {
display: flex;
flex-direction: column;
align-items: center;
}
.cert-images-wrapper {
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
}
.item-image-first {
width: 535px;
z-index: 1;
}
.item-image-first > img {
width: 100%;
height: 460px;
object-fit: cover;
}
.item-image-second {
width: 670px;
margin-left: -30px;
}
.item-image-second > img {
width: 100%;
height: 570px;
object-fit: cover;
object-position: bottom;
}
.cert-note {
color: var(--text-color-light);
font-size: var(--subtitle-font-size);
font-weight: 300;
line-height: 140%;
text-align: center;
text-transform: lowercase;
margin-bottom: 16px;
}
.cert-title {
color: var(--title-color);
text-align: center;
font-size: var(--title-font-size);
font-weight: 400;
max-width: 570px;
margin: 0 0 24px 0;
}
.cert-excerpt {
color: var(--text-color-main);
text-align: center;
font-size: 16px;
font-weight: 300;
max-width: 570px;
margin: 0 0 24px 0;
line-height: 137%;
margin-bottom: 36px;
}
.cert-btn {
padding: 14px 22px;
background-color: var(--button-color-main);
transition: var(--default-transition);
color: #fff;
font-size: 16px;
font-weight: 500;
line-height: 137%;
}
.cert-btn:hover {
background-color: var(--button-color-main-hover);
}
.about-clinic-wrapper {
display: flex;
flex-direction: row;
align-items: center;
gap: 50px;
}
.about-clinic-img-wrap > img {
min-width: 320px;
width: 550px;
height: auto;
max-height: 600px;
object-fit: cover;
}
.about-clinic-data {
max-width: 570px;
}
.about-clinic-note {
color: var(--text-color-light);
font-size: var(--subtitle-font-size);
font-weight: 300;
line-height: 140%;
margin-bottom: 16px;
}
.about-clinic-title {
color: var(--title-color);
font-size: var(--title-font-size);
line-height: 110%;
font-weight: 400;
margin-top: 0;
margin-bottom: 36px;
}
.about-clinic-text-wrap {
color: var(--text-color-main);
font-size: 18px;
font-weight: 300;
line-height: 140%;
margin-bottom: 36px;
}
.about-clinic-btn {
background-color: var(--button-color-main);
padding: 14px 22px;
color: #fff;
font-size: 16px;
font-weight: 500;
line-height: 137%;
transition: var(--default-transition);
}
.about-clinic-btn:hover {
background-color: var(--button-color-main-hover);
}
.about__video-title {
color: var(--title-color);
font-size: var(--title-font-size);
font-weight: 400;
line-height: 110%;
letter-spacing: -0.44px;
margin-bottom: 36px;
}
.about__video-wrap {
position: relative;
display: flex;
align-items: center;
justify-content: center; background-size: cover;
height: 600px;
width: 100%;
}
.about__video-wrap::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.25);
}
.about__video-btn {
z-index: 1;
position: absolute;
cursor: pointer;
width: 90px;
height: 90px;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" viewBox="0 0 90 90" fill="none"><circle cx="45" cy="45" r="45" fill="%23B62D35"/><path d="M55 45L40 53.6603L40 36.3397L55 45Z" fill="white"/></svg>')
center no-repeat;
background-size: contain;
transition: var(--default-transition);
}
.about__video-btn:hover {
filter: brightness(1.2);
}
.equip-note {
color: var(--text-color-light);
font-size: var(--subtitle-font-size);
font-weight: 300;
line-height: 140%;
margin-bottom: 16px;
}
.equip-title {
color: var(--title-color);
font-size: var(--title-font-size);
font-weight: 400;
max-width: 570px;
margin-top: 0;
margin-bottom: 36px;
}
.equip-slider-wrapper {
position: relative;
}
.equip-slider {
overflow: hidden;
}
.equip-slider-card {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
max-width: 270px;
height: 375px;
padding: 30px;
background-color: #fff;
transition: var(--default-transition);
}
.equip-item-title {
color: var(--text-color-black);
text-align: center;
font-size: 16px;
font-weight: 300;
line-height: 137%;
min-height: 60px;
transition: var(--default-transition);
}
.equip-slider-card:hover .equip-item-title {
color: var(--text-color-hover);
}
.equip-img-wrapper {
overflow: hidden;
display: flex;
width: 100%;
}
.equip-img-wrapper > img {
cursor: pointer;
height: 240px;
width: 100%;
object-fit: cover;
transition: var(--default-transition);
}
.equip-slider-card:hover .equip-img-wrapper > img {
transform: scale(1.2);
}
.wait-clinic-title {
color: var(--title-color);
font-size: var(--title-font-size);
font-weight: 400;
margin-top: 0;
margin-bottom: 36px;
}
.wait-clinic-item {
max-width: 570px;
width: 100%;
}
.wait-clinic-slider-wrap {
position: relative;
}
.wait-clinic-slider .swiper-slide {
display: flex;
height: auto;
}
.wait-clinic-slider {
overflow: hidden;
}
.wait-clinic-item > img {
height: 100%;
width: 100%;
max-height: 500px;
object-fit: cover;
cursor: pointer;
}
.start-form-wrapper {
background-color: #121217;
padding: 30px;
}
.start-form-inner {
display: flex;
flex-direction: row;
gap: 30px;
background-color: #fff;
padding: 50px;
margin-top: -60px;
overflow: hidden;
}
.start-form-text {
max-width: 370px;
}
.start-form-title {
margin-top: 0;
margin-bottom: 16px;
color: var(--title-color);
font-size: var(--title-font-size);
font-weight: 400;
}
.start-form-note {
color: var(--text-color-main);
font-size: 16px;
font-weight: 300;
line-height: 137%;
}
.start-form-inputs {
display: flex;
flex-direction: column;
gap: 20px;
max-width: 610px;
}
.start-form-inputs-wrap {
display: flex;
flex-direction: row;
gap: 20px;
}
.start-form-inputs-items {
display: flex;
flex-direction: column;
flex: 1;
}
.start-form-inputs-items > p {
margin: 0;
}
.start-form-inputs-items label {
color: var(--text-color-light);
font-size: 14px;
font-weight: 400;
line-height: 137%;
margin-bottom: 2px;
}
.start-form-inputs-items input {
width: 100%;
padding: 14px;
border: 1px solid var(--border-main-color);
font-size: 16px;
font-weight: 300;
line-height: 137%;
}
.form-term-wrap {
display: flex;
flex-direction: row;
gap: 20px;
}
.start-form-terms {
flex: 1;
color: var(--text-color-light);
font-size: 12px;
font-weight: 400;
line-height: 130%;
}
.start-form-terms a {
text-decoration: underline;
font-size: 12px;
}
.form-term-wrap > p {
flex: 1;
}
.start-form-btn {
width: 100%;
background-color: var(--button-color-main);
color: #fff;
font-size: 16px;
font-weight: 500;
line-height: 140%;
height: 54px;
min-height: 50px;
border: none;
cursor: pointer;
transition: var(--default-transition);
}
.start-form-btn:hover {
background-color: var(--button-color-main-hover);
}
.license-clinic-wrapper {
display: flex;
flex-direction: row;
gap: 30px;
}
.license-clinic-item {
flex: 1;
width: 570px;
}
.license-clinic-title {
margin-top: 0;
margin-bottom: 16px;
color: var(--title-color);
font-size: var(--title-font-size);
font-weight: 400;
}
.license-clinic-note {
color: var(--text-color-main);
font-size: 24px;
font-weight: 300;
line-height: 122%;
}
.license-clinic-slider-wrap {
display: flex;
flex-direction: row;
gap: 20px;
position: relative;
justify-content: center;
}
.license-clinic-slider-wrap .swiper-slide {
display: flex;
justify-content: center;
}
.license-clinic-slider {
width: 450px;
overflow: hidden;
}
.license-clinic-slide {
max-width: 220px;
}
.license-clinic-slide > a {
display: flex;
justify-content: center;
}
.license-clinic-slide  img {
width: 220px;
max-height: 300px;
object-fit: contain;
filter: grayscale(100%);
cursor: pointer;
transition: var(--default-transition);
}
.license-clinic-slide  img:hover {
filter: grayscale(0);
}
.license-clinic-slider-wrap .swiper-button-prev {
position: relative;
margin-left: 0;
left: 0;
width: 25px !important;
}
.license-clinic-slider-wrap .swiper-button-next {
position: relative;
margin-right: 0;
right: 0;
width: 25px !important;
}
.main-footer {
border: 20px solid #121217;
}
.footer-top {
margin-top: 45px;
margin-bottom: 40px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 35px;
}
.logo-wrap {
max-height: 120px;
max-width: 150px;
min-width: 108px;
width: 100%;
}
.footer-tel {
color: var(--text-color-black);
font-size: 90px;
font-weight: 400;
line-height: 105%;
letter-spacing: -0.9px;
transition: var(--default-transition);
}
.footer-tel:hover {
color: var(--text-color-hover);
}
.social-footer-wrap {
display: flex;
flex-direction: column;
align-items: center;
}
.social-footer-inner {
margin-bottom: 10px;
}
.social-footer-item > svg {
fill: #121217;
transition: var(--default-transition);
}
.social-footer-item.max > svg {
height: 36px;
width: 18px;
}
.social-footer-item:hover > svg {
fill: var(--text-color-hover);
}
.social-footer-btn {
padding: 12px 18px;
width: 100%;
max-width: 320px;
min-width: 195px;
background-color: var(--button-color-main);
color: #fff;
font-size: 16px;
font-weight: 500;
line-height: 140%;
text-align: center;
transition: var(--default-transition);
}
.social-footer-btn:hover {
background-color: var(--button-color-main-hover);
}
.footer-row-mobile {
display: none;
}
.footer-middle {
display: flex;
flex-direction: row;
margin-bottom: 40px;
gap: 130px;
}
.footer-addr-wrap {
display: flex;
flex-direction: row;
}
.footer-addr-wrap > svg {
margin-right: 10px;
}
.footer-addr-inner {
display: flex;
flex-direction: column;
gap: 14px;
margin-bottom: 15px;
}
.footer-address,
.footer-email-wrap > a,
.footer-inogr-wrap span {
color: var(--text-color-black);
font-size: 16px;
font-weight: 400;
line-height: 137%;
}
.footer-inogr-wrap.last-inogr-wrap {
margin-bottom: 15px;
}
.footer-email-wrap > a {
display: inline-flex;
align-items: center;
gap: 10px;
transition: var(--default-transition);
margin-bottom: 15px;
}
.footer-email-wrap > a:hover {
color: var(--text-color-hover);
}
.footer-email-wrap > a::before {
content: "";
display: inline-block;
width: 15px;
height: 15px;
background-image: url(//nsk.clinicred.ru/wp-content/themes/clinicred/assets/svg/mail-icon.svg);
background-size: contain;
background-repeat: no-repeat;
}
.footer-addr-note {
color: var(--text-color-light);
font-size: 14px;
font-weight: 400;
line-height: 137%;
margin-bottom: 10px;
} .footer-time-item {
color: var(--text-color-light);
font-size: 14px;
line-height: 137%;
font-weight: 400;
}
.footer-note {
color: var(--text-color-light);
font-size: 14px;
font-weight: 300;
line-height: 137%;
margin-bottom: 10px;
}
.footer-pay-wrap {
margin-top: 15px;
}
.footer-pay-items {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
margin-bottom: 10px;
}
.footer-pay-items > svg {
filter: grayscale(100%);
transition: var(--default-transition);
}
.footer-pay-items > svg:hover {
filter: grayscale(0);
}
.footer-pay-note {
color: var(--text-color-black);
font-size: 14px;
font-weight: 300;
line-height: 137%;
}
.footer-menu {
width: 100%;
display: flex;
flex-direction: row;
gap: 30px;
}
.footer-menu > ul {
list-style-type: none;
flex: 1;
margin-top: 0;
margin-bottom: 0;
}
.footer-menu-items {
padding: 0;
}
.footer-menu-items > li {
margin-bottom: 14px;
}
.footer-menu-items > li:last-child {
margin-bottom: 0;
}
.footer-menu-item > a {
color: var(--text-color-main);
font-size: 16px;
font-weight: 400;
line-height: 135%;
transition: var(--default-transition);
}
.footer-menu-item > a:hover {
color: var(--text-color-hover);
}
.footer-bottom {
padding: 20px 0;
border-top: 1px solid var(--border-main-color);
display: flex;
flex-direction: row;
justify-content: space-between;
}
.footer-privacy-wrap {
display: flex;
flex-direction: row;
gap: 20px;
}
.footer-promo-link {
color: var(--text-color-light);
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: underline;
}
.footer-privacy-wrap > span,
a {
color: var(--text-color-light);
font-size: 14px;
font-weight: 400;
line-height: 150%;
}
.footer-privacy-wrap > a {
text-decoration: underline;
}
.footer-bottom a:hover {
text-decoration: none;
color: #b62d35;
}
.paginate__wrapper,
.mixitup-page-list {
display: flex;
flex-direction: row;
gap: 10px;
}
.paginate__wrapper .prev,
.paginate__wrapper .next {
display: none;
}
.paginate__wrapper .page-numbers,
.mixitup-page-list .mixitup-control {
width: 44px;
height: 46px;
cursor: pointer;
padding: 10px 10px;
font-size: 18px;
line-height: 140%;
text-align: center;
border-radius: 10px;
transition: var(--default-transition);
}
.paginate__wrapper .page-numbers:hover,
.mixitup-page-list .mixitup-control:hover {
background-color: #fff;
}
.paginate__wrapper .current,
.mixitup-page-list .mixitup-control-active {
background-color: #fff;
font-weight: 600;
color: var(--text-color-black);
}
.scroll__top {
border: 1px solid var(--border-main-color);
z-index: 999;
position: fixed;
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
right: -65px;
bottom: 50px;
background-color: var(--button-color-main);
opacity: 0;
border-radius: 100%;
cursor: pointer;
transition: var(--default-transition);
}
.new__stick {
padding: 5px 10px;
background-color: var(--accent-red-main);
color: #fff;
width: fit-content;
font-size: 15px;
letter-spacing: 0.8px;
text-transform: lowercase;
border-radius: 50px;
}
@keyframes jump__arr {
0% {
margin-top: 10px;
}
50% {
margin-top: 0px;
}
100% {
margin-top: 15px;
}
}
.scroll__top:hover .scroll__top-arr {
animation: jump__arr 0.75s infinite;
}
.scroll__top:hover {
background-color: var(--button-color-main-hover);
}
.scroll__top-arr {
margin-top: 10px;
display: block;
width: 20px;
height: 20px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
position: relative;
transform: rotate(-45deg);
transition: var(--default-transition);
}
.sitemap__list ul {
padding-inline-start: 20px;
}
.sitemap__list li > a {
display: block;
width: fit-content;
font-size: 16px;
color: var(--text-color-red);
transition: var(--default-transition);
margin-bottom: 8px;
}
.sitemap__list li > a:hover {
text-decoration: underline;
}
.slider-special-offer {
padding: 5px 10px;
font-size: 14px;
text-transform: uppercase;
width: fit-content;
border-radius: 30px;
background-color: var(--accent-red-main);
color: var(--background-color-white);
margin-bottom: 5px;
}
.zapis-clinic-wrap-fixed {
position: fixed;
bottom: 120px;
right: 20px;
z-index: 999;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.zapis-open-btn {
display: flex;
align-items: center;
justify-content: center;
width: 68px;
height: 68px;
border-radius: 100%;
background-color: #121217;
}
.zapis-open-btn.closed .zapis-open-btn-ico::before {
content: "";
display: block;
background-image: url(//nsk.clinicred.ru/wp-content/themes/clinicred/assets/svg/wa-btn.svg);
background-size: contain;
background-repeat: no-repeat;
width: 40px;
height: 40px;
}
.zapis-open-btn.opened .zapis-open-btn-ico::before {
content: "";
display: block;
background-image: url(//nsk.clinicred.ru/wp-content/themes/clinicred/assets/svg/close-btn.svg);
background-size: contain;
background-repeat: no-repeat;
width: 40px;
height: 40px;
}
.zapis-open-btn::before {
display: block;
position: absolute;
z-index: -1;
width: 88px;
height: 88px;
border-radius: 50%;
background: var(--accent-red-main);
opacity: 0;
content: "";
animation: pulse 1s infinite;
}
.zapis-open-btn:hover::before {
animation: none;
opacity: 0.4;
transform: scale(1.3);
}
@keyframes pulse {
from {
transform: scale(1);
opacity: 0.4;
}
to {
transform: scale(1.3);
opacity: 0;
}
}
.zapis-clinic-list {
display: flex;
flex-direction: column;
gap: 6px;
padding-right: 30px;
margin-bottom: 6px;
}
.zapis-clinic-list.closed {
display: none;
}
.zapis-clinic-list-item {
padding: 14px 16px;
display: flex;
flex-direction: row;
gap: 10px;
align-items: center;
background-color: #121217;
font-size: 18px;
font-weight: 500;
color: #fff;
border-radius: 8px 8px 0 8px;
}
.zapis-clinic-list-item::before {
content: '';
display: block;
min-width: 28px;
height: 28px;
background-size: contain;
background-repeat: no-repeat;
}
.zapis-clinic-list-item.online::before {
background-image: url(//nsk.clinicred.ru/wp-content/themes/clinicred/assets/svg/calendar.svg);
}
.zapis-clinic-list-item.wa::before {
background-image: url(//nsk.clinicred.ru/wp-content/themes/clinicred/assets/svg/max-icon.svg);
}
.zapis-clinic-list-item.tg::before {
background-image: url(//nsk.clinicred.ru/wp-content/themes/clinicred/assets/svg/tg-color.svg);
}
.modal-clinics {
display: none;
padding: 50px 40px;
background-color: #121217;
max-width: 970px;
}
.modal-clinics-title {
font-size: var(--title-font-size);
color: #fff;
line-height: 110%;
margin-bottom: 30px;
text-align: center;
}
.clinics__container .modal-clinics-title {
color: var(--text-color-black);
}
.modal-clinics-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
.modal-clinic-item-top {
margin-bottom: 24px;
}
.modal-clinic-item-top-text {
text-align: center;
color: #fff;
margin-bottom: 16px;
}
.clinics__container .modal-clinic-item-top-text {
color: var(--text-color-black);
}
.modal-clinic-item-addr {
font-size: 18px;
font-weight: 300;
line-height: 137%;
}
.modal-clinic-item-time {
font-size: 14px;
font-weight: 400;
color: var(--text-color-light);
}
.modal-clinic-item-top-btn {
display: block;
margin: 0 auto;
width: fit-content;
padding: 12px 26px;
font-size: 15px;
font-weight: 500;
line-height: 140%;
background-color: var(--button-color-main);
color: #fff;
}
.modal-clinic-item-img {
width: 100%;
height: 316px;
object-fit: cover;
}
.vacancy__banner-wrap {
padding: 30px 35px;
background-color: #100;
display: flex;
flex-direction: row;
align-items: center;
gap: 30px;
width: 100%;
}
.vacancy__banner-img {
width: 216px;
height: 60px;
object-fit: contain;
}
.vacancy__banner-text {
font-size: 28px;
font-weight: 500;
line-height: 120%;
color: #fff;
}
.vacancy__btn {
padding: 18px 30px;
display: block;
font-size: 18px;
font-weight: 500;
line-height: 130%;
text-align: center;
color: #fff;
min-width: fit-content;
height: fit-content;
margin-left: auto;
background-color: var(--button-color-main);
transition: var(--default-transition);
}
.header-fixed-desk-wrap {
position: fixed;
z-index: 999;
width: 100%;
left: 0;
top: -110px;
transition: var(--default-transition);
}
.header-fixed-desk-wrap.visible {
top: 0;
}
.header-fixed-desk-top-inner {
background-color: var(--background-color-main);
}
.header-fixed-desk-top {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.header-fixed-desk-top-left {
display: flex;
flex-direction: row;
gap: 24px;
align-items: center;
}
.header-fixed-desk-top-city-list,
.header-fixed-desk-top-addr-list {
display: none;
position: absolute;
background-color: #fff;
}
.header-fixed-desk-top-city-item-inner,
.header-fixed-desk-top-addr-item {
display: block;
padding: 8px 16px;
font-size: 15px;
font-weight: 300;
color: #4C4C4C;
cursor: pointer;
}
.header-fixed-desk-top-city-item-inner.active {
font-weight: 500;
cursor: auto;
}
.header-fixed-desk-top-city-wrap:hover .header-fixed-desk-top-city-list,
.header-fixed-desk-top-addr-wrap:hover .header-fixed-desk-top-addr-list {
display: block;
}
.header-fixed-desk-top-city-main {
position: relative;
padding-right: 23px;
font-size: 15px;
font-weight: 500;
color: var(--text-color-black);
cursor: pointer;
}
.header-fixed-desk-top-city-main::after,
.header-fixed-desk-top-addr-main::after {
content: '';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
display: block;
width: 9px;
height: 5px;
margin-left: 5px;
mask-image: url(//nsk.clinicred.ru/wp-content/themes/clinicred/assets/svg/arrow-down.svg);
mask-size: contain;
mask-repeat: no-repeat;
background-color: var(--accent-red-main);
cursor: pointer;
transition: var(--default-transition);
}
.header-fixed-desk-top-city-wrap:hover .header-fixed-desk-top-city-main::after,
.header-fixed-desk-top-addr-wrap:hover .header-fixed-desk-top-addr-main::after {
transform: translateY(-50%) rotate(180deg);
}
.header-fixed-desk-top-addr-main {
padding-left: 23px;
padding-right: 23px;
position: relative;
font-size: 15px;
font-weight: 300;
cursor: pointer;
}
.header-fixed-desk-top-addr-main::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
display: block;
width: 15px;
height: 15px;
background: url(//nsk.clinicred.ru/wp-content/themes/clinicred/assets/svg/local-icon.svg);
background-size: contain;
background-repeat: no-repeat;
}
.header-fixed-desk-top-addr-wrap:hover {
display: block;
}
.header-fixed-desk-top-addr-work-time {
font-size: 14px;
color: #a9a9a9;
}
.header-fixed-desk-top-work-time {
position: relative;
padding-left: 23px;
font-size: 15px;
font-weight: 300;
color: #4c4c4c;
}
.header-fixed-desk-top-work-time::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
display: block;
width: 15px;
height: 15px;
background-image: url(//nsk.clinicred.ru/wp-content/themes/clinicred/assets/svg/clock-icon-gray.svg);
background-size: contain;
background-repeat: no-repeat;
}
.header-fixed-desk-top-right {
display: flex;
flex-direction: row;
gap: 16px;
align-items: center;
}
.header-fixed-desk-top-socials {
display: flex;
flex-direction: row;
gap: 8px;
}
.header-fixed-desk-top-social-item {
width: 34px;
height: 34px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.header-fixed-desk-top-social-item::before {
content: '';
position: absolute;
display: block;
mask-size: contain !important;
mask-repeat: no-repeat !important;
background-color: var(--text-color-black);
width: 18px;
height: 18px;
transition: var(--default-transition);
}
.header-fixed-desk-top-social-item:hover::before {
background-color: var(--button-color-main);
}
.header-fixed-desk-top-social-item.tg::before {
mask-image: url(//nsk.clinicred.ru/wp-content/themes/clinicred/assets/svg/telegramm-icon.svg);
}
.header-fixed-desk-top-social-item.wa::before {
mask-image: url(//nsk.clinicred.ru/wp-content/themes/clinicred/assets/svg/watsapp-icon.svg);
}
.header-fixed-desk-top-tel {
position: relative;
padding-left: 21px;
font-size: 18px;
font-weight: 500;
line-height: 140%;
color: var(--text-color-black);
transition: var(--default-transition);
}
.header-fixed-desk-top-tel::before { 
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
display: block;
width: 15px;
height: 15px;
background-image: url(//nsk.clinicred.ru/wp-content/themes/clinicred/assets/svg/phone-contact.svg);
background-size: contain;
background-repeat: no-repeat;
}
.header-fixed-desk-top-tel:hover {
color: var(--button-color-main);
}
.header-fixed-desk-mid-inner {
padding: 8px 0;
background-color: #121217;
}
.header-fixed-desk-mid {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.header-fixed-desk-mid-menu {
display: flex;
flex-direction: row;
padding-inline-start: 0;
list-style: none;
}
.header-fixed-desk-mid-menu .menu-item a {
font-size: 15px;
}
.header-fixed-desk-mid-menu .menu-item:not(:last-child) {
margin-right: 20px;
}
.header-fixed-desk-mid-utils {
display: flex;
flex-direction: row;
gap: 16px;
}
.header-fixed-desk-mid-btn {
padding: 10px 16px;
background-color: var(--button-color-main);
color: #fff;
font-size: 16px;
line-height: 137%;
font-weight: 500;
transition: var(--default-transition);
cursor: pointer;
}
.header-fixed-desk-mid-btn:hover {
background-color: transparent;
outline: 1px solid #fff;
}
.pricesPage__title-wrap {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 10px;
}
.pricesPage__btn-prices {
padding: 12px 16px;
font-size: 16px;
line-height: 137%;
font-weight: 500;
color: var(--text-color-black);
outline: 1px solid var(--border-main-color);
background-color: transparent;
height: fit-content;
cursor: pointer;
}
.pricesPage__btn-prices:hover {
background-color: var(--button-color-main-hover);
outline: 1px solid var(--button-color-main-hover);
color: #fff;
}
.search__prices-wrap {
position: relative;
margin-bottom: 30px;
width: 100%;
}
.search__prices-input {
width: 100%;
padding: 11px 50px 11px 16px;
font-size: 16px;
line-height: 137%;
font-weight: 300;
border: none;
}
.search__prices-btn {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
width: 36px;
right: 4px;
top: 4px;
bottom: 4px;
background-color: var(--button-color-main);
transition: var(--default-transition);
}
.search__prices-btn:hover {
background-color: var(--button-color-main-hover);
}
.search__prices-btn::before {
content: '';
display: block;
width: 20px;
height: 20px;
mask-image: url(//nsk.clinicred.ru/wp-content/themes/clinicred/assets/svg/search-icon.svg);
mask-size: contain;
mask-repeat: no-repeat;
background-color: #fff;
}
mark.price-hl {
background: #ffea80;
}
.menu-item-has-children > a {
display: inline-block;
position: relative;
padding-right: 0; }
.menu-item-has-children-arrow {
display: inline-block;
width: 12px;
height: 7px;
margin-left: 5px;
mask-image: url(//nsk.clinicred.ru/wp-content/themes/clinicred/assets/svg/arrow-down.svg);
mask-size: contain;
mask-repeat: no-repeat;
background-color: #fff;
transition: var(--default-transition);
cursor: pointer;
}
.menu-item-has-children {
z-index: 2;
}
.menu-item-has-children .sub-menu {
padding: 25px 25px;
display: none;
grid-template-columns: 1fr 1fr;
gap: 25px;
position: absolute;
background-color: #fff;
list-style: none;
}
.sub-menu a {
display: block;
padding: 5px 0;
font-size: 16px;
line-height: 137%;
color: var(--text-color-black);
}
.sub-menu > .menu-item {
margin-right: 0;
}
@media(min-width:1200px){
.menu-item-has-children:hover .sub-menu {
display: grid;
}
.menu-item-has-children:hover .menu-item-has-children-arrow{
transform: rotate(180deg);
background-color: var(--text-color-hover);
}
}
@media (max-width: 1360px) {
.footer-tel {
font-size: 80px;
}
}
@media (max-width: 1280px) {
.footer-tel {
font-size: 70px;
}
}
@media (max-width: 1240px) {
.info-rec-wrapper {
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
}
.info-rec-text > span {
margin-bottom: 16px;
min-width: 270px;
margin-right: 0;
}
.header-fixed-desk-mid-menu .menu-item:not(:last-child) {
margin-right: 15px;
}
}
@media (max-width: 1220px) {
.consult-title {
font-size: 34px;
}
.consult-text {
padding-top: 30px;
}
}
@media (max-width: 1199px) {
body {
margin-top: 111px;
}
.header-fixed-desk-wrap {
display: none;
z-index: -1;
}
.breadcrumbs {
margin-top: 131px;
} .footer-tel {
font-size: 60px;
}
.bvi-widget,
.bvi-shortcode a,
.bvi-widget a,
.bvi-shortcode {
color: #121217 !important;
}
.bvi-shortcode {
display: block !important;
width: 100% !important;
font-size: 15px;
}
.bvi-open {
font-size: 15px !important;
}
.bvi-open > svg {
width: 28px !important;
}
.vacancy__banner-wrap {
padding: 30px 20px;
gap: 20px;
}
.vacancy__banner-text {
font-size: 25px;
}
.vacancy__banner-img {
width: 184px;
height: 52px;
}
.vacancy__btn {
padding: 14px 30px;
font-size: 17px;
}
.menu-item-has-children-arrow {
width: 15px;
height: 12px;
mask-position: center;
background-color: var(--text-color-black);
}
.menu-item-has-children.is-open .menu-item-has-children-arrow {
transform: rotate(180deg);
}
.menu-item-has-children .sub-menu {
padding: 15px 20px;
position: relative;
grid-template-columns: 1fr;
}
}
@media (max-width: 1125px) {
.owner-appeal-inner {
align-items: flex-start;
}
.owner-img-wrap > img {
max-width: 440px;
}
.client-review-header {
flex-direction: column;
align-items: center;
}
.start-form-inner {
flex-direction: column;
padding: 40px 40px;
}
.start-form-inputs {
max-width: 100%;
}
.footer-top {
gap: 18px;
}
}
@media (max-width: 1075px) {
.footer-tel {
font-size: 50px;
}
.vacancy__banner-wrap {
flex-direction: column;
}
.vacancy__btn {
margin-left: 0;
}
.vacancy__banner-text {
text-align: center;
}
}
@media (max-width: 1010px) {
.info-adv-wrap .slider-arrows-container {
margin-top: 0;
}
.sliders-notes {
display: block;
}
.info-adv-wrap .sliders-notes {
display: none;
}
.swiper-button-prev {
margin-left: 0;
position: relative !important;
margin-top: 0 !important;
min-height: 24px !important;
min-width: 24px !important;
width: 24px !important;
height: 24px !important;
top: auto !important;
left: 0 !important;
}
.swiper-button-next {
margin-right: 0;
position: relative !important;
margin-top: 0 !important;
min-height: 24px !important;
min-width: 24px !important;
width: 24px !important;
height: 24px !important;
top: auto !important;
right: 0 !important;
}
.slider-arrows-container {
position: relative;
margin-top: 30px;
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: row;
gap: 5px;
}
.slider-content {
max-width: 320px;
}
.slider-undertitle {
font-size: 15px;
}
.work-ex-slider {
overflow: visible;
}
.spec-offers-slider {
overflow: visible;
}
.team-slider-inner {
overflow: visible;
}
.client-review-img-wrapper {
width: 100%;
}
.equip-slider-card {
padding: 24px 24px;
}
.equip-slider {
overflow: visible;
}
.license-clinic-slider-wrap {
align-items: center;
}
}
@media (max-width: 992px) {
:root {
--subtitle-font-size: 15px;
--title-font-size: 30px;
}
.container {
max-width: 1270px;
padding: 0 50px;
}
.title__50 {
font-size: 34px;
margin-bottom: 20px;
}
.mrg-btm-50-30 {
margin-bottom: 30px;
}
.mrg-btm-80-60 {
margin-bottom: 60px;
}
.bubbles__btns-nav-wrap > a {
font-size: 15px;
padding: 9px 14px;
}
.slider-container-main .swiper-wrapper {
min-height: 400px;
}
.slider-container-main .swiper-slide {
overflow: hidden;
}
.slider-content {
margin: 50px 0;
max-width: 320px;
}
.slider-content .slider-title {
font-size: 30px;
}
.slide-wrap-img-desk {
display: none;
}
.slide-wrap-img-plan {
display: block;
}
.info-adv-slider .swiper-slide {
display: flex;
height: auto;
}
.info-rec-text > span {
font-size: 16px;
}
.info-rec-wrapper > a {
font-size: 14px;
min-width: 187px;
width: 187px;
}
.info-title {
font-size: 34px;
}
.info-adv {
padding: 24px;
}
.info-adv-label {
background: url('data:image/svg+xml;charset=utf-8,%3Csvg width="19" height="19" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="22" height="22" rx="11" fill="%23121217" /%3E%3Cpath d="M15.6668 7.5L9.25016 13.9167L6.3335 11" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /%3E%3C/svg%3E')
no-repeat center center;
width: 19px;
height: 19px;
}
.info-adv > h3 {
font-size: 19px;
}
.info-adv-text {
font-size: 15px;
}
.pluses__inner-bot {
grid-template-columns: 1fr 1fr;
gap: 20px;
padding: 30px 0;
}
.pluses__bot-text-wrap {
gap: 12px;
}
.pluses__bot-text-wrap > span {
font-size: 50px;
}
.pluses__bot-text {
max-width: 206px;
font-size: 18px;
}
.reviews-wrapper {
gap: 20px;
}
.rating-img-wrap > span {
font-size: 15px;
}
.rating-item > a {
font-size: 15px;
}
.services-slider {
overflow: visible;
}
.service-card {
min-width: 100%;
}
.service-card-img-wrap {
max-height: 320px;
}
.service-card-title {
font-size: 19px;
}
.card-min-desc {
font-size: 15px;
}
.service-price-wrap {
font-size: 19px;
}
.service-price-promo > span:nth-child(2) {
font-size: 19px;
}
.clinic-adv-items {
grid-template-columns: repeat(2, 1fr); }
.clinic-adv-item { padding: 24px;
}
.clinic-adv-item:nth-child(4) {
grid-column: auto;
}
.clinic-adv-item:last-child .clinic-item-head {
font-size: 19px;
}
.clinic-item-head {
font-size: 22px;
}
.clinic-item-text {
font-size: 15px;
}
.work-ex-slider .swiper-slide {
max-width: 320px;
}
.work-img-wrap {
height: 242px;
max-height: 242px;
max-width: 320px;
}
.work-img-wrap > img {
max-height: 242px;
}
.work-card-title {
font-size: 16px;
}
.work-card-desc {
font-size: 16px;
}
.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
font-size: 14px !important;
}
.owner-appeal-inner {
padding-top: 30px;
}
.owner-img-wrap > img {
margin-left: -30px;
max-width: 310px;
height: 444px;
object-fit: cover;
}
.owner-text-wrap {
margin-left: 30px;
}
.owner-note {
margin-bottom: 10px;
}
.owner-title {
margin-bottom: 30px;
}
.owner-main-text {
font-size: 16px;
}
.owner-main-text > p:last-child {
margin-bottom: 30px;
}
.spec-offers-title {
max-width: 400px;
margin-bottom: 30px;
}
.offer-img-wrap > img {
height: 300px;
margin-bottom: 20px;
}
.offer-card-title {
font-size: 19px;
margin-bottom: 8px;
}
.offer-card-desc {
font-size: 15px;
margin-bottom: 16px;
}
.slider-undertitle-wrap {
margin-bottom: 20px;
}
.slider-descr-wrap {
font-size: 15px;
}
.slider__btns-wrap {
margin-top: 20px;
}
.offer-price {
font-size: 19px;
}
.offer-price-wrap {
margin-bottom: 20px;
}
.offer-price-old,
.offer-price-wrap > span {
font-size: 15px;
}
.team-note {
margin-bottom: 10px;
}
.team-title {
max-width: 420px;
margin-bottom: 30px;
}
.team-img-wrap {
margin-bottom: 20px;
}
.team-img-wrap > img {
max-height: 320px;
}
.team-exp {
font-size: 15px;
margin-bottom: 10px;
}
.team-name {
font-size: 19px;
margin-bottom: 10px;
}
.team-prof {
font-size: 15px;
margin-bottom: 20px;
}
.team-action {
font-size: 14px;
}
.pricelist__title {
max-width: 500px;
}
.pricelist__row-head > .pricelist__td {
display: none;
}
.pricelist__row-head {
padding: 0 0;
border-top: 1px solid #eeeef0;
}
.pricelist__td:nth-child(1) > .pricelist__td-head,
.pricelist__td:nth-child(2) > .pricelist__td-head {
display: block;
font-size: 12px;
color: var(--text-color-light);
}
.pricelist__button {
font-size: 15px;
margin-top: 30px;
}
.pricelist__top {
font-size: 19px;
padding: 16px 12px;
}
.pricelist__top > span {
width: 20px;
height: 20px;
}
.pricelist__descr {
font-size: 15px;
padding: 0 12px 16px 12px;
}
.pricelist__row-head {
font-size: 12px;
padding-left: 12px;
padding-right: 12px;
grid-template-columns: 2fr 2fr 1fr 1fr;
}
.pricelist__row {
font-size: 15px;
padding: 16px 0;
margin: 0 12px;
}
.pricelist__price {
font-size: 20px;
}
.pricelist__old {
font-size: 14px;
}
.pricelist__show-price {
font-size: 14px;
}
.pricelist__row-head .pricelist__td:nth-child(n + 3) {
display: none;
}
.pricelist__row {
grid-column-gap: 20px;
grid-row-gap: 10px;
grid-template-columns: 2fr 2fr 1fr 1fr;
}
.pricelist__row-head > .pricelist__td:nth-child(1) {
grid-column: span 2;
}
.pricelist__row-head > .pricelist__td:nth-child(2) {
grid-column: 3/5;
}
.pricelist__td:nth-child(1) {
justify-content: flex-start;
grid-column: 1/3;
}
.pricelist__td:nth-child(2) {
grid-column: 3/5;
justify-content: flex-start;
}
.pricelist__td:nth-child(3) {
justify-content: flex-start;
}
.pricelist__td:nth-child(4) {
flex-direction: row;
justify-content: flex-start;
margin-left: -15px;
}
.pricelist__td:nth-child(5) {
justify-content: flex-start;
}
.pricelist__show-price {
grid-column: 1/5;
}
.consult-bg {
height: 548px;
margin-left: -10px;
}
.consult-form-wrap {
padding-top: 10px;
}
.consult-form-inner {
display: flex;
flex-direction: column;
align-items: center;
margin-left: 0;
padding: 32px 32px;
}
.consult-form-inner > div {
width: 100%;
}
.consult-form {
max-width: 100%;
}
.consult-form input {
max-width: 100%;
}
.consult-descr {
font-size: 15px;
}
.consult-text-title {
font-size: 25px;
max-width: 255px;
}
.consult-list {
font-size: 16px;
}
.partners-title {
font-size: 19px;
margin-bottom: 30px;
}
.partners-slider {
overflow: visible;
}
.partner-item > img {
height: 60px;
}
.clients-reviews-slider {
overflow: visible;
}
.client-review-card {
padding: 24px;
}
.client-review-header {
align-items: flex-start;
gap: 16px;
}
.client-review-card-empty .client-data-wrap {
padding-left: 0;
}
.client-review-img-wrapper {
max-height: 110px;
}
.client-review-name {
font-size: 16px;
}
.text-review {
font-size: 15px;
}
.item-image-first > img {
height: 275px;
}
.item-image-second > img {
height: 310px;
}
.cert-images-wrapper {
margin-bottom: 40px;
}
.cert-note {
margin-bottom: 20px;
}
.cert-title {
margin-bottom: 20px;
}
.cert-excerpt {
margin-bottom: 32px;
font-size: 15px;
}
.cert-btn {
font-size: 15px;
}
.about-clinic-wrapper {
align-items: flex-start;
gap: 30px;
}
.about-clinic-note {
margin-bottom: 10px;
}
.about-clinic-title {
margin-bottom: 30px;
}
.about-clinic-img-wrap > img {
height: 400px;
}
.about-clinic-text-wrap {
font-size: 15px;
}
.about-clinic-text-wrap {
margin-bottom: 30px;
}
.about__video-title {
margin-bottom: 30px;
}
.about__video-wrap {
height: 420px;
}
.about__video-btn {
width: 60px;
height: 60px;
}
.equip-note {
margin-bottom: 10px;
}
.equip-title {
max-width: 420px;
margin-bottom: 30px;
}
.equip-item-title {
font-size: 15px;
}
.equip-img-wrapper > img {
height: 220px;
max-width: 187px;
width: 187px;
}
.wait-clinic-item > img {
max-height: 320px;
}
.wait-clinic-title {
margin-bottom: 30px;
}
.start-form-title {
margin-bottom: 12px;
}
.start-form-note {
font-size: 15px;
}
.start-form-inputs-items > input {
font-size: 15px;
}
.start-form-btn {
font-size: 15px;
}
.license-clinic-note {
font-size: 20px;
}
.license-clinic-wrapper {
flex-direction: column;
align-items: center;
}
.license-clinic-item {
width: 100%;
}
.license-clinic-slider-wrap {
justify-content: center;
}
.license-clinic-slider {
width: 100%;
}
.license-clinic-slide {
max-width: 320px;
width: 100%;
}
.license-clinic-slide > img {
width: 320px;
height: 100%;
max-height: 440px;
object-fit: contain;
}
.footer-address {
font-size: 15px;
}
.footer-addr-note {
font-size: 13px;
}
.footer-time-item {
font-size: 13px;
}
.social-footer-btn {
font-size: 15px;
}
.main-footer {
border: 10px solid #121217;
}
.logo-wrap {
height: 86px;
max-width: 108px;
}
.footer-menu-item > a {
font-size: 15px;
}
.footer-bottom {
flex-direction: column-reverse;
gap: 12px;
}
.footer-privacy-wrap {
display: grid;
grid-template-columns: 1.2fr 2fr;
gap: 12px;
}
.footer-privacy-wrap > span {
grid-column: 1 / 3;
}
.footer-top {
margin-bottom: 30px;
}
.footer-top .social-footer-wrap {
display: none;
}
.footer-tel {
font-size: 60px;
}
.footer-row-mobile {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 20px;
}
.footer-middle .footer-addr-wrap {
display: none;
}
.social-footer-btn {
width: 320px;
}
.footer-middle {
flex-direction: column;
gap: 35px;
margin-bottom: 30px;
}
.footer-time-wrap {
margin-bottom: 0;
}
.footer-menu-items > li {
margin-bottom: 10px;
padding: 0;
}
.paginate__wrapper,
.mixitup-page-list {
gap: 8px;
}
.paginate__wrapper .page-numbers,
.mixitup-page-list .mixitup-control {
width: 40px;
height: 38px;
padding: 8px 8px;
font-size: 15px;
}
.modal-clinics {
padding: 40px 30px;
}
.modal-clinics-grid {
grid-template-columns: 1fr;
}
.modal-clinic-item-img-wrap {
display: none;
}
.modal-clinic-item-top {
margin-bottom: 0;
}
.modal-clinic-item:first-child .modal-clinic-item-top{
padding-bottom: 30px;
border-bottom: 1px solid #4c4c4c;
}
.modal-clinic-item-addr {
font-size: 16px;
}
.pricesPage__btn-prices {
padding: 10px 16px;
font-size: 14px;
}
}
@media (max-width: 760px) {
.footer-tel {
font-size: 49px;
}
}
@media (max-width: 720px) {  .start-form-section {
background-color: #121217;
}
.start-form-wrapper {
padding-left: 0;
padding-right: 0;
}
.start-form-inner {
padding: 30px 30px;
}
.start-form-inputs-wrap {
flex-direction: column;
}
.form-term-wrap {
flex-direction: column-reverse;
}
}
@media (max-width: 670px) {
.container {
max-width: 1230px;
padding: 0 30px;
}
.slide-wrapper-img {
top: auto;
bottom: 0;
max-width: 100%;
max-height: 270px;
height: 100%;
}
.slider-content {
margin-top: 50px;
margin-bottom: 290px;
max-width: 100%;
}
.slide-wrapper-img::before {
width: 100%;
height: 100px;
bottom: auto;
top: 0;
margin-top: -1px;
margin-left: 0;
background: linear-gradient(
to bottom,
rgba(229, 229, 229, 1) 0%,
rgba(229, 229, 229, 0) 100%
);
}
.slider-content .slider-title {
font-size: 25px;
margin-bottom: 10px;
}
.offer-price-wrap {
margin-bottom: 10px;
}
.offer-price {
font-size: 16px;
}
.offer-price-old,
.offer-price-wrap > span {
font-size: 14px;
} .slide-wrap-img-plan {
display: none;
}
.slide-wrap-img-mob {
display: block;
}
.info-title-wrapper {
flex-direction: column;
gap: 20px;
}
.info-adv-slider {
margin-bottom: 35px;
}
.info-adv-wrap .slider-arrows-container {
position: relative;
}
.info-adv-wrap .swiper-button-next,
.info-adv-wrap .swiper-button-prev {
margin-left: 0;
margin-right: 0;
}
.info-adv-wrap .sliders-notes {
display: block;
}
.pluses__inner-bot {
grid-template-columns: 1fr;
gap: 40px;
}
.info-adv-wrap .swiper-slide {
max-width: 235px;
}
.work-ex-title-wrap {
flex-direction: column;
gap: 20px;
align-items: start;
}
.owner-appeal-inner {
flex-direction: column;
align-items: flex-start;
padding-top: 20px;
}
.owner-note {
text-align: start;
}
.owner-img-wrap {
display: flex;
justify-content: center;
width: 100%;
}
.owner-img-wrap > img {
margin-left: 0;
margin-bottom: 40px;
}
.consult-wrap {
flex-direction: column-reverse;
margin-bottom: 132px;
}
.consult-bg {
height: 100%;
margin-left: -30px;
}
.consult-form-wrap {
margin-bottom: -32px;
padding-top: 0;
}
.consult-text {
padding-top: 40px;
margin-bottom: 35px;
margin-left: 0;
}
.clients-reviews-title-wrap {
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.about-clinic-wrapper {
flex-direction: column;
}
.about-clinic-img-wrap > img {
max-height: 400px;
}
.wait-clinic-slider {
overflow: visible;
}
.main-footer {
border: 5px solid #121217;
}
.footer-top {
flex-direction: column;
}
.footer-tel {
font-size: 36px;
}
.footer-row-mobile {
flex-direction: column-reverse;
}
}
@media (max-width: 600px) {
body {
margin-top: 164px;
}
.breadcrumbs {
margin-top: 184px;
} .bubbles__btns-container {
padding-right: 0;
margin-bottom: 50px;
}
.clinic-adv-items {
grid-template-columns: repeat(1, 1fr);
flex-direction: column;
}
.clinic-adv-item {
flex-grow: 1;
flex-basis: 100%;
}
.services-title-wrap {
flex-direction: column;
}
.owner-img-wrap {
justify-content: flex-start;
}
.owner-img-wrap > img {
margin-left: -20px;
}
.reviews-wrapper {
flex-direction: column;
}
.review-block:nth-child(1) {
display: flex;
flex-direction: column;
align-items: center;
}
.review-block-title {
text-align: center;
}
.review-block:nth-child(1) > span {
text-align: center;
}
.rating-img-wrap > span {
text-align: center;
}
.pricelist__row {
grid-template-columns: 2fr 1fr 1fr 1fr;
}
.pricelist__td:nth-child(1) {
grid-column: 1/5;
}
.pricelist__td:nth-child(2) {
grid-column: 1/5;
}
.pricelist__td:nth-child(3) {
grid-column: 1/3;
}
.pricelist__td:nth-child(4) {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
grid-column: 3/5;
margin-left: 0;
}
.pricelist__td:nth-child(5) {
grid-column: 1/5;
align-items: flex-end;
}
.pricelist__td:nth-child(2) .pricelist__td-text {
justify-content: start;
}
.pricelist__old {
margin-left: 0;
}
.about__video-wrap {
height: 270px;
}
.about__video-btn {
width: 40px;
height: 40px;
}
.partner-item > img {
height: 40px;
}
.footer-privacy-wrap {
display: flex;
flex-direction: column;
}
.footer-menu {
display: grid;
grid-template-columns: 1fr 1fr;
}
.footer-menu-items:nth-child(1) {
grid-column: 1/3;
}
}
@media (max-width: 500px) {
.item-image-first > img {
height: 120px;
}
.item-image-second > img {
height: 185px;
}
.license-clinic-slider-wrap .swiper-button-next {
position: absolute !important;
margin-right: -12px;
}
.license-clinic-slider-wrap .swiper-button-prev {
position: absolute !important;
margin-left: -12px;
}
.license-clinic-slider .swiper-slide {
display: flex;
justify-content: center;
}
.footer-tel {
font-size: 36px;
}
}
@media (max-width: 420px) {
.footer-addr-wrap {
width: 100%;
}
}
@media (max-width: 410px) {
.wait-clinic-slider {
overflow: hidden;
}
.social-footer-wrap {
width: 100%;
}
.social-footer-btn {
width: 100%;
}
}
@media (max-width: 390px) { .work-ex-card {
min-width: auto;
}
.spec-offer-card {
min-width: auto;
}
.team-item {
min-width: auto;
}
.consult-btn {
max-height: 80px;
}
}
@media (max-width: 370px) {
.sliders-notes {
font-size: 13px;
}
.about-clinic-img-wrap > img {
width: 100%;
min-width: 100%;
}
.footer-tel {
font-size: 28px;
}
.pricelist__td:nth-child(3) {
grid-column: 1/5;
}
.pricelist__td:nth-child(4) {
grid-column: 1/5;
}
.vacancy__btn {
padding: 14px 14px;
width: 100%;
}
} .modal__wrapper {
display: none;
background: none !important;
padding: 0 0 !important;
}
.modal-block {
background: #121111;
padding: 50px 40px;
overflow-y: auto;
max-height: 90vh;
max-width: 470px;
}
.modal-title {
color: #fff;
text-align: center;
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 113%;
text-transform: uppercase;
margin-bottom: 12px;
margin-top: 0px;
}
.form-block-call {
display: flex;
flex-direction: column;
}
.form-block-call-flex {
display: flex;
flex-direction: column;
}
.form-block-call-flex input {
border: 1px solid #433f3e;
padding: 14px;
background: #121111;
color: #fff;
width: 100%;
font-size: 16px;
}
.form-block-call-flex input.wpcf7-text::placeholder {
color: var(--text-color-light);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 137%; }
.label-text {
color: #dad9d9;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 137%; margin-bottom: 14px;
margin-top: 0px;
}
.label-name {
color: #a9a9a9;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 137%;
}
.label-block-call {
display: flex;
flex-direction: column;
gap: 2px;
margin-bottom: -2px;
}
.form-send-btn {
color: var(--white, #fff);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 140%;
text-align: center;
background: #ae1d23;
padding: 14px 22px;
border: 1px solid #433f3e;
width: 100%;
margin-top: -12px;
transition: var(--default-transition);
}
.form-send-btn:hover {
background: #100c0b;
color: #fff;
border: 1px solid #433f3e;
cursor: pointer;
}
.accept-conditions p {
margin: 0px;
}
.accept-conditions {
color: #f1f8f9;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 130%; letter-spacing: 0.24px;
opacity: 0.8;
margin-block: -4px;
}
.accept-conditions-link span {
color: #f1f8f9;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 130%; letter-spacing: 0.24px;
opacity: 0.8;
text-decoration-line: underline;
}
.accept-conditions-link span:hover {
color: #b62d35;
text-decoration-line: none;
}
.modal-block-thx {
display: flex;
flex-direction: column;
align-items: center;
padding: 25px 40px;
max-width: 460px;
background-color: #fff;
}
.modal-title-thx {
font-size: 28px;
font-weight: 500;
text-align: center;
margin-bottom: 6px;
color: var(--text-color-red);
}
.modal-text-thx {
max-width: 320px;
font-size: 16px;
font-weight: 400;
text-align: center;
color: var(--text-color-main);
margin-bottom: 16px;
}
.modal-text-action {
font-size: 16px;
text-align: center;
color: var(--text-color-black);
margin-bottom: 8px;
}
.modal-block-thx > a {
display: block;
padding: 16px 25px;
font-size: 16px;
font-weight: 500;
color: #fff;
background-color: var(--button-color-main);
transition: var(--default-transition);
}
.modal-block-thx > a svg {
margin-right: 15px;
}
.modal-block-thx > a:hover {
background-color: var(--button-color-main-hover);
}
@media (max-width: 599px) {
.modal-block {
padding: 40px 30px;
}
.modal-title {
font-size: 26px;
}
.label-text {
font-size: 15px;
}
.form-block-call-flex input.wpcf7-text::placeholder {
font-size: 15px;
}
.form-send-btn {
font-size: 15px;
}
.servis-text-lists {
grid-template-columns: 1fr;
}
.servis-text-recommendations-cite {
flex-direction: column;
align-items: flex-start;
}
}
.cookies {
position: fixed;
bottom: 0;
left: 0;
z-index: 999;
padding: 20px 24px;
display: none;
max-width: 1170px;
padding: 20px 24px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 40px;
background: #121217;
border: 1px solid var(--bs-border-color-translucent);
-webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2);
margin: 40px 130px 40px 20px;
}
#cookie-banner.is-visible { display: flex; }
.cookies__title {
color: #fff;
font-size: 14px;
font-weight: 500;
line-height: 140%;
margin-bottom: 8px;
}
.cookies__text {
color: #fff;
font-size: 13px;
font-weight: 400;
line-height: 140%;
}
.cookies__text a {
color: #fff;
font-size: 13px;
font-weight: 400;
line-height: 140%;
text-decoration: underline;
}
.cookies__text a:hover {
text-decoration: none;
}
.cookies__btn {
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 14px 16px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: none;
background: var(--button-color-main);
color: #fff;
font-size: 14px;
font-weight: 500;
line-height: 140%;
cursor: pointer;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.cookies__btn:hover {
opacity: 0.7;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (max-width: 600px) {
.cookies {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}