.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}:root {
--black: #000000;
--red: #CC0000; --burgundy: #BD2D29;
--blue: #1760A9; --gray: #525251;
--grafit: #333333;
--yellow: #FDD631;
}  html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
.strong,
strong,
b,
.bold {
font-weight: 600;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
background-color: #F3F9FF;
font-family: "Roboto", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-size: 16px;
line-height: 1.5;
color: var(--black);
overflow-x: hidden;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img {
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
:after,
:before,
div {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.row_gap {
gap: 30px;
}
.container:after,
.row:after,
.clear {
clear: both;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1110px;
padding-right: 0;
padding-left: 0;
}
.row {
margin-right: 0;
margin-left: 0;
}
}
@media (min-width: 1400px) {
.container {
width: 1200px;
padding-right: 0;
padding-left: 0;
}
.row {
margin-right: 0;
margin-left: 0;
}
}
.jcc {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.jcsa {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.jcsb {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.jcse {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.jcfs {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.jcfe {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.aic {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.centered {
text-align: center;
}
.half {
width: 49.5%;
}
.half-narrow {
width: calc(50% - 15px);
}
.third {
width: 32.5%;
}
.two-thirds {
max-width: 710px;
}
.quarter {
width: 24%;
}
.three-quarters {
width: 74%;
}
main.single {padding:50px 0;}
h1 {
font-size: 40px;
font-weight: bold;
margin-bottom: 30px;
line-height: 1;
}
h2 {
font-size: 30px;
font-weight: bold;
margin-bottom: 30px;
}
h3 {
font-size: 24px;
font-weight: bold;
margin-bottom: 20px;
}
a {
color: inherit;
text-decoration: none;
}
main a {text-decoration:underline;}
main ul, mail ol {
padding-left: 30px;
margin-bottom: 30px;
}
main ul:last-child, 
mail ol:last-child {
margin-bottom: 0;
}
main ul {
list-style-type: disc;
}
main ul li  {
line-height: 1.5;
margin-bottom: 20px;
}
ul.bordered-list {
padding: 0;
margin: 20px 0;
list-style: none;
}
ul.bordered-list:last-child {
margin-bottom: 0;
}
ul.bordered-list li {
padding: 9px 0;
border-bottom: 1px solid #525251;
margin: 0;
}
ul.bordered-list li:last-child {
border-bottom: none;
}
p {
margin-bottom: 21px;
}
p:last-child {
margin-bottom: 0;
}
.mb30 {
margin-bottom: 30px;
}
.mb80 {
margin-bottom: 80px;
}
.p40 {
padding: 40px !important;
}
.p50 {
padding: 50px !important;
}
.p80 {
padding: 80px;
}
.p80-0 {
padding: 80px 0;
}
.w60 {
width: 59%;
}
.w40 {
width: 39%;
}
.p50 .w60,
.p50 .w40 {
margin-bottom: 0;
}
.ttu {
text-transform: uppercase;
}
.alignleft {
float: left;
margin: 0 30px 30px 0;
}
.alignright {
float:right;
margin: 0 0 30px 30px;
}
.tac {
text-align: center;
}
.tar {
text-align: right;
}
blockquote {
display: flex;
padding: 16px 22px;
border: 1px solid var(--blue);
color: var(--blue);
margin: 21px 0;
border-radius: 5px;
line-height: 1.4em;
font-weight: 600;
}
blockquote:last-child {margin-bottom:0;}
.bg-blue blockquote,
.bg-gray blockquote {
border-color: #fff;
color: #fff;
}
.blue_text {
color: var(--blue) !important;
}
.burgundy_text {
color: var(--burgundy) !important;
}
.black_text { 
color: var(--black) !important;
}
.yellow_text { 
color: var(--yellow) !important;
}
.hat {
background: #525251;
padding: 10px 0;
}
#mobMenuBtn {
display: none;
}
.header-logo {
height: 66px;
}
.header-addr {
font-size: 15px;
font-weight: 600;
color: #fff;
padding-left: 33px;
}
.header-tel {
font-size: 24px;
font-weight: 700;
color: #FDD631;
display: flex;
align-items: center;
column-gap: 12px;
}
.header-addr img {
display: inline-block;
vertical-align: sub;
margin-right: 10px;
}
.header-tel img {
display: inline-block;
vertical-align: top;
}
.btn-red {
display: inline-block;
font-family: "Roboto", sans-serif;
background-color: var(--red);
color: #fff;
font-size: 15px;
font-weight: 700;
line-height: 20px;
text-align: center;
text-decoration: none;
padding: 15px 30px;
border-radius: 5px;
border: none;
cursor: pointer;
text-transform: none;
vertical-align: bottom;
}
.btn-red.wide {
padding: 22px 112.5px;
}
.btn-white {
display: inline-block;
font-family: "Roboto", sans-serif;
background-color: var(--yellow);
color: var(--black);
font-size: 16px;
font-weight: 600;
line-height: 20px;
padding: 21px 30px;
border-radius: 5px;
cursor: pointer;
text-align: center;
text-decoration: none;
border: none;
text-transform: none;
vertical-align: bottom;
}
.btn-blue {
display: inline-block;
font-family: "Roboto", sans-serif;
background-color: var(--blue);
color: #fff;
font-size: 16px;
font-weight: 600;
line-height: 20px;
text-align: center;
text-decoration: none;
padding: 15px 30px;
border:none;
border-radius: 5px;
cursor: pointer;
text-transform: none;
vertical-align: bottom;
}
.btn-25 {
font-size: 25px;
line-height: 1.2em;
padding: 10px 30px;
}
#main-menu-wrap {
background: var(--blue);
color: #FFF;
padding: 12px 0;
}
#main-menu {
list-style-type: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.menu-item {
display: inline-block;
font-size: 15px;
font-weight: 600;
padding: 5px 16px;
}
.menu-item-has-children {
position: relative;
padding-right: 15px;
}
.menu-item-has-children:after {
position: absolute;
display: block;
content: url(//spb-med.ru/wp-content/themes/vera_2/img/submenu.svg);
right: 0;
top: 2px;
}
.sub-menu {
position: absolute;
top: 90%;
left: 0;
z-index: 10;
visibility: hidden;
background: var(--blue);
transition:all 300ms ease-in-out;
width: 250px;
padding: 10px 0;
}
.menu-item-has-children:hover .sub-menu {
top: 100%;
visibility: visible;
transition:all 300ms ease-in-out;
}
.menu-item-has-children .sub-menu .menu-item {
display: block;
padding: 0 10px;
transition:all 300ms ease-in-out;
}
.menu-item-has-children:hover .sub-menu .menu-item {
padding: 10px 15px;
transition:all 300ms ease-in-out;
}
.menu-item:hover {
background: #214b96;
}
.menu-item-has-children .sub-menu .menu-item a {
display:block;
width:100%;
font-size:0;
transition:all 300ms ease-in-out;
}
.menu-item-has-children:hover .sub-menu .menu-item a {
font-size:15px;	
transition:all 300ms ease-in-out;
}
.block {
font-size: 20px;
line-height: 28px;
padding: 10px 30px;
border: 1px solid var(--gray);
border-radius: 5px;
margin-right: 28px;
margin-bottom: 30px;
}
.white-line {
display: flex;
flex-wrap: wrap;
gap: 10px;
flex-direction: column;
padding: 0 0 0 20px;
}
.white-line div {
font-size: 15px;
padding: 0;
display: flex;
gap: 10px;
align-items: center;
}
.white-line div:before {
content: "";
display: flex;
flex: 1 0 auto;
width: 6px;
height: 6px;
min-width: 6px;
max-width: 6px;
background-color: #BD2D29;
border-radius: 10000px;
}
.first-form {
margin-top: 83px;
background: var(--blue);
color: #fff;
padding: 29px 47px 41px;
border-radius: 5px;
}
.first-form-title {
font-size: 25px;
font-weight: 500;
line-height: 32px;
margin-bottom: 20px;
color: #fff;
}
.first-form-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-weight: 600;
margin-bottom: 20px;
}
.first-form .btn-white {
width: 48%;
margin-left: 10px;
}
.first-form span:has(input[type=text]),
.form-blue span:has(input[type=text]) {
display:inline-block;
width: 48%;
}
.first-form input[type=text] {
width: 100%;
font-family: "Roboto", sans-serif;
background-color: transparent;
color: #fff;
font-size: 15px;
font-weight: 700;
line-height: 20px;
padding: 19px 30px;
border-radius: 5px;
text-align: center;
border: 2px solid var(--yellow);
}
.first-form input[type=text]::-webkit-input-placeholder {
color: #fff;
}
.first-form input[type=text]:-ms-input-placeholder {
color: #fff;
}
.first-form input[type=text]::-ms-input-placeholder {
color: #fff;
}
.first-form input[type=text]::placeholder {
color: #fff;
}
.rounded {
border-radius: 5px;
overflow: hidden;
}
.bordered {
border: 1px solid var(--blue);
padding: 15px 20px;
}
.bordered-black {
border-color: var(--black);
}
.pulled-up {
margin-top: -70px;
}
.doc-2 {
padding: 80px 0 155px;
background-image: url(//spb-med.ru/wp-content/themes/vera_2/img/doc-2.png);
background-size: cover;
background-position: right top;
}
.title {
font-size: 30px;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 40px;
line-height: 1.2em;
}
.title .title-low {
color: var(--burgundy);
text-transform: none;
}
.subtitle {
font-size: 25px;
font-weight: 600;
line-height: 1.2em;
}
.stages {
background: #FFF;
padding: 50px 116px;
-webkit-box-shadow: 0 4px 10px rgba(66, 119, 172, 0.1);
box-shadow: 0 4px 10px rgba(66, 119, 172, 0.1);
}
.stages .title {
margin-bottom: 27px;
}
.stage {
position: relative;
width: 228px;
text-align: center;
}
.stage:not(:last-child):after {
display: block;
content: url(//spb-med.ru/wp-content/themes/vera_2/img/next.png);
position: absolute;
top: 0;
left: 80%;
}
.stage-img {
margin-bottom: 10px;
}
.stage-name {
display: block;
text-decoration: none;
background-color: var(--yellow);
color: var(--black);
border-radius: 5px;
width: 100%;
padding: 16px 10px;
font-size: 15px;
font-weight: 600;
line-height: 20px;
}
.stage:first-child .stage-name {
background: #FDD631;
color: #000;
}
.bg-blue {
background-color: var(--blue);
color: #fff;
padding-top: 75px;
padding-bottom: 75px;
}
.bg-blue .bordered {
border-color: #fff;
}
.bordered_boxes {
font-size: 15px;
margin-bottom: 20px;
}
.bordered_boxes > div {
padding: 15px 10px;
}
.bg-blue .blue_text {
color: #B1CBE5 !important;
}
.preim {
background: #fff;
color: #090910;
width: 48.65%;
padding: 40px;
margin-bottom: 30px;
}
.preim.wide {
width: 100%;
}
.preim-title {
font-size: 30px;
font-weight: 600;
line-height: 36px;
color: var(--red);
text-transform: uppercase;
margin-bottom: 30px;
}
.preim p:last-child {
margin-bottom: 0;
}
.tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 80px;
}
.tabs label {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
display: block;
padding: 12px 38px;
margin-right: 13px;
margin-bottom: 11px;
cursor: pointer;
background: transparent;
font-weight: 600;
font-size: 15px;
color: var(--blue);
border: 2px solid var(--blue);
border-radius: 5px;
-webkit-transition: background ease 0.3s;
transition: background ease 0.3s;
color: #525251;
background: #fff;
}
.tabs .tab {
-webkit-box-ordinal-group: 100;
-ms-flex-order: 99;
order: 99;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: 100%;
display: none;
padding-top: 25px;
}
.tabs input[type="radio"] {
display: none;
}
.tabs input[type="radio"]:checked + label,
.tabs label:hover {
background: var(--blue);
color: #fff;
}
.tabs input[type="radio"]:checked + label + .tab {
display: block;
}
.cost {
margin-bottom: 5px;
}
.cost-dark {
width: calc(100% - 230px);
font-size: 16px;
line-height: 20px;
padding: 15px;
border-radius: 5px;
border: 2px solid var(--blue);
}
.price {
font-weight: 600;
white-space: nowrap;
}
.cost .btn-red {
width: 225px;
padding: 15px 0;
}
.section {
margin-bottom: 45px;
}
.section.bg-white,
.section.bg-blue,
.section.bg-gray {
margin-top: 75px;
margin-bottom: 75px;
}
.section.rounded {
padding-left: 45px;
padding-right: 45px;
}
.bg-white {
background: #FFF;
color: black;
-webkit-box-shadow: 0 4px 10px rgba(66, 119, 172, 0.1);
box-shadow: 0 4px 10px rgba(66, 119, 172, 0.1);
padding-top: 75px;
padding-bottom: 75px;
}
.bg-lightgray.pulled-left {
padding: 30px 45px 30px 200px;
margin-left: -200px;
background-color: #F3F9FF;
}
ul.s-plusom {
list-style-type: none;
padding: 0;
}
ul.s-plusom li {
position: relative;
padding-left: 36px;
line-height: 1.5;
margin-bottom: 12px;
}
ul.s-plusom:last-child li:last-child {
margin-bottom: 0;
}
ul.s-plusom li:before {
display: block;
content: url(//spb-med.ru/wp-content/themes/vera_2/img/krestik.svg);
position: absolute;
left: 0;
top: 50%;
transform: translateY(-38%);
}
ul.s-minusom {
list-style-type: none;
padding: 0;
}
ul.s-minusom li {
position: relative;
padding-left: 36px;
line-height: 1.8;
margin-bottom: 7px;
}
ul.s-minusom:last-child li:last-child {
margin-bottom: 0;
}
ul.s-minusom li:before {
display: block;
content: url(//spb-med.ru/wp-content/themes/vera_2/img/minus.svg);
position: absolute;
left: 0;
top: 50%;
transform: translateY(-65%);
}
ul.so-znakom {
list-style-type: none;
padding: 0;
}
ul.so-znakom li {
position: relative;
padding-left: 36px;
line-height: 1.8;
margin-bottom: 7px;
}
ul.so-znakom:last-child li:last-child {
margin-bottom: 0;
}
ul.so-znakom li:before {
display: block;
content: url(//spb-med.ru/wp-content/themes/vera_2/img/znak.svg);
position: absolute;
left: 0;
top: 50%;
transform: translateY(-40%);
}
.bg-blue > .container ul.s-plusom li:before,
.bg-gray > .container ul.s-plusom li:before {
filter: brightness(0) invert(1);
}
.bg-blue > .container .bg-white ul.s-plusom li:before,
.bg-gray > .container .bg-white ul.s-plusom li:before {
filter: unset;
}
.docs-slider-wrap {
position: relative;
}
.docs-slide {
text-align: center;
background-color: #fff;
padding-bottom: 30px;
margin-right: 25px; }
.docs-slide-img {
margin-bottom: 20px;
height: 203px;
display: flex;
justify-content: center;
align-items: center;
-webkit-box-shadow: 0 4px 10px rgba(66, 119, 172, 0.1);
box-shadow: 0 4px 10px rgba(66, 119, 172, 0.1);
}
.docs-slide-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.docs-slide-name {
font-weight: 600;
padding: 0 10px;
}
.docs-slide-title {
padding: 0 10px;
}
.slider-arrows {
display: flex;
gap: 40px;
padding: 20px;
}
.slick-prev,
.slick-next {
position: unset !important;
transform: none !important;
}
.slick-prev:before,
.slick-next:before {
font-family: unset !important;
}
.slick-prev:before {
content: url(//spb-med.ru/wp-content/themes/vera_2/img/prev.svg) !important;
}
.slick-next:before {
content: url(//spb-med.ru/wp-content/themes/vera_2/img/next.svg) !important;
}
.gallery-wrap {
margin-bottom: 83px;
}
.gallery img {
margin-right: 20px;
}
.clinic {
padding: 170px 0 80px;
margin-bottom: -75px;
}
.clinic .title {
font-size: 60px;
font-weight: 500;
text-transform: none;
line-height: 1em;
}
.clinic .title span {
color: var(--blue);
}
.clinic_text {
margin: 20px 0;
}
.clinic-1 {
background: url(//spb-med.ru/wp-content/themes/vera_2/img/clinic-background.jpg) center no-repeat;
background-size: cover;
margin: 75px 0;
padding: 75px 0;
}
.text-25 {
font-size: 25px;
line-height: 1.2em;
}
.text-30 {
font-size: 30px;
line-height: 1.2em;
}
.motivations {
margin-top: 60px;
}
.motivation {
width: 357px;
max-width: 100%;
background: var(--gray);
color: #fff;
border-radius: 15px;
}
.motivation-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: var(--blue);
border-radius: 15px;
}
.motivation-number {
width: 30%;
font-size: 100px;
line-height: 1em;
font-weight: 600;
text-align: center;
color: #FFF; }
.motivation-text {
width: calc(100% - 90px);
text-align: left;
}
.motivation-text .big {
font-size: 25px;
line-height: 1em;
text-transform: uppercase;
}
.motivation-text .small {
font-size: 15px;
line-height: 1em;
}
.motivation-bottom {
font-size: 18px;
line-height: 25px;
padding: 30px;
}
.bg-gray {
background: var(--gray);
color: #fff;
padding-top: 75px;
padding-bottom: 75px;
}
.banner-column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px;
}
.banner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
min-height: 400px;
padding: 30px;
text-align: center;
font-size: 25px;
font-weight: 400;
line-height: 1.2em;
text-transform: uppercase;
margin-bottom: 0;
}
.banner .btn-red,
.banner .btn-white,
.banner .btn-blue {
padding: 20px 67px;
}
.banner-lower {
font-size: 16px;
text-transform: none;
}
.w40.mb0 {
margin-bottom: 0;
}
.banner-column .banner {
height: calc((100% - 30px) / 2);
}
.doc-7 {
background-image: url(//spb-med.ru/wp-content/themes/vera_2/img/doc-form.png);
background-repeat: no-repeat;
background-position: right 17px bottom;
padding: 90px 0;
margin: -75px 0;
}
.doc-8 {
background-image: url(//spb-med.ru/wp-content/themes/vera_2/img/doc-8.png);
background-repeat: no-repeat;
background-position: right 53px bottom;
padding: 90px 0;
margin: -75px 0;
}
.doc-8 * {
max-width: 50%;
}
.form-blue input[type=text] {
width: 100%;
background: transparent;
border: 2px solid #D9D9D9;
border-radius: 5px;
color: #FFF;
padding: 20px 60px;
text-align: center;
margin-bottom: 20px;
font-size: 15px;
}
.form-blue input::-webkit-input-placeholder {
color: #D9D9D9;
}
.form-blue input:-ms-input-placeholder {
color: #D9D9D9;
}
.form-blue input::-ms-input-placeholder {
color: #D9D9D9;
}
.form-blue input::placeholder {
color: #D9D9D9;
}
.form-blue .btn-white {
width: 100%;
}
.reviews { margin-bottom: 80px;
}
.review {
width: 540px;
max-width: 100%; background: #FFF;
border-radius: 30px;
padding: 40px 30px;
margin-right: 30px;
}
.review_text {
margin: 50px 0;
}
.faq {
padding: 15px 0;
border-bottom: 1px solid var(--blue);
}
.accordion {
position: relative;
color: #090910;
cursor: pointer;
padding: 7px 200px 7px 0;
width: 100%;
text-align: left;
outline: none;
font-size: 18px;
font-weight: 600;
line-height: 1.2em;
d  -webkit-transition: 0.4s;
transition: 0.4s;
}
.accordion:after {
display: block;
position: absolute;
right: 13px;
top: 50%;
content: url(//spb-med.ru/wp-content/themes/vera_2/img/plus.svg);
-webkit-transition: 0.4s;
transition: 0.4s;
transform: translateY(-50%);
}
.accordion.active:after {
content: url(//spb-med.ru/wp-content/themes/vera_2/img/minus.svg);
-webkit-transition: 0.4s;
transition: 0.4s;
}
.panel {
padding: 15px 0;
display: none;
overflow: hidden;
}
.panel.active {
display: block;
}
ol {
padding-left: 26px;
margin-bottom: 21px;
display: flex;
flex-direction: column;
}
ol li {
margin-bottom: 4px;
}
ol li::marker {
font-weight: 500;
color: var(--burgundy);
text-align: left !important;
font-size: 21px;
}
ol.upper-roman {
list-style-type: upper-roman;
}
.bg-gray ol li::marker,
.bg-blue ol li::marker {
color: #FFF;
}
.text-blue {
text-transform: uppercase;
font-weight: 600;
color: var(--blue);
}
.map-wrap {
position: relative;
}
#map {
height: 600px;
}
.map-plate {
position: absolute;
top: 80px;
left: 11.46%;
background: #fff;
border-radius: 30px;
padding: 50px 40px;
-webkit-box-shadow: 0 0 10px rgba(66, 119, 172, 0.3);
box-shadow: 0 0 10px rgba(66, 119, 172, 0.3);
}
.map-plate a {
color: var(--red);
}
footer {
background: var(--blue);
color: #FFF;
padding: 50px 0;
}
.footer-menu-center {
padding-top: 40px;
}
.footer-menu-right {
padding-top: 40px;
}
.footer-menu-right .menu-item {
display: block;
}
.footer-logo {
display: block;
margin-bottom: 28px;
}
.footer-addr {
font-weight: 600;
margin-bottom: 20px;
}
.footer-tel {
display: block;
font-size: 20px;
font-weight: 600;
margin-bottom: 20px;
}  .modal_div {
width: 300px;
height: auto;
border-radius: 5px;
border: 3px #000 solid;
background: #fff;
position: fixed;
top: 45%;
left: 50%;
display: none;
opacity: 0;
z-index: 5;
padding: 20px 10px;
transform:translate(-50%, -50%);
transition: opacity 0.4s, top 0.4s;
} .modal_close {
font-size: 30px;
font-weight: bold;
line-height: 20px;
width: 21px;
height: 21px;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
} #overlay {
z-index: 3;
position: fixed;
background-color: #000;
opacity: 0.8;
width: 100%;
height: 100%;
top: 0;
left: 0;
cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAMFBMVEVMaXH////////////////////////////////////////////////////////////6w4mEAAAAD3RSTlMAlAX+BKLcA5+b6hJ7foD4ZP1OAAAAkUlEQVR4XkWPoQ3CUBQAL4SktoKAbCUjgAKLJZ2ABYosngTJCHSD6joUI6BZgqSoB/+Shqde7sS9x3OGk81fdO+texMtRVTia+TsQtHEUJLdohJfgNNPJHyEJPZTsWLoxShqsWITazEwqePAn69Sw2TUxk1+euPis3EwaXy8RMHSZBIlRcKKnC5hRctjMf57/wJbBlAIs9k1BAAAAABJRU5ErkJggg==), progress;
display: none;
}
span.wpcf7-spinner{display:none !important}
.modal-form p {margin-bottom:0}
.modal-form span {
display:block;
margin-bottom:15px;
width: 100%;
}
.modal-form span input {
width: 100%;
padding: 15px 26px;
border-radius: 5px;
border: 2px solid var(--blue);
}
.modal-form input[type=submit] {
width:100%;
}
.mb0 {
margin-bottom: 0;
}
.single-post {
margin-bottom:50px;
}
.post-title {
display:block;
font-size:30px;
font-weight:700;
text-decoration:none;
margin-bottom:20px;
}
.post-excerpt {
font-size:16px;
line-height:1.3;
}
.big-numbers {
font-size: 200px;
font-weight: 700;
color: #3a5d9b;
}
.open-img {
cursor:pointer;
}
.modal-img_close {
font-size: 30px;
font-weight: bold;
line-height: 20px;
width: 21px;
height: 21px;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
}
#modal-img {
width: 900px;
max-width:95%;
height: auto;
max-height:97%;
overflow:scroll;
border-radius: 5px;
background: #fff;
position: fixed;
top: 45%;
left: 50%;
display: none;
opacity: 0;
z-index: 5;
padding: 10px;
transform: translate(-50%, -50%);
transition: opacity 0.4s, top 0.4s;
}
.pc-only {}
.mob-only {display:none !important;}
.red--banner {
background:var(--red);
color:#FFF;
text-align:center;
padding:10px;
line-height:1.5;
}
.header-wa {
width:30px;
}
.vrach-row {
padding-bottom:20px;
margin-bottom:20px;
gap:20px;
border-bottom:1px solid #6d6d6d;
}
.vrach-row-text { min-width:300px;
}
.doctor-card__top {
display: block;
font-size: 14px;
color: #6d6d6d;
margin-bottom: 30px;
}
.doctor-card__name {
display: block;
font-size: 32px;
font-weight: bold;
text-decoration: none;
color: #222; margin-bottom: 10px;
transition: color .5s ease;
line-height: 1;
}
.doctor-card__name:hover {
color: #1760A9;
transition: color .5s ease;
}
.doctor-card__desc {
display:none;
font-size: 16px;
line-height: 1.5em;
color: #333;
}
.doctor-card__link {
display:block;
margin-top:20px;
font-weight:bold;
text-decoration:none;
}
.doctor-card__link span {
display: inline-block;
padding: 20px;
margin-left: 20px;
background: #427bb4;
color: #FFF;
border-radius: 5px;
}
img.size-thumbnail {
border-radius: 20px;
}
@media screen and (max-width: 600px) {
body {
font-size: 15px;
line-height: 1.4em;
}
p {
margin-bottom: 15px;
}
.half,
.half-narrow,
.third,
.two-thirds,
.quarter,
.three-quarters,
.w60,
.w40,
.preim {
width: 100%;
}
.text-25 {
font-size: 17px;
line-height: 1.2em;
}
.text-30 {
font-size: 22px;
line-height: 1.2em;
}
.p40 {
padding: 20px 15px !important;
}
.p50 {
padding: 30px 20px !important;
}
.mob-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
ul.s-plusom li,
ul.s-minusom li,
ul.so-znakom li {
margin-bottom: 5px;
line-height: 1.5;
}
ul.s-plusom:last-child li:last-child {
margin-bottom: 20px;
}
.hat {
padding: 10px 0;
}
.header-addr {display: none;}
.hat .row {
justify-content:flex-start !important;
}
.tabs {
margin-bottom: 0;
}
.tabs label {
width: 100%;
margin-right: 0;
margin-top: 0.2rem;
font-size: 15px;
line-height: 1.2em;
padding: 14px 29px;
}
.tabs .tab,
.tabs label {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
}
.tabs label {
padding-top: 15px;
}
#mobMenuBtn {
display: block;
position: absolute;
top: 42px;
right: 20px;
z-index: 20;
width: 25px;
height: 3px;
background: #FDD631;
-webkit-transition: all 500ms;
transition: all 500ms;
}
#mobMenuBtn:before,
#mobMenuBtn:after {
content: '';
display: block;
position: absolute;
left: 0;
width: 25px;
height: 3px;
background: #FDD631;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all 500ms;
transition: all 500ms;
}
#mobMenuBtn:before {
top: -5px;
-webkit-transition: all 500ms;
transition: all 500ms;
}
#mobMenuBtn:after {
bottom: -5px;
-webkit-transition: all 500ms;
transition: all 500ms;
}
#mobMenuBtn.active {
background: transparent;
-webkit-transition: all 500ms;
transition: all 500ms;
}
#mobMenuBtn.active:before {
top: 0;
background: #fff;
-webkit-transform: rotate(405deg);
transform: rotate(405deg);
-webkit-transition: all 500ms;
transition: all 500ms;
}
#mobMenuBtn.active:after {
bottom: 0;
background: #fff;
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
-webkit-transition: all 500ms;
transition: all 500ms;
}
#main-menu-wrap {
position: absolute;
width: 100%;
height: 100vh;
overflow:scroll;
top: 0;
left: -100%;
padding-top: 50px;
z-index: 10;
-webkit-transition: all 500ms;
transition: all 500ms;
}
#main-menu-wrap.active {
left: 0;
-webkit-transition: all 500ms;
transition: all 500ms;
}
#main-menu {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
} #main-menu-wrap,
.sub-menu,
.menu-item:hover {
background: #444444;
} .sub-menu {
display: none;
} .sub-menu.active {
display: block;
position: relative;
visibility: visible;
}
.menu-item,
.sub-menu .menu-item {
padding: 15px 0;
}
.header-conts {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 20px 0;
gap: unset;
width: 230px;
}
.header-tel {
font-size: 18px
}
.header-tel img {
display: inline-block;
vertical-align: middle;
width: 20px;
}
.first .container {
background-image: unset;
padding: 30px 15px;
}
.first .row {
gap:10px;
}
.first-form-text {
flex-wrap:wrap;
}
.first-form-text span {
display: inline-flex;
align-items: center;
width: 100%;
margin-bottom: 10px;
}
.first-form-text span img {
width:20px;
margin-right:5px
}
.block {
margin-right: 0;
margin-bottom: 10px;
font-size: 14px;
line-height: 1.3;
padding: 8px 12px;
}
.container {
padding-right: 20px;
padding-left: 20px;
}
.row {
gap: 10px;
}
.first .block:nth-child(2) {
order:3;
}
.clinic {
padding: 32px 24px 80px;
margin-bottom: -75px;
background: none !important;
}
.clinic .title {
font-size: 24px;
line-height: 1em;
}
.white-line {
column-gap: 10px;
row-gap: 5px;
}
.white-line div {
font-size: 14px;
padding: 6px 10px;
}
.clinic_text {
margin: 10px 0;
}
.clinic_text p {
background: #fff;
padding: 4px 9px;
border-radius: 25px;
margin-bottom: 4px;
font-size: 20px;
}
.first-form input[type=text] {
width: 100%;
margin-bottom: 15px;
font-size: 15px;
padding: 12px 30px;
font-weight: 500;
}
.first-form .btn-white {
width: 100%;
margin: 0;
padding: 15px;
font-size: 15px;
}
.btn-white, .banner .btn-red, .banner .btn-white, .banner .btn-blue {
padding: 15px;
width: 100%;
}
blockquote {
padding: 12px;
margin: 15px 0;
font-size: 15px;
}
.stages {
margin-bottom: 40px;
padding: 30px 20px;
}
.stage {
width:45%;
margin-bottom: 50px;
}
.stage-name {
padding: 10px;
}
.stage:not(:last-child):after {
width: 37%;
height: 100%;
content: '';
background: url(//spb-med.ru/wp-content/themes/vera_2/img/next.png) center top 19% no-repeat;
background-size: contain;
top: 0;
left: 87%;
}
.stage:nth-child(2):after { display:none;
}
.clinic-1 {
background: #FBF0D9;
text-align: center;
margin: 35px 0;
padding: 35px 0;
}
.clinic-1 a.tel {
display: block;
}
.section.rounded {
padding-left: 20px;
padding-right: 20px;
}
.section.bg-white, .section.bg-blue, .section.bg-gray {
margin-top: 35px;
margin-bottom: 35px;
padding-top: 35px;
padding-bottom: 35px;
}
.alignleft,
.alignright,
.alignnone	{
margin: 10px auto !important;
float: none;
display: block;
}
.section a > img {
margin: 0 0 !important;
display: inline-block !important;
}
.title {
font-size: 20px;
margin-bottom: 15px;
word-wrap: break-word;
text-transform: none;
font-weight: 500;
}
.title .title-low {
color: var(--blue);
}
.title br {
display: none;
}
.image_wrapper {
display: flex;
max-height: 30vh;
overflow: hidden;
align-items: center;
justify-content: center;
}
.image_wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
.rounded {
border-radius: 15px;
}
.bg-white {
padding-top: 35px;
padding-bottom: 35px;
}
.bordered_boxes {
gap: 20px;
}
.p80 {
padding: 40px;
}
.preim {
padding: 25px;
margin-bottom: 0;
}
.preim-title {
font-size: 20px;
margin-bottom: 5px;
line-height: 1.2em;
}
.cost {
flex-wrap: nowrap;
gap: 0 !important;
margin-bottom: 20px;
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.cost-dark {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
width: 100%;
width: calc(100% - 96px);
font-size: 15px;
gap: 3px !important;
line-height: 1.2em;
padding: 10px;
}
.cost .btn-red.mob-only {
width:90px;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.doc-8 {
background: none;
}
.doc-8 * {
max-width: unset;
}
.slider-arrows {
display: flex;
gap: 20px;
padding: 0 0 10px;
margin-top: -15px;
justify-content: flex-end;
width: 100%;
}
.motivations {
margin-top: 30px;
gap: 10px;
}
.motivation {
width: 100%;
}
.motivation-text .big {
font-size: 19px;
line-height: 1em;
}
.motivation-bottom {
text-align: left;
font-size: 15px;
line-height: 1.2em;
padding: 15px 30px;
}
.motivation-number {
width: 20%;
font-size: 46px;
padding: 10px 0;
}
.bg-lightgray.pulled-left {
padding: 20px;
margin-left: -15px;
margin-right: -15px;
}
.bg-lightgray.pulled-left {
padding: 20px;
margin-left: -15px;
margin-right: -15px;
background-color: #F3F9FF;
}
.docs-slider-wrap {
margin-bottom: 30px;
}
.docs-slide {
margin-right: 0;
width: unset;
}
.docs-slide-img {
margin: 0 0 20px;
height: 180px;
box-shadow: none;
}
.docs-slide img {
margin: 0 !important;
object-fit: contain;
}
.gallery img {
margin-right: 0;
}
.banner {
padding: 25px 20px;
font-size: 18px;
min-height: auto;
}
.banner p {
display: block;
margin: 0;
width: 100%;
}
.subtitle {
font-size: 19px;
line-height: 1.2em;
}
.doc-7 {
background-image: unset;
}
.review {
height: auto;
margin-right: 0;
padding: 25px 20px;
}
.review_text {
margin: 20px 0;
}
.accordion {
padding: 7px 0 7px 45px;
}
.accordion:before {
display: block;
position: absolute;
left: 13px;
top: 50%;
content: url(https://spb-med.ru/wp-content/themes/vera_2/img/plus.svg);
-webkit-transition: 0.4s;
transition: 0.4s;
transform: translateY(-50%);
}
.accordion.active:before {
content: url(//spb-med.ru/wp-content/themes/vera_2/<?php echo get_template_directory_uri(); ?>/img/minus.svg);
-webkit-transition: 0.4s;
transition: 0.4s;
}
.accordion:after,
.accordion.active:after {
content: none;
}
.third > img:first-child:last-child,
.two-thirds > img:first-child:last-child {
margin: 20px 0;
}
ul.s-plusom li:before {
top: 12px;
}
.map-plate {
display: none;
}
footer {
padding: 35px 0;
}
.footer-left {
text-align: center;
padding: 0;
}
.footer-logo, .footer-addr {
margin-bottom: 10px;
}
.footer-menu-center .menu-item,
.footer-menu-right .menu-item  {
display: block;
padding: 10px 0;
line-height: 1em;
}
.footer-left {
width: 100%;
padding: 0 30px;
}
.footer-menu-center,
.footer-menu-right {
width: 46%;
text-align: center;
padding-top: 15px;
} .header-addr img {
display:none;
}
.hat .btn-red {
display:none;
}
.first-form {
margin: 20px 0 0;
padding: 25px 20px;
border-radius: 15px;
}
.first-form-title {
text-align:center;
font-size: 20px;
line-height: 1em;
margin-bottom: 15px;
}
.mb0 {
margin-bottom: 30px;
}
.first-form span:has(input[type=text]), .form-blue span:has(input[type=text]) {
width: 100%;
}
.menu-item-has-children > a {
display:block;
padding-bottom:10px;
}
.menu-item-has-children .sub-menu .menu-item {
padding: 15px 10px;
}
.menu-item-has-children .sub-menu .menu-item a {
font-size:16px;
}
.p80-0 {
padding: 40px 0;
}
.mb80 {
margin-bottom: 40px;
}
.big-numbers {font-size: 150px;}
.pc-only {display:none !important;}
.mob-only {display:block !important;}
.first {background: #d5d7d8;}
header {
position: sticky;
left: 0;
top: 0;
z-index: 9;
}
.mob-center {
display: block;
margin: 0 auto 30px;
float: unset;
}
.vrach-row {
justify-content: center;
text-align: center;
}
.doctor-card__link span {
margin-left: 0;
margin-top: 20px;
}
} #districts-modal {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0,0,0,0.5);
} #districts-modal .modal-content {
background-color: #fff;
margin: 10% auto;
padding: 30px;
border-radius: 8px;
width: 90%;
max-width: 600px;
position: relative;
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
animation: fadeIn 0.3s ease;
} #districts-modal .close {
position: absolute;
top: 12px;
right: 16px;
font-size: 24px;
font-weight: bold;
color: #333;
cursor: pointer;
} #districts-list a {
display: block;
margin: 8px 0;
color: #0073aa;
text-decoration: none;
transition: color 0.2s ease;
}
#districts-list a:hover {
color: #005177;
} @keyframes fadeIn {
from { opacity: 0; transform: translateY(-10px); }
to { opacity: 1; transform: translateY(0); }
}