@charset "UTF-8";
/*!
Theme Name: Referta
Author: Topref
Description: Стоматология.
Version: 1.0.0
Text Domain: vida
*/
/*--------------------------------------------------------------
>>> ОГЛАВЛЕНИЕ:
----------------------------------------------------------------
# Типографика
# Элементы
# Шапка
# Секции
# Виджеты
# Контент
# Комментарии
# Галерея
# Подвал
--------------------------------------------------------------*/
/*Отзывчивое соотношение - Мы используем этот миксин для создания масштабируемых элементов(обычно изображения/картинки заднего фона), чтобы поддерживать соотношение.*/
/*
Пример:
div {
  @include responsive-ratio(16,9);
}
*/
/*--------------------------------------------------------------
# Типографика
--------------------------------------------------------------*/
@font-face {
    font-family: "Gotham";
  src: url("./fonts/GothamPro/GothamPro-Light.eot");
  src: local("Gotham Pro Light"), local("GothamPro-Light"), url("./fonts/GothamPro/GothamPro-Light.eot?#iefix") format("embedded-opentype"), url("./fonts/GothamPro/GothamPro-Light.woff") format("woff"), url("./fonts/GothamPro/GothamPro-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
    font-family: "Gotham";
  src: url("./fonts/GothamPro/GothamPro.eot");
  src: local("Gotham Pro"), local("GothamPro"), url("./fonts/GothamPro/GothamPro.eot?#iefix") format("embedded-opentype"), url("./fonts/GothamPro/GothamPro.woff") format("woff"), url("./fonts/GothamPro/GothamPro.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
    font-family: "Gotham";
  src: url("./fonts/GothamPro/GothamPro-Medium.eot");
  src: local("Gotham Pro Medium"), local("GothamPro-Medium"), url("./fonts/GothamPro/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("./fonts/GothamPro/GothamPro-Medium.woff") format("woff"), url("./fonts/GothamPro/GothamPro-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
    font-family: "Gotham";
  src: url("./fonts/GothamPro/GothamPro-Bold.eot");
  src: local("Gotham Pro Bold"), local("GothamPro-Bold"), url("./fonts/GothamPro/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("./fonts/GothamPro/GothamPro-Bold.woff") format("woff"), url("./fonts/GothamPro/GothamPro-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
    font-family: "Gotham";
  src: url("./fonts/GothamPro/GothamPro-Black.eot");
  src: local("Gotham Pro Black"), local("GothamPro-Black"), url("./fonts/GothamPro/GothamPro-Black.eot?#iefix") format("embedded-opentype"), url("./fonts/GothamPro/GothamPro-Black.woff") format("woff"), url("./fonts/GothamPro/GothamPro-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
/*--------------------------------------------------------------
# Элементы
--------------------------------------------------------------*/
html,
body {
    font-size: 14px;
    font-size: 0.875rem;
    font-family: "Gotham", sans-serif;
    color: #3C3C3C;
    height: 100%;
}

html.open-menu,
body.open-menu {
    overflow: hidden;
}

html.loader,
body.loader {
    overflow-y: hidden;
}

html.loader:before,
body.loader:before {
    content: "";
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(60, 60, 60, 0.8);
    z-index: 998;
}

html.loader:after,
body.loader:after {
    content: "";
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='100' height='100'%3E%3Cpath fill='%2386A8FF' d='M288 32C288 49.67 273.7 64 256 64C238.3 64 224 49.67 224 32C224 14.33 238.3 0 256 0C273.7 0 288 14.33 288 32zM288 480C288 497.7 273.7 512 256 512C238.3 512 224 497.7 224 480C224 462.3 238.3 448 256 448C273.7 448 288 462.3 288 480zM480 224C497.7 224 512 238.3 512 256C512 273.7 497.7 288 480 288C462.3 288 448 273.7 448 256C448 238.3 462.3 224 480 224zM32 288C14.33 288 0 273.7 0 256C0 238.3 14.33 224 32 224C49.67 224 64 238.3 64 256C64 273.7 49.67 288 32 288zM74.98 391.8C87.48 379.3 107.7 379.3 120.2 391.8C132.7 404.3 132.7 424.5 120.2 437C107.7 449.5 87.48 449.5 74.98 437C62.48 424.5 62.48 404.3 74.98 391.8zM391.8 437C379.3 424.5 379.3 404.3 391.8 391.8C404.3 379.3 424.5 379.3 437 391.8C449.5 404.3 449.5 424.5 437 437C424.5 449.5 404.3 449.5 391.8 437zM120.2 74.98C132.7 87.48 132.7 107.7 120.2 120.2C107.7 132.7 87.48 132.7 74.98 120.2C62.48 107.7 62.48 87.48 74.98 74.98C87.48 62.49 107.7 62.49 120.2 74.98z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 999;
    animation: spin 1500ms linear 0s infinite;
}

/*Прижатие подвала к низу сайта*/
#page {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.site-content {
    flex: 1 1 auto;
}

/*Изменение максимальной ширины контейнера (bootstrap)*/
@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1440px;
        padding-left: 30px;
        padding-right: 30px;
    }
}

embed,
iframe,
object {
    max-width: 100%;
}

/* Заголовки */
h1 {
    font-size: 40px;
    font-size: 2.5rem;
}

h2 {
    font-size: 32px;
    font-size: 2rem;
}

h3 {
    font-size: 28px;
    font-size: 1.75rem;
}

h4 {
    font-size: 24px;
    font-size: 1.5rem;
}

h5 {
    font-size: 20px;
    font-size: 1.25rem;
}

h6 {
    font-size: 16px;
    font-size: 1rem;
}

.title {
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1.2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    position: relative;
}

@media only screen and (max-width: 1200px) {
    .title {
        font-size: 32px;
        font-size: 2rem;
    }
}

@media only screen and (max-width: 576px) {
    .title {
        font-size: 22px;
        font-size: 1.375rem;
    }
}

.title.white span {
    background-color: #FFFFFF;
}

.title.blue {
    color: #FFFFFF;
}

.title.blue span {
    background-color: #86A8FF;
}

.title.blue span:last-child {
    color: #FFFFFF;
}

.title.blue:before {
    background-color: #FFFFFF;
}

.title:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #86A8FF;
    position: absolute;
    top: calc(50% + 1px);
    z-index: 1;
}

.title span {
    display: flex;
    align-items: center;
    background-color: #F3F3F3;
    position: relative;
    z-index: 3;
}

.title span:first-child {
    display: inline;
    padding-right: 20px;
    margin-right: 30px;
}

.title span:first-child svg {
    margin-right: 10px;
}

.title span:last-child {
    color: #86A8FF;
    padding-left: 10px;
}

@media only screen and (max-width: 576px) {
    .title span svg {
        width: 22px;
        height: 22px;
        margin: 0 5px 5px;
    }
}

.title a {
    font-size: 14px;
    font-size: 0.875rem;
    text-decoration: none;
    white-space: nowrap;
    color: #3C3C3C;
    display: inline-block;
    padding: 0 10px;
    margin-top: 5px;
}

.title a:hover {
    color: #86A8FF;
}

.title a:hover svg {
    fill: #86A8FF;
}

.title a svg {
    transition: all 0.2s linear;
    fill: #3C3C3C;
}

@media only screen and (max-width: 576px) {
    .title i {
        display: none;
    }
}

.title-works {
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1.2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    position: relative;
}

@media only screen and (max-width: 1200px) {
    .title-works {
        font-size: 32px;
        font-size: 2rem;
    }
}

@media only screen and (max-width: 768px) {
    .title-works {
        font-size: 26px;
        font-size: 1.625rem;
    }
}

@media only screen and (max-width: 576px) {
    .title-works {
        font-size: 22px;
        font-size: 1.375rem;
        flex-direction: column;
        align-items: flex-start;
    }
}

.title-works:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #86A8FF;
    position: absolute;
    top: calc(50% + 1px);
    z-index: 1;
}

@media only screen and (max-width: 576px) {
    .title-works:before {
        top: 12px;
    }
}

.title-works span {
    display: flex;
    align-items: center;
    background-color: #F3F3F3;
    position: relative;
    z-index: 3;
}

@media only screen and (max-width: 576px) {
    .title-works span {
        margin: 0;
        padding: 0;
    }
}

.title-works span:first-child {
    display: inline;
    padding-right: 20px;
    margin-right: 30px;
}

.title-works span:first-child svg {
    margin-right: 10px;
}

.title-works span:last-child {
    color: #86A8FF;
    padding-left: 10px;
}

@media only screen and (max-width: 576px) {
    .title-works span:last-child {
        width: 100%;
        padding: 20px 0 0 0;
        margin: 0;
    }
}

@media only screen and (max-width: 576px) {
    .title-works span svg {
        width: 22px;
        height: 22px;
        margin: 0 5px 5px;
    }
}

.title-works a {
    font-size: 14px;
    font-size: 0.875rem;
    text-decoration: none;
    white-space: nowrap;
    color: #3C3C3C;
    display: inline-block;
    padding: 0 10px;
    margin-top: 5px;
}

.title-works a:hover {
    color: #86A8FF;
}

.title-works a:hover svg {
    fill: #86A8FF;
}

.title-works a svg {
    transition: all 0.2s linear;
    fill: #3C3C3C;
}

@media only screen and (max-width: 576px) {
    .title-works i {
        display: none;
    }
}

.title-works select {
    border-radius: 10px;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 300;
    border-color: transparent;
    outline: none;
    min-width: 200px;
    margin: 0 15px;
    padding: 14px 14px 14px 50px;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='20' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.546448 0.789562C0.628377 0.612979 0.805344 0.5 1.00001 0.5H21C21.1947 0.5 21.3716 0.612979 21.4536 0.789562C21.5355 0.966144 21.5075 1.17422 21.3818 1.32286L13.5 10.6431V19C13.5 19.1733 13.4103 19.3342 13.2629 19.4253C13.1155 19.5164 12.9314 19.5247 12.7764 19.4472L8.7764 17.4472C8.60701 17.3625 8.50001 17.1894 8.50001 17V10.6431L0.618222 1.32286C0.492523 1.17422 0.464519 0.966144 0.546448 0.789562ZM2.07766 1.5L9.38179 10.1371C9.45812 10.2274 9.50001 10.3418 9.50001 10.46V16.691L12.5 18.191V10.46C12.5 10.3418 12.5419 10.2274 12.6182 10.1371L19.9224 1.5H2.07766Z' fill='%23202025'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 15px 50%;
}

@media only screen and (max-width: 576px) {
    .title-works select {
        width: 100%;
        max-width: none;
        margin: 0;
    }
}

.title-works select:focus {
    border-color: #86A8FF;
}

img {
    max-width: 100%;
    height: auto;
}

ul {
    list-style: none;
    overflow: hidden;
}

ul li {
    color: #3C3C3C;
    line-height: 1.6;
}

@media only screen and (max-width: 576px) {
    .no-padding {
        padding: 0;
    }
}

/*Ленивая загрузка*/
.b-lazy {
    transition: opacity 500ms ease-in-out;
    max-width: 100%;
    opacity: 0;
}

.b-lazy.b-loaded {
    opacity: 1;
}

a {
    transition: all 0.2s linear;
}

strong {
    font-weight: 700;
}

/* Выравнивание */
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Текущее меню */
#site-navigation {
 /* Класс для текущей страницы */
  /* Класс для текущей рубрики */
  /* Класс для любого другого текущего пункта меню */
  /* Класс для таксономии */
  /* Класс для страницы */
  /* Класс для любого пользовательского элемента, который был добавлен */
  /* Класс для элемента, ведущего на главную страницу блога */
}

#site-navigation .current-menu-item {
    background-color: #86A8FF;
}
/*Мобильное меню*/
#mobile-menu {
 /* Класс для текущей страницы */
  /* Класс для текущей рубрики */
  /* Класс для любого другого текущего пункта меню */
  /* Класс для таксономии */
  /* Класс для страницы */
  /* Класс для любого пользовательского элемента, который был добавлен */
}

#mobile-menu .current-menu-item a {
    color: #8A8A8A;
}
/*Форма*/
form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  /* FF 4-18 */
  /* FF 19+ */
  /* IE 10+ */
}

form div {
    margin-bottom: 10px;
}

form label {
    display: block;
}

form input[type=email],
form input[type=text],
form input[type=number],
form input[type=password],
form input[type=tel],
form textarea {
    transition: all 0.2s linear;
    border-radius: 4px;
    font-size: 15px;
    font-size: 0.9375rem;
    width: 100%;
    max-width: 360px;
    padding: 10px 15px;
    margin-bottom: 15px;
    border: 1px solid transparent;
    outline: none;
}

form input[type=email]:focus,
form input[type=text]:focus,
form input[type=number]:focus,
form input[type=password]:focus,
form input[type=tel]:focus,
form textarea:focus {
    border: 1px solid #86A8FF;
}

form input:focus::-webkit-input-placeholder {
    color: transparent;
}

form input:focus:-moz-placeholder {
    color: transparent;
}

form input:focus::-moz-placeholder {
    color: transparent;
}

form input:focus:-ms-input-placeholder {
    color: transparent;
}

form select {
    border-radius: 4px;
    font-size: 15px;
    font-size: 0.9375rem;
    width: 100%;
    max-width: 360px;
    padding: 10px 40px 10px 15px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M443.5 162.6l-7.1-7.1c-4.7-4.7-12.3-4.7-17 0L224 351 28.5 155.5c-4.7-4.7-12.3-4.7-17 0l-7.1 7.1c-4.7 4.7-4.7 12.3 0 17l211 211.1c4.7 4.7 12.3 4.7 17 0l211-211.1c4.8-4.7 4.8-12.3.1-17z' fill='%233C3C3C'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: calc(100% - 15px);
}

form select:focus {
    outline: none;
    border: 1px solid #86A8FF;
}

form input[type=checkbox],
form input[type=radio] {
    display: none;
}

form input[type=checkbox] + label:before {
    content: "✓";
    color: transparent;
    display: inline-block;
    border: 1px solid #3C3C3C;
    font-size: 20px;
    line-height: 22px;
    margin: -5px 10px 0 0;
    height: 20px;
    width: 20px;
    text-align: center;
    vertical-align: middle;
    transition: color ease 0.3s;
}

form input[type=checkbox]:checked + label:before {
    color: green;
    line-height: 18px;
}

form input[type=radio] + label:before {
    content: "⚫";
    border: 1px solid #000;
    border-radius: 50%;
    display: inline-block;
    font-size: 20px;
    line-height: 20px;
    margin: -5px 10px 0 0;
    height: 20px;
    width: 20px;
    text-align: center;
    vertical-align: middle;
    font-size: 0;
    transition: font-size ease 0.3s;
}

form input[type=radio]:checked + label:before {
    font-size: 12px;
    line-height: 17px;
}

form input[type=submit],
form button[type=submit] {
    transition: all 0.2s linear;
    font-size: 15px;
    font-size: 0.9375rem;
    color: #FFFFFF;
    width: 100%;
    max-width: 360px;
    margin-top: 30px;
    padding: 11px 30px;
    background-color: #86A8FF;
    border: none;
    outline: none;
}

form input[type=submit]:hover,
form button[type=submit]:hover {
    background-color: rgb(95.1, 140.0305785124, 255);
}

/*Модальное окно*/
.white-popup {
    border-radius: 20px;
    position: relative;
    background: #F3F3F3;
    padding: 40px 20px;
    width: auto;
    max-width: 460px;
    margin: 20px auto;
}

@media only screen and (max-width: 576px) {
    .white-popup {
        padding: 20px 10px;
    }
}

.white-popup .mfp-close {
    transition: all 0.2s linear;
}

.white-popup .mfp-close:hover {
    color: orange;
}

.white-popup .form-title {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

.white-popup .form-title svg {
    margin-right: 15px;
}

.white-popup form {
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
}

/*Модальное окно оставить отзыв*/
#reviews-form .form-title {
    margin-bottom: 30px;
}

/*Модальное окно с переключалкой языка (при первом заходе)*/
#modal-language {
    max-width: 360px;
}

#modal-language .form-title {
    line-height: 1.3;
    text-align: center;
    margin-bottom: 30px;
}

#modal-language p {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}

#modal-language p a {
    border-radius: 8px;
    font-size: 18px;
    font-size: 1.125rem;
    color: #FFFFFF;
    text-decoration: none;
    padding: 10px 30px;
    display: inline-block;
}

#modal-language p a.link-lang {
    margin-right: 15px;
    background-color: rgb(95.1, 140.0305785124, 255);
}

#modal-language p a.link-lang:hover {
    background-color: #86A8FF;
}

#modal-language p a.close-modal {
    background-color: #3C3C3C;
}

#modal-language p a.close-modal:hover {
    background-color: #8A8A8A;
}

/*Модальное окно успешной отправки формы*/
#sent-form,
#sent-form-reviews,
#sent-form-courses {
    text-align: center;
    max-width: 600px;
    padding: 30px;
    background-color: #F3F3F3;
}

#sent-form .message,
#sent-form-reviews .message,
#sent-form-courses .message {
    margin: 30px;
    padding: 40px;
    border: 2px solid #86A8FF;
}

@media only screen and (max-width: 576px) {
    #sent-form .message,
  #sent-form-reviews .message,
  #sent-form-courses .message {
        margin: 20px;
        padding: 20px;
    }
}

#sent-form .message .message-title,
#sent-form-reviews .message .message-title,
#sent-form-courses .message .message-title {
    font-size: 32px;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;
}

@media only screen and (max-width: 576px) {
    #sent-form .message .message-title,
  #sent-form-reviews .message .message-title,
  #sent-form-courses .message .message-title {
        font-size: 26px;
        font-size: 1.625rem;
    }
}

#sent-form .message .message-title:after,
#sent-form-reviews .message .message-title:after,
#sent-form-courses .message .message-title:after {
    content: "";
    width: 100px;
    height: 2px;
    background-color: #86A8FF;
    position: absolute;
    left: calc(50% - 50px);
    bottom: 0;
}

#sent-form .message p,
#sent-form-reviews .message p,
#sent-form-courses .message p {
    font-size: 18px;
    font-size: 1.125rem;
    color: #8A8A8A;
}

@media only screen and (max-width: 576px) {
    #sent-form .message p,
  #sent-form-reviews .message p,
  #sent-form-courses .message p {
        font-size: 16px;
        font-size: 1rem;
    }
}

/*Модальное окно FAQ вопрос-ответ*/
#modal-faq {
    width: 100%;
    max-width: 1024px;
}

#modal-faq p {
    border-radius: 10px;
    font-size: 16px;
    font-size: 1rem;
    color: #3C3C3C;
    line-height: 1.4;
    margin: 30px 0;
    padding: 15px;
    background-color: #FFFFFF;
}

#modal-faq p.diagnosis {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400;
}

#modal-faq .contact-doctor {
    display: flex;
    align-items: flex-start;
}

@media only screen and (max-width: 768px) {
    #modal-faq .contact-doctor {
        flex-direction: column;
    }
}

#modal-faq .contact-doctor .doctor {
    border-radius: 10px;
    padding: 15px 5px 15px 15px;
    margin-right: 15px;
    display: flex;
    align-items: flex-start;
    background-color: #FFFFFF;
    flex-basis: 70%;
}

@media only screen and (max-width: 768px) {
    #modal-faq .contact-doctor .doctor {
        margin-right: 0;
        width: 100%;
        flex-basis: auto;
    }
}

@media only screen and (max-width: 576px) {
    #modal-faq .contact-doctor .doctor {
        flex-direction: column;
        padding: 15px;
    }
}

#modal-faq .contact-doctor .doctor .doctor-image {
    margin-right: 30px;
    flex-basis: 50%;
}

@media only screen and (max-width: 992px) {
    #modal-faq .contact-doctor .doctor .doctor-image {
        margin-right: 15px;
        width: 100%;
    }
}

@media only screen and (max-width: 576px) {
    #modal-faq .contact-doctor .doctor .doctor-image {
        flex-basis: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
}

#modal-faq .contact-doctor .doctor .doctor-image img {
    border-radius: 10px;
    width: 100%;
    max-width: 300px;
    -o-object-fit: contain;
    object-fit: contain;
}

@media only screen and (max-width: 576px) {
    #modal-faq .contact-doctor .doctor .doctor-image img {
        max-width: none;
    }
}

#modal-faq .contact-doctor .doctor .doctor-content {
    padding-right: 25px;
    max-width: 300px;
    max-height: 300px;
    overflow: auto;
    flex-basis: 50%;
}

@media only screen and (max-width: 992px) {
    #modal-faq .contact-doctor .doctor .doctor-content {
        padding-right: 15px;
    }
}

@media only screen and (max-width: 576px) {
    #modal-faq .contact-doctor .doctor .doctor-content {
        max-width: none;
        max-height: none;
        padding-right: 0;
        flex-basis: 100%;
    }
}

#modal-faq .contact-doctor .doctor .name {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 10px;
}

#modal-faq .contact-doctor .doctor .specialization {
    font-size: 14px;
    font-size: 0.875rem;
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #86A8FF;
}

#modal-faq .contact-doctor .doctor .location > div {
    margin-bottom: 15px;
}

#modal-faq .contact-doctor .doctor .location > div div {
    margin-bottom: 5px;
}

#modal-faq .contact-doctor .doctor .location .addr, #modal-faq .contact-doctor .doctor .location .metro {
    line-height: 1.3;
    display: flex;
    align-items: flex-start;
}

#modal-faq .contact-doctor .doctor .location .addr svg, #modal-faq .contact-doctor .doctor .location .metro svg {
    margin-right: 5px;
}

#modal-faq .contact-doctor .form-title {
    margin-bottom: 10px;
}

#modal-faq .contact-doctor form {
    width: auto;
    flex-basis: auto;
}

@media only screen and (max-width: 768px) {
    #modal-faq .contact-doctor form {
        width: 100%;
        max-width: none;
        padding-top: 30px;
    }
}

#modal-faq .contact-doctor form p {
    margin: 0;
    background: none;
}

#modal-faq .contact-doctor form input, #modal-faq .contact-doctor form textarea {
    border-radius: 10px;
}

@media only screen and (max-width: 768px) {
    #modal-faq .contact-doctor form input, #modal-faq .contact-doctor form textarea {
        max-width: none;
    }
}

#modal-faq .contact-doctor form input[type=submit] {
    margin-top: 0;
}

#modal-faq .contact-doctor form .wpcf7-spinner {
    display: none;
}

/* Slinky — FAQ вопрос-ответ */
.slinky-menu {
    width: 100%;
    overflow: hidden;
    transform: translateZ(0);
}

.slinky-menu > ul {
    left: 0;
    position: relative;
    transform: translateZ(0);
}

.slinky-menu ul {
    list-style: none;
    width: 100%;
    margin: 0;
    padding-left: 0;
    overflow: initial;
}

.slinky-menu a {
    font-size: 18px;
    font-size: 1.125rem;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    color: #3C3C3C;
    text-decoration: none;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    -moz-column-gap: 10px;
    column-gap: 10px;
    padding: 10px 15px;
}

.slinky-menu a.back {
    color: #86A8FF;
    padding-left: 0;
}

.slinky-menu a input {
    width: 16px;
    height: 16px;
}

.slinky-menu a input:hover {
    cursor: pointer;
}

.slinky-menu li ul {
    display: none;
    left: 100%;
    position: absolute;
    top: 0;
}

.slinky-menu li.main-question {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 500;
    color: #3C3C3C;
    line-height: 1.4;
    padding: 10px 15px;
}

.slinky-menu .header {
    display: flex;
    padding-left: 15px;
    padding-bottom: 15px;
}

.slinky-menu .header .slinky-title {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 500;
    color: #3C3C3C;
    flex: 1;
    line-height: 1.4;
    margin: 0;
    order: 1;
    display: flex;
    align-items: center;
}

.slinky-theme-default .slinky-title {
    color: #8A8A8A;
}

.slinky-theme-default li {
    line-height: 1;
}

.slinky-theme-default a:not(.back):active {
    background: rgba(90, 200, 250, 0.5);
}

.slinky-theme-default .back::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath d='M89.45 87.5l143.1 152c4.375 4.625 6.562 10.56 6.562 16.5c0 5.937-2.188 11.87-6.562 16.5l-143.1 152C80.33 434.1 65.14 434.5 55.52 425.4c-9.688-9.125-10.03-24.38-.9375-33.94l128.4-135.5l-128.4-135.5C45.49 110.9 45.83 95.75 55.52 86.56C65.14 77.47 80.33 77.87 89.45 87.5z'/%3E%3C/svg%3E");
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    content: "";
    height: 1em;
    opacity: 0.6;
    transition: 200ms;
    width: 1em;
}

.slinky-theme-default .back::before:hover {
    opacity: 1;
}

.slinky-theme-default .back::before {
    transform: scaleX(-1);
}

/*Таблица*/
table {
    width: 100%;
    margin-bottom: 15px;
}

table tr th,
table tr td {
    padding: 5px;
}

/*Время работы*/
.time {
    display: flex;
    align-items: flex-start;
}

.time svg {
    margin-top: 2px;
    margin-right: 10px;
}

.time .day-week {
    color: #3C3C3C;
    width: auto;
    margin: 0;
}

.time .day-week td {
    padding: 0;
}

.time .day-week span {
    color: #8A8A8A;
    margin-right: 10px;
}

/*Мобильный указатель слайдера*/
.slider-pointer {
    font-size: 12px;
    font-size: 0.75rem;
    color: #FFFFFF;
    width: 100%;
    padding: 0 15px 15px;
    display: none;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 992px) {
    .slider-pointer {
        display: flex;
    }
}

.slider-pointer:hover {
    cursor: pointer;
}

.slider-pointer .hand {
    width: 24px;
    height: 24px;
    margin-right: 15px;
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='4' viewBox='0 0 20 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.601 2.29454H18.6705L17.7614 2.98952C17.688 3.0456 17.6468 3.12166 17.6468 3.20097C17.6468 3.28027 17.688 3.35633 17.7614 3.41241C17.8347 3.46849 17.9342 3.5 18.038 3.5C18.1417 3.5 18.2412 3.46849 18.3145 3.41241L19.8854 2.21145C19.9218 2.18368 19.9506 2.15072 19.9702 2.11444C19.9899 2.07816 20 2.03927 20 2C20 1.96073 19.9899 1.92184 19.9702 1.88556C19.9506 1.84928 19.9218 1.81632 19.8854 1.78855L18.3145 0.587585C18.2782 0.559817 18.2351 0.53779 18.1876 0.522763C18.1402 0.507735 18.0893 0.5 18.038 0.5C17.9866 0.5 17.9357 0.507735 17.8883 0.522763C17.8408 0.53779 17.7977 0.559817 17.7614 0.587585C17.7251 0.615353 17.6962 0.648318 17.6766 0.684599C17.6569 0.720879 17.6468 0.759765 17.6468 0.799034C17.6468 0.838304 17.6569 0.877189 17.6766 0.91347C17.6962 0.94975 17.7251 0.982716 17.7614 1.01048L18.6587 1.69649H13.601C13.4973 1.69649 13.3978 1.72799 13.3245 1.78407C13.2511 1.84015 13.2099 1.91621 13.2099 1.99551C13.2099 2.07482 13.2511 2.15088 13.3245 2.20696C13.3978 2.26304 13.4973 2.29454 13.601 2.29454ZM1.82953 2.29454H6.85398C6.95772 2.29454 7.0572 2.26304 7.13056 2.20696C7.20391 2.15088 7.24512 2.07482 7.24512 1.99551C7.24512 1.91621 7.20391 1.84015 7.13056 1.78407C7.0572 1.72799 6.95772 1.69649 6.85398 1.69649H1.84131L2.73862 1.01048C2.81197 0.954404 2.85318 0.878343 2.85318 0.799034C2.85318 0.719725 2.81197 0.643665 2.73862 0.587585C2.66527 0.531505 2.56578 0.5 2.46204 0.5C2.3583 0.5 2.25881 0.531505 2.18546 0.587585L0.614568 1.78855C0.578245 1.81632 0.549433 1.84928 0.529775 1.88556C0.510118 1.92184 0.5 1.96073 0.5 2C0.5 2.03927 0.510118 2.07816 0.529775 2.11444C0.549433 2.15072 0.578245 2.18368 0.614568 2.21145L2.18546 3.41241C2.25881 3.46849 2.3583 3.5 2.46204 3.5C2.56578 3.5 2.66527 3.46849 2.73862 3.41241C2.81197 3.35633 2.85318 3.28027 2.85318 3.20097C2.85318 3.12166 2.81197 3.0456 2.73862 2.98952L1.82953 2.29454Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: top center;
}

.slider-pointer .hand svg {
    position: absolute;
    top: 0;
    left: 5px;
    transform: rotate(-20deg);
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-name: spinhand;
}

/*Кнопки*/
.button {
    transition: all 0.2s linear;
    font-size: 15px;
    font-size: 0.9375rem;
    text-decoration: none;
    line-height: 1.2;
    text-align: center;
    color: #FFFFFF;
    padding: 22px;
    display: inline-block;
    background-color: #86A8FF;
}

.button.big {
    width: 100%;
    max-width: 220px;
}

.button.small {
    padding: 15px 30px;
}

.button.wide {
    padding: 15px 90px;
}

@media only screen and (max-width: 576px) {
    .button.wide {
        width: 100%;
        padding: 15px;
    }
}

.button.load-more {
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button.load-more.load svg {
    animation: spin 1500ms linear 0s infinite;
}

.button.load-more svg {
    margin-left: 10px;
    fill: #FFFFFF;
}

.button:hover {
    color: #FFFFFF;
    cursor: pointer;
    background-color: rgb(95.1, 140.0305785124, 255);
}

.button:focus {
    outline: none;
}

.button-border {
    font-size: 14px;
    font-size: 0.875rem;
    border: 1px solid #86A8FF;
    text-decoration: none;
    font-weight: 500;
    text-align: center;
    color: #86A8FF;
    background: none;
    padding: 12px 45px;
    display: inline-block;
}

.button-border:hover {
    color: #FFFFFF;
    text-decoration: none;
    cursor: pointer;
    background-color: #86A8FF;
}

.button-border:focus {
    outline: none;
}

.button-white {
    transition: all 0.2s linear;
    font-size: 14px;
    font-size: 0.875rem;
    color: #86A8FF;
    text-decoration: none;
    text-align: center;
    background-color: #FFFFFF;
    padding: 12px 90px;
    display: inline-block;
    border: 1px solid #FFFFFF;
}

.button-white:hover {
    color: #FFFFFF;
    background-color: rgb(146.1, 176.7, 255);
}

#survey {
    border-radius: 8px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    -moz-column-gap: 15px;
    column-gap: 15px;
    padding: 10px 15px;
    width: 100%;
    max-width: 460px;
    margin-bottom: 30px;
    background-color: #F4BA78;
}

@media only screen and (max-width: 768px) {
    #survey {
        max-width: none;
    }
}

@media only screen and (max-width: 576px) {
    #survey {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}

#survey img {
    border-radius: 0;
    margin: 0;
}

@media only screen and (max-width: 576px) {
    #survey img {
        flex-basis: auto;
    }
}

#survey .survey-content {
    color: #FFFFFF;
}

@media only screen and (max-width: 576px) {
    #survey .survey-content {
        flex-basis: 80%;
    }
}

#survey .survey-content .survey-title {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 5px;
}

#survey .survey-content p {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.1;
    margin: 0;
}

#survey a.link-survey {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    color: #F4BA78;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    display: inline-block;
    padding: 10px 30px;
    background-color: #FFFFFF;
}

@media only screen and (max-width: 576px) {
    #survey a.link-survey {
        text-align: center;
        padding: 10px 15px;
        margin-top: 15px;
        width: 100%;
    }
}

#survey a.link-survey:hover {
    color: #FFFFFF;
    background-color: rgb(146.1, 176.7, 255);
}

@media only screen and (max-width: 1400px) {
    .side-survey #survey {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .side-survey #survey img {
        flex-basis: auto;
    }

    .side-survey #survey .survey-content {
        flex-basis: 74%;
    }

    .side-survey #survey a.link-survey {
        margin-top: 14px;
        width: 100%;
    }
}

/*Пагинация*/
.pagination {
    text-align: center;
    margin-bottom: 30px;
}

.pagination a,
.pagination span {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 38px;
    text-align: center;
    width: 40px;
    height: 40px;
    margin: 0 5px;
    display: inline-block;
    border: 1px solid #86A8FF;
    border-radius: 2px;
}

.pagination span {
    color: rgb(95.1, 140.0305785124, 255);
    border: 1px solid rgb(95.1, 140.0305785124, 255);
}

.pagination span:hover {
    cursor: not-allowed;
}

.pagination a {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #86A8FF;
}

.pagination a:hover {
    color: #FFFFFF;
    background-color: rgb(95.1, 140.0305785124, 255);
    border: 1px solid rgb(95.1, 140.0305785124, 255);
}

/*Ajax пагинация*/
.ajax-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ajax-pagination a.more {
    border-radius: 10px;
    color: #3C3C3C;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 30px;
    width: 100%;
    margin-bottom: 30px;
    background-color: #86A8FF;
}

.ajax-pagination a.more:hover {
    color: #FFFFFF;
    background-color: rgb(95.1, 140.0305785124, 255);
}

.ajax-pagination a.more:hover svg {
    fill: #FFFFFF;
}

.ajax-pagination a.more.load:hover {
    color: #3C3C3C;
    background-color: #F3F3F3;
}

.ajax-pagination a.more.load:hover svg {
    fill: #3C3C3C;
}

.ajax-pagination a.more.load svg {
    animation: spin 1500ms linear 0s infinite;
}

.ajax-pagination a.more svg {
    transition: all 0.2s linear;
    margin-left: 10px;
    fill: #3C3C3C;
}

/*Адаптивные табы доктора*/
#doctorTabs {
    display: none;
    margin-bottom: 30px;
}

#doctorTabs ul.r-tabs-nav {
    list-style: none;
    padding: 0;
    display: flex;
    border-bottom: 1px solid #86A8FF;
    position: relative;
}

@media only screen and (max-width: 768px) {
    #doctorTabs ul.r-tabs-nav {
        display: none;
    }
}

#doctorTabs ul.r-tabs-nav li {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative;
    bottom: -1px;
}

#doctorTabs ul.r-tabs-nav li:last-child {
    margin-right: 0;
}

#doctorTabs ul.r-tabs-nav li.r-tabs-state-active {
    border-left: 1px solid #86A8FF;
    border-top: 1px solid #86A8FF;
    border-right: 1px solid #86A8FF;
    border-bottom: 1px solid #FFFFFF;
}

#doctorTabs ul.r-tabs-nav li.r-tabs-state-active a {
    color: #3C3C3C;
}

#doctorTabs ul.r-tabs-nav li a {
    font-size: 14px;
    font-size: 0.875rem;
    color: #8A8A8A;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    display: block;
    padding: 8px 22px;
}

#doctorTabs ul.r-tabs-nav li a:hover {
    color: #86A8FF;
}

#doctorTabs .r-tabs-panel {
    padding: 15px 0;
    overflow: auto;
    max-height: 145px;
    margin-top: 10px;
}

@media only screen and (max-width: 1200px) {
    #doctorTabs .r-tabs-panel {
        max-height: none;
    }
}

#doctorTabs .r-tabs-panel::-webkit-scrollbar {
    width: 3px;
 /* ширина всей полосы прокрутки */
}

#doctorTabs .r-tabs-panel::-webkit-scrollbar-track {
    background: #F3F3F3;
 /* цвет зоны отслеживания */
    border-radius: 10px;
}

#doctorTabs .r-tabs-panel::-webkit-scrollbar-thumb {
    background-color: #86A8FF;
 /* цвет бегунка */
    border-radius: 10px;
 /* округлось бегунка */
}

#doctorTabs .r-tabs-panel ul li {
    position: relative;
}

#doctorTabs .r-tabs-panel ul li::before {
    font-size: 24px;
    font-size: 1.5rem;
    border-radius: 50%;
    content: "";
    position: absolute;
    top: 7px;
    left: -15px;
    width: 6px;
    height: 6px;
    background-color: #86A8FF;
}

#doctorTabs .r-tabs-accordion-title {
    padding: 5px 0;
    border-bottom: 1px solid #86A8FF;
    display: none;
    justify-content: space-between;
    align-items: center;
}

@media only screen and (max-width: 768px) {
    #doctorTabs .r-tabs-accordion-title {
        display: flex;
    }
}

#doctorTabs .r-tabs-accordion-title.r-tabs-state-active a {
    color: #3C3C3C;
}

#doctorTabs .r-tabs-accordion-title a {
    font-size: 16px;
    font-size: 1rem;
    color: #8A8A8A;
    font-weight: normal;
    text-decoration: none;
    width: 100%;
    padding: 5px 0;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media only screen and (max-width: 576px) {
    #doctorTabs .r-tabs-accordion-title a {
        font-size: 14px;
        font-size: 0.875rem;
    }
}

#doctorTabs .r-tabs-accordion-title a:hover {
    color: #3C3C3C;
}

#doctorTabs .r-tabs-accordion-title a:after {
    transition: all 0.2s linear;
    content: "";
    display: block;
    width: 30px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' width='30' height='20'%3E%3Cpath fill='%2386A8FF' d='M362.7 203.9l-159.1 144c-6.125 5.469-15.31 5.469-21.44 0L21.29 203.9C14.73 197.1 14.2 187.9 20.1 181.3C26.38 174.4 36.5 174.5 42.73 180.1L192 314.5l149.3-134.4c6.594-5.877 16.69-5.361 22.62 1.188C369.8 187.9 369.3 197.1 362.7 203.9z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    right: 0;
}

#doctorTabs .r-tabs-accordion-title.r-tabs-state-active a:after {
    transform: rotate(-180deg);
}

/*Аккордеон с прайсом*/
#priceTabs {
    display: none;
}

#priceTabs .r-tabs-nav {
    list-style: none;
    display: none;
}

#priceTabs .r-tabs-accordion-title {
    display: block;
    margin-top: 20px;
}

#priceTabs .r-tabs-accordion-title:first-of-type {
    margin-top: 0;
}

#priceTabs .r-tabs-accordion-title.r-tabs-state-active {
    margin-bottom: 10px;
}

#priceTabs .r-tabs-accordion-title.r-tabs-state-active a.r-tabs-anchor span:last-child svg {
    transform: rotate(180deg);
}

#priceTabs .r-tabs-accordion-title a.r-tabs-anchor {
    border-radius: 10px;
    font-size: 16px;
    font-size: 1rem;
    color: #3C3C3C;
    font-weight: 500;
    text-decoration: none;
    padding: 10px 15px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    background-color: #F3F3F3;
}

#priceTabs .r-tabs-accordion-title a.r-tabs-anchor span:first-child {
    display: inline-flex;
    align-items: center;
}

#priceTabs .r-tabs-accordion-title a.r-tabs-anchor span:first-child img, #priceTabs .r-tabs-accordion-title a.r-tabs-anchor span:first-child svg {
    margin-right: 20px;
}

#priceTabs .r-tabs-accordion-title a.r-tabs-anchor span:last-child {
    display: inline-flex;
    align-items: center;
}

#priceTabs .r-tabs-accordion-title a.r-tabs-anchor span:last-child svg {
    transition: all 0.2s linear;
    margin-left: 10px;
}

#priceTabs .r-tabs-panel {
    border-radius: 4px;
    padding: 0 30px;
}

@media only screen and (max-width: 576px) {
    #priceTabs .r-tabs-panel {
        padding: 0 15px;
    }
}
/*Стилизация полосы прокрутки комментариев*/
.reviews .comment-text::-webkit-scrollbar {
    width: 8px;
 /* ширина всей полосы прокрутки */
}

.reviews .comment-text::-webkit-scrollbar-track {
    background: #2B2B2B;
 /* цвет зоны отслеживания */
    border-radius: 20px;
}

.reviews .comment-text::-webkit-scrollbar-thumb {
    background-color: #8D8D8E;
 /* цвет бегунка */
    border-radius: 20px;
 /* округлось бегунка */
    border: 1px solid #2B2B2B;
 /* отступ вокруг бегунка */
}

/*Стилизация полосы прокрутки карточки доктора*/
.doctor-content::-webkit-scrollbar {
    width: 6px;
 /* ширина всей полосы прокрутки */
}

.doctor-content::-webkit-scrollbar-track {
    background: #8A8A8A;
 /* цвет зоны отслеживания */
    border-radius: 20px;
}

.doctor-content::-webkit-scrollbar-thumb {
    background-color: #86A8FF;
 /* цвет бегунка */
    border-radius: 20px;
 /* округлось бегунка */
}

/**
 * Спиннер.
 */
@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
/**
 * Движение руки вправо-влево.
 */
@keyframes spinhand {
    from {
        transform: rotate(-20deg);
    }

    to {
        transform: rotate(20deg);
    }
}
/**
 * Мигающая кнопка.
 */
@keyframes glowing {
    0% {
        background-color: #86A8FF;
        box-shadow: 0 0 5px #86A8FF;
    }

    50% {
        background-color: rgb(95.1, 140.0305785124, 255);
        box-shadow: 0 0 20px rgb(95.1, 140.0305785124, 255);
    }

    100% {
        background-color: #86A8FF;
        box-shadow: 0 0 5px #86A8FF;
    }
}
/*--------------------------------------------------------------
# Шапка
--------------------------------------------------------------*/
/*Шапка сайта*/
.site-header {
    position: relative;
    z-index: 99;
    background-color: #FFFFFF;
}

@media only screen and (max-width: 992px) {
    .site-header {
        height: 120px;
    }
}

.header-main {
    transition: all 0.4s linear;
    position: static;
    top: -200px;
    z-index: 9;
    background-color: #FFFFFF;
}

.header-main.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 1px 1px 5px 2px #CCCCCC;
}

.header-main.fixed .top-header {
    padding: 15px 0;
}

.header-main.fixed .logo img {
    height: 60px;
}

.header-main.fixed .addr-title {
    margin: 0;
}

.header-main.fixed .addr-direction {
    margin-bottom: 4px;
}

.header-main.fixed .link-map, .header-main.fixed .work-time {
    display: none;
}

.header-main.fixed a.sign-up-form {
    padding: 15px;
}

.header-main .top-header {
    position: relative;
    z-index: 8;
    background-color: #FFFFFF;
    padding: 25px 0;
}

@media only screen and (max-width: 992px) {
    .header-main .top-header {
        padding: 15px 0;
    }
}

.site-branding .logo {
    display: block;
}

@media only screen and (max-width: 1200px) {
    .site-branding .logo {
        display: none;
    }
}

.site-branding .logo img {
    transition: all 0.2s linear;
    max-width: 300px;
    width: 100%;
}

@media only screen and (max-width: 1200px) {
    .site-branding .logo img {
        max-width: 100%;
    }
}

.site-branding .logo-mobile {
    display: none;
}

@media only screen and (max-width: 1200px) {
    .site-branding .logo-mobile {
        display: block;
    }
}

.site-branding .logo-mobile img {
    width: 100%;
    max-width: 120px;
}

.header-addr .addr-title {
    font-weight: 700;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.header-addr .addr-title svg {
    margin-right: 6px;
}

.header-addr .link-map {
    font-size: 12px;
    font-size: 0.75rem;
    color: #4C49B4;
    text-decoration: none;
    display: block;
    margin-bottom: 5px;
}

.header-addr .link-map:hover {
    text-decoration: underline;
}

.header-addr .addr-phone {
    font-weight: 700;
    color: #3C3C3C;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.header-addr .addr-phone svg {
    margin-right: 10px;
}

.work-time .time-title {
    font-weight: 700;
    margin-bottom: 5px;
}

.work-time .day-week {
    color: #3C3C3C;
    width: auto;
}

.work-time .day-week td {
    line-height: 16px;
    padding: 0;
}

.work-time .day-week span {
    color: #8A8A8A;
    margin-right: 10px;
}

.button-feedback {
    width: 100%;
}

.button-feedback a.sign-up-form {
    text-transform: uppercase;
    font-weight: 500;
    width: 100%;
    max-width: 220px;
}

@media only screen and (max-width: 992px) {
    .button-feedback a.sign-up-form {
        padding: 15px;
    }
}

@media only screen and (max-width: 576px) {
    .button-feedback a.sign-up-form {
        padding: 10px 5px !important;
    }
}

/*Главное меню*/
.wrap-menu {
    width: 100%;
    position: relative;
}

.header-menu {
    background-color: #3C3C3C;
    transition: all 0.3s linear;
    text-align: center;
    width: 100%;
}

@media only screen and (max-width: 992px) {
    .header-menu {
        display: none;
    }
}

.main-navigation ul {
    padding-left: 0;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    background-color: #3C3C3C;
}

.main-navigation ul li {
    transition: all 0.2s linear;
    display: inline-block;
    position: relative;
}

.main-navigation ul li:last-child {
    margin-right: 0;
}

.main-navigation ul li:hover > a {
    background-color: #86A8FF;
}

.main-navigation ul li a {
    font-size: 16px;
    font-size: 1rem;
    color: #FFFFFF;
    font-weight: 400;
    white-space: nowrap;
    text-decoration: none;
    display: flex;
    align-items: center;
    padding: 15px;
    position: relative;
}

.main-navigation ul li.menu-item-has-children > a:before {
    font-size: 10px;
    font-size: 0.625rem;
    content: "";
    margin-right: 5px;
    display: block;
    width: 15px;
    height: 15px;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3Cpath fill='%23FFFFFF' d='M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z'/%3E%3C/svg%3E");
    transform: rotate(90deg);
}

.main-navigation ul li.menu-item-has-children ul {
    display: none;
    padding: 10px 0;
    z-index: 99;
    position: absolute;
    left: 0;
}

.main-navigation ul li.menu-item-has-children ul li {
    display: block;
}

.main-navigation ul li.menu-item-has-children ul li:hover > a {
    color: #FFFFFF;
}

.main-navigation ul li.menu-item-has-children ul li.menu-item-has-children:hover a:after {
    transform: rotate(90deg);
}

.main-navigation ul li.menu-item-has-children ul li.menu-item-has-children > a:before {
    display: none;
}

.main-navigation ul li.menu-item-has-children ul li.menu-item-has-children > a:after {
    font-size: 10px;
    font-size: 0.625rem;
    content: "";
    margin-left: 10px;
    display: block;
    width: 15px;
    height: 15px;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3Cpath fill='%23FFFFFF' d='M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z'/%3E%3C/svg%3E");
}

.main-navigation ul li.menu-item-has-children ul li ul {
    top: 0;
    left: calc(100% + 1px);
}

.main-navigation ul li.menu-item-has-children ul li ul a {
    color: #FFFFFF;
}

.main-navigation ul li.menu-item-has-children ul li a {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    color: #FFFFFF;
    text-transform: none;
    text-align: left;
    border: none;
    padding: 6px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*Мобильное меню*/
/*Кнопка перехода на локацию и позвонить*/
a.mobile-link-phone,
a.link-location {
    display: inline-block;
    padding: 0 15px;
}

@media only screen and (max-width: 576px) {
    a.mobile-link-phone,
  a.link-location {
        padding: 0 10px;
    }
}

a.mobile-link-phone:hover svg,
a.link-location:hover svg {
    transform: scale(1.1);
    fill: #86A8FF;
}

a.mobile-link-phone svg,
a.link-location svg {
    transition: all 0.2s linear;
    fill: #3C3C3C;
}

/*Кнопка открытия мобильной формы поиска*/
a.mobile-open-search {
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0 15px;
}

@media only screen and (max-width: 576px) {
    a.mobile-open-search {
        padding: 0 10px;
    }
}

a.mobile-open-search:hover svg {
    transform: scale(1.1);
    fill: #86A8FF;
}

a.mobile-open-search svg {
    transition: all 0.2s linear;
    fill: #3C3C3C;
}

a.mobile-open-search svg:last-child {
    display: none;
    fill: orange;
}

a.mobile-open-search.open svg:first-child {
    display: none;
}

a.mobile-open-search.open svg:last-child {
    display: block;
}

.mobile-header-search {
    width: 100%;
    padding: 15px 30px;
    position: absolute;
    top: -10px;
    z-index: -1;
    background-color: #F3F3F3;
    transition: top 0.3s linear;
}

.mobile-header-search.open {
    top: 100%;
}

.mobile-header-search form {
    display: flex;
    flex-direction: row;
    position: relative;
}

.mobile-header-search form .search-field {
    border-radius: 4px;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 15px;
    width: 100%;
    border: 1px solid transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.mobile-header-search form .search-field:focus {
    border: 1px solid #86A8FF;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.mobile-header-search form .search-field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.mobile-header-search form .search-submit {
    width: auto;
    padding: 5px;
    margin: 0;
    background: none;
    position: absolute;
    right: 10px;
}

.mobile-header-search form .search-submit:hover {
    background: none;
}

.mobile-header-search form .search-submit:hover svg {
    fill: #86A8FF;
}

.mobile-header-search form .search-submit svg {
    transition: all 0.2s linear;
    fill: #3C3C3C;
}

a.toggle-mnu {
    font-size: 12px;
    font-size: 0.75rem;
    color: #3C3C3C;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    width: 36px;
    height: 16px;
    padding: 4px 0;
    margin-left: 15px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-basis: 36px;
    flex-shrink: 0;
    position: relative;
}

@media only screen and (max-width: 576px) {
    a.toggle-mnu {
        margin-left: 10px;
        margin-right: 5px;
    }
}

a.toggle-mnu:before {
    transition: all 0.2s linear;
    content: "";
    width: 100%;
    height: 3px;
    background-color: #3C3C3C;
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
}

a.toggle-mnu:after {
    transition: all 0.2s linear;
    content: "";
    width: 100%;
    height: 3px;
    background-color: #3C3C3C;
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
}

a.toggle-mnu svg {
    display: none;
    fill: orange;
}

a.toggle-mnu.open:before, a.toggle-mnu.open:after {
    display: none;
}

a.toggle-mnu.open div:first-child {
    display: none;
}

a.toggle-mnu.open div:last-child {
    display: block;
}

a.toggle-mnu.open svg {
    display: block;
}

a.toggle-mnu div {
    text-align: center;
    width: 100%;
}

a.toggle-mnu div.cl {
    display: none;
}

a.toggle-mnu hr {
    transition: all 0.2s linear;
    height: 3px;
    opacity: 1;
    position: relative;
    left: 5px;
}

/*Мобильное меню*/
.mobile-menu {
    transition: all 0.3s linear;
    width: 100%;
    max-width: 576px;
    padding: 30px 15px 50px;
    position: fixed;
    right: -600px;
    top: 110px;
    bottom: 0;
    z-index: 99;
    background-color: #F3F3F3;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

@media only screen and (max-width: 576px) {
    .mobile-menu {
        top: 70px;
    }
}

.mobile-menu.open {
    right: 0;
}

.mobile-menu ul.menu {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.mobile-menu ul.menu li a {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 500;
    color: #3C3C3C;
    text-decoration: none;
    display: inline-block;
    padding: 8px 5px;
}

.mobile-menu .mobile-socials {
    display: flex;
    align-items: center;
}

.mobile-menu .mobile-socials ul.socials {
    list-style: none;
    padding-left: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.mobile-menu .mobile-socials ul.socials li a {
    display: inline-block;
    padding: 5px;
}

.mobile-menu .mobile-socials ul.socials li a svg {
    fill: #3C3C3C;
}

.mobile-menu .language {
    margin-bottom: 0;
}

.mobile-menu .language select {
    color: #3C3C3C;
}

.mobile-menu .language select option {
    background-color: #FFFFFF;
}

/*Кнопка открытия формы поиска*/
a.open-search {
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0 15px;
    margin-right: 5px;
}

a.open-search:hover svg {
    transform: scale(1.2);
}

a.open-search svg {
    transition: all 0.2s linear;
    fill: #FFFFFF;
}

a.open-search svg:last-child {
    display: none;
    fill: orange;
}

a.open-search.open svg:first-child {
    display: none;
}

a.open-search.open svg:last-child {
    display: block;
}

/*Форма поиска в меню*/
.header-search {
    transition: all 0.4s linear;
    width: 22px;
    height: 100%;
    position: absolute;
    top: 5px;
    right: 0;
    z-index: -1;
}

.header-search.open {
    width: 100%;
    z-index: 2;
}

.header-search.open .search-field {
    border-radius: 4px;
    padding: 8px;
}

.header-search.open .search-submit {
    display: block;
}

.header-search .search-form {
    position: relative;
}

.header-search .search-field {
    font-size: 16px;
    font-size: 1rem;
    padding: 8px;
    width: 100%;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.header-search .search-field:focus {
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.header-search .search-field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.header-search .search-submit {
    padding: 9px 12px;
    margin: 0;
    width: auto;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    background: none;
}

.header-search .search-submit:hover {
    background: none;
}

.header-search .search-submit:hover svg {
    fill: rgb(95.1, 140.0305785124, 255);
    transform: scale(1.1);
}

.header-search .search-submit svg {
    transition: all 0.2s linear;
    fill: #86A8FF;
}

/*Социалки в меню*/
.menu-socials ul {
    list-style: none;
    display: flex;
    align-items: center;
    padding: 0 8px;
    margin: 0;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}

.menu-socials ul li a {
    display: block;
    padding: 5px 8px;
}

.menu-socials ul li a:hover svg {
    transform: scale(1.2);
}

.menu-socials ul li a svg {
    transition: all 0.2s linear;
    fill: #FFFFFF;
}

/*Переключатель языка сайта*/
.language {
    height: 100%;
    margin-left: 15px;
    text-align: right;
}

@media only screen and (max-width: 768px) {
    .language {
        margin-bottom: 5px;
    }
}

.language select {
    font-size: 16px;
    font-size: 1rem;
    color: #FFFFFF;
    text-transform: uppercase;
    height: 100%;
    background-color: transparent;
    outline: none;
    border: none;
}

.language select option {
    background-color: #3C3C3C;
}

/*Хлебные крошки*/
.bread-crumbs {
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: 400;
    color: #3C3C3C;
    padding: 20px 0;
}

.bread-crumbs .crumbs {
    list-style: none;
    padding-left: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.bread-crumbs .crumbs a {
    color: #3C3C3C;
    text-decoration: none;
    white-space: nowrap;
}

.bread-crumbs .crumbs a:hover {
    color: #86A8FF;
}

.bread-crumbs .crumbs span,
.bread-crumbs .crumbs .breadcrumbs__current {
    color: #8A8A8A;
}

.bread-crumbs .crumbs svg {
    fill: #8A8A8A;
    margin: 0 5px;
}

.breadcrumbs {
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: 400;
    list-style: none;
    padding-left: 0;
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.breadcrumbs a.breadcrumbs__link {
    color: #3C3C3C;
    text-decoration: none;
    line-height: 12px;
    display: inline-block;
}

.breadcrumbs a.breadcrumbs__link:hover {
    color: #86A8FF;
}

.breadcrumbs .breadcrumbs__current {
    color: #8A8A8A;
    display: inline-block;
    line-height: 12px;
}

.breadcrumbs .breadcrumbs__separator {
    color: #8A8A8A;
    margin: 0 5px;
}

/*--------------------------------------------------------------
# Секции
--------------------------------------------------------------*/
/*Слайдер на главной*/
.home-slider {
    padding: 20px 0;
    margin-bottom: 10px;
  /*Картинка для мобильного*/
}

@media only screen and (max-width: 768px) {
    .home-slider .homeSlider {
        display: none;
    }
}

@media only screen and (max-width: 576px) {
    .home-slider {
        padding: 0 0 20px;
    }
}

.home-slider .swiper-container {
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

@media only screen and (max-width: 1400px) {
    .home-slider .swiper-container {
        height: 500px;
    }
}

.home-slider .swiper-slide {
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.home-slider .swiper-slide img {
    min-width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1;
}

.home-slider .swiper-slide .swiper-lazy-preloader {
    top: 50%;
    border: 4px solid #86A8FF;
    border-top-color: transparent;
}

.home-slider .swiper-slide .slider-content {
    border-radius: 20px;
    color: #FFFFFF;
    padding: 20px;
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 60px;
    z-index: 3;
    background-color: rgba(60, 60, 60, 0.7);
}

.home-slider .swiper-slide .slider-content .slider-title {
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 44px;
    max-width: 500px;
    margin-bottom: 15px;
}

.home-slider .swiper-slide .slider-content .slider-text {
    font-size: 18px;
    font-size: 1.125rem;
}

.home-slider .swiper-button-next,
.home-slider .swiper-button-prev {
    transition: all 0.2s linear;
    width: 40px;
    height: 60px;
    border-radius: 2px;
    top: calc(50% - 25px);
    padding: 10px;
    background-color: rgba(95.1, 140.0305785124, 255, 0.7);
    background-size: 60% 60%;
    background-repeat: no-repeat;
    background-position: center;
}

.home-slider .swiper-button-next:hover,
.home-slider .swiper-button-prev:hover {
    background-color: rgb(95.1, 140.0305785124, 255);
}

.home-slider .swiper-button-next:after,
.home-slider .swiper-button-prev:after {
    display: none;
}

.home-slider .swiper-button-next {
    background-image: url("img/right-slide-arrow.svg");
}

.home-slider .swiper-button-prev {
    background-image: url("img/left-slide-arrow.svg");
}

.home-slider .swiper-pagination-wrap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-slider .swiper-pagination {
    border-radius: 80px;
    padding: 0 30px;
    width: auto;
    display: flex;
    position: relative;
    background-color: rgba(255, 255, 255, 0.7);
}

.home-slider .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 12px;
    background-color: #FFFFFF;
    opacity: 1;
}

.home-slider .swiper-pagination .swiper-pagination-bullet:hover {
    background-color: #86A8FF;
}

.home-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: rgb(95.1, 140.0305785124, 255);
}

.home-slider .mobile-image {
    border-radius: 20px;
    display: none;
    position: relative;
    background-color: #F3F3F3;
    overflow: hidden;
}

@media only screen and (max-width: 768px) {
    .home-slider .mobile-image {
        display: block;
    }
}

.home-slider .mobile-image .mobile-image-title {
    border-radius: 10px;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    color: #FFFFFF;
    padding: 15px;
    background-color: rgba(60, 60, 60, 0.7);
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 60px;
    z-index: 3;
}

@media only screen and (max-width: 576px) {
    .home-slider .mobile-image .mobile-image-title {
        font-size: 20px;
        font-size: 1.25rem;
    }
}

.home-slider .mobile-image img {
    border-radius: 20px;
    min-width: 100%;
    max-height: 290px;
    -o-object-fit: cover;
    object-fit: cover;
}

/*Форма записаться*/
.page-home .sign-form {
    justify-content: space-between;
    height: calc(100% - 30px);
}

@media only screen and (max-width: 992px) {
    .page-home .sign-form {
        height: auto;
    }
}

@media only screen and (max-width: 768px) {
    .page-home .sign-form {
        margin: -30px 30px 0;
    }
}

@media only screen and (max-width: 576px) {
    .page-home .sign-form {
        margin: -30px 0 0;
    }
}

.sign-form {
    border-radius: 20px;
    height: auto;
    padding-bottom: 30px;
    background-color: #F3F3F3;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    margin-bottom: 30px;
}

@media only screen and (max-width: 1400px) {
    .sign-form {
        max-height: 500px;
    }
}

@media only screen and (max-width: 992px) {
    .sign-form {
        max-height: none;
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 768px) {
    .sign-form {
        justify-content: center;
        height: auto;
        padding: 30px;
        position: relative;
        z-index: 9;
    }
}

@media only screen and (max-width: 576px) {
    .sign-form {
        padding: 20px 10px;
    }
}

.sign-form img {
    max-height: 240px;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media only screen and (max-width: 992px) {
    .sign-form img {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 768px) {
    .sign-form img {
        display: none;
    }
}

.sign-form .sign-form-title {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 500;
    text-align: center;
    padding-top: 15px;
}

@media only screen and (max-width: 992px) {
    .sign-form .sign-form-title {
        padding: 0;
    }
}

@media only screen and (max-width: 576px) {
    .sign-form .sign-form-title {
        font-size: 22px;
        font-size: 1.375rem;
        padding: 0;
    }
}

.sign-form .wpcf7 {
    width: 100%;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sign-form .wpcf7-not-valid-tip {
    padding: 0 5px;
}

.sign-form form.wpcf7-form {
    width: 100%;
    max-width: 360px;
    margin-top: 20px;
}

@media only screen and (max-width: 1400px) {
    .sign-form form.wpcf7-form {
        padding: 0 20px;
    }
}

@media only screen and (max-width: 768px) {
    .sign-form form.wpcf7-form {
        padding: 0;
    }

    .sign-form form.wpcf7-form input, .sign-form form.wpcf7-form select {
        width: 100%;
        max-width: none;
    }
}

@media only screen and (max-width: 576px) {
    .sign-form form.wpcf7-form {
        max-width: none;
    }
}

.sign-form form.wpcf7-form input {
    max-width: none;
}

.sign-form form.wpcf7-form .wpcf7-response-output {
    display: none;
}

/*Слайдер баннеров*/
.slider-banners {
    margin-bottom: 60px;
}

.slider-banners .sliderBanners {
    border-radius: 20px;
    position: relative;
    background-color: #86A8FF;
}

.slider-banners .swiper-container {
    width: 100%;
    overflow: hidden;
}

.slider-banners .swiper-slide {
    padding: 20px;
}

@media only screen and (max-width: 576px) {
    .slider-banners .swiper-slide {
        padding: 10px;
    }
}

.slider-banners .swiper-slide .slider-content {
    font-size: 16px;
    font-size: 1rem;
    color: #FFFFFF;
    padding: 10px 10px 40px 40px;
}

@media only screen and (max-width: 768px) {
    .slider-banners .swiper-slide .slider-content {
        padding: 10px 10px 30px;
    }
}

@media only screen and (max-width: 576px) {
    .slider-banners .swiper-slide .slider-content {
        font-size: 15px;
        font-size: 0.9375rem;
    }
}

.slider-banners .swiper-slide .slider-content .slider-title {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 500;
    margin-bottom: 15px;
}

@media only screen and (max-width: 576px) {
    .slider-banners .swiper-slide .slider-content .slider-title {
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1.3;
    }
}

.slider-banners .swiper-slide .slider-content ul {
    list-style: disc;
    margin: 0 0 15px;
}

.slider-banners .swiper-slide .slider-content ul li {
    color: #FFFFFF;
    line-height: 1.6;
}

@media only screen and (max-width: 576px) {
    .slider-banners .swiper-slide .slider-content .sign-up-form {
        text-align: center;
        width: 100%;
    }
}

.slider-banners .swiper-slide img {
    border-radius: 20px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.slider-banners .swiper-slide .slider-pointer {
    padding: 20px 15px 15px;
}

.slider-banners .swiper-pagination-wrap {
    position: absolute;
    left: 40px;
    bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
}

@media only screen and (max-width: 992px) {
    .slider-banners .swiper-pagination-wrap {
        display: none;
    }
}

.slider-banners .swiper-pagination {
    padding: 0 15px;
    width: auto;
    display: flex;
    align-items: center;
    position: relative;
}

.slider-banners .swiper-pagination .swiper-pagination-bullet {
    transition: all 0.2s linear;
    width: 8px;
    height: 8px;
    margin: 4px;
    background-color: #FFFFFF;
    opacity: 1;
}

.slider-banners .swiper-pagination .swiper-pagination-bullet:hover {
    width: 12px;
    height: 12px;
}

.slider-banners .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
}

/*Слайдер диагностики*/
.slider-diagnostics {
    margin-bottom: 60px;
}

.slider-diagnostics .diagnostics {
    display: flex;
    -moz-column-gap: 20px;
    column-gap: 20px;
}

@media only screen and (max-width: 992px) {
    .slider-diagnostics .diagnostics {
        flex-direction: column;
    }
}

.slider-diagnostics .content-diagnostics {
    border-radius: 20px;
    color: #FFFFFF;
    padding: 30px 60px 30px 30px;
    height: 315px;
    display: flex;
    justify-content: flex-end;
    width: calc(50% - 10px);
    background-color: #86A8FF;
    background-image: url("img/diagnostics.svg");
    background-repeat: no-repeat;
    background-position: 30px center;
}

@media only screen and (max-width: 1400px) {
    .slider-diagnostics .content-diagnostics {
        padding-right: 30px;
        background-position: 10px center;
    }
}

@media only screen and (max-width: 1200px) {
    .slider-diagnostics .content-diagnostics {
        background-size: 130px;
    }
}

@media only screen and (max-width: 992px) {
    .slider-diagnostics .content-diagnostics {
        width: 100%;
        height: auto;
        padding: 30px 60px 30px 30px;
        background-position: 30px center;
        background-size: 100px;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 768px) {
    .slider-diagnostics .content-diagnostics {
        padding-right: 30px;
    }
}

@media only screen and (max-width: 576px) {
    .slider-diagnostics .content-diagnostics {
        padding: 20px;
        background-size: 80px;
    }
}

.slider-diagnostics .content-diagnostics .text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 1200px) {
    .slider-diagnostics .content-diagnostics .text {
        padding-left: 120px;
    }
}

@media only screen and (max-width: 992px) {
    .slider-diagnostics .content-diagnostics .text {
        padding-left: 0;
    }
}

@media only screen and (max-width: 576px) {
    .slider-diagnostics .content-diagnostics .text {
        align-items: flex-end;
    }
}

.slider-diagnostics .content-diagnostics .diagnostics-title {
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 700;
    text-align: center;
    line-height: 1;
    margin-bottom: 15px;
}

@media only screen and (max-width: 768px) {
    .slider-diagnostics .content-diagnostics .diagnostics-title {
        font-size: 32px;
        font-size: 2rem;
    }
}

@media only screen and (max-width: 576px) {
    .slider-diagnostics .content-diagnostics .diagnostics-title {
        font-size: 24px;
        font-size: 1.5rem;
        text-align: right;
    }
}

.slider-diagnostics .content-diagnostics p {
    font-size: 16px;
    font-size: 1rem;
    max-width: 270px;
    text-align: center;
    margin-bottom: 20px;
}

@media only screen and (max-width: 576px) {
    .slider-diagnostics .content-diagnostics p {
        text-align: right;
    }
}

.slider-diagnostics .content-diagnostics a.button-white {
    color: #3C3C3C;
    white-space: nowrap;
}

@media only screen and (max-width: 576px) {
    .slider-diagnostics .content-diagnostics a.button-white {
        padding: 10px 15px;
    }
}

.slider-diagnostics .content-diagnostics a.button-white:hover {
    color: #FFFFFF;
}

.slider-diagnostics .sliderDiagnostics {
    border-radius: 20px;
    width: calc(50% - 10px);
    background-color: #F3F3F3;
    overflow: hidden;
}

@media only screen and (max-width: 992px) {
    .slider-diagnostics .sliderDiagnostics {
        width: 100%;
    }
}

.slider-diagnostics .sliderDiagnostics .swiper-slide {
    height: 315px;
}

@media only screen and (max-width: 576px) {
    .slider-diagnostics .sliderDiagnostics .swiper-slide {
        height: 260px;
    }
}

.slider-diagnostics .sliderDiagnostics .swiper-slide img {
    width: 100%;
    max-height: 215px;
    -o-object-fit: cover;
    object-fit: cover;
}

.slider-diagnostics .sliderDiagnostics .swiper-slide .slide-content {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    -moz-column-gap: 20px;
    column-gap: 20px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px 30px 50px;
    background-color: #86A8FF;
}

@media only screen and (max-width: 576px) {
    .slider-diagnostics .sliderDiagnostics .swiper-slide .slide-content {
        padding: 30px 15px 40px;
    }
}

.slider-diagnostics .sliderDiagnostics .swiper-slide .slide-content .desc {
    font-size: 22px;
    font-size: 1.375rem;
    color: #FFFFFF;
    line-height: 1.2;
    max-width: 360px;
}

@media only screen and (max-width: 768px) {
    .slider-diagnostics .sliderDiagnostics .swiper-slide .slide-content .desc {
        font-size: 18px;
        font-size: 1.125rem;
    }
}

@media only screen and (max-width: 576px) {
    .slider-diagnostics .sliderDiagnostics .swiper-slide .slide-content .desc {
        font-size: 16px;
        font-size: 1rem;
    }
}

.slider-diagnostics .sliderDiagnostics .swiper-slide .slide-content a.button-white {
    color: #3C3C3C;
    white-space: nowrap;
    padding: 12px 28px;
}

@media only screen and (max-width: 576px) {
    .slider-diagnostics .sliderDiagnostics .swiper-slide .slide-content a.button-white {
        padding: 10px 15px;
    }
}

.slider-diagnostics .sliderDiagnostics .swiper-slide .slide-content a.button-white:hover {
    color: #FFFFFF;
}

.slider-diagnostics .sliderDiagnostics .swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 992px) {
    .slider-diagnostics .sliderDiagnostics .swiper-pagination {
        display: none;
    }
}

.slider-diagnostics .sliderDiagnostics .swiper-pagination .swiper-pagination-bullet {
    transition: all 0.2s linear;
    width: 8px;
    height: 8px;
    margin: 4px;
    background-color: #FFFFFF;
    opacity: 1;
}

.slider-diagnostics .sliderDiagnostics .swiper-pagination .swiper-pagination-bullet:hover {
    width: 12px;
    height: 12px;
}

.slider-diagnostics .sliderDiagnostics .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
}

.slider-diagnostics .sliderDiagnostics .slider-pointer {
    display: none;
    padding-bottom: 10px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
}

@media only screen and (max-width: 992px) {
    .slider-diagnostics .sliderDiagnostics .slider-pointer {
        display: flex;
    }
}

/*Услуги стоматологии*/
.other-services {
    padding: 30px 0;
    margin-bottom: 60px;
    background-color: #F3F3F3;
}

.other-services .services-item,
.other-services .services-item-all {
    border-radius: 10px;
    text-decoration: none;
    min-height: 260px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    background-color: #FFFFFF;
    margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
    .other-services .services-item,
  .other-services .services-item-all {
        min-height: auto;
    }
}

@media only screen and (max-width: 576px) {
    .other-services .services-item,
  .other-services .services-item-all {
        height: 160px;
        padding: 25px 20px;
    }
}

.other-services .services-item:hover,
.other-services .services-item-all:hover {
    box-shadow: 5px 5px 10px 0 #cccccc;
}

.other-services .services-item:hover .services-title,
.other-services .services-item-all:hover .services-title {
    color: #86A8FF;
}

.other-services .services-item .services-image,
.other-services .services-item-all .services-image {
    width: 100px;
    height: 100px;
    margin-bottom: 60px;
    position: relative;
}

@media only screen and (max-width: 768px) {
    .other-services .services-item .services-image,
  .other-services .services-item-all .services-image {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 576px) {
    .other-services .services-item .services-image,
  .other-services .services-item-all .services-image {
        width: 56px;
        height: 56px;
        margin-bottom: 0;
    }
}

.other-services .services-item .services-image:before,
.other-services .services-item-all .services-image:before {
    border-radius: 50%;
    content: "";
    width: 100%;
    height: 100px;
    background-color: #F3F3F3;
    position: absolute;
    right: -25px;
    bottom: 5px;
    z-index: 1;
}

@media only screen and (max-width: 576px) {
    .other-services .services-item .services-image:before,
  .other-services .services-item-all .services-image:before {
        width: 60px;
        height: 60px;
        right: 0;
    }
}

.other-services .services-item .services-image svg,
.other-services .services-item .services-image img,
.other-services .services-item-all .services-image svg,
.other-services .services-item-all .services-image img {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
}

@media only screen and (max-width: 576px) {
    .other-services .services-item .services-image svg,
  .other-services .services-item .services-image img,
  .other-services .services-item-all .services-image svg,
  .other-services .services-item-all .services-image img {
        width: 56px;
        height: 56px;
    }
}

.other-services .services-item .services-title,
.other-services .services-item-all .services-title {
    transition: all 0.2s linear;
    font-size: 16px;
    font-size: 1rem;
    color: #3C3C3C;
    font-weight: 500;
    text-align: center;
    line-height: 1.4;
}

@media only screen and (max-width: 576px) {
    .other-services .services-item .services-title,
  .other-services .services-item-all .services-title {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.2;
    }
}

.other-services .services-item-all {
    background-color: #86A8FF;
}

.other-services .services-item-all:hover {
    background-color: rgb(95.1, 140.0305785124, 255);
    box-shadow: 5px 5px 10px 0 #86A8FF;
}

.other-services .services-item-all:hover .services-image svg {
    left: 30px;
}

.other-services .services-item-all:hover .services-title {
    color: #FFFFFF;
}

.other-services .services-item-all .services-image:before {
    background-color: rgb(146.1, 176.7, 255);
}

@media only screen and (max-width: 576px) {
    .other-services .services-item-all .services-image:before {
        right: -20px;
    }
}

.other-services .services-item-all .services-image svg {
    transition: all 0.2s linear;
    position: absolute;
    left: 5px;
    bottom: 20px;
    z-index: 2;
}

@media only screen and (max-width: 576px) {
    .other-services .services-item-all .services-image svg {
        width: 44px;
        height: 44px;
        bottom: 15px;
    }
}

.other-services .services-item-all .services-title {
    color: #FFFFFF;
}

/*Форма с баннером*/
.form-banner {
    margin-bottom: 60px;
}

.form-banner .form-banner-item {
    border-radius: 20px;
    padding: 20px;
    background-color: #F3F3F3;
}

@media only screen and (max-width: 576px) {
    .form-banner .form-banner-item {
        padding: 30px 10px;
    }
}

.form-banner .form-banner-item .wrap-form-banner {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.form-banner .form-banner-item .wrap-form-banner .form-banner-desk {
    font-size: 16px;
    font-size: 1rem;
}

@media only screen and (max-width: 576px) {
    .form-banner .form-banner-item .wrap-form-banner .form-banner-desk {
        font-size: 14px;
        font-size: 0.875rem;
        text-align: center;
        margin-bottom: 10px;
    }
}

.form-banner .form-banner-item .wrap-form-banner .form-banner-title {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 30px;
}

@media only screen and (max-width: 576px) {
    .form-banner .form-banner-item .wrap-form-banner .form-banner-title {
        font-size: 22px;
        font-size: 1.375rem;
        text-align: center;
    }
}

@media only screen and (max-width: 576px) {
    .form-banner .form-banner-item .wrap-form-banner .wpcf7 {
        width: 100%;
    }
}

.form-banner .form-banner-item .wrap-form-banner form {
    width: 100%;
}

@media only screen and (max-width: 992px) {
    .form-banner .form-banner-item .wrap-form-banner form {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 576px) {
    .form-banner .form-banner-item .wrap-form-banner form {
        flex-direction: column;
        margin-bottom: 0;
    }
}

.form-banner .form-banner-item .wrap-form-banner form.submitting input[type=submit] {
    animation: glowing 1300ms infinite;
}

.form-banner .form-banner-item .wrap-form-banner form p {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

@media only screen and (max-width: 576px) {
    .form-banner .form-banner-item .wrap-form-banner form p {
        width: 100%;
        flex-direction: column;
    }
}

.form-banner .form-banner-item .wrap-form-banner form input {
    margin: 0;
}

.form-banner .form-banner-item .wrap-form-banner form input[type=tel] {
    width: auto;
    margin-right: 10px;
    margin-bottom: 10px;
}

@media only screen and (max-width: 1200px) {
    .form-banner .form-banner-item .wrap-form-banner form input[type=tel] {
        max-width: 250px;
    }
}

@media only screen and (max-width: 576px) {
    .form-banner .form-banner-item .wrap-form-banner form input[type=tel] {
        width: 100%;
        max-width: none;
    }
}

.form-banner .form-banner-item .wrap-form-banner form input[type=submit] {
    width: auto;
    padding: 10px 60px;
}

@media only screen and (max-width: 1400px) {
    .form-banner .form-banner-item .wrap-form-banner form input[type=submit] {
        padding: 10px 30px;
    }
}

@media only screen and (max-width: 576px) {
    .form-banner .form-banner-item .wrap-form-banner form input[type=submit] {
        width: 100%;
        max-width: none;
    }
}

.form-banner .form-banner-item .wrap-form-banner form .wpcf7-spinner {
    display: none;
}

.form-banner .form-banner-item .wrap-form-banner form .wpcf7-not-valid-tip {
    padding-left: 10px;
}

.form-banner .form-banner-item .wrap-form-banner form .wpcf7-response-output {
    display: none;
}

.form-banner .form-banner-item img {
    border-radius: 20px;
    width: 100%;
    max-width: 680px;
    -o-object-fit: cover;
    object-fit: cover;
}

@media only screen and (max-width: 576px) {
    .form-banner .form-banner-item img {
        display: none;
    }
}

/*Наши преимущества*/
.advantages .col-md-6:first-child .advantages-item:before {
    display: none;
}

.advantages .advantages-item {
    display: flex;
    align-items: center;
    margin-bottom: 60px;
}

@media only screen and (max-width: 768px) {
    .advantages .advantages-item {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 576px) {
    .advantages .advantages-item {
        margin-bottom: 45px;
        position: relative;
    }

    .advantages .advantages-item:before {
        content: "";
        display: block;
        width: 1px;
        height: 24px;
        background-color: #86A8FF;
        position: absolute;
        left: 55px;
        bottom: 110%;
    }
}

@media only screen and (max-width: 576px) and (max-width: 576px) {
    .advantages .advantages-item:before {
        left: 32px;
        bottom: 120%;
    }
}

.advantages .advantages-item.line {
    margin-bottom: 60px;
}

@media only screen and (max-width: 768px) {
    .advantages .advantages-item.line {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 576px) {
    .advantages .advantages-item.line {
        padding: 10px 0;
    }

    .advantages .advantages-item.line:before {
        left: 20px;
        bottom: 100%;
    }
}

.advantages .advantages-item.line .advantages-image {
    width: 70px;
    height: 70px;
    margin-right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: auto;
}

@media only screen and (max-width: 576px) {
    .advantages .advantages-item.line .advantages-image {
        width: 40px;
        height: 40px;
    }
}

.advantages .advantages-item.line .advantages-image:before {
    width: 70px;
    height: 70px;
    left: auto;
    right: auto;
}

@media only screen and (max-width: 576px) {
    .advantages .advantages-item.line .advantages-image:before {
        width: 50px;
        height: 50px;
        top: -5px;
        bottom: auto;
    }
}

.advantages .advantages-item.line .advantages-image img {
    position: relative;
}

.advantages .advantages-item .advantages-image {
    width: 116px;
    height: 117px;
    margin-right: 30px;
    flex-basis: 116px;
    flex-shrink: 0;
    position: relative;
}

@media only screen and (max-width: 576px) {
    .advantages .advantages-item .advantages-image {
        width: 65px;
        height: 65px;
        flex-basis: 65px;
    }
}

.advantages .advantages-item .advantages-image:before {
    border-radius: 50%;
    content: "";
    width: 100px;
    height: 100px;
    background-color: #F3F3F3;
    position: absolute;
    left: 0;
    top: 0;
}

@media only screen and (max-width: 576px) {
    .advantages .advantages-item .advantages-image:before {
        width: 60px;
        height: 60px;
    }
}

.advantages .advantages-item .advantages-image img {
    position: absolute;
    right: 0;
    bottom: 0;
}

@media only screen and (max-width: 576px) {
    .advantages .advantages-item .advantages-image img {
        width: 50px;
        height: 50px;
    }
}

.advantages .advantages-item .advantages-title {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 10px;
}

@media only screen and (max-width: 576px) {
    .advantages .advantages-item .advantages-title {
        font-size: 15px;
        font-size: 0.9375rem;
        margin-bottom: 5px;
    }
}

.advantages .advantages-item .advantages-desk {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 16px;
}

/*Слайдер отзывов*/
.reviews {
    background-color: #F3F3F3;
    padding: 30px 0;
    margin-bottom: 60px;
}

.reviews .swiper {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
}

@media only screen and (max-width: 1200px) {
    .reviews .swiper {
        padding: 0;
    }
}

.reviews .swiper-wrapper {
    height: auto;
    align-items: baseline;
    flex-direction: row;
    margin-bottom: 30px;
}

.reviews .swiper-slide {
    border-radius: 8px;
    text-align: left;
    font-size: 18px;
    height: calc((100% - 30px) / 2) !important;
    min-height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.reviews .slide-content {
    border-radius: 10px;
    width: 100%;
    padding: 30px;
    position: relative;
    background-color: #FFFFFF;
    z-index: 1;
}

.reviews .slide-content .slide-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media only screen and (max-width: 576px) {
    .reviews .slide-content .slide-head {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
}

.reviews .slide-content .slide-head .slide-title {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500;
}

@media only screen and (max-width: 576px) {
    .reviews .slide-content .slide-head .slide-title {
        margin-bottom: 5px;
    }
}

.reviews .slide-content .slide-head .direction {
    font-size: 14px;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
}

.reviews .slide-content .slide-head .metro {
    display: flex;
    align-items: center;
}

.reviews .slide-content .slide-head .metro svg {
    margin-right: 6px;
}

.reviews .slide-content .slide-head .specialization {
    border-radius: 30px;
    color: #3C3C3C;
    text-decoration: none;
    margin-left: 20px;
    padding: 5px 15px;
    display: inline-block;
    background-color: #F3F3F3;
}

@media only screen and (max-width: 576px) {
    .reviews .slide-content .slide-head .specialization {
        text-align: center;
    }
}

.reviews .slide-content .slide-head .specialization:hover {
    color: #86A8FF;
}

.reviews .slide-content .slide-meta {
    margin-bottom: 20px;
}

.reviews .slide-content .slide-meta time {
    font-size: 14px;
    font-size: 0.875rem;
    color: #8A8A8A;
}

.reviews .slide-content .comment-text {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
    height: 100px;
    overflow: auto;
    position: relative;
    z-index: 3;
}

.reviews .slide-content .bg-socials {
    position: absolute;
    right: 60px;
    bottom: 40px;
    z-index: 2;
}

.reviews .slide-content .bg-socials svg {
    fill: #F3F3F3;
}

.reviews .wrap-button {
    text-align: center;
    width: 100%;
}

.reviews .wrap-button .reviews-form {
    text-transform: none;
    padding: 15px 100px;
}

@media only screen and (max-width: 576px) {
    .reviews .wrap-button .reviews-form {
        padding: 15px;
        width: 100%;
    }
}

.reviews .slider-navigation {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: relative;
}

@media only screen and (max-width: 992px) {
    .reviews .slider-navigation {
        padding-bottom: 30px;
    }
}

@media only screen and (max-width: 576px) {
    .reviews .slider-navigation {
        padding: 0 15px 15px;
    }
}

.reviews .slider-navigation .reviews-swiper-prev,
.reviews .slider-navigation .reviews-swiper-next {
    transition: all 0.2s linear;
    color: #3C3C3C;
    word-wrap: break-word;
    white-space: nowrap;
    padding: 5px 0;
    display: flex;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.reviews .slider-navigation .reviews-swiper-prev:hover,
.reviews .slider-navigation .reviews-swiper-next:hover {
    color: #86A8FF;
}

.reviews .slider-navigation .reviews-swiper-prev.swiper-button-disabled,
.reviews .slider-navigation .reviews-swiper-next.swiper-button-disabled {
    color: #8A8A8A;
    cursor: default;
}

.reviews .slider-navigation .reviews-swiper-prev.swiper-button-disabled svg,
.reviews .slider-navigation .reviews-swiper-next.swiper-button-disabled svg {
    fill: #8A8A8A;
}

.reviews .slider-navigation .reviews-swiper-prev svg,
.reviews .slider-navigation .reviews-swiper-next svg {
    fill: #86A8FF;
    width: 30px;
    height: 20px;
    margin: 0 15px;
}

@media only screen and (max-width: 768px) {
    .reviews .slider-navigation .reviews-swiper-prev span,
  .reviews .slider-navigation .reviews-swiper-next span {
        display: none;
    }
}

@media only screen and (max-width: 1400px) {
    .reviews .slider-navigation .reviews-swiper-prev svg {
        margin: 0 15px 0 0;
    }
}

.reviews .slider-navigation .reviews-swiper-next {
    margin-left: 60px;
}

.reviews .slider-navigation .reviews-swiper-next svg {
    margin: 0 0 0 15px;
}

/*Полосы прокрутки для текста комментариев*/
.reviews .comment-text::-webkit-scrollbar {
    width: 8px;
 /* ширина всей полосы прокрутки */
}

.reviews .comment-text::-webkit-scrollbar-track {
    background: #F3F3F3;
 /* цвет зоны отслеживания */
    border-radius: 20px;
}

.reviews .comment-text::-webkit-scrollbar-thumb {
    background-color: #8A8A8A;
 /* цвет бегунка */
    border-radius: 20px;
 /* округлось бегунка */
    border: 1px solid #F3F3F3;
 /* отступ вокруг бегунка */
}

/*Контакты*/
.main-contact {
    padding: 30px 0;
    margin-bottom: 0;
    background-color: #F3F3F3;
}

.main-contact .item-contact {
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    padding: 20px;
    margin-bottom: 30px;
    background-color: #FFFFFF;
}

@media only screen and (max-width: 576px) {
    .main-contact .item-contact {
        flex-direction: column;
    }
}

.main-contact .item-contact .addr,
.main-contact .item-contact .metro {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}

@media only screen and (max-width: 1200px) {
    .main-contact .item-contact .addr,
  .main-contact .item-contact .metro {
        margin-bottom: 5px;
    }
}

@media only screen and (max-width: 992px) {
    .main-contact .item-contact .addr,
  .main-contact .item-contact .metro {
        margin-bottom: 10px;
    }
}

.main-contact .item-contact .addr svg,
.main-contact .item-contact .metro svg {
    margin-top: 2px;
    margin-right: 10px;
}

.main-contact .item-contact p {
    font-size: 14px;
    font-size: 0.875rem;
    margin: 0;
}

.main-contact .item-contact a.make-route,
.main-contact .item-contact a.link-filial {
    color: #4C49B4;
    text-decoration: none;
    display: block;
    margin-left: 25px;
    margin-bottom: 10px;
}

@media only screen and (max-width: 1200px) {
    .main-contact .item-contact a.make-route,
  .main-contact .item-contact a.link-filial {
        margin-bottom: 5px;
    }
}

@media only screen and (max-width: 992px) {
    .main-contact .item-contact a.make-route,
  .main-contact .item-contact a.link-filial {
        margin-bottom: 10px;
    }
}

.main-contact .item-contact a.make-route:hover,
.main-contact .item-contact a.link-filial:hover {
    text-decoration: underline;
}

.main-contact .item-contact a.link-filial {
    margin-bottom: 0;
}

.main-contact .item-contact .time {
    margin-bottom: 10px;
}

@media only screen and (max-width: 1200px) {
    .main-contact .item-contact .time {
        margin-bottom: 5px;
    }
}

@media only screen and (max-width: 992px) {
    .main-contact .item-contact .time {
        margin-bottom: 10px;
    }
}

.main-contact .item-contact a.phone {
    color: #3C3C3C;
    text-decoration: none;
    margin-bottom: 10px;
    display: flex;
}

@media only screen and (max-width: 1200px) {
    .main-contact .item-contact a.phone {
        margin-bottom: 5px;
    }
}

@media only screen and (max-width: 992px) {
    .main-contact .item-contact a.phone {
        margin-bottom: 10px;
    }
}

.main-contact .item-contact a.phone:hover {
    color: #86A8FF;
    text-decoration: underline;
}

.main-contact .item-contact a.phone svg {
    margin-right: 10px;
}

.main-contact .item-contact .contact-image {
    border-radius: 10px;
    display: block;
    overflow: hidden;
}

@media only screen and (max-width: 576px) {
    .main-contact .item-contact .contact-image {
        padding-top: 15px;
    }
}

.main-contact .item-contact .contact-image:hover img {
    transform: scale(1.05);
}

.main-contact .item-contact .contact-image img {
    transition: all 0.2s linear;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media only screen and (max-width: 576px) {
    .main-contact .item-contact .contact-image img {
        height: auto;
    }
}

.main-contact .map {
    border-radius: 10px;
    height: 400px;
    z-index: 9;
}

.main-contact .map .leaflet-popup-content {
    text-align: center;
}

/*Контент на главной*/
.main-content {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
    padding: 30px 0;
}

@media only screen and (max-width: 768px) {
    .main-content .title {
        margin: 0;
    }
}

.main-content .content-show {
    position: relative;
}

.main-content .content-show:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(360deg, white 0%, rgba(255, 255, 255, 0.5) 30%, transparent 100%);
    z-index: 9;
}

.main-content .content-show.show:before {
    background: none;
    z-index: -1;
}

.main-content .content-hidden {
    display: none;
}

.main-content .wrap-button {
    text-align: center;
    width: 100%;
    margin: 30px 0;
}

.main-content p:empty {
    display: none;
}

.main-content img {
    border-radius: 20px;
}

/*Галерея стоматологий*/
.gallery-dentists {
    padding-bottom: 30px;
}

.popup-gallery {
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.popup-gallery:hover .title-gallery {
    background-color: rgba(60, 60, 60, 0.9);
}

.popup-gallery a {
    display: none;
    position: relative;
    z-index: 10;
    width: 100%;
    height: 380px;
}

@media only screen and (max-width: 1200px) {
    .popup-gallery a {
        height: 320px;
    }
}

.popup-gallery a img {
    min-width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.popup-gallery a:first-child {
    display: block;
}

.popup-gallery .title-gallery {
    transition: all 0.3s linear;
    color: #FFFFFF;
    padding: 20px 30px;
    background-color: rgba(60, 60, 60, 0.6);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media only screen and (max-width: 992px) {
    .popup-gallery .title-gallery {
        padding: 15px;
    }
}

@media only screen and (max-width: 768px) {
    .popup-gallery .title-gallery {
        padding: 20px 30px;
    }
}

.popup-gallery .title-gallery .addr,
.popup-gallery .title-gallery .metro {
    display: flex;
    align-items: center;
    padding-right: 10px;
}

.popup-gallery .title-gallery .addr svg,
.popup-gallery .title-gallery .metro svg {
    margin-right: 10px;
}

.popup-gallery .title-gallery .addr {
    margin-bottom: 5px;
}

.popup-gallery .title-gallery .count-foto {
    display: flex;
    align-items: center;
}

.popup-gallery .title-gallery .count-foto svg {
    margin-right: 10px;
}

/*Слайдер врачей*/
.doctorsSlider .swiper {
    width: 100%;
    height: 100%;
}

.doctorsSlider .swiper-slide {
    border-radius: 10px;
    text-align: center;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    background: #F3F3F3;
    overflow: hidden;
}

.doctorsSlider .swiper-slide .link-image {
    width: 100%;
    height: 280px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    overflow: hidden;
}

.doctorsSlider .swiper-slide .link-image:hover img, .doctorsSlider .swiper-slide .link-image:hover svg {
    transform: scale(1.05);
}

.doctorsSlider .swiper-slide img {
    transition: all 0.2s linear;
    display: block;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.doctorsSlider .swiper-slide svg {
    transition: all 0.2s linear;
    fill: #8A8A8A;
}

.doctorsSlider .swiper-slide .doctor-data {
    padding: 20px;
    width: 100%;
}

.doctorsSlider .swiper-slide .doctor-name {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 5px;
}

.doctorsSlider .swiper-slide .doctor-name:hover a {
    color: #86A8FF;
}

.doctorsSlider .swiper-slide .doctor-name a {
    color: #3C3C3C;
    text-decoration: none;
    display: block;
}

.doctorsSlider .swiper-slide .doctor-direction {
    margin-bottom: 5px;
}

.doctorsSlider .swiper-slide .metro {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.doctorsSlider .swiper-slide .metro .metro-item {
    display: flex;
    align-items: center;
    margin-right: 10px;
    margin-bottom: 5px;
}

.doctorsSlider .swiper-slide .metro .metro-item svg {
    margin-right: 5px;
    margin-bottom: 2px;
}

.doctorsSlider .swiper-slide .rewiews {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.doctorsSlider .swiper-slide .rewiews .dot {
    font-size: 40px;
    font-size: 2.5rem;
    color: #86A8FF;
    line-height: 14px;
    margin-right: 5px;
    margin-bottom: 4px;
}

.doctorsSlider .swiper-slide .rewiews strong {
    margin-right: 5px;
}

.doctorsSlider .swiper-slide a.button {
    margin: 0 auto;
    padding: 12px 20px;
}

@media only screen and (max-width: 576px) {
    .doctorsSlider .swiper-slide a.button {
        width: 100%;
    }
}

.doctorsSlider .swiper-slide .slider-pointer {
    color: #3C3C3C;
    padding: 0 15px 30px;
    display: none;
}

@media only screen and (max-width: 576px) {
    .doctorsSlider .swiper-slide .slider-pointer {
        display: flex;
    }
}

.doctorsSlider .swiper-slide .slider-pointer .hand {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='4' viewBox='0 0 20 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.601 2.29454H18.6705L17.7614 2.98952C17.688 3.0456 17.6468 3.12166 17.6468 3.20097C17.6468 3.28027 17.688 3.35633 17.7614 3.41241C17.8347 3.46849 17.9342 3.5 18.038 3.5C18.1417 3.5 18.2412 3.46849 18.3145 3.41241L19.8854 2.21145C19.9218 2.18368 19.9506 2.15072 19.9702 2.11444C19.9899 2.07816 20 2.03927 20 2C20 1.96073 19.9899 1.92184 19.9702 1.88556C19.9506 1.84928 19.9218 1.81632 19.8854 1.78855L18.3145 0.587585C18.2782 0.559817 18.2351 0.53779 18.1876 0.522763C18.1402 0.507735 18.0893 0.5 18.038 0.5C17.9866 0.5 17.9357 0.507735 17.8883 0.522763C17.8408 0.53779 17.7977 0.559817 17.7614 0.587585C17.7251 0.615353 17.6962 0.648318 17.6766 0.684599C17.6569 0.720879 17.6468 0.759765 17.6468 0.799034C17.6468 0.838304 17.6569 0.877189 17.6766 0.91347C17.6962 0.94975 17.7251 0.982716 17.7614 1.01048L18.6587 1.69649H13.601C13.4973 1.69649 13.3978 1.72799 13.3245 1.78407C13.2511 1.84015 13.2099 1.91621 13.2099 1.99551C13.2099 2.07482 13.2511 2.15088 13.3245 2.20696C13.3978 2.26304 13.4973 2.29454 13.601 2.29454ZM1.82953 2.29454H6.85398C6.95772 2.29454 7.0572 2.26304 7.13056 2.20696C7.20391 2.15088 7.24512 2.07482 7.24512 1.99551C7.24512 1.91621 7.20391 1.84015 7.13056 1.78407C7.0572 1.72799 6.95772 1.69649 6.85398 1.69649H1.84131L2.73862 1.01048C2.81197 0.954404 2.85318 0.878343 2.85318 0.799034C2.85318 0.719725 2.81197 0.643665 2.73862 0.587585C2.66527 0.531505 2.56578 0.5 2.46204 0.5C2.3583 0.5 2.25881 0.531505 2.18546 0.587585L0.614568 1.78855C0.578245 1.81632 0.549433 1.84928 0.529775 1.88556C0.510118 1.92184 0.5 1.96073 0.5 2C0.5 2.03927 0.510118 2.07816 0.529775 2.11444C0.549433 2.15072 0.578245 2.18368 0.614568 2.21145L2.18546 3.41241C2.25881 3.46849 2.3583 3.5 2.46204 3.5C2.56578 3.5 2.66527 3.46849 2.73862 3.41241C2.81197 3.35633 2.85318 3.28027 2.85318 3.20097C2.85318 3.12166 2.81197 3.0456 2.73862 2.98952L1.82953 2.29454Z' fill='black'/%3E%3C/svg%3E%0A");
}

.doctorsSlider .swiper-slide .slider-pointer svg {
    fill: #3C3C3C;
}

.doctorsSlider .slider-navigation {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
    height: 100%;
    position: relative;
}

@media only screen and (max-width: 992px) {
    .doctorsSlider .slider-navigation {
        padding-bottom: 30px;
    }
}

.doctorsSlider .slider-navigation .doctors-swiper-prev,
.doctorsSlider .slider-navigation .doctors-swiper-next {
    transition: all 0.2s linear;
    color: #3C3C3C;
    word-wrap: break-word;
    white-space: nowrap;
    display: flex;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media only screen and (max-width: 576px) {
    .doctorsSlider .slider-navigation .doctors-swiper-prev,
  .doctorsSlider .slider-navigation .doctors-swiper-next {
        display: none;
    }
}

.doctorsSlider .slider-navigation .doctors-swiper-prev:hover,
.doctorsSlider .slider-navigation .doctors-swiper-next:hover {
    color: #86A8FF;
}

.doctorsSlider .slider-navigation .doctors-swiper-prev.swiper-button-lock,
.doctorsSlider .slider-navigation .doctors-swiper-next.swiper-button-lock {
    display: none;
}

.doctorsSlider .slider-navigation .doctors-swiper-prev.swiper-button-disabled,
.doctorsSlider .slider-navigation .doctors-swiper-next.swiper-button-disabled {
    color: #8A8A8A;
    cursor: default;
}

.doctorsSlider .slider-navigation .doctors-swiper-prev.swiper-button-disabled svg,
.doctorsSlider .slider-navigation .doctors-swiper-next.swiper-button-disabled svg {
    fill: #8A8A8A;
}

.doctorsSlider .slider-navigation .doctors-swiper-prev svg,
.doctorsSlider .slider-navigation .doctors-swiper-next svg {
    fill: #86A8FF;
    width: 30px;
    height: 20px;
    margin: 0 15px;
}

@media only screen and (max-width: 768px) {
    .doctorsSlider .slider-navigation .doctors-swiper-prev span,
  .doctorsSlider .slider-navigation .doctors-swiper-next span {
        display: none;
    }
}

@media only screen and (max-width: 1400px) {
    .doctorsSlider .slider-navigation .doctors-swiper-prev svg {
        margin: 0 15px 0 0;
    }
}

.doctorsSlider .slider-navigation .doctors-swiper-next {
    margin-left: 60px;
}

.doctorsSlider .slider-navigation .doctors-swiper-next svg {
    margin: 0 0 0 15px;
}

/*Секция вопрос-ответ*/
.faq {
    margin-bottom: 60px;
}

.faq .title-faq {
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 500;
}

.faq .faq-accordion .faq-item {
    border-top: 1px solid #86A8FF;
}

.faq .faq-accordion .faq-item:first-child {
    border-top: none;
}

.faq .faq-accordion .faq-item:last-child {
    border-bottom: 1px solid #86A8FF;
}

.faq .faq-accordion .faq-item.open .question {
    border-radius: 10px;
    margin: 10px 0;
    background-color: #F3F3F3;
}

.faq .faq-accordion .faq-item .question {
    transition: margin 0.3s linear;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500;
    padding: 20px;
    display: flex;
    align-items: center;
}

.faq .faq-accordion .faq-item .question:hover {
    cursor: pointer;
    background-color: rgb(146.1, 176.7, 255);
}

.faq .faq-accordion .faq-item .question span {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 300;
    display: inline-block;
    width: 10px;
    margin-right: 10px;
}

.faq .faq-accordion .faq-item .answer {
    font-size: 14px;
    font-size: 0.875rem;
    display: none;
    margin: 20px 0;
    padding: 0 20px;
}

/*Секция До и После*/
.do-after {
    margin-bottom: 30px;
}

.do-after .item-after {
    margin-bottom: 30px;
}

.do-after .item-after .image-after {
    display: block;
}

.do-after .item-after .image-after img {
    width: 100%;
    max-height: 330px;
    -o-object-fit: cover;
    object-fit: cover;
}

@media only screen and (max-width: 576px) {
    .do-after .item-after .image-after img {
        height: auto;
        max-height: none;
    }
}

/*Time line*/
.time-line {
    padding: 40px 0;
    background-color: #86A8FF;
    margin-bottom: 60px;
    overflow: hidden;
}

ul.timeline {
    list-style: none;
    margin-top: 10px;
    padding: 0;
    width: 100%;
    min-height: 220px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: visible;
}

@media only screen and (max-width: 992px) {
    ul.timeline {
        display: none;
    }
}

ul.timeline:before {
    transition: all 2s linear;
    content: "";
    display: block;
    height: 3px;
    width: 0;
    background-color: #FFFFFF;
    position: absolute;
}

ul.timeline.animate:before {
    width: 100%;
}

ul.timeline li {
    transition: all 0.2s linear;
    width: 100%;
    margin: 0 auto;
    padding: 15px 0;
    position: relative;
    z-index: 3;
    opacity: 0;
}

ul.timeline li:before {
    content: "";
    display: block;
    width: 1px;
    height: 36px;
    background-color: #FFFFFF;
    position: absolute;
    left: 50%;
}

ul.timeline li.li-top:before {
    bottom: 90%;
}

ul.timeline li.li-bottom:before {
    top: 90%;
}

ul.timeline li > span {
    display: flex;
    width: 38px;
    height: 38px;
    margin: 0 auto;
}

ul.timeline li .text-item {
    font-size: 16px;
    font-size: 1rem;
    color: #FFFFFF;
    font-weight: 500;
    text-align: center;
    background-color: #86A8FF;
    max-width: 320px;
    position: absolute;
    margin: auto;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media only screen and (max-width: 1200px) {
    ul.timeline li .text-item {
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: 400;
    }
}

ul.timeline li .text-item.text-top {
    padding-bottom: 10px;
    top: -80%;
    transform: translate(-50%, -50%);
}

ul.timeline li .text-item.text-bottom {
    padding-top: 10px;
    bottom: -80%;
    transform: translate(-50%, 50%);
}

ul.timeline-mobile {
    list-style: none;
    padding: 18px 0 20px;
    margin: 0;
    position: relative;
    display: none;
}

@media only screen and (max-width: 992px) {
    ul.timeline-mobile {
        display: block;
    }
}

ul.timeline-mobile:before {
    content: "";
    display: block;
    height: 100%;
    width: 2px;
    background-color: #FFFFFF;
    position: absolute;
    top: 0;
    left: 18px;
}

ul.timeline-mobile li {
    transition: all 0.2s linear;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    padding: 0;
    overflow: hidden;
    margin-bottom: 20px;
}

ul.timeline-mobile li:last-child {
    margin-bottom: 0;
}

@media only screen and (max-width: 576px) {
    ul.timeline-mobile li {
        font-weight: 400;
    }
}

ul.timeline-mobile li span {
    width: 38px;
    height: 38px;
    min-width: 38px;
    display: flex;
    background-color: #86A8FF;
    position: relative;
    margin-right: 40px;
}

ul.timeline-mobile li span:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 1px;
    background-color: #FFFFFF;
    position: absolute;
    top: 50%;
    left: calc(100% + 10px);
}

@media only screen and (max-width: 576px) {
    ul.timeline-mobile li svg {
        transform: scale(0.7);
    }
}

/*Секция видео*/
.video {
    padding: 30px 0;
    margin-bottom: 60px;
    background-color: #86A8FF;
}

.video .video-content {
    font-size: 14px;
    font-size: 0.875rem;
    color: #FFFFFF;
}

.video .wrap-video {
    padding: 30px 0;
    position: relative;
}

@media only screen and (max-width: 992px) {
    .video .wrap-video {
        display: flex;
        justify-content: center;
    }
}

.video .wrap-video:after {
    border-radius: 50%;
    content: "";
    display: block;
    width: 300px;
    height: 300px;
    background-color: #FFFFFF;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
    transform: translateY(-50%);
}

@media only screen and (max-width: 768px) {
    .video .wrap-video:after {
        display: none;
    }
}

.video .item-video {
    border-radius: 10px;
    width: 450px;
    position: relative;
    overflow: hidden;
    z-index: 2;
    opacity: 1;
    background-color: #F3F3F3;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media only screen and (max-width: 576px) {
    .video .item-video {
        width: 100%;
    }
}

.video .item-video:hover .title-video {
    background-color: rgba(60, 60, 60, 0.9);
}

.video .item-video:hover svg {
    fill: red;
}

.video .item-video .popup-youtube {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 250px;
}

.video .item-video .title-video {
    transition: all 0.2s linear;
    font-size: 16px;
    font-size: 1rem;
    color: #FFFFFF;
    text-align: center;
    padding: 15px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(60, 60, 60, 0.6);
}

.video .item-video svg {
    transition: all 0.2s linear;
    fill: #FFFFFF;
}

/*Слайдер работ доктора*/
.worksSlider {
    margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
    .worksSlider {
        margin-bottom: 0;
    }
}

.worksSlider .swiper {
    width: 100%;
    height: 100%;
}

.worksSlider .swiper-slide {
    border-radius: 10px;
    text-align: center;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}

.worksSlider .swiper-slide img {
    transition: all 0.2s linear;
    display: block;
    width: 100%;
    max-width: 540px;
}

.worksSlider .swiper-slide svg {
    transition: all 0.2s linear;
    fill: #8A8A8A;
}

.worksSlider .swiper-slide .slider-pointer {
    color: #3C3C3C;
    padding: 15px;
    display: none;
}

@media only screen and (max-width: 576px) {
    .worksSlider .swiper-slide .slider-pointer {
        display: flex;
    }
}

.worksSlider .swiper-slide .slider-pointer .hand {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='4' viewBox='0 0 20 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.601 2.29454H18.6705L17.7614 2.98952C17.688 3.0456 17.6468 3.12166 17.6468 3.20097C17.6468 3.28027 17.688 3.35633 17.7614 3.41241C17.8347 3.46849 17.9342 3.5 18.038 3.5C18.1417 3.5 18.2412 3.46849 18.3145 3.41241L19.8854 2.21145C19.9218 2.18368 19.9506 2.15072 19.9702 2.11444C19.9899 2.07816 20 2.03927 20 2C20 1.96073 19.9899 1.92184 19.9702 1.88556C19.9506 1.84928 19.9218 1.81632 19.8854 1.78855L18.3145 0.587585C18.2782 0.559817 18.2351 0.53779 18.1876 0.522763C18.1402 0.507735 18.0893 0.5 18.038 0.5C17.9866 0.5 17.9357 0.507735 17.8883 0.522763C17.8408 0.53779 17.7977 0.559817 17.7614 0.587585C17.7251 0.615353 17.6962 0.648318 17.6766 0.684599C17.6569 0.720879 17.6468 0.759765 17.6468 0.799034C17.6468 0.838304 17.6569 0.877189 17.6766 0.91347C17.6962 0.94975 17.7251 0.982716 17.7614 1.01048L18.6587 1.69649H13.601C13.4973 1.69649 13.3978 1.72799 13.3245 1.78407C13.2511 1.84015 13.2099 1.91621 13.2099 1.99551C13.2099 2.07482 13.2511 2.15088 13.3245 2.20696C13.3978 2.26304 13.4973 2.29454 13.601 2.29454ZM1.82953 2.29454H6.85398C6.95772 2.29454 7.0572 2.26304 7.13056 2.20696C7.20391 2.15088 7.24512 2.07482 7.24512 1.99551C7.24512 1.91621 7.20391 1.84015 7.13056 1.78407C7.0572 1.72799 6.95772 1.69649 6.85398 1.69649H1.84131L2.73862 1.01048C2.81197 0.954404 2.85318 0.878343 2.85318 0.799034C2.85318 0.719725 2.81197 0.643665 2.73862 0.587585C2.66527 0.531505 2.56578 0.5 2.46204 0.5C2.3583 0.5 2.25881 0.531505 2.18546 0.587585L0.614568 1.78855C0.578245 1.81632 0.549433 1.84928 0.529775 1.88556C0.510118 1.92184 0.5 1.96073 0.5 2C0.5 2.03927 0.510118 2.07816 0.529775 2.11444C0.549433 2.15072 0.578245 2.18368 0.614568 2.21145L2.18546 3.41241C2.25881 3.46849 2.3583 3.5 2.46204 3.5C2.56578 3.5 2.66527 3.46849 2.73862 3.41241C2.81197 3.35633 2.85318 3.28027 2.85318 3.20097C2.85318 3.12166 2.81197 3.0456 2.73862 2.98952L1.82953 2.29454Z' fill='black'/%3E%3C/svg%3E%0A");
}

.worksSlider .swiper-slide .slider-pointer svg {
    fill: #3C3C3C;
}

.worksSlider .slider-navigation {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
    height: 100%;
    position: relative;
}

@media only screen and (max-width: 992px) {
    .worksSlider .slider-navigation {
        padding-bottom: 30px;
    }
}

.worksSlider .slider-navigation .work-swiper-prev,
.worksSlider .slider-navigation .work-swiper-next {
    transition: all 0.2s linear;
    color: #3C3C3C;
    word-wrap: break-word;
    white-space: nowrap;
    display: flex;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media only screen and (max-width: 576px) {
    .worksSlider .slider-navigation .work-swiper-prev,
  .worksSlider .slider-navigation .work-swiper-next {
        display: none;
    }
}

.worksSlider .slider-navigation .work-swiper-prev:hover,
.worksSlider .slider-navigation .work-swiper-next:hover {
    color: #86A8FF;
}

.worksSlider .slider-navigation .work-swiper-prev.swiper-button-lock,
.worksSlider .slider-navigation .work-swiper-next.swiper-button-lock {
    display: none;
}

.worksSlider .slider-navigation .work-swiper-prev.swiper-button-disabled,
.worksSlider .slider-navigation .work-swiper-next.swiper-button-disabled {
    color: #8A8A8A;
    cursor: default;
}

.worksSlider .slider-navigation .work-swiper-prev.swiper-button-disabled svg,
.worksSlider .slider-navigation .work-swiper-next.swiper-button-disabled svg {
    fill: #8A8A8A;
}

.worksSlider .slider-navigation .work-swiper-prev svg,
.worksSlider .slider-navigation .work-swiper-next svg {
    fill: #86A8FF;
    width: 30px;
    height: 20px;
    margin: 0 15px;
}

@media only screen and (max-width: 768px) {
    .worksSlider .slider-navigation .work-swiper-prev span,
  .worksSlider .slider-navigation .work-swiper-next span {
        display: none;
    }
}

@media only screen and (max-width: 1400px) {
    .worksSlider .slider-navigation .work-swiper-prev svg {
        margin: 0 15px 0 0;
    }
}

.worksSlider .slider-navigation .work-swiper-next {
    margin-left: 60px;
}

.worksSlider .slider-navigation .work-swiper-next svg {
    margin: 0 0 0 15px;
}

.worksSlider .slider-navigation .slider-pointer {
    color: #3C3C3C;
    padding: 30px 0 0;
    display: none;
}

@media only screen and (max-width: 576px) {
    .worksSlider .slider-navigation .slider-pointer {
        display: flex;
    }
}

.worksSlider .slider-navigation .slider-pointer .hand {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='4' viewBox='0 0 20 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.601 2.29454H18.6705L17.7614 2.98952C17.688 3.0456 17.6468 3.12166 17.6468 3.20097C17.6468 3.28027 17.688 3.35633 17.7614 3.41241C17.8347 3.46849 17.9342 3.5 18.038 3.5C18.1417 3.5 18.2412 3.46849 18.3145 3.41241L19.8854 2.21145C19.9218 2.18368 19.9506 2.15072 19.9702 2.11444C19.9899 2.07816 20 2.03927 20 2C20 1.96073 19.9899 1.92184 19.9702 1.88556C19.9506 1.84928 19.9218 1.81632 19.8854 1.78855L18.3145 0.587585C18.2782 0.559817 18.2351 0.53779 18.1876 0.522763C18.1402 0.507735 18.0893 0.5 18.038 0.5C17.9866 0.5 17.9357 0.507735 17.8883 0.522763C17.8408 0.53779 17.7977 0.559817 17.7614 0.587585C17.7251 0.615353 17.6962 0.648318 17.6766 0.684599C17.6569 0.720879 17.6468 0.759765 17.6468 0.799034C17.6468 0.838304 17.6569 0.877189 17.6766 0.91347C17.6962 0.94975 17.7251 0.982716 17.7614 1.01048L18.6587 1.69649H13.601C13.4973 1.69649 13.3978 1.72799 13.3245 1.78407C13.2511 1.84015 13.2099 1.91621 13.2099 1.99551C13.2099 2.07482 13.2511 2.15088 13.3245 2.20696C13.3978 2.26304 13.4973 2.29454 13.601 2.29454ZM1.82953 2.29454H6.85398C6.95772 2.29454 7.0572 2.26304 7.13056 2.20696C7.20391 2.15088 7.24512 2.07482 7.24512 1.99551C7.24512 1.91621 7.20391 1.84015 7.13056 1.78407C7.0572 1.72799 6.95772 1.69649 6.85398 1.69649H1.84131L2.73862 1.01048C2.81197 0.954404 2.85318 0.878343 2.85318 0.799034C2.85318 0.719725 2.81197 0.643665 2.73862 0.587585C2.66527 0.531505 2.56578 0.5 2.46204 0.5C2.3583 0.5 2.25881 0.531505 2.18546 0.587585L0.614568 1.78855C0.578245 1.81632 0.549433 1.84928 0.529775 1.88556C0.510118 1.92184 0.5 1.96073 0.5 2C0.5 2.03927 0.510118 2.07816 0.529775 2.11444C0.549433 2.15072 0.578245 2.18368 0.614568 2.21145L2.18546 3.41241C2.25881 3.46849 2.3583 3.5 2.46204 3.5C2.56578 3.5 2.66527 3.46849 2.73862 3.41241C2.81197 3.35633 2.85318 3.28027 2.85318 3.20097C2.85318 3.12166 2.81197 3.0456 2.73862 2.98952L1.82953 2.29454Z' fill='black'/%3E%3C/svg%3E%0A");
}

.worksSlider .slider-navigation .slider-pointer svg {
    fill: #3C3C3C;
}

/*Видео галерея*/
.video-gallery {
    margin-bottom: 30px;
}

.video-gallery .item-video {
    border-radius: 10px;
    width: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    z-index: 2;
    margin-bottom: 30px;
}

@media only screen and (max-width: 576px) {
    .video-gallery .item-video {
        width: 100%;
    }
}

.video-gallery .item-video:hover .title-video {
    background-color: rgba(60, 60, 60, 0.9);
}

.video-gallery .item-video:hover svg {
    fill: red;
}

.video-gallery .item-video .popup-youtube {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 250px;
}

.video-gallery .item-video .title-video {
    transition: all 0.2s linear;
    font-size: 16px;
    font-size: 1rem;
    color: #FFFFFF;
    text-align: center;
    padding: 15px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(60, 60, 60, 0.6);
}

.video-gallery .item-video svg {
    transition: all 0.2s linear;
    fill: #FFFFFF;
}

/*Фото та відео галерея*/
.gallery-courses {
    margin-bottom: 30px;
}

.gallery-courses .item-video {
    border-radius: 10px;
    width: 100%;
    height: 315px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    z-index: 2;
    margin-bottom: 30px;
}

@media only screen and (max-width: 576px) {
    .gallery-courses .item-video {
        width: 100%;
    }
}

.gallery-courses .item-video:hover .title-video {
    background-color: rgba(60, 60, 60, 0.9);
}

.gallery-courses .item-video:hover svg {
    fill: red;
}

.gallery-courses .item-video .popup-youtube {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 315px;
}

.gallery-courses .item-video .title-video {
    transition: all 0.2s linear;
    font-size: 16px;
    font-size: 1rem;
    color: #FFFFFF;
    text-align: left;
    padding: 20px 30px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(60, 60, 60, 0.6);
}

@media only screen and (max-width: 992px) {
    .gallery-courses .item-video .title-video {
        padding: 15px;
    }
}

@media only screen and (max-width: 768px) {
    .gallery-courses .item-video .title-video {
        padding: 20px 30px;
    }
}

.gallery-courses .item-video svg {
    transition: all 0.2s linear;
    fill: #FFFFFF;
}

.gallery-courses .popup-gallery a {
    height: 315px;
}

.gallery-courses a.tour {
    border-radius: 20px;
    display: block;
    height: 315px;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.gallery-courses a.tour:hover .title-gallery {
    background-color: rgba(60, 60, 60, 0.9);
}

.gallery-courses a.tour .title-gallery {
    transition: all 0.3s linear;
    color: #FFFFFF;
    padding: 20px 30px;
    background-color: rgba(60, 60, 60, 0.6);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media only screen and (max-width: 992px) {
    .gallery-courses a.tour .title-gallery {
        padding: 15px;
    }
}

@media only screen and (max-width: 768px) {
    .gallery-courses a.tour .title-gallery {
        padding: 20px 30px;
    }
}

.gallery-courses a.tour .title-gallery .count-foto {
    display: flex;
    align-items: center;
}

.gallery-courses a.tour .title-gallery .count-foto svg {
    margin-right: 10px;
}

/*--------------------------------------------------------------
# Виджеты
--------------------------------------------------------------*/
/*Сайтбар*/
aside.widget-area {
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 5px;
}

@media only screen and (max-width: 992px) {
    aside.widget-area {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 576px) {
    aside.widget-area {
        flex-direction: column;
    }
}

/*Общие стили виджета*/
.widget {
    padding-bottom: 15px;
    margin-bottom: 15px;
}

@media only screen and (max-width: 992px) {
    .widget {
        width: 48%;
    }
}

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

.widget:last-child {
    border: none;
}

.widget select {
    max-width: 100%;
}

.widget .widget-title {
    font-size: 26px;
    font-size: 1.625rem;
    color: #3C3C3C;
    padding-bottom: 10px;
}

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

.widget ul li {
    line-height: 24px;
    margin-bottom: 10px;
}

.widget ul li a {
    border-radius: 30px;
    font-size: 14px;
    font-size: 0.875rem;
    color: #3C3C3C;
    text-decoration: none;
    display: inline-block;
    padding: 2px 10px;
    background-color: #F3F3F3;
}

.widget ul li a:hover {
    color: #86A8FF;
}

.widget ul li span {
    color: #8A8A8A;
}

.widget ul li ul {
    padding-top: 5px;
    padding-left: 20px;
}

/*Виджет категорий*/
.widget_categories ul {
    display: flex;
    flex-wrap: wrap;
}

.widget_categories ul li {
    padding-right: 10px;
}

/*Виджет поиска*/
.widget_search {
    width: 100%;
}

.widget_search form {
    width: 100%;
    margin-bottom: 15px;
    position: relative;
}

@media only screen and (max-width: 768px) {
    .widget_search form {
        margin: 0 auto 35px;
    }
}

.widget_search form .screen-reader-text {
    display: none;
}

.widget_search form label {
    width: 100%;
}

.widget_search form input[type=search] {
    border-radius: 10px;
    font-size: 16px;
    font-size: 1rem;
    background-color: transparent;
    border: 2px solid #8A8A8A;
    width: 100%;
    padding: 10px;
    outline: none;
}

.widget_search form input[type=search]:focus {
    border-color: #86A8FF;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.widget_search form input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.widget_search form input[type=submit],
.widget_search form button[type=submit] {
    background: none;
    border: none;
    outline: none;
    width: 40px;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 12px;
    right: 5px;
}

.widget_search form input[type=submit]:hover,
.widget_search form button[type=submit]:hover {
    cursor: pointer;
}

.widget_search form input[type=submit]:hover svg,
.widget_search form button[type=submit]:hover svg {
    transform: scale(1.1);
    fill: #86A8FF;
}

.widget_search form input[type=submit] svg,
.widget_search form button[type=submit] svg {
    transition: all 0.2s linear;
    fill: #8A8A8A;
}

/*Виджет тегов*/
.widget_tag_cloud .tagcloud a {
    border-radius: 30px;
    color: #FFFFFF;
    font-weight: 400;
    text-decoration: none;
    padding: 2px 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline-block;
    background-color: #86A8FF;
}

.widget_tag_cloud .tagcloud a:hover {
    background-color: rgb(95.1, 140.0305785124, 255);
}

/*Виджет свежих комментариев*/
.widget_recent_comments ul li a {
    display: inline-block;
}

.widget_recent_comments ul li a:hover {
    text-decoration: underline;
}

/*Виджет адреса*/
.widget_addr .addr-title,
.widget_addr .addr-direction {
    margin-bottom: 10px;
}

.widget_addr .addr-title {
    font-weight: 700;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.widget_addr .addr-title a:hover {
    text-decoration: none;
}

.widget_addr .addr-title svg {
    margin-right: 6px;
}

.widget_addr .addr-phone {
    color: #3C3C3C;
    text-decoration: none;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.widget_addr .addr-phone:hover {
    color: #86A8FF;
}

.widget_addr .addr-phone svg {
    margin-right: 10px;
}

.widget_addr ul.socials {
    list-style: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.widget_addr ul.socials li {
    margin-right: 10px;
    margin-bottom: 0;
}

.widget_addr ul.socials li:last-child {
    margin-right: 0;
}

.widget_addr ul.socials li a {
    padding: 0;
}

.widget_addr ul.socials li a svg {
    fill: #86A8FF;
}

/*Виджет баннер*/
.slide-banner {
    border-radius: 20px;
    font-size: 16px;
    font-size: 1rem;
    color: #FFFFFF;
    padding: 30px 30px 15px;
    background-color: #86A8FF;
}

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

.slide-banner .swiper-container {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.slide-banner .swiper-container .swiper-slide {
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.slide-banner .swiper-container .slide-title {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4;
    margin-bottom: 15px;
}

.slide-banner .swiper-container ul {
    list-style: disc;
    padding-left: 2rem;
}

.slide-banner .swiper-container ul li {
    color: #FFFFFF;
    line-height: 1.6;
    margin-bottom: 5px;
}

.slide-banner .swiper-container a.button-white {
    max-width: 400px;
    width: 100%;
    padding: 12px;
    margin-top: 20px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 992px) {
    .slide-banner .swiper-container a.button-white {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

.slide-banner .swiper-container img {
    border-radius: 10px;
    display: block;
    margin-bottom: 15px;
    width: 100%;
    height: 230px;
    -o-object-fit: cover;
    object-fit: cover;
}

@media only screen and (max-width: 992px) {
    .slide-banner .swiper-container img {
        width: 100%;
        height: auto;
    }
}

.slide-banner .swiper-container .slider-pointer {
    margin-top: 15px;
}

.slide-banner .swiper-container .swiper-pagination-wrap {
    height: 20px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
}

@media only screen and (max-width: 992px) {
    .slide-banner .swiper-container .swiper-pagination-wrap {
        display: none;
    }
}

.slide-banner .swiper-container .swiper-pagination {
    padding: 0 30px;
    width: auto;
    display: flex;
    align-items: center;
    position: relative;
    bottom: 0;
}

.slide-banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
    transition: all 0.2s linear;
    width: 8px;
    height: 8px;
    margin: 4px;
    background-color: #FFFFFF;
    opacity: 1;
}

.slide-banner .swiper-container .swiper-pagination .swiper-pagination-bullet:hover {
    width: 12px;
    height: 12px;
}

.slide-banner .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
}

/*--------------------------------------------------------------
# Контент
--------------------------------------------------------------*/
/*Индексная страница*/
.list-post article {
    display: flex;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #86A8FF;
}

.list-post article:last-child {
    border: none;
}

@media only screen and (max-width: 768px) {
    .list-post article {
        display: flex;
        flex-direction: column;
    }
}

@media only screen and (max-width: 576px) {
    .list-post article {
        flex-wrap: wrap;
    }
}

.list-post article .entry-header {
    margin-right: 30px;
}

@media only screen and (max-width: 768px) {
    .list-post article .entry-header {
        margin-right: 0;
        margin-bottom: 15px;
    }
}

.list-post article .entry-header a {
    border-radius: 10px;
    width: 335px;
    height: 180px;
    overflow: hidden;
    background-color: #F3F3F3;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 768px) {
    .list-post article .entry-header a {
        width: 100%;
        height: auto;
        min-height: 250px;
    }
}

.list-post article .entry-header a:hover img, .list-post article .entry-header a:hover svg {
    transform: scale(1.05);
}

.list-post article .entry-header a img {
    transition: all 0.3s linear;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media only screen and (max-width: 768px) {
    .list-post article .entry-header a img {
        width: 100%;
    }
}

.list-post article .entry-header a svg {
    transition: all 0.3s linear;
}

.list-post article .entry-content h2 {
    line-height: 28px;
}

.list-post article .entry-content h2 a {
    font-size: 26px;
    font-size: 1.625rem;
    color: #3C3C3C;
    text-decoration: none;
    display: block;
}

.list-post article .entry-content h2 a:hover {
    color: #86A8FF;
}

.list-post article .entry-content p {
    font-size: 14px;
    font-size: 0.875rem;
}

.list-post article .entry-content a.read-more {
    color: #86A8FF;
    display: inline-block;
}

.list-post article .entry-content a.read-more:hover {
    text-decoration: none;
}

ul.data {
    list-style: none;
    padding-left: 0;
    margin-bottom: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

ul.data li {
    margin-right: 10px;
}

ul.data li a {
    border-radius: 30px;
    font-size: 14px;
    font-size: 0.875rem;
    color: #3C3C3C;
    white-space: nowrap;
    text-decoration: none;
    display: inline-block;
    padding: 2px 15px;
    margin-bottom: 5px;
    background-color: #F3F3F3;
}

ul.data li a:hover {
    color: #86A8FF;
}

/*Одиночная страница*/
.main-content ul li {
    line-height: 1.6;
    position: relative;
}

.main-content ul li::before {
    border-radius: 50%;
    content: "";
    font-size: 24px;
    font-size: 1.5rem;
    position: absolute;
    top: 7px;
    left: -15px;
    width: 6px;
    height: 6px;
    background-color: #86A8FF;
}

.page article {
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 30px;
}

.page article img {
    border-radius: 30px;
    margin-bottom: 15px;
}

.page article ul li {
    line-height: 1.6;
    position: relative;
}

.page article ul li::before {
    border-radius: 50%;
    content: "";
    font-size: 24px;
    font-size: 1.5rem;
    position: absolute;
    top: 7px;
    left: -15px;
    width: 6px;
    height: 6px;
    background-color: #86A8FF;
}

/*Страница поиска*/
.page-search .list-post article {
    border-radius: 10px;
    border-bottom: none;
    padding: 15px;
    background-color: #F3F3F3;
}

/*Блок похожие статьи*/
.also-read {
    padding-bottom: 30px;
}

.also-read .similar-post {
    margin-bottom: 30px;
}

.also-read .similar-post .link-image {
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 180px;
    margin-bottom: 15px;
    overflow: hidden;
}

.also-read .similar-post .link-image:hover img, .also-read .similar-post .link-image:hover svg {
    transform: scale(1.05);
}

.also-read .similar-post .link-image.no-image {
    background-color: #F3F3F3;
}

.also-read .similar-post .link-image img {
    transition: all 0.2s linear;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.also-read .similar-post .link-image svg {
    transition: all 0.2s linear;
}

.also-read .similar-post h2 {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
    color: #3C3C3C;
}

.also-read .similar-post .read-more {
    font-size: 14px;
    font-size: 0.875rem;
    text-decoration: none;
    display: inline-block;
}

.also-read .similar-post .read-more:hover {
    text-decoration: underline;
}

.also-read .similar-post .read-more:hover svg {
    fill: rgb(95.1, 140.0305785124, 255);
    margin-left: 5px;
}

.also-read .similar-post .read-more svg {
    transition: all 0.2s linear;
    fill: #86A8FF;
}

/*Страница прайса*/
.search-price {
    flex-direction: row;
    position: relative;
    margin-bottom: 20px;
}

.search-price .search-field {
    transition: all 0.2s linear;
    border-radius: 10px;
    font-size: 16px;
    font-size: 1rem;
    padding: 12px 12px 12px 50px;
    width: 100%;
    border: 2px solid #86A8FF;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.search-price .search-field:focus {
    border-color: rgb(95.1, 140.0305785124, 255);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.search-price .search-field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.search-price .search-submit {
    width: auto;
    padding: 5px;
    margin: 0;
    background: none;
    position: absolute;
    top: 10px;
    left: 15px;
}

.search-price .search-submit:hover {
    background: none;
}

.search-price .search-submit:hover svg {
    fill: #86A8FF;
    transform: scale(1.1);
}

.search-price .search-submit svg {
    transition: all 0.2s linear;
}

.page-price {
  /*Таблица прайса*/
}

.page-price #priceTabs {
    transition: all 0.2s linear;
    margin-bottom: 60px;
}

.page-price #priceTabs .sub-tab:last-child .tbl {
    margin-bottom: 30px;
}

.page-price #priceTabs .sub-tab:last-child .sub-title {
    border: none;
}

.page-price #priceTabs .sub-tab .sub-title {
    border-radius: 10px;
    font-size: 14px;
    font-size: 0.875rem;
    color: #3C3C3C;
    font-weight: 500;
    text-decoration: none;
    display: block;
    padding: 10px;
    margin: 10px 0;
    background-color: #F3F3F3;
}

.page-price #priceTabs .sub-tab .sub-title.open svg {
    transform: rotate(180deg);
}

.page-price #priceTabs .sub-tab .sub-title svg {
    transition: all 0.2s linear;
    margin-right: 10px;
}

@media only screen and (max-width: 1600px) {
    .page-price #priceTabs .sub-tab .sub-title svg {
        width: 16px;
    }
}

.page-price #priceTabs .sub-tab .tbl {
    font-size: 16px;
    font-size: 1rem;
    display: none;
}

@media only screen and (max-width: 576px) {
    .page-price #priceTabs .sub-tab .tbl {
        font-size: 14px;
        font-size: 0.875rem;
    }
}

.page-price #priceTabs .sub-tab .tbl p {
    transition: all 0.2s linear;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    margin: 0;
    border-bottom: 1px solid #86A8FF;
}

@media only screen and (max-width: 1600px) {
    .page-price #priceTabs .sub-tab .tbl p {
        padding: 10px;
    }
}

.page-price #priceTabs .sub-tab .tbl p span:last-child {
    font-weight: 500;
}

.page-price #priceTabs .sub-tab .tbl p:hover {
    cursor: default;
}

.page-price #priceTabs .sub-tab .tbl p .link-tooltip {
    color: rgb(95.1, 140.0305785124, 255);
    display: inline-block;
    margin: 0;
    position: relative;
}

.page-price #priceTabs .sub-tab .tbl p .link-tooltip:hover {
    text-decoration: underline;
    cursor: pointer;
}

.page-price #priceTabs .sub-tab .tbl p .link-tooltip i.tooltip {
    font-size: 12px;
    font-size: 0.75rem;
    color: #8A8A8A;
    background-clip: padding-box;
    box-shadow: 0 0 2px rgba(95.1, 140.0305785124, 255, 0.8);
    border: 1px solid rgb(95.1, 140.0305785124, 255);
    border-radius: 3px;
    position: absolute;
    width: 30%;
    min-width: 300px;
    left: 40%;
    margin-left: -15%;
    padding: 20px;
    bottom: 100%;
    margin-bottom: 20px;
    font-style: normal;
    text-align: justify;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s linear;
    background: #FFFFFF;
    z-index: 9;
}

@media only screen and (max-width: 576px) {
    .page-price #priceTabs .sub-tab .tbl p .link-tooltip i.tooltip {
        min-width: 260px;
    }
}

.page-price #priceTabs .sub-tab .tbl p .link-tooltip i.tooltip.open-tooltip {
    visibility: visible;
    opacity: 1;
}

.page-price #priceTabs .sub-tab .tbl p .link-tooltip i.tooltip:before {
    content: "";
    position: absolute;
    border-top: 10px solid rgb(95.1, 140.0305785124, 255);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: 100%;
    left: 50%;
    margin-left: -10px;
}

.page-price #priceTabs .sub-tab .tbl p .link-tooltip i.tooltip:after {
    content: "";
    position: absolute;
    border-top: 10px solid #FFFFFF;
    margin-top: -1px;
    z-index: 1;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: 100%;
    left: 50%;
    margin-left: -10px;
}

.page-price #priceTabs .sub-tab .tbl span {
    display: inline-block;
}

.page-price #priceTabs .sub-tab .tbl span:last-child {
    white-space: nowrap;
}

.page-price #priceTabs .tbl-lab {
    font-size: 16px;
    font-size: 1rem;
}

@media only screen and (max-width: 576px) {
    .page-price #priceTabs .tbl-lab {
        font-size: 14px;
        font-size: 0.875rem;
    }
}

.page-price #priceTabs .tbl-lab p {
    transition: all 0.2s linear;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    margin: 0;
    border-bottom: 1px solid #86A8FF;
}

@media only screen and (max-width: 1600px) {
    .page-price #priceTabs .tbl-lab p {
        padding: 10px;
    }
}

.page-price #priceTabs .tbl-lab p span:last-child {
    font-weight: 500;
}

.page-price #priceTabs .tbl-lab p:hover {
    cursor: default;
}

.page-price #priceTabs .tbl-lab p .link-tooltip {
    color: rgb(95.1, 140.0305785124, 255);
    display: inline-block;
    margin: 0;
    position: relative;
}

.page-price #priceTabs .tbl-lab p .link-tooltip:hover {
    text-decoration: underline;
    cursor: pointer;
}

.page-price #priceTabs .tbl-lab p .link-tooltip i.tooltip {
    font-size: 12px;
    font-size: 0.75rem;
    color: #8A8A8A;
    background-clip: padding-box;
    box-shadow: 0 0 2px rgba(95.1, 140.0305785124, 255, 0.8);
    border: 1px solid rgb(95.1, 140.0305785124, 255);
    border-radius: 3px;
    position: absolute;
    width: 30%;
    min-width: 300px;
    left: 40%;
    margin-left: -15%;
    padding: 20px;
    bottom: 100%;
    margin-bottom: 20px;
    font-style: normal;
    text-align: justify;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s linear;
    background: #FFFFFF;
    z-index: 9;
}

@media only screen and (max-width: 576px) {
    .page-price #priceTabs .tbl-lab p .link-tooltip i.tooltip {
        min-width: 260px;
    }
}

.page-price #priceTabs .tbl-lab p .link-tooltip i.tooltip.open-tooltip {
    visibility: visible;
    opacity: 1;
}

.page-price #priceTabs .tbl-lab p .link-tooltip i.tooltip:before {
    content: "";
    position: absolute;
    border-top: 10px solid rgb(95.1, 140.0305785124, 255);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: 100%;
    left: 50%;
    margin-left: -10px;
}

.page-price #priceTabs .tbl-lab p .link-tooltip i.tooltip:after {
    content: "";
    position: absolute;
    border-top: 10px solid #FFFFFF;
    margin-top: -1px;
    z-index: 1;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: 100%;
    left: 50%;
    margin-left: -10px;
}

.page-price #priceTabs .tbl-lab span {
    display: inline-block;
}

.page-price #priceTabs .tbl-lab span:last-child {
    white-space: nowrap;
}

.page-price #priceTabs p.no-price {
    color: red;
    padding: 10px 0 5px;
    margin: 0;
}

.page-price #priceTabs table tr {
    border-bottom: 1px solid #86A8FF;
}

.page-price #priceTabs table td {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 10px 5px;
}

.page-price #priceTabs table td:last-child {
    text-align: right;
    font-weight: 500;
}

.page-price .price-results {
    transition: all 0.2s linear;
}

.page-price .price-results p {
    font-size: 18px;
    font-size: 1.125rem;
    display: flex;
    padding: 10px 15px;
    margin: 0;
    justify-content: space-between;
    border-top: 1px solid #8A8A8A;
    border-left: 1px solid #8A8A8A;
    border-right: 1px solid #8A8A8A;
}

.page-price .price-results p:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.page-price .price-results p:last-child {
    border-bottom: 1px solid #8A8A8A;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.page-price .price-results p span:last-child {
    font-weight: 500;
}

/*404 ошибка*/
.page-404 .error-404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 60px;
}

.page-404 .error-404 svg {
    width: 300px;
    height: 300px;
    margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
    .page-404 .error-404 svg {
        width: 200px;
        height: 200px;
    }
}

.page-404 .error-404 h1 {
    font-weight: 700;
}

.page-404 .error-404 p {
    font-size: 18px;
    font-size: 1.125rem;
    color: #8A8A8A;
    text-align: center;
    margin-bottom: 30px;
}

/*Ничего не найдено (нет постов)*/
.no-results {
    padding: 15px 0;
}

.no-results .page-title {
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 500;
    color: #8A8A8A;
    margin-bottom: 10px;
}

.no-results .page-content {
    font-size: 16px;
    font-size: 1rem;
}

.no-results .page-content a {
    color: #86A8FF;
}

.no-results .page-content a:hover {
    color: rgb(95.1, 140.0305785124, 255);
    text-decoration: none;
}

.no-results .search-form {
    display: flex;
    flex-direction: row;
    margin-top: 30px;
    position: relative;
}

.no-results .search-form label {
    width: 100%;
}

.no-results .search-form .search-field {
    font-size: 16px;
    font-size: 1rem;
    border-radius: 10px;
    background-color: transparent;
    border: 2px solid #8A8A8A;
    padding: 10px;
    width: 100%;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.no-results .search-form .search-field:focus {
    border: 2px solid #86A8FF;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.no-results .search-form .search-field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.no-results .search-form .search-submit {
    border-radius: 10px;
    padding: 10px;
    margin: 0;
    width: auto;
    background: none;
    position: absolute;
    right: 5px;
}

.no-results .search-form .search-submit:hover {
    background: none;
}

.no-results .search-form .search-submit:hover svg {
    fill: rgb(95.1, 140.0305785124, 255);
    transform: scale(1.1);
}

.no-results .search-form .search-submit svg {
    transition: all 0.2s linear;
    fill: #8A8A8A;
}

/*Страница О нас*/
.page-about .head-about {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #F3F3F3;
    opacity: 1;
    margin-bottom: 60px;
}

.page-about .head-about .wrap-title-about {
    height: 500px;
    display: flex;
    align-items: flex-end;
}

@media only screen and (max-width: 576px) {
    .page-about .head-about .wrap-title-about {
        height: 400px;
    }
}

.page-about .head-about .wrap-title-about .title-about {
    border-radius: 20px;
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2;
    color: #FFFFFF;
    max-width: 950px;
    padding: 40px;
    background-color: rgba(60, 60, 60, 0.6);
    margin-bottom: 30px;
}

@media only screen and (max-width: 992px) {
    .page-about .head-about .wrap-title-about .title-about {
        font-size: 32px;
        font-size: 2rem;
    }
}

@media only screen and (max-width: 576px) {
    .page-about .head-about .wrap-title-about .title-about {
        font-size: 28px;
        font-size: 1.75rem;
        font-weight: 500;
        padding: 20px;
    }
}

.page-about article {
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 60px;
    overflow: hidden;
}

/*Страница со всеми видео*/
.page-videos .item-video {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px;
}

.page-videos .item-video a.popup-youtube {
    height: 300px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-videos .item-video a.popup-youtube:hover svg {
    transform: scale(1.1);
}

.page-videos .item-video a.popup-youtube svg {
    transition: all 0.2s linear;
    margin-right: 10px;
}

.page-videos .item-video a.popup-youtube .title-video {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #FFFFFF;
    padding: 10px 30px;
    background-color: rgba(60, 60, 60, 0.6);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.page-videos .item-video a.popup-youtube .title-video .name {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 8px;
}

.page-videos .item-video a.popup-youtube .title-video .data-video {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page-videos .item-video a.popup-youtube .title-video .data {
    margin-right: 10px;
}

.page-videos .item-video a.popup-youtube .title-video .count-views {
    display: flex;
    align-items: center;
}

.page-videos .pagination {
    margin: 10px 0 40px;
}

/*Страница материнской услуги*/
.page-services .bread-crumbs {
    background-color: #F3F3F3;
}

.page-services .other-services:nth-of-type(1) {
    padding-top: 0;
}

/*Страница одиночной услуги*/
.page-service a.open-price {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #86A8FF;
    text-decoration: none;
    display: none;
    margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
    .page-service a.open-price {
        display: inline-flex;
        align-items: center;
    }
}

.page-service a.open-price:hover {
    color: rgb(95.1, 140.0305785124, 255);
}

.page-service a.open-price:hover svg {
    fill: rgb(95.1, 140.0305785124, 255);
}

.page-service a.open-price svg {
    transition: all 0.2s linear;
    fill: #86A8FF;
    margin-left: 12px;
}

.page-service .service-content {
    margin-bottom: 30px;
}

.page-service .service-content ul {
    overflow: hidden;
}

/*Страница лабаратории*/
.page-lab a.open-price {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #86A8FF;
    text-decoration: none;
    display: none;
    margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
    .page-lab a.open-price {
        display: inline-flex;
        align-items: center;
    }
}

.page-lab a.open-price:hover {
    color: rgb(95.1, 140.0305785124, 255);
}

.page-lab a.open-price:hover svg {
    fill: rgb(95.1, 140.0305785124, 255);
}

.page-lab a.open-price svg {
    transition: all 0.2s linear;
    fill: #86A8FF;
    margin-left: 12px;
}

.title-price {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 500;
    margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
    .title-price {
        font-size: 20px;
        font-size: 1.25rem;
    }
}

@media only screen and (max-width: 576px) {
    .title-price {
        font-size: 16px;
        font-size: 1rem;
    }
}

.table-price {
    margin-bottom: 50px;
}

@media only screen and (max-width: 768px) {
    .table-price {
        margin-bottom: 30px;
    }
}

.table-price tr {
    border-bottom: 1px solid #86A8FF;
}

@media only screen and (max-width: 768px) {
    .table-price tr.hide {
        display: none;
    }
}

.table-price tr td {
    padding: 15px;
}

.table-price tr td p.link-tooltip {
    color: rgb(95.1, 140.0305785124, 255);
    display: inline-block;
    margin: 0;
    position: relative;
}

.table-price tr td p.link-tooltip:hover {
    text-decoration: underline;
    cursor: pointer;
}

.table-price tr td p.link-tooltip span.tooltip {
    font-size: 12px;
    font-size: 0.75rem;
    color: #8A8A8A;
    background-clip: padding-box;
    box-shadow: 0 0 2px rgba(95.1, 140.0305785124, 255, 0.8);
    border: 1px solid rgb(95.1, 140.0305785124, 255);
    border-radius: 3px;
    position: absolute;
    width: 30%;
    min-width: 300px;
    left: 40%;
    margin-left: -15%;
    padding: 20px;
    bottom: 100%;
    margin-bottom: 20px;
    font-style: normal;
    text-align: justify;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s linear;
    background: #FFFFFF;
    z-index: 9;
}

@media only screen and (max-width: 576px) {
    .table-price tr td p.link-tooltip span.tooltip {
        min-width: 260px;
    }
}

.table-price tr td p.link-tooltip span.tooltip.open-tooltip {
    visibility: visible;
    opacity: 1;
}

.table-price tr td p.link-tooltip span.tooltip:before {
    content: "";
    position: absolute;
    border-top: 10px solid rgb(95.1, 140.0305785124, 255);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: 100%;
    left: 50%;
    margin-left: -10px;
}

.table-price tr td p.link-tooltip span.tooltip:after {
    content: "";
    position: absolute;
    border-top: 10px solid #FFFFFF;
    margin-top: -1px;
    z-index: 1;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: 100%;
    left: 50%;
    margin-left: -10px;
}

.table-price tr td:last-child {
    white-space: nowrap;
    text-align: right;
    font-weight: 700;
}

.sign-form {
    border-radius: 20px;
    background-color: #F3F3F3;
    margin-bottom: 30px;
}

.sign-form .sign-form-title {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 500;
    text-align: center;
}

@media only screen and (max-width: 576px) {
    .sign-form .sign-form-title {
        font-size: 22px;
        font-size: 1.375rem;
    }
}

.sign-form form {
    width: 100%;
}

.sign-form form .wpcf7-form-control-wrap,
.sign-form form .wpcf7-response-output {
    max-width: 360px;
}

@media only screen and (max-width: 576px) {
    .sign-form form .wpcf7-form-control-wrap,
  .sign-form form .wpcf7-response-output {
        max-width: none;
    }
}

/*Одиночная страница врача*/
.page-doctor .sign-form {
    padding: 30px;
}

@media only screen and (max-width: 576px) {
    .page-doctor .sign-form {
        padding: 20px 10px;
    }
}

.card-doctor {
    margin-bottom: 15px;
}

.card-doctor .foto-doctor {
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    max-height: 345px;
    margin-bottom: 30px;
}

@media only screen and (max-width: 1200px) {
    .card-doctor .foto-doctor {
        display: flex;
        justify-content: center;
        max-height: 355px;
    }
}

@media only screen and (max-width: 992px) {
    .card-doctor .foto-doctor {
        max-height: 345px;
    }
}

@media only screen and (max-width: 768px) {
    .card-doctor .foto-doctor {
        max-height: 530px;
    }
}

@media only screen and (max-width: 576px) {
    .card-doctor .foto-doctor {
        max-height: none;
        margin-bottom: 15px;
    }
}

.card-doctor .foto-doctor img {
    border-radius: 10px;
    width: auto;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media only screen and (max-width: 1200px) {
    .card-doctor .foto-doctor img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

@media only screen and (max-width: 768px) {
    .card-doctor .foto-doctor img {
        height: auto;
    }
}

.card-doctor .foto-doctor svg {
    fill: #8A8A8A;
}

.card-doctor .data-doctor .title-doctor {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 500;
    margin-bottom: 5px;
}

@media only screen and (max-width: 576px) {
    .card-doctor .data-doctor .title-doctor {
        font-size: 22px;
        font-size: 1.375rem;
    }
}

.card-doctor .data-doctor ul.specialization {
    list-style: none;
    display: flex;
    padding: 0;
    margin-bottom: 20px;
}

.card-doctor .data-doctor ul.specialization li {
    font-size: 14px;
    font-size: 0.875rem;
    margin-right: 5px;
}

.card-doctor .data-doctor ul.specialization li:last-child {
    margin-right: 0;
}

.card-doctor .data-doctor ul.location {
    list-style: none;
    display: flex;
    padding: 0;
    margin-bottom: 30px;
}

@media only screen and (max-width: 576px) {
    .card-doctor .data-doctor ul.location {
        flex-direction: column;
        margin-bottom: 0;
    }
}

.card-doctor .data-doctor ul.location li {
    margin-right: 30px;
}

@media only screen and (max-width: 576px) {
    .card-doctor .data-doctor ul.location li {
        margin-right: 0;
        margin-bottom: 20px;
    }
}

.card-doctor .data-doctor ul.location li:last-child {
    margin-right: 0;
}

.card-doctor .data-doctor ul.location li .addr,
.card-doctor .data-doctor ul.location li .metro {
    display: flex;
    align-items: center;
}

.card-doctor .data-doctor ul.location li .addr span,
.card-doctor .data-doctor ul.location li .metro span {
    margin: 0 10px;
}

.card-doctor .data-doctor ul.location li .addr {
    margin-bottom: 10px;
}

.card-doctor .data-doctor ul.location li .addr svg {
    margin-right: 10px;
}

.card-doctor .data-doctor ul.location li .metro {
    line-height: 1;
}

/*Архивная страница всех докторов*/
.head-doctors {
    margin-bottom: 60px;
}

@media only screen and (max-width: 992px) {
    .head-doctors .doctors-content {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 576px) {
    .head-doctors .doctors-content .sign-up-form {
        width: 100%;
    }
}

.head-doctors .doctors-content .sign-up-form {
    margin-top: 15px;
}

.head-doctors .doctors-image img {
    border-radius: 20px;
    -o-object-fit: cover;
    object-fit: cover;
}

.filter-doctors {
    padding: 30px 0;
    margin-bottom: 60px;
    background-color: #F3F3F3;
}

.filter-doctors form.form-filter {
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: flex-end;
}

@media only screen and (max-width: 992px) {
    .filter-doctors form.form-filter {
        justify-content: space-between;
        flex-wrap: wrap;
    }
}

.filter-doctors form.form-filter p {
    margin: 0 40px 0 0;
}

@media only screen and (max-width: 1400px) {
    .filter-doctors form.form-filter p {
        width: 100%;
    }

    .filter-doctors form.form-filter p:last-child {
        margin: 0;
    }
}

@media only screen and (max-width: 992px) {
    .filter-doctors form.form-filter p {
        flex-basis: 48%;
        margin: 0 0 15px 0;
    }

    .filter-doctors form.form-filter p:last-child {
        flex-basis: 100%;
        margin: 0;
    }
}

@media only screen and (max-width: 576px) {
    .filter-doctors form.form-filter p {
        flex-basis: 100%;
        margin-bottom: 30px;
    }
}

.filter-doctors form.form-filter label {
    font-weight: 500;
    padding-left: 5px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 992px) {
    .filter-doctors form.form-filter label {
        margin-bottom: 5px;
    }
}

.filter-doctors form.form-filter select {
    width: 380px;
    max-width: none;
}

@media only screen and (max-width: 1400px) {
    .filter-doctors form.form-filter select {
        width: 100%;
    }
}

.filter-doctors form.form-filter input {
    margin: 0;
    width: 380px;
    max-width: none;
}

@media only screen and (max-width: 1400px) {
    .filter-doctors form.form-filter input {
        width: 100%;
    }
}

/*Все доктора*/
.grid-doctors {
    margin-bottom: 60px;
}

.grid-doctors .card-doctor {
    border-radius: 10px;
    text-align: center;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    background: #F3F3F3;
    overflow: hidden;
    margin-bottom: 30px;
}

.grid-doctors .card-doctor .link-image {
    min-height: 280px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.grid-doctors .card-doctor .link-image:hover img, .grid-doctors .card-doctor .link-image:hover svg {
    transform: scale(1.05);
}

.grid-doctors .card-doctor img {
    transition: all 0.2s linear;
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}

.grid-doctors .card-doctor svg {
    transition: all 0.2s linear;
    fill: #8A8A8A;
}

.grid-doctors .card-doctor .doctor-data {
    padding: 20px;
}

.grid-doctors .card-doctor .doctor-name {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 5px;
}

.grid-doctors .card-doctor .doctor-name:hover a {
    color: #86A8FF;
}

.grid-doctors .card-doctor .doctor-name a {
    color: #3C3C3C;
    text-decoration: none;
    display: block;
}

.grid-doctors .card-doctor .doctor-direction {
    margin-bottom: 5px;
}

.grid-doctors .card-doctor .metro {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.grid-doctors .card-doctor .metro .metro-item {
    display: flex;
    align-items: center;
    margin-right: 10px;
    margin-bottom: 5px;
}

.grid-doctors .card-doctor .metro .metro-item svg {
    margin-right: 5px;
    margin-bottom: 2px;
}

.grid-doctors .card-doctor .rewiews {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.grid-doctors .card-doctor .rewiews .dot {
    font-size: 40px;
    font-size: 2.5rem;
    color: #86A8FF;
    line-height: 14px;
    margin-right: 5px;
    margin-bottom: 4px;
}

.grid-doctors .card-doctor .rewiews strong {
    margin-right: 5px;
}

.grid-doctors .card-doctor a.button {
    margin: 0 auto;
    padding: 12px 20px;
}

.grid-doctors p.no-doctors {
    font-size: 18px;
    font-size: 1.125rem;
    color: #8A8A8A;
    font-weight: 500;
    margin: 0;
}

/*Страница контактов*/
.data-contact {
    margin-bottom: 30px;
}

.data-contact .title-contact {
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 500;
    position: relative;
}

@media only screen and (max-width: 576px) {
    .data-contact .title-contact {
        font-size: 26px;
        font-size: 1.625rem;
        margin-bottom: 5px;
    }
}

.data-contact .title-contact:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #86A8FF;
    position: absolute;
    top: 50%;
}

.data-contact .title-contact span {
    display: inline-block;
    padding-right: 20px;
    position: relative;
    background-color: #FFFFFF;
}

.data-contact .location {
    font-size: 26px;
    font-size: 1.625rem;
    display: flex;
    margin-bottom: 20px;
}

@media only screen and (max-width: 1200px) {
    .data-contact .location {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 576px) {
    .data-contact .location {
        font-size: 16px;
        font-size: 1rem;
    }
}

.data-contact .location .metro {
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.data-contact .location .metro svg {
    margin-right: 5px;
}

.data-contact .label {
    font-weight: 500;
    margin-bottom: 8px;
}

.data-contact .time-list {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

.data-contact .time-list svg {
    margin-right: 10px;
}

.data-contact .time-list ul.day-week {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (max-width: 576px) {
    .data-contact .time-list ul.day-week {
        flex-direction: column;
        align-items: flex-start;
    }
}

.data-contact .time-list ul.day-week li {
    white-space: nowrap;
    line-height: 1.3;
    margin-right: 30px;
}

.data-contact .time-list ul.day-week li:last-child {
    margin-right: 0;
}

.data-contact .time-list ul.day-week li span {
    color: #8A8A8A;
    margin-right: 10px;
}

.data-contact .phones {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.data-contact .phones a.addr-phone {
    font-size: 14px;
    font-size: 0.875rem;
    color: #3C3C3C;
    text-decoration: none;
    display: flex;
    align-items: center;
    margin-right: 30px;
}

@media only screen and (max-width: 576px) {
    .data-contact .phones a.addr-phone {
        font-size: 22px;
        font-size: 1.375rem;
    }
}

.data-contact .phones a.addr-phone:hover {
    color: #86A8FF;
}

.data-contact .phones a.addr-phone svg {
    margin-right: 5px;
}

.data-contact .phones .socials {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}

.data-contact .phones .socials li {
    margin-right: 10px;
}

.data-contact .phones .socials li:last-child {
    margin-right: 0;
}

.data-contact .phones .socials li a {
    color: #3C3C3C;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.data-contact .phones .socials li a:hover {
    color: #86A8FF;
}

.data-contact .phones .socials svg {
    fill: #86A8FF;
    margin-right: 5px;
}

.data-contact a.button-border {
    align-self: flex-start;
    margin-bottom: 30px;
}

.data-contact .popup-gallery a {
    height: 280px;
}

.data-contact a.tour {
    border-radius: 20px;
    display: block;
    height: 280px;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.data-contact a.tour:hover .title-gallery {
    background-color: rgba(60, 60, 60, 0.9);
}

.data-contact a.tour .title-gallery {
    transition: all 0.3s linear;
    color: #FFFFFF;
    padding: 20px 30px;
    background-color: rgba(60, 60, 60, 0.6);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media only screen and (max-width: 992px) {
    .data-contact a.tour .title-gallery {
        padding: 15px;
    }
}

@media only screen and (max-width: 768px) {
    .data-contact a.tour .title-gallery {
        padding: 20px 30px;
    }
}

.data-contact a.tour .title-gallery .count-foto {
    display: flex;
    align-items: center;
}

.data-contact a.tour .title-gallery .count-foto svg {
    margin-right: 10px;
}

.data-contact .item-video {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px;
}

.data-contact .item-video a.popup-youtube {
    height: 280px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.data-contact .item-video a.popup-youtube:hover svg {
    transform: scale(1.1);
    fill: red;
}

.data-contact .item-video a.popup-youtube:hover .title-video {
    background-color: rgba(60, 60, 60, 0.9);
}

.data-contact .item-video a.popup-youtube svg {
    transition: all 0.2s linear;
    margin-right: 10px;
    fill: #FFFFFF;
}

.data-contact .item-video a.popup-youtube .title-video {
    transition: all 0.3s linear;
    color: #FFFFFF;
    padding: 20px 30px;
    background-color: rgba(60, 60, 60, 0.6);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media only screen and (max-width: 992px) {
    .data-contact .item-video a.popup-youtube .title-video {
        padding: 15px;
    }
}

@media only screen and (max-width: 768px) {
    .data-contact .item-video a.popup-youtube .title-video {
        padding: 20px 30px;
    }
}

.data-contact .sign-form {
    max-height: none;
}

/*Страница лабаратории*/
.head-lab {
    margin-bottom: 60px;
}

@media only screen and (max-width: 992px) {
    .head-lab .lab-content {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 576px) {
    .head-lab .lab-content .sign-up-form {
        width: 100%;
    }
}

.head-lab .lab-content .title-lab {
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 400;
    margin-bottom: 10px;
}

.head-lab .lab-content .sign-up-form {
    margin-top: 15px;
}

.head-lab .lab-image img {
    border-radius: 20px;
    -o-object-fit: cover;
    object-fit: cover;
}

.brands {
    margin-bottom: 60px;
}

.brands .item-brand {
    display: flex;
    justify-content: center;
    align-items: center;
}

.list-installation {
    padding: 30px 0 0;
    margin-bottom: 60px;
    background-color: #F3F3F3;
}

.list-installation .installation-item {
    border-radius: 10px;
    padding: 20px;
    display: flex;
    align-items: center;
    background-color: #FFFFFF;
    margin-bottom: 30px;
}

@media only screen and (max-width: 576px) {
    .list-installation .installation-item {
        flex-direction: column;
    }
}

.list-installation .installation-item .installation-image {
    margin-right: 20px;
    flex-shrink: 0;
}

@media only screen and (max-width: 576px) {
    .list-installation .installation-item .installation-image {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
}

.list-installation .installation-item .installation-image img {
    border-radius: 10px;
}

@media only screen and (max-width: 576px) {
    .list-installation .installation-item .installation-image img {
        width: 100%;
        height: auto;
    }
}

@media only screen and (max-width: 576px) {
    .list-installation .installation-item .installation-content {
        text-align: center;
    }
}

.list-installation .installation-item .installation-content p {
    margin: 0;
}

/*Форма запись на диагностику*/
.form-diagnostic {
    margin-bottom: 60px;
}

.form-diagnostic .form-diagnostic-item {
    border-radius: 20px;
    padding: 20px;
    background-color: #F3F3F3;
}

.form-diagnostic .form-diagnostic-item .wrap-form-diagnostic {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
}

@media only screen and (max-width: 992px) {
    .form-diagnostic .form-diagnostic-item .wrap-form-diagnostic {
        padding: 0;
        margin-bottom: 15px;
    }
}

.form-diagnostic .form-diagnostic-item .diagnostic-title,
.form-diagnostic .form-diagnostic-item .diagnostic-desk {
    text-align: center;
    margin-bottom: 10px;
    max-width: 550px;
}

.form-diagnostic .form-diagnostic-item .diagnostic-title {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 500;
}

.form-diagnostic .form-diagnostic-item .diagnostic-desk {
    margin-bottom: 20px;
}

.form-diagnostic .form-diagnostic-item form p {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
}

.form-diagnostic .form-diagnostic-item form .wpcf7-form-control-wrap,
.form-diagnostic .form-diagnostic-item form .wpcf7-form-control {
    flex-basis: 48%;
    max-width: none;
    margin: 0;
    height: -moz-fit-content;
    height: fit-content;
}

@media only screen and (max-width: 768px) {
    .form-diagnostic .form-diagnostic-item form .wpcf7-form-control-wrap,
  .form-diagnostic .form-diagnostic-item form .wpcf7-form-control {
        flex-basis: 100%;
    }
}

.form-diagnostic .form-diagnostic-item form .wpcf7-form-control-wrap {
    margin-bottom: 15px;
}

.form-diagnostic .form-diagnostic-item form select {
    padding: 10px 15px;
}

.form-diagnostic .form-diagnostic-item form .wpcf7-submit {
    margin-bottom: 15px;
}

.form-diagnostic .form-diagnostic-item form .wpcf7-spinner {
    display: none;
}

.form-diagnostic .form-diagnostic-item img {
    border-radius: 20px;
    -o-object-fit: cover;
    object-fit: cover;
}

@media only screen and (max-width: 992px) {
    .form-diagnostic .form-diagnostic-item img {
        width: 100%;
        height: auto;
    }
}

.cleaning-banner {
    border-radius: 10px;
    background-color: #86A8FF;
    padding: 20px 40px;
    margin-bottom: 30px;
}

.cleaning-banner .title-banner {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1.4;
    margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
    .cleaning-banner .title-banner {
        text-align: center;
    }
}

@media only screen and (max-width: 576px) {
    .cleaning-banner .title-banner {
        text-align: left;
    }
}

.cleaning-banner .button-white {
    width: 100%;
    padding: 12px;
}

.buttons-inline {
    display: flex;
    -moz-column-gap: 30px;
    column-gap: 30px;
}

@media only screen and (max-width: 1400px) {
    .buttons-inline {
        flex-wrap: wrap;
    }
}

.link-page-price {
    border-radius: 10px;
    font-size: 16px;
    font-size: 1rem;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 1.4;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #86A8FF;
    width: 100%;
    max-width: 460px;
    padding: 15px 30px;
    margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
    .link-page-price {
        max-width: none;
    }
}

.link-page-price:hover {
    color: #FFFFFF;
    background-color: rgb(95.1, 140.0305785124, 255);
}

.link-page-price span {
    margin-right: 15px;
}

.link-page-price img {
    -o-object-fit: cover;
    object-fit: cover;
}

/*Страница курса*/
.head-course .title {
    margin-bottom: 40px;
}

.head-course .main-content {
    margin-bottom: 30px;
}

.course {
    border-radius: 20px;
    min-height: 200px;
    position: relative;
    margin-bottom: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 992px) {
    .course {
        margin-bottom: 0;
        flex-direction: column;
    }
}

.course .label {
    font-size: 14px;
    font-size: 0.875rem;
    color: #FFFFFF;
    display: inline-block;
    padding: 10px 30px;
    background-color: #86A8FF;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    position: absolute;
    top: 30px;
    left: 0;
}

.course img {
    border-radius: 20px;
    width: 100%;
    min-height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
}

.course svg {
    margin: 0 50px;
}

.course .data-course {
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 40px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50px;
    width: 100%;
    max-width: 930px;
    background-color: #F3F3F3;
}

@media only screen and (max-width: 992px) {
    .course .data-course {
        position: relative;
        margin-top: 30px;
        bottom: 0;
        flex-direction: column;
    }
}

@media only screen and (max-width: 576px) {
    .course .data-course .wrap-data {
        width: 100%;
    }
}

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

@media only screen and (max-width: 992px) {
    .course .data-course ul.data {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 576px) {
    .course .data-course ul.data {
        width: 100%;
        margin-bottom: 15px;
        flex-direction: column;
        justify-content: space-between;
    }
}

.course .data-course ul.data li {
    margin-right: 60px;
}

@media only screen and (max-width: 576px) {
    .course .data-course ul.data li {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-right: 0;
    }
}

.course .data-course ul.data li:last-child {
    margin-right: 0;
}

.course .data-course ul.data li .title-item {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 10px;
}

.course .data-course ul.data li .value-item {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
}

@media only screen and (max-width: 576px) {
    .course .data-course .wrap-button {
        width: 100%;
    }
}

.course .data-course .wrap-button a.button {
    text-transform: none;
    padding: 14px 50px;
}

@media only screen and (max-width: 576px) {
    .course .data-course .wrap-button a.button {
        padding: 14px;
        width: 100%;
    }
}

/*Баннер курса*/
.banner-course {
    border-radius: 20px;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    background-color: #86A8FF;
    margin-bottom: 60px;
}

@media only screen and (max-width: 992px) {
    .banner-course {
        padding: 20px 30px;
    }
}

@media only screen and (max-width: 768px) {
    .banner-course {
        flex-direction: column;
    }
}

.banner-course .title-banner {
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1.4;
    flex-grow: 1;
    max-width: 30%;
    margin-right: 120px;
}

@media only screen and (max-width: 992px) {
    .banner-course .title-banner {
        margin-right: 30px;
        max-width: 50%;
    }
}

@media only screen and (max-width: 768px) {
    .banner-course .title-banner {
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 1.2;
        margin-right: 0;
        margin-left: 15px;
        margin-bottom: 15px;
        width: 100%;
        max-width: none;
    }
}

@media only screen and (max-width: 576px) {
    .banner-course .title-banner {
        font-size: 20px;
        font-size: 1.25rem;
    }
}

.banner-course .text-banner {
    font-size: 16px;
    font-size: 1rem;
    color: #FFFFFF;
    flex-grow: 1;
    max-width: 30%;
}

@media only screen and (max-width: 992px) {
    .banner-course .text-banner {
        max-width: 50%;
    }
}

@media only screen and (max-width: 768px) {
    .banner-course .text-banner {
        width: 100%;
        max-width: none;
    }
}

@media only screen and (max-width: 576px) {
    .banner-course .text-banner {
        font-size: 14px;
        font-size: 0.875rem;
    }
}

.banner-course .text-banner ul {
    list-style: disc;
    margin: 0;
}

.banner-course .text-banner ul li {
    color: #FFFFFF;
    line-height: 1.6;
}

/*Преаодаватель курса*/
.teacher-course {
    margin-bottom: 60px;
}

@media only screen and (max-width: 768px) {
    .teacher-course .teacher-image {
        text-align: center;
        margin-bottom: 30px;
    }
}

.teacher-course .teacher-image img {
    border-radius: 20px;
    width: 100%;
    max-width: 340px;
    height: 420px;
    -o-object-fit: cover;
    object-fit: cover;
}

@media only screen and (max-width: 992px) {
    .teacher-course .teacher-image img {
        height: auto;
    }
}

@media only screen and (max-width: 576px) {
    .teacher-course .teacher-image img {
        width: 100%;
        max-width: none;
        height: auto;
    }
}

/*Архивная курсов*/
.courses-content {
    margin-bottom: 60px;
}

.courses-content .courses-text {
    margin-bottom: 30px;
}

@media only screen and (max-width: 992px) {
    .courses-content .courses-text {
        margin-bottom: 15px;
    }
}

.courses-content .courses-text .courses-title {
    font-size: 40px;
    font-size: 2.5rem;
    margin-bottom: 15px;
}

.courses-content .courses-text ul li {
    line-height: 1.6;
    position: relative;
}

.courses-content .courses-text ul li::before {
    border-radius: 50%;
    content: "";
    font-size: 24px;
    font-size: 1.5rem;
    position: absolute;
    top: 7px;
    left: -15px;
    width: 6px;
    height: 6px;
    background-color: #86A8FF;
}

.courses-content .courses-image {
    text-align: center;
}

.courses-content .courses-image img {
    border-radius: 20px;
    width: 100%;
}

/*Слайдер курсов*/
.coursesSlider {
    margin-bottom: 40px;
}

.coursesSlider .swiper {
    width: 100%;
    height: 100%;
}

.coursesSlider .swiper-slide {
    text-align: center;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}

.coursesSlider .swiper-slide .label {
    font-size: 14px;
    font-size: 0.875rem;
    color: #FFFFFF;
    display: inline-block;
    padding: 10px 30px;
    background-color: #86A8FF;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    position: absolute;
    top: 30px;
    left: 0;
}

.coursesSlider .swiper-slide .slide-image {
    border-radius: 20px;
    width: 100%;
    min-height: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: 20px;
    background-color: #8A8A8A;
}

.coursesSlider .swiper-slide .slide-image img {
    border-radius: 20px;
    transition: all 0.2s linear;
    display: block;
    width: 100%;
    min-height: 350px;
    -o-object-fit: cover;
    object-fit: cover;
}

.coursesSlider .swiper-slide .slide-image svg {
    margin: 0 50px;
}

.coursesSlider .swiper-slide .slider-head {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
    .coursesSlider .swiper-slide .slider-head {
        flex-direction: column;
    }
}

.coursesSlider .swiper-slide .slider-head .slider-title {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 500;
    text-align: left;
    color: #3C3C3C;
    text-decoration: none;
    line-height: 1.2;
    max-width: 740px;
    margin-right: 30px;
}

@media only screen and (max-width: 768px) {
    .coursesSlider .swiper-slide .slider-head .slider-title {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 576px) {
    .coursesSlider .swiper-slide .slider-head .slider-title {
        font-size: 20px;
        font-size: 1.25rem;
    }
}

.coursesSlider .swiper-slide .slider-head .slider-title:hover {
    color: #86A8FF;
}

.coursesSlider .swiper-slide .slider-head .course-start {
    border-radius: 10px;
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 30px;
    background-color: #F3F3F3;
}

@media only screen and (max-width: 768px) {
    .coursesSlider .swiper-slide .slider-head .course-start {
        flex-direction: row;
        justify-content: space-between;
    }
}

.coursesSlider .swiper-slide .slider-head .course-start .time {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 768px) {
    .coursesSlider .swiper-slide .slider-head .course-start .time {
        align-items: flex-start;
    }
}

.coursesSlider .swiper-slide .slider-head .course-start span {
    font-weight: 500;
    margin-bottom: 2px;
}

.coursesSlider .swiper-slide .slider-head .course-start .price {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    display: none;
}

@media only screen and (max-width: 768px) {
    .coursesSlider .swiper-slide .slider-head .course-start .price {
        display: block;
    }
}

.coursesSlider .swiper-slide .slider-content {
    text-align: left;
    margin-bottom: 20px;
}

.coursesSlider .swiper-slide .slider-content p:last-child {
    margin: 0;
}

.coursesSlider .swiper-slide .slider-footer {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.coursesSlider .swiper-slide .slider-footer .price {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 700;
}

@media only screen and (max-width: 768px) {
    .coursesSlider .swiper-slide .slider-footer .price {
        display: none;
    }
}

.coursesSlider .swiper-slide .slider-footer .wrap-button {
    margin-right: 1px;
}

@media only screen and (max-width: 768px) {
    .coursesSlider .swiper-slide .slider-footer .wrap-button {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
}

.coursesSlider .swiper-slide .slider-footer a {
    text-transform: none;
    line-height: 1;
    padding: 14px 70px;
}

@media only screen and (max-width: 768px) {
    .coursesSlider .swiper-slide .slider-footer a {
        padding: 14px;
        flex-basis: 50%;
    }
}

.coursesSlider .swiper-slide .slider-footer a:last-child {
    padding: 13px 70px;
    margin-left: 20px;
}

.coursesSlider .swiper-slide svg {
    transition: all 0.2s linear;
    fill: #8A8A8A;
}

.coursesSlider .swiper-slide .slider-pointer {
    color: #3C3C3C;
    padding: 30px 15px;
    display: none;
}

@media only screen and (max-width: 576px) {
    .coursesSlider .swiper-slide .slider-pointer {
        display: flex;
    }
}

.coursesSlider .swiper-slide .slider-pointer .hand {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='4' viewBox='0 0 20 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.601 2.29454H18.6705L17.7614 2.98952C17.688 3.0456 17.6468 3.12166 17.6468 3.20097C17.6468 3.28027 17.688 3.35633 17.7614 3.41241C17.8347 3.46849 17.9342 3.5 18.038 3.5C18.1417 3.5 18.2412 3.46849 18.3145 3.41241L19.8854 2.21145C19.9218 2.18368 19.9506 2.15072 19.9702 2.11444C19.9899 2.07816 20 2.03927 20 2C20 1.96073 19.9899 1.92184 19.9702 1.88556C19.9506 1.84928 19.9218 1.81632 19.8854 1.78855L18.3145 0.587585C18.2782 0.559817 18.2351 0.53779 18.1876 0.522763C18.1402 0.507735 18.0893 0.5 18.038 0.5C17.9866 0.5 17.9357 0.507735 17.8883 0.522763C17.8408 0.53779 17.7977 0.559817 17.7614 0.587585C17.7251 0.615353 17.6962 0.648318 17.6766 0.684599C17.6569 0.720879 17.6468 0.759765 17.6468 0.799034C17.6468 0.838304 17.6569 0.877189 17.6766 0.91347C17.6962 0.94975 17.7251 0.982716 17.7614 1.01048L18.6587 1.69649H13.601C13.4973 1.69649 13.3978 1.72799 13.3245 1.78407C13.2511 1.84015 13.2099 1.91621 13.2099 1.99551C13.2099 2.07482 13.2511 2.15088 13.3245 2.20696C13.3978 2.26304 13.4973 2.29454 13.601 2.29454ZM1.82953 2.29454H6.85398C6.95772 2.29454 7.0572 2.26304 7.13056 2.20696C7.20391 2.15088 7.24512 2.07482 7.24512 1.99551C7.24512 1.91621 7.20391 1.84015 7.13056 1.78407C7.0572 1.72799 6.95772 1.69649 6.85398 1.69649H1.84131L2.73862 1.01048C2.81197 0.954404 2.85318 0.878343 2.85318 0.799034C2.85318 0.719725 2.81197 0.643665 2.73862 0.587585C2.66527 0.531505 2.56578 0.5 2.46204 0.5C2.3583 0.5 2.25881 0.531505 2.18546 0.587585L0.614568 1.78855C0.578245 1.81632 0.549433 1.84928 0.529775 1.88556C0.510118 1.92184 0.5 1.96073 0.5 2C0.5 2.03927 0.510118 2.07816 0.529775 2.11444C0.549433 2.15072 0.578245 2.18368 0.614568 2.21145L2.18546 3.41241C2.25881 3.46849 2.3583 3.5 2.46204 3.5C2.56578 3.5 2.66527 3.46849 2.73862 3.41241C2.81197 3.35633 2.85318 3.28027 2.85318 3.20097C2.85318 3.12166 2.81197 3.0456 2.73862 2.98952L1.82953 2.29454Z' fill='black'/%3E%3C/svg%3E%0A");
}

.coursesSlider .swiper-slide .slider-pointer svg {
    fill: #3C3C3C;
}

.coursesSlider .slider-navigation {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: relative;
}

@media only screen and (max-width: 992px) {
    .coursesSlider .slider-navigation {
        padding-bottom: 30px;
    }
}

.coursesSlider .slider-navigation .work-swiper-prev,
.coursesSlider .slider-navigation .work-swiper-next {
    transition: all 0.2s linear;
    color: #3C3C3C;
    word-wrap: break-word;
    white-space: nowrap;
    padding: 30px 0;
    display: flex;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media only screen and (max-width: 576px) {
    .coursesSlider .slider-navigation .work-swiper-prev,
  .coursesSlider .slider-navigation .work-swiper-next {
        display: none;
    }
}

.coursesSlider .slider-navigation .work-swiper-prev:hover,
.coursesSlider .slider-navigation .work-swiper-next:hover {
    color: #86A8FF;
}

.coursesSlider .slider-navigation .work-swiper-prev.swiper-button-disabled,
.coursesSlider .slider-navigation .work-swiper-next.swiper-button-disabled {
    color: #8A8A8A;
    cursor: default;
}

.coursesSlider .slider-navigation .work-swiper-prev.swiper-button-disabled svg,
.coursesSlider .slider-navigation .work-swiper-next.swiper-button-disabled svg {
    fill: #8A8A8A;
}

.coursesSlider .slider-navigation .work-swiper-prev.swiper-button-lock,
.coursesSlider .slider-navigation .work-swiper-next.swiper-button-lock {
    display: none;
}

.coursesSlider .slider-navigation .work-swiper-prev svg,
.coursesSlider .slider-navigation .work-swiper-next svg {
    fill: #86A8FF;
    width: 30px;
    height: 20px;
    margin: 0 15px;
}

@media only screen and (max-width: 768px) {
    .coursesSlider .slider-navigation .work-swiper-prev span,
  .coursesSlider .slider-navigation .work-swiper-next span {
        display: none;
    }
}

@media only screen and (max-width: 1400px) {
    .coursesSlider .slider-navigation .work-swiper-prev svg {
        margin: 0 15px 0 0;
    }
}

.coursesSlider .slider-navigation .work-swiper-next {
    margin-left: 60px;
}

.coursesSlider .slider-navigation .work-swiper-next svg {
    margin: 0 0 0 15px;
}

.coursesSlider .slider-navigation .slider-pointer {
    color: #3C3C3C;
    padding: 30px 0 0;
    display: none;
}

@media only screen and (max-width: 576px) {
    .coursesSlider .slider-navigation .slider-pointer {
        display: flex;
    }
}

.coursesSlider .slider-navigation .slider-pointer .hand {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='4' viewBox='0 0 20 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.601 2.29454H18.6705L17.7614 2.98952C17.688 3.0456 17.6468 3.12166 17.6468 3.20097C17.6468 3.28027 17.688 3.35633 17.7614 3.41241C17.8347 3.46849 17.9342 3.5 18.038 3.5C18.1417 3.5 18.2412 3.46849 18.3145 3.41241L19.8854 2.21145C19.9218 2.18368 19.9506 2.15072 19.9702 2.11444C19.9899 2.07816 20 2.03927 20 2C20 1.96073 19.9899 1.92184 19.9702 1.88556C19.9506 1.84928 19.9218 1.81632 19.8854 1.78855L18.3145 0.587585C18.2782 0.559817 18.2351 0.53779 18.1876 0.522763C18.1402 0.507735 18.0893 0.5 18.038 0.5C17.9866 0.5 17.9357 0.507735 17.8883 0.522763C17.8408 0.53779 17.7977 0.559817 17.7614 0.587585C17.7251 0.615353 17.6962 0.648318 17.6766 0.684599C17.6569 0.720879 17.6468 0.759765 17.6468 0.799034C17.6468 0.838304 17.6569 0.877189 17.6766 0.91347C17.6962 0.94975 17.7251 0.982716 17.7614 1.01048L18.6587 1.69649H13.601C13.4973 1.69649 13.3978 1.72799 13.3245 1.78407C13.2511 1.84015 13.2099 1.91621 13.2099 1.99551C13.2099 2.07482 13.2511 2.15088 13.3245 2.20696C13.3978 2.26304 13.4973 2.29454 13.601 2.29454ZM1.82953 2.29454H6.85398C6.95772 2.29454 7.0572 2.26304 7.13056 2.20696C7.20391 2.15088 7.24512 2.07482 7.24512 1.99551C7.24512 1.91621 7.20391 1.84015 7.13056 1.78407C7.0572 1.72799 6.95772 1.69649 6.85398 1.69649H1.84131L2.73862 1.01048C2.81197 0.954404 2.85318 0.878343 2.85318 0.799034C2.85318 0.719725 2.81197 0.643665 2.73862 0.587585C2.66527 0.531505 2.56578 0.5 2.46204 0.5C2.3583 0.5 2.25881 0.531505 2.18546 0.587585L0.614568 1.78855C0.578245 1.81632 0.549433 1.84928 0.529775 1.88556C0.510118 1.92184 0.5 1.96073 0.5 2C0.5 2.03927 0.510118 2.07816 0.529775 2.11444C0.549433 2.15072 0.578245 2.18368 0.614568 2.21145L2.18546 3.41241C2.25881 3.46849 2.3583 3.5 2.46204 3.5C2.56578 3.5 2.66527 3.46849 2.73862 3.41241C2.81197 3.35633 2.85318 3.28027 2.85318 3.20097C2.85318 3.12166 2.81197 3.0456 2.73862 2.98952L1.82953 2.29454Z' fill='black'/%3E%3C/svg%3E%0A");
}

.coursesSlider .slider-navigation .slider-pointer svg {
    fill: #3C3C3C;
}

/*Завершені курси*/
.completed-courses {
    margin-bottom: 30px;
}

.completed-courses .item-course {
    margin-bottom: 30px;
}

.completed-courses .item-course .link-image {
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 220px;
    margin-bottom: 15px;
    overflow: hidden;
    background-color: #8A8A8A;
}

.completed-courses .item-course .link-image:hover img, .completed-courses .item-course .link-image:hover svg {
    transform: scale(1.05);
}

.completed-courses .item-course .link-image .label {
    font-size: 14px;
    font-size: 0.875rem;
    color: #FFFFFF;
    display: inline-block;
    padding: 5px 20px;
    background-color: #86A8FF;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    position: absolute;
    top: 15px;
    left: 0;
    z-index: 9;
}

.completed-courses .item-course .link-image img {
    transition: all 0.2s linear;
    width: 100%;
    min-height: 220px;
}

.completed-courses .item-course .link-image svg {
    transition: all 0.2s linear;
    margin: 0 30px;
}

.completed-courses .item-course h2 a {
    font-size: 16px;
    font-size: 1rem;
    color: #3C3C3C;
    font-weight: 500;
    line-height: 1.4;
    text-decoration: none;
    display: block;
}

.completed-courses .item-course h2 a:hover {
    color: #86A8FF;
}

.completed-courses .item-course .read-more {
    font-size: 14px;
    font-size: 0.875rem;
    text-decoration: none;
    display: inline-block;
}

.completed-courses .item-course .read-more:hover {
    text-decoration: underline;
}

.completed-courses .item-course .read-more:hover svg {
    fill: rgb(95.1, 140.0305785124, 255);
    margin-left: 5px;
}

.completed-courses .item-course .read-more svg {
    transition: all 0.2s linear;
    fill: #86A8FF;
}

/*Страница наши работы*/
.filters-title {
    padding-top: 30px;
    background-color: #F3F3F3;
}

.filters-tabs {
    overflow: hidden;
    margin-bottom: 60px;
}

.filters-tabs .responsiveTabsWorks ul.tabs-list {
    font-size: 0px;
    font-size: 0rem;
    overflow: visible;
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px 20px;
    justify-content: space-between;
    padding-bottom: 30px;
    margin-bottom: 60px;
}

@media only screen and (max-width: 1200px) {
    .filters-tabs .responsiveTabsWorks ul.tabs-list {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width: 992px) {
    .filters-tabs .responsiveTabsWorks ul.tabs-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

.filters-tabs .responsiveTabsWorks ul.tabs-list:before {
    content: "";
    width: 1000%;
    height: 100%;
    position: absolute;
    left: -50%;
    z-index: -1;
    background-color: #F3F3F3;
}

.filters-tabs .responsiveTabsWorks ul.tabs-list li {
    display: inline-block;
}

.filters-tabs .responsiveTabsWorks ul.tabs-list li.hide {
    display: none;
}

.filters-tabs .responsiveTabsWorks ul.tabs-list li.r-tabs-state-active a {
    color: #86A8FF;
    font-weight: 600;
    border-color: #86A8FF;
}

.filters-tabs .responsiveTabsWorks ul.tabs-list li a {
    border-radius: 10px;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    color: #3C3C3C;
    text-decoration: none;
    display: flex;
    align-items: center;
    padding: 18px;
    border: 1px solid transparent;
    background-color: #FFFFFF;
}

@media only screen and (max-width: 576px) {
    .filters-tabs .responsiveTabsWorks ul.tabs-list li a {
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: 400;
        padding: 10px;
    }
}

.filters-tabs .responsiveTabsWorks ul.tabs-list li a:hover {
    color: #86A8FF;
    border-color: #86A8FF;
}

.filters-tabs .responsiveTabsWorks ul.tabs-list li a:hover img {
    transform: scale(1.1);
}

.filters-tabs .responsiveTabsWorks ul.tabs-list li a img {
    transition: all 0.2s linear;
    width: 28px;
    height: auto;
    max-height: 28px;
    margin-right: 25px;
}

@media only screen and (max-width: 576px) {
    .filters-tabs .responsiveTabsWorks ul.tabs-list li a img {
        width: 22px;
        height: 22px;
        margin-right: 10px;
    }
}

.filters-tabs .responsiveTabsWorks .r-tabs-accordion-title {
    display: none !important;
}

.filters-tabs .responsiveTabsWorks .tab {
    padding: 0;
}

.filters-tabs .responsiveTabsWorks .tab.hide {
    display: none !important;
}

.filters-tabs .responsiveTabsWorks .tab p {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    color: #3C3C3C;
}

.worksSwiper {
    position: relative;
    margin-bottom: 20px;
}

.worksSwiper .swiper-slide a.link-slide {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: block;
    width: 100%;
    overflow: hidden;
}

@media only screen and (max-width: 576px) {
    .worksSwiper .swiper-slide a.link-slide {
        border-radius: 10px;
    }
}

.worksSwiper .swiper-slide a.link-slide img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media only screen and (max-width: 576px) {
    .worksSwiper .swiper-slide a.link-slide img {
        width: 100%;
    }
}

.worksSwiper .swiper-pagination {
    bottom: var(--swiper-pagination-bottom, 15px);
}

.worksSwiper .swiper-pagination .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    opacity: 1;
    background-color: #FFFFFF;
}

.worksSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #86A8FF;
}

/*Страница контактов*/
.page-contact .reviews {
    margin-bottom: 0;
    padding-bottom: 60px;
}

@media only screen and (max-width: 576px) {
    .page-contact .reviews {
        padding-bottom: 0;
    }
}

/*--------------------------------------------------------------
# Комментарии
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/*Блоки с комментариями*/
.comment-area {
    margin-bottom: 40px;
}

.comment-area .comment-title {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    margin-bottom: 15px;
}

@media only screen and (max-width: 576px) {
    .comment-area .comment-title {
        display: block;
    }
}

.comment-area .comment-title h3 {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 500;
}

.comment-area .comment-title a {
    font-size: 14px;
    font-size: 0.875rem;
    color: red;
    line-height: 35px;
    font-weight: normal;
    display: block;
    float: right;
    text-decoration: none;
    transition: all 0.2s linear;
}

@media only screen and (max-width: 576px) {
    .comment-area .comment-title a {
        float: left;
    }
}

.comment-area .comment-title a i {
    color: white;
    background: green;
    line-height: 30px;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    transition: all 0.2s linear;
}

.comment-area .comment-title a:hover {
    text-decoration: underline;
}

.comment-area .commentlist {
    padding-left: 0;
}

.comment-area .commentlist li {
    list-style-type: none;
}

.comment-area .comment-box {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #8A8A8A;
    background: white;
    position: relative;
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 768px) {
    .comment-area .comment-box {
        padding: 10px 10px 20px;
    }
}

.comment-area .comment-box figure {
    margin-right: 15px;
}

.comment-area .comment-box .comment-inner {
    width: 100%;
}

.comment-area .comment-box .comment-name {
    overflow: hidden;
    border-bottom: 1px solid #8A8A8A;
    margin-bottom: 10px;
}

.comment-area .comment-box .comment-name h3 {
    font-size: 17px;
    font-size: 1.0625rem;
    font-weight: normal;
    display: inline-block;
    margin-right: 10px;
}

.comment-area .comment-box .comment-name h3 a {
    font-size: 17px;
    font-size: 1.0625rem;
    color: red;
    display: inline-block;
    margin-right: 10px;
    transition: all 0.2s linear;
}

.comment-area .comment-box .comment-name .comment-info {
    font-size: 13px;
    font-size: 0.8125rem;
    color: #8A8A8A;
    font-weight: normal;
    margin-bottom: 6px;
}

.comment-area .comment-box .comment-name .comment-info i {
    margin-right: 5px;
}

.comment-area .comment-box p {
    font-size: 16px;
    font-size: 1rem;
    color: #3C3C3C;
    font-weight: normal;
}

.comment-area .comment-box .comment-reply-link {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
    position: relative;
}

.comment-area .comment-box .comment-reply-link:hover {
    text-decoration: none;
}

.comment-area .comment-box .comment-reply-link svg {
    fill: #86A8FF;
    margin-top: 2px;
    margin-left: 5px;
}

.comment-area .comment-box .comment-edit-link {
    transition: all 0.2s linear;
    font-size: 14px;
    font-size: 0.875rem;
    color: green;
    font-weight: normal;
}

@media only screen and (max-width: 576px) {
    .comment-area .children {
        padding-left: 20px;
    }
}

.comment-area .children .comment-box:before {
    display: none;
}

.comment-area .replay-comment {
    margin-left: 50px;
}

@media only screen and (max-width: 576px) {
    .comment-area .replay-comment {
        margin-left: 25px;
    }
}

.comment-area .replay-comment:before {
    display: none;
}

.comment-area .comment-navigation {
    margin: 0 0 1.45em;
}

.comment-area .comment-navigation h2 {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: normal;
}

@media (max-width: 576px) {
    .comment-area .comment-navigation h2 {
        text-align: center;
    }
}

.comment-area .comment-navigation .nav-links {
    overflow: hidden;
}

.comment-area .comment-navigation .nav-links .nav-previous a,
.comment-area .comment-navigation .nav-links .nav-next a {
    transition: all 0.2s linear;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
    display: inline-block;
    padding: 15px 30px;
    margin-bottom: 1em;
}

.comment-area .comment-navigation .nav-links .nav-previous a:hover,
.comment-area .comment-navigation .nav-links .nav-next a:hover {
    text-decoration: none;
}

.comment-area .comment-navigation .nav-links .nav-previous {
    float: left;
}

.comment-area .comment-navigation .nav-links .nav-next {
    float: right;
}

/*Форма комментариев*/
.comment-respond .comment-title {
    margin-bottom: 5px;
}

.comment-respond .comment-title h3 {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: normal;
    width: 100%;
    margin-bottom: 0;
}

.comment-respond .comment-notes {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 14px;
}

.default-form {
    display: block;
    margin-bottom: 40px;
}

.default-form input:not([type=checkbox]) {
    width: 100%;
    max-width: none;
    margin-bottom: 15px;
    border: 1px solid #8A8A8A;
}

.default-form textarea {
    display: block;
    width: 100%;
    max-width: none;
    margin-bottom: 15px;
    border: 1px solid #8A8A8A;
}

.default-form button[type=submit] {
    margin: 0;
    width: auto;
}

/*Отступы для ответов на комментарии*/
.comment-area .margin-left {
    margin-left: 30px;
}

/*Отзывы о докторе*/
.reviews-doctor {
    padding: 30px 0;
    margin-bottom: 60px;
    background-color: #F3F3F3;
}

.reviews-doctor .title .rewiews {
    font-size: 14px;
    font-size: 0.875rem;
    color: #3C3C3C;
    margin: 0;
    display: flex;
    align-items: center;
    padding: 0 10px;
}

.reviews-doctor .title .rewiews .word {
    color: #3C3C3C;
}

.reviews-doctor .reviews-form {
    text-transform: inherit;
}

.reviews-doctor ul.commentlist {
    list-style: none;
    padding: 30px 0;
    margin: 0;
}

.reviews-doctor ul.commentlist li.comment-item {
    border-radius: 10px;
    padding: 30px 30px 10px;
    background-color: #FFFFFF;
    display: flex;
    margin-bottom: 20px;
}

.reviews-doctor ul.commentlist li.comment-item:last-child {
    margin-bottom: 0;
}

.reviews-doctor ul.commentlist li.comment-item .quotes {
    margin-right: 30px;
}

@media only screen and (max-width: 768px) {
    .reviews-doctor ul.commentlist li.comment-item .quotes svg {
        width: 50px;
    }
}

@media only screen and (max-width: 576px) {
    .reviews-doctor ul.commentlist li.comment-item .quotes {
        display: none;
    }
}

.reviews-doctor ul.commentlist li.comment-item .comment-name {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 10px;
}

.reviews-doctor ul.commentlist li.comment-item .comment-date {
    color: #8A8A8A;
    margin-bottom: 20px;
}

.reviews-doctor ul.commentlist li.comment-item .comment-text {
    color: #3C3C3C;
    margin-bottom: 20px;
}

.reviews-doctor ul.commentlist li.comment-item .comment-location {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.reviews-doctor ul.commentlist li.comment-item .comment-location ul.list-location {
    list-style: none;
    padding: 0;
    margin: 0 30px 20px 0;
    display: flex;
}

.reviews-doctor ul.commentlist li.comment-item .comment-location ul.list-location li {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.reviews-doctor ul.commentlist li.comment-item .comment-location ul.list-location li:last-child {
    margin-right: 0;
}

.reviews-doctor ul.commentlist li.comment-item .comment-location ul.list-location li svg {
    margin-right: 5px;
}

.reviews-doctor ul.commentlist li.comment-item .comment-location ul.list-direction {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
    display: flex;
}

@media only screen and (max-width: 576px) {
    .reviews-doctor ul.commentlist li.comment-item .comment-location ul.list-direction {
        flex-wrap: wrap;
    }
}

.reviews-doctor ul.commentlist li.comment-item .comment-location ul.list-direction li {
    margin-right: 10px;
}

@media only screen and (max-width: 576px) {
    .reviews-doctor ul.commentlist li.comment-item .comment-location ul.list-direction li {
        margin-bottom: 10px;
    }
}

.reviews-doctor ul.commentlist li.comment-item .comment-location ul.list-direction li a {
    border-radius: 30px;
    color: #3C3C3C;
    text-decoration: none;
    white-space: nowrap;
    display: block;
    padding: 5px 15px;
    background-color: #F3F3F3;
}

.reviews-doctor ul.commentlist li.comment-item .comment-location ul.list-direction li a:hover {
    color: #86A8FF;
}

.reviews-doctor a.load-more.load svg {
    animation: spin 1500ms linear 0s infinite;
}

.reviews-doctor .no-comments {
    font-size: 18px;
    font-size: 1.125rem;
    padding: 30px 0 0;
}

/*--------------------------------------------------------------
# Галерея
--------------------------------------------------------------*/
.gallery {
    font-size: 0;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    margin: 0;
}

.gallery-item figcaption {
    font-size: 14px;
}

.gallery-item .gallery-icon {
    height: 100%;
}

.gallery-item a {
    display: block;
    outline: none;
    height: 100%;
}

.gallery-item a img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

@media only screen and (max-width: 576px) {
    .gallery-columns-3 .gallery-item {
        max-width: 50%;
    }
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

@media only screen and (max-width: 576px) {
    .gallery-columns-4 .gallery-item {
        max-width: 50%;
    }
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

@media only screen and (max-width: 576px) {
    .gallery-columns-5 .gallery-item {
        max-width: 50%;
    }
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

@media only screen and (max-width: 576px) {
    .gallery-columns-6 .gallery-item {
        max-width: 50%;
    }
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

@media only screen and (max-width: 576px) {
    .gallery-columns-7 .gallery-item {
        max-width: 25%;
    }
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

@media only screen and (max-width: 576px) {
    .gallery-columns-8 .gallery-item {
        max-width: 25%;
    }
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

@media only screen and (max-width: 576px) {
    .gallery-columns-9 .gallery-item {
        max-width: 25%;
    }
}

.gallery-caption {
    display: block;
}

/*--------------------------------------------------------------
# Подвал
--------------------------------------------------------------*/
.site-footer {
    padding-top: 30px;
    background-color: #F3F3F3;
}

@media only screen and (max-width: 768px) {
    .site-footer {
        padding-bottom: 0;
    }
}

.site-footer .br {
    border-right: 1px solid #86A8FF;
}

@media only screen and (max-width: 992px) {
    .site-footer .br {
        border: none;
    }
}

.site-footer .widget {
    width: 100%;
}

.site-footer .widget:not(.widget_addr) {
    width: 100%;
    padding: 0 30px;
    margin: 0;
}

@media only screen and (max-width: 1400px) {
    .site-footer .widget:not(.widget_addr) {
        padding: 0 15px;
    }
}

@media only screen and (max-width: 1200px) {
    .site-footer .widget:not(.widget_addr) {
        padding: 0 5px;
    }
}

@media only screen and (max-width: 992px) {
    .site-footer .widget:not(.widget_addr) {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 576px) {
    .site-footer .widget:not(.widget_addr) {
        padding: 15px 0;
        margin: 0;
        border-bottom: 1px solid #86A8FF;
    }
}

.site-footer .widget:not(.widget_addr) ul {
    display: block;
}

.site-footer .widget:not(.widget_addr) ul li {
    margin: 0;
    padding-right: 0;
}

.site-footer .widget:not(.widget_addr) ul li a {
    line-height: 1.4;
    padding: 0;
    background: none;
}

.site-footer .widget_addr {
    padding-left: 15px;
    padding-right: 15px;
}

@media only screen and (max-width: 576px) {
    .site-footer .widget_addr {
        padding: 15px 0;
        margin: 0;
        border-bottom: 1px solid #86A8FF;
    }
}

.site-footer .footer-data {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 40px;
}

@media only screen and (max-width: 768px) {
    .site-footer .footer-data {
        padding-top: 20px;
        flex-direction: column;
    }

    .site-footer .footer-data > * {
        margin-bottom: 15px;
    }
}

.site-footer .footer-logo {
    margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
    .site-footer .footer-logo {
        order: 3;
    }
}

@media only screen and (max-width: 768px) {
    .site-footer .analytics {
        order: 2;
    }
}

.site-footer .analytics ul {
    font-weight: 500;
    list-style: none;
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0 15px 20px;
}

@media only screen and (max-width: 768px) {
    .site-footer .analytics ul {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 576px) {
    .site-footer .analytics ul {
        margin: 0 0 20px;
    }
}

.site-footer .analytics ul li {
    border-radius: 4px;
    margin-right: 8px;
    padding: 4px 10px;
    display: flex;
    align-items: center;
    border: 1px solid #8A8A8A;
}

.site-footer .analytics ul li:last-child {
    margin-right: 0;
}

.site-footer .analytics ul li img {
    margin-right: 10px;
}

.site-footer .analytics ul li .rating {
    margin-right: 5px;
    font-weight: 700;
}

.site-footer .copy {
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
    .site-footer .copy {
        order: 3;
    }
}

.site-footer .footer-socials {
    margin-right: 120px;
    margin-bottom: 20px;
}

@media only screen and (min-width: 1800px) {
    .site-footer .footer-socials {
        margin-right: 0;
    }
}

@media only screen and (max-width: 992px) {
    .site-footer .footer-socials {
        margin-right: 80px;
    }
}

@media only screen and (max-width: 768px) {
    .site-footer .footer-socials {
        margin-right: 0;
        order: 1;
    }
}

.site-footer .footer-socials ul {
    list-style: none;
    display: flex;
    align-items: center;
    padding-left: 0;
    margin: 0;
}

.site-footer .footer-socials ul li {
    margin-right: 10px;
}

.site-footer .footer-socials ul li:last-child {
    margin-right: 0;
}

.site-footer .footer-socials ul li a {
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    padding: 6px;
    background-color: #FFFFFF;
    box-shadow: 2px 2px 5px 0 #cccccc;
}

.site-footer .footer-socials ul li a:hover svg {
    fill: rgb(95.1, 140.0305785124, 255);
}

.site-footer .footer-socials ul li a svg {
    transition: all 0.2s linear;
    fill: #3C3C3C;
}

.site-footer .footer-logo img {
    width: 100%;
    max-width: 180px;
}

/*Кнопка наверх*/
#toTop {
    border-radius: 50px;
    transition: all 0.2s linear;
    background: #86A8FF;
    border: 1px solid #FFFFFF;
    text-align: center;
    padding: 10px 20px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    cursor: pointer;
    color: #FFFFFF;
    text-decoration: none;
    z-index: 90;
}

#toTop:hover {
    bottom: 35px;
    background-color: rgb(95.1, 140.0305785124, 255);
}

#toTop svg {
    margin-right: 10px;
}

@media only screen and (max-width: 768px) {
    #toTop {
        border-radius: 50%;
        font-size: 0px;
        font-size: 0rem;
        width: 46px;
        height: 46px;
        padding: 15px;
        right: 15px;
        bottom: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #toTop:hover {
        bottom: 20px;
    }

    #toTop svg {
        margin-right: 0;
    }
}

/*--------------------------------------------------------------
# Плагины
--------------------------------------------------------------*/
/*Стили ContactForm7*/
.wpcf7 {
    margin: 0 auto;
}

.wpcf7 input[type=text],
.wpcf7 input[type=search],
.wpcf7 input[type=url],
.wpcf7 input[type=tel],
.wpcf7 input[type=number],
.wpcf7 input[type=range],
.wpcf7 input[type=date],
.wpcf7 input[type=month],
.wpcf7 input[type=week],
.wpcf7 input[type=time],
.wpcf7 input[type=datetime],
.wpcf7 input[type=datetime-local],
.wpcf7 input[type=color],
.wpcf7 input[type=email],
.wpcf7 input[type=file],
.wpcf7 input[type=submit],
.wpcf7 select,
.wpcf7 textarea {
    margin-bottom: 5px;
}

.wpcf7 .screen-reader-response {
    display: none;
}

.wpcf7 input[type=submit] {
    margin-top: 10px;
    margin-bottom: 10px;
}

.wpcf7 .wpcf7-form .wpcf7-form-control-wrap {
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
}

.wpcf7 .wpcf7-form p {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0;
}

.wpcf7 .wpcf7-form label {
    width: 100%;
}

.wpcf7 form.submitting .wpcf7-spinner {
    display: block;
}

.wpcf7 form .wpcf7-spinner {
    transition: all 0.2s linear;
    display: none;
}

.wpcf7 form .wpcf7-response-output {
    font-size: 12px;
    font-size: 0.75rem;
    margin-top: 5px;
    width: 100%;
    display: block;
}

.wpcf7 form .wpcf7-not-valid-tip {
    font-size: 12px;
    font-size: 0.75rem;
    text-align: left;
    width: 100%;
    display: block;
}

.wpcf7 form .wpcf7-validation-errors {
    font-size: 12px;
    font-size: 0.75rem;
}
/*# sourceMappingURL=style.css.map */