@charset "UTF-8";
.twenty20{
margin-bottom: 20px;
}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
content: " ";
display: block;
background: white;
position: absolute;
z-index: 30;
-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
width: 3px;
height: 9999px;
left: 50%;
margin-left: -1.5px; }
.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
width: 9999px;
height: 3px;
top: 50%;
margin-top: -1.5px; }
.twentytwenty-overlay {
position: absolute;
top: 0;
width: 100%;
height: 100%; }
.twentytwenty-overlay {
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s; }
.twentytwenty-before-label, .twentytwenty-after-label {
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
transition-property: opacity; }
.twentytwenty-before-label, .twentytwenty-after-label {
color: white;
font-size: 13px;
letter-spacing: 0.1em; }
.twentytwenty-before-label, .twentytwenty-after-label {
position: absolute;
background: rgba(255, 255, 255, 0.2);
line-height: 38px;
padding: 0 20px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; }
.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
}
.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
}
.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
width: 0;
height: 0;
border: 6px inset transparent;
position: absolute; }
.twentytwenty-left-arrow, .twentytwenty-right-arrow {
top: 50%;
margin-top: -6px; }
.twentytwenty-up-arrow, .twentytwenty-down-arrow {
left: 50%;
margin-left: -6px; }
.twentytwenty-container {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
z-index: 0;
overflow: hidden;
position: relative;
-webkit-user-select: none;
-moz-user-select: none; }
.twentytwenty-container img {
max-width: 100%;
width: 100%;
position: absolute;
top: 0;
display: block; }
.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
background: rgba(0, 0, 0, 0); }
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
opacity: 0; }
.twentytwenty-container * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box; }
.twentytwenty-before-label {
opacity: 0; }
.twentytwenty-before-label {
}
.twentytwenty-container.t20-hover.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.t20-hover.active .twentytwenty-overlay .twentytwenty-after-label{
opacity: 1;
}
.twentytwenty-after-label {
opacity: 0; }
.twentytwenty-after-label {
}
.twentytwenty-horizontal .twentytwenty-before-label {
left: 1px;
bottom: 0px;
max-width: 50%;
box-sizing: border-box;
line-height: inherit;
padding: 4px; }
.twentytwenty-horizontal .twentytwenty-after-label {
right: 1px;
bottom: 0px;
max-width: 50%;
box-sizing: border-box;
line-height: inherit;
padding: 4px; }
.twentytwenty-vertical .twentytwenty-before-label {
top: 1px;
line-height: inherit;
padding: 6px;
box-sizing: border-box;}
.twentytwenty-vertical .twentytwenty-after-label {
bottom: 1px;
line-height: inherit;
padding: 6px;
box-sizing: border-box; }
.twentytwenty-overlay {
-webkit-transition-property: background;
-moz-transition-property: background;
transition-property: background;
background: rgba(0, 0, 0, 0);
z-index: 25; }
.twentytwenty-overlay:hover {
background: rgba(0, 0, 0, 0.5); }
.twentytwenty-overlay:hover .twentytwenty-after-label {
opacity: 1; }
.twentytwenty-overlay:hover .twentytwenty-before-label {
opacity: 1; }
.twentytwenty-before {
z-index: 20; }
.twentytwenty-after {
z-index: 10; }
.twentytwenty-handle {
height: 38px;
width: 38px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -22px;
margin-top: -22px;
border: 3px solid white;
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
border-radius: 1000px;
-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
z-index: 40;
cursor: pointer; }
.twentytwenty-horizontal .twentytwenty-handle:before {
bottom: 50%;
margin-bottom: 22px;
-webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:after {
top: 50%;
margin-top: 22px;
-webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:before {
left: 50%;
margin-left: 22px;
-webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:after {
right: 50%;
margin-right: 22px;
-webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-left-arrow {
border-right: 6px solid white;
left: 50%;
margin-left: -17px; }
.twentytwenty-right-arrow {
border-left: 6px solid white;
right: 50%;
margin-right: -17px; }
.twentytwenty-up-arrow {
border-bottom: 6px solid white;
top: 50%;
margin-top: -17px; }
.twentytwenty-down-arrow {
border-top: 6px solid white;
bottom: 50%;
margin-bottom: -17px; }
  @font-face {
font-family: "PT Sans";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ptsans/v12/jizYRExUiTo99u79D0e0ysmIEDQ.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} @font-face {
font-family: "PT Sans";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ptsans/v12/jizYRExUiTo99u79D0e0w8mIEDQ.woff2) format("woff2");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: "PT Sans";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ptsans/v12/jizYRExUiTo99u79D0e0ycmIEDQ.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: "PT Sans";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ptsans/v12/jizYRExUiTo99u79D0e0x8mI.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: "PT Sans";
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ptsans/v12/jizdRExUiTo99u79D0e8fOydIhUdwzM.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} @font-face {
font-family: "PT Sans";
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ptsans/v12/jizdRExUiTo99u79D0e8fOydKxUdwzM.woff2) format("woff2");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: "PT Sans";
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ptsans/v12/jizdRExUiTo99u79D0e8fOydIRUdwzM.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: "PT Sans";
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ptsans/v12/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: "PT Sans";
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/ptsans/v12/jizaRExUiTo99u79D0-ExdGM.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
font-display: swap;
} @font-face {
font-family: "PT Sans";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ptsans/v12/jizaRExUiTo99u79D0aExdGM.woff2) format("woff2");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: "PT Sans";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ptsans/v12/jizaRExUiTo99u79D0yExdGM.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: "PT Sans";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ptsans/v12/jizaRExUiTo99u79D0KExQ.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: "PT Sans";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ptsans/v12/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} @font-face {
font-family: "PT Sans";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ptsans/v12/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format("woff2");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: "PT Sans";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ptsans/v12/jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: "PT Sans";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ptsans/v12/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: "Tenor Sans";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/tenorsans/v12/bx6ANxqUneKx06UkIXISn3F4Cl2I.woff2) format("woff2");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: "Tenor Sans";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/tenorsans/v12/bx6ANxqUneKx06UkIXISn3t4Cl2I.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: "Tenor Sans";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/tenorsans/v12/bx6ANxqUneKx06UkIXISn3V4Cg.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "PTRootUIWeb";
src: url(//profclinic.ru/wp-content/themes/prof/fonts/PT%20Root%20UI_Bold.eot);
src:
url(//profclinic.ru/wp-content/themes/prof/fonts/PT%20Root%20UI_Bold.eot?#iefix) format("embedded-opentype"),
url(//profclinic.ru/wp-content/themes/prof/fonts/PT%20Root%20UI_Bold.woff2) format("woff2"),
url(//profclinic.ru/wp-content/themes/prof/fonts/PT%20Root%20UI_Bold.woff) format("woff"),
url(//profclinic.ru/wp-content/themes/prof/fonts/PT%20Root%20UI_Bold.ttf) format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "PTRootUIWeb";
src: url(//profclinic.ru/wp-content/themes/prof/fonts/PT%20Root%20UI_Medium.eot);
src:
url(//profclinic.ru/wp-content/themes/prof/fonts/PT%20Root%20UI_Medium.eot?#iefix) format("embedded-opentype"),
url(//profclinic.ru/wp-content/themes/prof/fonts/PT%20Root%20UI_Medium.woff2) format("woff2"),
url(//profclinic.ru/wp-content/themes/prof/fonts/PT%20Root%20UI_Medium.woff) format("woff"),
url(//profclinic.ru/wp-content/themes/prof/fonts/PT%20Root%20UI_Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "PT Sans Serif";
src: url(//profclinic.ru/wp-content/themes/prof/fonts/PTF75F_W.eot);
src:
url(//profclinic.ru/wp-content/themes/prof/fonts/PTF75F_W.eot?#iefix) format("embedded-opentype"),
url(//profclinic.ru/wp-content/themes/prof/fonts/PTF75F_W.woff) format("woff"),
url(//profclinic.ru/wp-content/themes/prof/fonts/PTF75F_W.ttf) format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
picture {
display: block;
}
picture img {
width: 100%;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 60%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
margin: 0;
}
button,
select {
text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: none;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
vertical-align: baseline;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
}  body {
background: #fff;
color: #2e2e2e;
font-family: "PT Sans", sans-serif;
font-size: calc(14px + 2 * ((100vw - 320px) / 1600));
font-weight: normal;
padding: 0;
margin: 0;
}
body._lock {
overflow: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
line-height: 1.2;
font-family: "PT Sans", sans-serif;
margin: 0 0 20px;
text-transform: none;
font-weight: 400;
color: #000;
}
h1,
.h1 {
font-family: "Tenor Sans", sans-serif;
font-size: calc(22px + 20 * ((100vw - 320px) / 1600));
text-transform: uppercase;
}
h2,
.h2 {
font-size: calc(20px + 12 * ((100vw - 320px) / 1600));
}
h3,
.h3 {
font-size: calc(18px + 6 * ((100vw - 320px) / 1600));
}
h4,
.h4 {
font-size: calc(16px + 6 * ((100vw - 320px) / 1600));
}
p {
margin: 0;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
padding: 20px 0 0 50px;
margin: 0 0 30px;
border: none;
position: relative;
font-size: 1.5em;
font-style: italic;
font-family: "Crete Round", serif;
color: #999;
}
blockquote:before {
color: #e9b52b;
content: "“";
font-size: 72px;
left: 0;
position: absolute;
top: 0;
text-align: left;
line-height: 72px;
font-style: normal;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 25px;
}
ul,
ol {
margin: 0;
padding: 0;
list-style-type: none;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
embed,
video,
iframe,
object {
max-width: 100%;
display: block;
}
img {
height: auto;
max-width: 100%;
vertical-align: top;
}
figure {
margin: 1em 0;
}
table {
margin: 0;
width: 100%;
border-collapse: collapse;
}
a {
background-color: transparent;
text-decoration: none;
color: inherit;
transition: all 0.5s ease;
}
a:focus,
a:hover,
a:active {
outline: 0;
}
* {
outline: 0;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
text-align: center;
width: 100%;
margin: 0;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}
.ellipsis {
display: block;
overflow: hidden;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
}
.es {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.ibg {
position: relative;
}
.ibg img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
}
body.ie .ibg {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
body.ie .ibg img {
width: 0;
height: 0;
opacity: 0;
visibility: hidden;
} ::-webkit-input-placeholder {
color: #000;
}
:-moz-placeholder {
color: #000;
}
::-moz-placeholder {
color: #000;
}
:-ms-input-placeholder {
color: #000;
}
.input-block {
display: flex;
flex-wrap: wrap;
}
select {
text-align-last: center;
}
input[type="email"],
input[type="password"],
input[type="phone"],
input[type="tel"],
input[type="text"],
input[type="number"],
input[type="url"],
select,
textarea {
font-family: "PTRootUIWeb";
font-weight: 700;
font-size: 12px;
border-width: 0 0px 2px;
border-style: solid;
border-color: #e9b52b;
color: #000;
padding: 0 0px;
height: 4em;
background: none;
border-radius: 0;
box-shadow: none;
appearance: none;
transition: none;
text-align: left;
text-transform: uppercase;
width: 100%;
letter-spacing: 1px;
padding: 0 20px;
}
input[type="email"] {
background: url(//profclinic.ru/wp-content/themes/prof/images/mail.png) no-repeat right center;
}
input[type="tel"] {
background: url(//profclinic.ru/wp-content/themes/prof/images/phone.png) no-repeat right center;
}
input[name="your-name"] {
background: url(//profclinic.ru/wp-content/themes/prof/images/man.png) no-repeat right center;
}
.date_form input[type="text"] {
background: url(//profclinic.ru/wp-content/themes/prof/images/date.png) no-repeat right center;
}
.modal-form .date_form .select2-container .select2-selection__arrow {
background: url(//profclinic.ru/wp-content/themes/prof/images/date.png);
width: 12px !important;
height: 14px !important;
margin-top: -7px;
}
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
background: #e9b52b; color: #fff;
cursor: pointer;
font-family: "PTRootUIWeb";
font-weight: 700;
text-align: center;
width: 285px;
border-radius: 0;
font-size: 16px;
height: 50px;
margin: 0 auto;
padding: 0;
font-weight: 400;
letter-spacing: 1px;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
border: none;
}
.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
color: #fff;
}
.input-block {
display: flex;
}
.input-block p {
position: relative;
}
.input-block p:nth-child(2) input {
border-width: 0 0 2px;
}
.agree {
text-align: center;
margin: 0;
}
.bottom_form .agree {
text-align: center;
}
.bottom_form input[type="checkbox"] + label::before,
.bottom_form label input[type="checkbox"] + span::before {
top: -2px;
}
.agree a {
text-decoration: underline;
color: #4e4e4e;
}
.agree span.wpcf7-list-item {
margin: 0;
}
.agree.agree_sms {
margin: 0;
color: #4e4e4e;
}
input[type="checkbox"] {
display: none;
}
input[type="checkbox"] + label,
input[type="checkbox"] + span {
display: inline-flex;
margin: 20px auto 0;
align-items: center;
justify-content: center;
position: relative;
padding: 0 0 0 20px;
color: #4e4e4e;
font-size: 12px;
font-weight: 400;
column-gap: 5px;
}
input[type="checkbox"] + label::before,
label input[type="checkbox"] + span::before {
cursor: pointer;
display: block;
margin: 0;
content: "";
position: absolute;
left: 0;
top: 2px;
border: 1px solid #6f6f6f;
width: 13px;
height: 13px;
background: none;
}
input[type="checkbox"]:checked + label::before,
label input[type="checkbox"]:checked + span::before {
background: url(//profclinic.ru/wp-content/themes/prof/images/check.svg) no-repeat 0px 1px / contain;
}
div.wpcf7 .ajax-loader {
display: none;
}
.modal-form {
text-align: center;
padding: 70px 70px 40px;
background: #fff;
}
.modal-form h3 {
color: #132c54;
}
.modal-form h3 + p {
font-size: 14px;
color: #4e4e4e;
}
.modal-form form {
max-width: 765px;
margin: 35px auto 0;
display: flex;
flex-wrap: wrap;
}
.modal-form form p {
position: relative;
}
#all-on4-order.modal-form form > div,
#dentium-order.modal-form form > div,
#straumann-order.modal-form form > div,
#fancyboxID-1.modal-form form > div,
#fancyboxID-2.modal-form form > div,
#fancyboxID-3.modal-form form > div,
#fancyboxID-4.modal-form form > div,
#fancyboxID-5.modal-form form > div {
width: 50%;
margin: 0 0 60px;
}
#all-on4-order.modal-form form > div:nth-child(2),
#dentium-order.modal-form form > div:nth-child(2),
#straumann-order.modal-form form > div:nth-child(2),
#fancyboxID-1.modal-form form > div:nth-child(2),
#fancyboxID-5.modal-form form > div:nth-child(2),
#fancyboxID-2.modal-form form > div:nth-child(2),
#fancyboxID-3.modal-form form > div:nth-child(2),
#fancyboxID-4.modal-form form > div:nth-child(2) {
padding: 0 97px 0 0;
}
#all-on4-order.modal-form form > div:nth-child(3),
#dentium-order.modal-form form > div:nth-child(3),
#straumann-order.modal-form form > div:nth-child(3),
#fancyboxID-1.modal-form form > div:nth-child(3),
#fancyboxID-2.modal-form form > div:nth-child(3),
#fancyboxID-3.modal-form form > div:nth-child(3),
#fancyboxID-4.modal-form form > div:nth-child(3),
#fancyboxID-5.modal-form form > div:nth-child(3) {
padding: 0 0 0 30px;
}
#fancyboxID-4.modal-form form > div textarea,
#fancyboxID-5.modal-form form > div textarea {
height: 178px;
border: 1px solid rgba(233, 181, 43, 0.5);
padding: 15px;
}
#all-on4-order.modal-form form > div textarea,
#dentium-order.modal-form form > div textarea,
#straumann-order.modal-form form > div textarea,
#fancyboxID-1.modal-form form > div textarea,
#fancyboxID-2.modal-form form > div textarea,
#fancyboxID-3.modal-form form > div textarea {
height: 115px;
border: 1px solid rgba(233, 181, 43, 0.5);
padding: 15px;
}
#all-on4-order.modal-form form > div label,
#dentium-order.modal-form form > div label,
#straumann-order.modal-form form > div label,
#fancyboxID-1.modal-form form > div label,
#fancyboxID-5.modal-form form > div label,
#fancyboxID-2.modal-form form > div label,
#fancyboxID-3.modal-form form > div label,
#fancyboxID-4.modal-form form > div label {
display: block;
max-width: max-content;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
background: #fff;
padding: 10px;
margin: 0 0 -18px 20px;
position: relative;
z-index: 2;
font-family: "PTRootUIWeb";
font-weight: 700;
}
#all-on4-order.modal-form form > p,
#dentium-order.modal-form form > p,
#straumann-order.modal-form form > p,
#fancyboxID-1.modal-form form > p,
#fancyboxID-5.modal-form form > p,
#fancyboxID-2.modal-form form > p,
#fancyboxID-3.modal-form form > p,
#fancyboxID-4.modal-form form > p {
width: 100%;
}
#all-on4-order.modal-form form > div.textarea_box,
#dentium-order.modal-form form > div.textarea_box,
#straumann-order.modal-form form > div.textarea_box,
#fancyboxID-1.modal-form form > div.textarea_box,
#fancyboxID-5.modal-form form > div.textarea_box {
width: 100%;
}
.date_form {
display: flex;
}
.date_form p {
width: 50%;
}
.date_form p:last-child {
padding: 0 0 0 5px;
}
.date_form p:first-child {
padding: 0 5px 0 0;
}
.modal-form input[type="email"],
.modal-form input[type="password"],
.modal-form input[type="phone"],
.modal-form input[type="tel"],
.modal-form input[type="text"],
.modal-form input[type="number"],
.modal-form input[type="url"],
.modal-form select,
.modal-form textarea {
border-color: #e9b52b;
color: #000;
height: 65px;
padding: 0 20px 0 0;
}
.modal-form *::-webkit-input-placeholder {
color: #000;
}
.modal-form *:-moz-placeholder {
color: #000;
}
.modal-form *::-moz-placeholder {
color: #000;
}
.modal-form *:-ms-input-placeholder {
color: #000;
}
.modal-form label input[type="checkbox"]:checked + span::before {
background: url(//profclinic.ru/wp-content/themes/prof/images/chek.png) no-repeat 0px 1px;
}
span.wpcf7-not-valid-tip {
font-size: 12px;
}
.wpcf7-form-control-wrap.menu-849 {
display: block;
}
.modal-form .select2-container .select2-selection {
border-width: 0 0 2px;
border-style: solid;
border-color: #e9b52b;
border-radius: 0;
height: 65px;
background: white;
outline: none;
color: #000;
font-size: 12px;
transition: 0.5s;
text-transform: uppercase;
}
.modal-form .select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #000;
font-family: "PTRootUIWeb";
font-weight: 700;
}
.modal-form .select2-container .select2-selection__rendered {
line-height: 65px !important;
padding: 0 20px 0 0 !important;
text-align: left;
font-family: "PTRootUIWeb";
font-weight: 700;
}
.modal-form .select2-container .select2-selection__arrow {
width: 15px !important;
height: 8px !important;
background: url(//profclinic.ru/wp-content/themes/prof/images/select.svg);
position: absolute !important;
right: 0px !important;
top: 50% !important;
margin-top: -4px;
}
.modal-form .select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none !important;
}
.select2-container {
z-index: 999999;
}
.vc_color-orange.vc_message_box-solid {
color: #fff;
border-color: transparent;
background-color: #e9b52b;
font-size: 22px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 1px;
border-radius: 0;
font-family: "Tenor Sans", sans-serif;
}
div.wpcf7 .ajax-loader {
display: none;
}
div.wpcf7-mail-sent-ok {
text-align: center;
margin: 0 0 0;
border: none;
}
.wpcf7 form .wpcf7-response-output {
border: none;
font-size: 12px;
bottom: 0;
text-align: center;
width: 100% !important;
color: red;
margin: 10px 0 0 !important;
}
.wpcf7 form .wpcf7-not-valid-tip {
color: #dc3232;
font-size: 12px;
display: block;
position: absolute;
left: calc(20px + 15 * ((100vw - 320px) / 1600));
bottom: 0;
background: none;
z-index: 1;
}
.screen-reader-response {
display: none;
} #fancybox-outer,
#fancybox-content {
background: none !important;
}
#fancybox-close {
background: url(//profclinic.ru/wp-content/themes/prof/images/close.svg) no-repeat 0px 0px / cover;
width: 20px !important;
height: 20px !important;
top: 10px !important;
right: 10px !important;
}
#fancybox-close span {
display: none !important;
}
.bottom-form__block {
border-radius: 50%;
width: 50.9375em;
height: 50.9375em;
margin: 0px auto;
background: #fafafa;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
flex-direction: column;
}
.bottom-form__block h2 {
margin: 0;
}
.bottom-form__block h2 + p {
font-size: calc(14px + 2 * ((100vw - 320px) / 1600));
margin-top: 2.5em;
}
.bottom-form__block form {
max-width: 610px;
width: 100%;
margin: 3.125em auto 0;
}
.bottom-form__block form .input-block p {
width: 50%;
margin: 0 0 2.5em;
}
.bottom-form__block form .phone-block {
margin: 0 0 2.5em;
}
.bottom-form__block form .input-block input[type="text"] {
border-width: 0 2px 2px 0;
background: url(//profclinic.ru/wp-content/themes/prof/images/man.png) no-repeat right 30px center;
}
.bottom-form__block form textarea {
border: 2px solid #e9b52b;
height: 7.8125em;
width: 100%;
font-family: "PT Sans", sans-serif;
font-size: calc(14px + 2 * ((100vw - 320px) / 1600));
text-transform: none;
padding: 0.9375em 1.5625em;
font-weight: 400;
}
.bottom-form__block form input[type="submit"] {
margin-top: 2.5em;
}
.bottom-small-form__inner {
background: #e9b52b;
border-radius: 50%;
height: 30.625em;
width: 30.625em;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
flex-direction: column;
text-align: center;
}
.bottom-small-form__inner a {
background: #fff;
border: none;
color: #513921;
height: 3em;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
align-items: center;
justify-content: center;
width: 13.125em;
display: flex;
margin: 3em 0 0;
}
.bottom-small-form__title {
margin: 0;
}
.page-id-2876 .bottom-form .bottom-form__block form .input-block input[type="text"] {
background: none;
}
.contacts-form__inner {
max-width: 930px;
width: 100%;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2em;
}
.contacts-form__title {
position: relative;
background: #fafafa;
}
.contacts-form__title::before {
content: "";
display: block;
background: #fafafa;
width: 880px;
height: 654px;
position: absolute;
z-index: -1;
bottom: 0;
left: 0;
transform: translateX(-49%);
}
.contacts-form__box form p {
margin-bottom: 1.5625em;
}
.page-template-all-services,
.page-template-default,
.page-template-gallery,
.page-template-portfolio,
.page-template-gallery-inner,
.blog,
.archive,
.page-template-thanks,
.error404 {
background-image: url(//profclinic.ru/wp-content/themes/prof/images/image-2.png);
background-repeat: no-repeat;
background-position: center calc(-170px + 170 * ((100vw - 320px) / 1600));
}
.page-template-default.page-id-9 {
background: url(//profclinic.ru/wp-content/themes/prof/images/about_us_bg.png) no-repeat right top;
}
.home,
.page-template-default.page-id-34,
.parent-pageid-16,
.parent-pageid-13 {
background: none !important;
}
.parent-pageid-11 {
background-image: url(//profclinic.ru/wp-content/themes/prof/images/page-template-default.png);
background-repeat: no-repeat;
background-position: right calc(-175px + 175 * ((100vw - 320px) / 1600));
}
._webp .page-template-all-services,
._webp .page-template-default,
._webp .page-template-gallery,
._webp .page-template-portfolio,
._webp .page-template-gallery-inner,
._webp .blog,
._webp .archive,
._webp .page-template-thanks,
._webp .error404 {
background-image: url(//profclinic.ru/wp-content/themes/prof/images/image-2.webp);
}
._webp .page-template-default.page-id-9 {
background: url(//profclinic.ru/wp-content/themes/prof/images/about_us_bg.webp) no-repeat right top;
}
._webp .parent-pageid-11 {
background-image: url(//profclinic.ru/wp-content/themes/prof/images/page-template-default.webp);
}
.site {
width: 100%;
min-height: 100vh;
overflow: hidden;
display: flex;
flex-direction: column;
position: relative;
}  /*/*/.site__main {
padding-top: calc(90px + 60 * ((100vw - 320px) / 1600));
}
.site__footer {
margin-top: calc(75px + 50 * ((100vw - 320px) / 1600));
}
.site-main {
flex: 1 1 auto;
}
.site-main__page {
padding-top: calc(10px + 70 * ((100vw - 320px) / 1600));
}
[class*="__container"] {
padding-left: calc(20px + 55 * ((100vw - 320px) / 1600));
padding-right: calc(20px + 55 * ((100vw - 320px) / 1600));
}
.title-box {
text-align: center;
margin-bottom: calc(30px + 45 * ((100vw - 320px) / 1600));
}
.title-box h2 {
margin: 0;
}
.title-box p {
margin-top: calc(10px + 10 * ((100vw - 320px) / 1600));
color: #e9b52b;
text-transform: uppercase;
font-family: "Tenor Sans", sans-serif;
letter-spacing: 1px;
font-size: 1.25em;
}
.title-box .read-more-link {
margin-top: calc(10px + 10 * ((100vw - 320px) / 1600));
}
.read-more-link {
text-align: center;
margin-top: calc(30px + 20 * ((100vw - 320px) / 1600));
}
.read-more-link a {
color: #e9b52b;
font-size: 12px;
text-transform: uppercase;
}
.mejs-controls {
display: none !important;
}
.content {
font-size: 1em;
line-height: 1.2;
}
.content > *:not(:last-child) {
margin-bottom: 1.25em;
}
.content ul {
list-style-type: disc;
padding-left: 2em;
}
.content ul li:not(:last-child) {
margin-bottom: 1em;
}
.content ol {
counter-reset: item;
padding: 0 0 0 10px;
margin-bottom: 1em;
}
.content ol li {
position: relative;
padding: 0px 0px 0px 0.9333em;
}
.content ol li:before {
counter-increment: item;
content: counter(item) ".";
position: absolute;
left: 0;
top: 0;
font-size: 1em;
}
.content ol li:not(:last-child) {
margin: 0 0 1em;
}
.content--hidden {
display: none;
}
.show-hide {
color: #e9b52b;
font-size: 12px;
text-transform: uppercase;
cursor: pointer;
}
.show-hide:hover {
color: #000;
}
.page-header__inner {
max-width: 930px;
width: 100%;
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.page-header__inner--big {
height: calc(185px + 65 * ((100vw - 320px) / 1600));
}
.page-header__title-box {
display: flex;
justify-content: space-between;
align-items: center;
}
.page-header__title-box h1 {
margin: 0;
}
.page-header__title-box a {
text-transform: uppercase;
font-size: 12px;
font-family: "PTRootUIWeb";
font-weight: 700;
letter-spacing: 1px;
display: inline-flex;
color: #e9b52b;
}
.page-header__title-box a:hover {
color: #000;
}
.page-header__menu {
display: flex;
}
.page-header__menu li:not(:last-child) {
margin-right: 1.5625em;
}
.page-header__menu li a {
color: #3c3c3c;
font-family: "PTRootUIWeb";
font-weight: 700;
font-size: 0.875em;
text-transform: uppercase;
display: block;
height: 2.5em;
}
.page-header__menu li a:hover {
border-bottom: 0.3571em solid #f5b473;
}
.blog .page-header__menu a[href*="news"] {
color: #000;
border-bottom: 5px solid #f5b473;
}
.tag-action .page-header__menu a[href*="action"] {
color: #000;
border-bottom: 5px solid #f5b473;
}
.tag-speczialisty .page-header__menu a[href*="speczialisty"] {
color: #000;
border-bottom: 5px solid #f5b473;
}
.navigation__links {
margin-top: calc(35px + 35 * ((100vw - 320px) / 1600));
display: flex;
justify-content: center;
}
.navigation .page-numbers {
border: 2px solid transparent;
color: #666;
display: flex;
font-size: 0.875em;
line-height: 1;
margin: 0 2px;
padding: 0;
width: 2.8571em;
height: 2.8571em;
align-items: center;
justify-content: center;
transition: all 0.5s ease;
}
.navigation a.page-numbers:hover {
border-color: #f0f0f0;
}
.navigation .current {
border-color: #f0f0f0;
}
.default-page__bottom-form {
margin-top: calc(75px + 50 * ((100vw - 320px) / 1600));
}
.breadcrumbs {
display: flex;
align-items: center;
}
.breadcrumbs a {
text-transform: uppercase;
font-size: 12px;
font-family: "PTRootUIWeb";
font-weight: 700;
letter-spacing: 1px;
color: #e9b52b;
}
.breadcrumbs a:hover {
color: #000;
}
.breadcrumbs span {
text-transform: uppercase;
font-size: 12px;
font-family: "PTRootUIWeb";
font-weight: 700;
color: #e9b52b;
margin: 0 5px;
line-height: 1;
}
.tabs ul {
display: flex;
padding: 0;
margin: 0;
list-style-type: none;
}
.tabs ul .tabs-item {
margin-right: calc(10px + 20 * ((100vw - 320px) / 1600));
font-family: "Tenor Sans", sans-serif;
font-size: calc(18px + 6 * ((100vw - 320px) / 1600));
color: #000;
padding: 0 0 5px;
cursor: pointer;
}
.tabs ul .tabs-item.active {
border-bottom: 2px solid #000000;
cursor: default;
color: #000 !important;
}
.tabs ul .tabs-item:hover {
color: #e9b52b;
}
.tabs .tabs-block {
display: none;
}
.tabs .tabs-block.active {
display: block;
}
.wp-video {
width: 100% !important;
}
.grecaptcha-badge {
display: none !important;
}
.pdf-link {
font-size: 1.125em;
text-decoration: underline;
display: flex;
align-items: center;
}
.pdf-link::before {
content: "";
background: url(//profclinic.ru/wp-content/themes/prof/images/pdf.png) no-repeat 0 0 / contain;
display: block;
height: 5.3888em;
flex: 0 0 4.2777em;
box-shadow: -6px 6px 14px -3px #a8b8c6;
margin-right: 2em;
}
.social {
display: flex;
align-items: center;
display: none;
}
.social a {
flex: 0 0 30px;
height: 30px;
width: 30px;
display: block;
position: relative;
}
.social a img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: scale-down;
}
@font-face {
font-family: swiper-icons;
src: url(data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper .swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper.swiper-container-vertical .swiper-wrapper {
flex-direction: column;
}
.swiper.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
}
.swiper-container-android .swiper-slide,
.swiper-container-android .swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-button-lock {
display: none !important;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
content: "";
flex-shrink: 0;
order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: "";
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size);
}
:root {
--swiper-navigation-size: 44px;
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube {
overflow: visible;
}
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
content: "";
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px);
}
.swiper-flip {
overflow: visible;
}
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height;
}
.swiper-cards {
overflow: visible;
}
.swiper-cards .swiper-slide {
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}
.slider-control__pagination {
display: flex;
}
.slider-control__pagination span {
width: 40px;
height: 3px;
background: #e3e2ea;
cursor: pointer;
}
.slider-control__pagination span.swiper-pagination-bullet-active {
background: #e9b52b;
}
.slider-control__arrow-block {
display: flex;
align-items: center;
justify-content: space-between;
}
.slider-control__arrow {
background: url(//profclinic.ru/wp-content/themes/prof/images/arrow.svg) no-repeat 0px 0px;
width: 26px;
height: 16px;
cursor: pointer;
}
.slider-control__arrow--prev {
transform: rotate(180deg);
}
.slider-control--absolut .slider-control__arrow--prev {
position: absolute;
top: 50%;
left: 0;
}
.slider-control--absolut .slider-control__arrow--next {
position: absolute;
top: 50%;
right: 0;
}
.site-header__inner {
height: calc(90px + 60 * ((100vw - 320px) / 1600));
z-index: 1001;
position: fixed;
width: 100%;
top: 0;
left: 0;
transition: all 0.5s ease;
}
.site-header__container {
height: 100%;
display: flex;
align-items: center;
}
.site-header__container > * {
flex: 0 0 50%;
align-items: center;
height: 100%;
display: flex;
}
.site-header__action {
justify-content: space-between;
padding-right: 4.5em;
}
.site-header__logo img {
max-width: 13.4375em;
}
.site-header__contact {
justify-content: flex-end;
}
.site-header__contact a {
font-size: 1em;
font-family: "PTRootUIWeb";
text-transform: uppercase;
font-weight: 700;
color: #000;
}
.site-header._scroll .site-header__inner {
background: #fff;
height: 90px;
overflow: hidden;
}
.site-header a:hover {
color: #e9b52b;
}
.menu-toggle {
display: flex;
align-items: center;
cursor: pointer;
}
.menu-toggle img {
flex: 0 0 15px;
height: 15px;
margin-right: 1em;
transition: all 0.5s ease;
}
.menu-toggle__text {
font-size: 1em;
font-family: "PTRootUIWeb";
text-transform: uppercase;
font-weight: 700;
color: #000;
}
.menu-toggle__text--close {
display: none;
}
.menu-toggle.active img {
transform: rotate(45deg);
}
.menu-toggle.active .menu-toggle__text--open {
display: none;
}
.menu-toggle.active .menu-toggle__text--close {
display: block;
}
.header-contact__phone {
margin-right: 2.8125em;
padding-right: 2.8125em;
border-right: 2px solid #e9b52b;
}
.header-hidden {
opacity: 0;
z-index: -100;
transition: all 0.5s ease;
height: 0;
position: relative;
overflow: hidden;
}
.header-hidden__container {
display: flex;
flex-direction: column;
height: 100%;
}
.header-hidden__nav {
flex: 1 1 auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.header-hidden__nav-img {
height: 12.1875em;
width: 25%;
position: relative;
}
.header-hidden__nav-img::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.8);
z-index: 1;
}
.header-hidden__nav ul {
padding-right: 2.75em;
}
.header-hidden__nav ul li a {
font-size: calc(20px + 12 * ((100vw - 320px) / 1600));
font-family: "Tenor Sans", sans-serif;
color: #000;
}
.header-hidden__nav ul li a:hover {
color: #e9b52b;
}
.header-hidden__contacts {
flex: 0 0 calc(90px + 60 * ((100vw - 320px) / 1600));
display: flex;
align-items: center;
justify-content: space-between;
font-size: 1em;
font-family: "PTRootUIWeb";
text-transform: uppercase;
font-weight: 700;
}
.hidden-contacts__address {
display: flex;
align-items: center;
justify-content: space-between;
flex: 0 0 50%;
}
.hidden-contacts__address br {
display: none;
}
.hidden-contacts__social {
margin-left: 3.75em;
flex: 0 0 25%;
}
.hidden-contacts__email {
flex: 0 0 25%;
text-align: right;
}
.hidden-menu-active .site-header._scroll .site-header__inner,
.hidden-menu-active .site-header__inner {
height: 100vh;
display: flex;
flex-direction: column;
background: #fff;
}
.hidden-menu-active .site-header__container {
flex: 0 0 calc(90px + 60 * ((100vw - 320px) / 1600));
}
.hidden-menu-active .header-hidden {
opacity: 1;
z-index: 1;
flex: 1 1 auto;
height: auto;
overflow-y: auto;
}
.site-footer__inner {
width: 100%;
max-width: 82.502%;
margin: 0 auto;
border-top: 2px solid #dce4ed;
padding: 3.125em 0 1.875em;
position: relative;
}
.site-footer__box {
width: 100%;
max-width: 680px;
margin: 0 auto;
}
.site-footer__nav {
display: flex;
}
.site-footer__nav ul {
flex: 0 0 25%;
}
.site-footer__nav ul:first-child {
text-align: right;
}
.site-footer__nav ul li {
line-height: 1;
}
.site-footer__nav ul li:not(:last-child) {
margin-bottom: 0.375em;
}
.site-footer__nav ul li a {
font-size: calc(11px + 1 * ((100vw - 320px) / 1600));
text-transform: uppercase;
color: #363636;
font-family: "PTRootUIWeb";
font-weight: 700;
letter-spacing: 1px;
}
.site-footer__nav ul li a:hover {
text-decoration: underline;
}
.site-footer__logo {
flex: 1 1 auto;
background: #fff;
margin-top: -4.3em;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.site-footer__logo img {
display: block;
max-width: 9.375em;
}
.site-footer__logo::after {
content: "";
display: block;
height: 50px;
width: 2px;
background: #dce4ed;
}
.site-footer__info {
margin-top: 2.5em;
}
.footer-info {
text-align: center;
}
.footer-info > *:not(:last-child) {
margin-bottom: 0.5em;
}
.footer-info a:hover {
color: #e9b52b;
}
.footer-info__address br {
display: none;
}
.footer-info__offer {
font-size: 12px;
}
.footer-info__doc a {
color: #e9b52b;
font-size: calc(12px + 2 * ((100vw - 320px) / 1600));
letter-spacing: 1px;
}
.footer-info__doc a:hover {
color: #363636;
}
.mna_link {
display: flex;
position: absolute;
width: auto;
height: auto;
bottom: 1.875em;
right: 0;
align-items: center;
gap: 5px;
}
.mna_link span {
display: block;
color: #e9b52b;
font-size: 13px;
}
.page-home__social {
margin-top: 50px;
}
.page-home__about,
.page-home__about-number,
.page-home__advantages-treatment,
.page-home__services-slider,
.page-home__testimonial,
.page-home__doctors-slider,
.page-home__portfolio-slider,
.page-home__reviews-slider,
.page-home__seo-text,
.page-home__bottom-form,
.page-home__bottom-contacts {
margin-top: calc(75px + 50 * ((100vw - 320px) / 1600));
}
.home-top__slider {
max-width: calc(320px + 1180 * ((100vw - 320px) / 1600));
width: 100%;
}
.home-top__control {
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
}
.home-top__control .slider-control__arrow-block {
width: 175px;
margin-top: 50px;
}
.home-top__control .slider-control__arrow {
background-image: url(//profclinic.ru/wp-content/themes/prof/images/arrow-home.svg);
background-size: 75%;
background-repeat: no-repeat;
width: 41px;
height: 16px;
}
.home-top__control .slider-control__arrow--prev {
background-position: right center;
}
.home-top__control .slider-control__arrow--next {
background-position: left center;
}
.home-top__control .slider-control__pagination {
display: flex;
}
.home-top__control .slider-control__pagination span {
width: 40px;
height: 3px;
background: #e3e2ea;
cursor: pointer;
}
.home-top__control .slider-control__pagination span.swiper-pagination-bullet-active {
background: #e9b52b;
}
.top-slider-item {
display: flex;
align-items: center;
}
.top-slider-item__content {
flex: 0 0 40%;
}
.top-slider-item__content a {
color: #000;
font-size: 12px;
text-transform: uppercase;
display: block;
font-family: "PTRootUIWeb";
margin-top: 4.1666em;
font-weight: 700;
}
.top-slider-item__content a:hover {
color: #e9b52b;
}
.top-slider-item__name {
margin: 0;
font-size: calc(22px + 16 * ((100vw - 320px) / 1600));
}
.top-slider-item__img {
padding-top: 37.875%;
flex: 0 0 60%;
}
.top-slider-item__img::before {
content: "";
height: calc(100px + 27 * ((100vw - 320px) / 1600));
width: calc(100px + 27 * ((100vw - 320px) / 1600));
border-radius: 50%;
position: absolute;
bottom: 0;
left: 0;
transform: translate(-50%, -25%);
z-index: 1;
}
.top-slider-item:nth-child(1) .top-slider-item__img::before {
background: url(//profclinic.ru/wp-content/themes/prof/images/num_banner1.svg) no-repeat 0 0 / cover;
}
.top-slider-item:nth-child(2) .top-slider-item__img::before {
background: url(//profclinic.ru/wp-content/themes/prof/images/num_banner2.svg) no-repeat 0 0 / cover;
}
.top-slider-item:nth-child(3) .top-slider-item__img::before {
background: url(//profclinic.ru/wp-content/themes/prof/images/num_banner3.svg) no-repeat 0 0 / cover;
}
.top-slider-item:nth-child(4) .top-slider-item__img::before {
background: url(//profclinic.ru/wp-content/themes/prof/images/num_banner4.svg) no-repeat 0 0 / cover;
}
.top-slider-item:nth-child(5) .top-slider-item__img::before {
background: url(//profclinic.ru/wp-content/themes/prof/images/num_banner5.svg) no-repeat 0 0 / cover;
}
.top-slider-item:nth-child(6) .top-slider-item__img::before {
background: url(//profclinic.ru/wp-content/themes/prof/images/num_banner6.svg) no-repeat 0 0 / cover;
}
.top-slider-item:nth-child(7) .top-slider-item__img::before {
background: url(//profclinic.ru/wp-content/themes/prof/images/num_banner7.svg) no-repeat 0 0 / cover;
}
.top-slider-item:nth-child(8) .top-slider-item__img::before {
background: url(//profclinic.ru/wp-content/themes/prof/images/num_banner8.svg) no-repeat 0 0 / cover;
}
.top-slider-item:nth-child(9) .top-slider-item__img::before {
background: url(//profclinic.ru/wp-content/themes/prof/images/num_banner9.svg) no-repeat 0 0 / cover;
}
.top-slider-item:nth-child(10) .top-slider-item__img::before {
background: url(//profclinic.ru/wp-content/themes/prof/images/num_banner10.svg) no-repeat 0 0 / cover;
}
.home-social {
position: relative;
z-index: 1;
}
.home-social__container {
display: flex;
align-items: center;
justify-content: space-between;
}
.home-social__block-title {
font-size: 14px;
font-family: "PTRootUIWeb";
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
color: #000;
margin-right: 10px;
display: none;
}
.home-social__img {
margin-top: -8%;
text-align: right;
}
.page-home__notification {
margin-top: calc(50px + 25 * ((100vw - 320px) / 1600));
}
.notification__inner {
width: 100%;
max-width: 960px;
border: 3px solid #e9b52b;
padding: calc(20px + 30 * ((100vw - 320px) / 1600));
text-align: center;
line-height: 1.4;
margin: 0 auto;
}
.notification p {
color: #000;
font-size: 14px;
text-transform: uppercase;
display: block;
font-family: "PTRootUIWeb";
font-weight: 700;
font-size: 1.25em;
}
.notification a {
color: #e9b52b;
font-size: 12px;
text-transform: uppercase;
display: block;
font-family: "PTRootUIWeb";
margin-top: 2.1666em;
font-weight: 700;
}
.notification a:hover {
color: #000;
}
.home-about__slider {
max-width: calc(320px + 1180 * ((100vw - 320px) / 1600));
width: 100%;
position: relative;
}
.home-about__control {
position: absolute;
top: 0;
left: 600px;
width: 26px;
height: 100%;
z-index: 1;
}
.home-about__control .slider-control__arrow-block {
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.home-about-item {
height: auto;
}
.home-about-item__inner {
max-width: 1150px;
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.home-about-item__media {
width: 50%;
flex: 0 0 50%;
}
.home-about-item__media .wp-video {
width: auto !important;
}
.home-about-item__content {
padding-left: calc(20px + 130 * ((100vw - 320px) / 1600));
}
.home-about-item__name {
font-family: "Tenor Sans", sans-serif;
text-transform: uppercase;
}
.home-about-item__text {
font-size: 1.1875em;
}
.home-about-item__text p:not(:last-child) {
margin-bottom: 1em;
}
.primary-text__container {
position: relative;
}
.primary-text__container::before {
background: url(//profclinic.ru/wp-content/themes/prof/images/testimonial_bg-1.jpg) no-repeat center bottom / cover;
position: absolute;
width: 100%;
height: 68%;
left: 0;
bottom: 0;
display: block;
content: "";
z-index: -1;
}
.primary-text__inner {
max-width: 1000px;
width: 100%;
margin: 0 auto;
}
.primary-text__title-box {
display: flex;
font-size: calc(22px + 20 * ((100vw - 320px) / 1600));
width: 14.2857em;
height: 14.2857em;
margin: 0 auto;
justify-content: center;
align-items: center;
text-align: center;
border-radius: 50%;
background: #fff;
padding: 0.9523em;
}
.primary-text__content {
padding-bottom: 2.5em;
columns: 2;
column-gap: 30px;
margin-top: 2.5em;
}
.primary-text__content p {
font-size: 1.125em;
margin-bottom: 1.25em;
color: #000;
}
.about-number__inner {
max-width: 1000px;
width: 100%;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
}
.about-number__item {
font-family: "PT Sans Serif";
font-style: italic;
color: #434343;
display: flex;
align-items: center;
}
.about-number__item span {
font-size: 3.25em;
color: #c1ccc1;
font-weight: bold;
position: relative;
}
.about-number__item span::before {
content: "";
display: block;
width: 1.3846em;
height: 2.4423em;
background: #fff url(//profclinic.ru/wp-content/themes/prof/images/about_us_number_box.png) no-repeat 2px 0;
position: absolute;
right: -0.673em;
top: -0.5576em;
z-index: 12;
clip-path: polygon(87% 0, 100% 0%, 100% 100%, 0% 100%);
-webkit-clip-path: polygon(87% 0, 100% 0%, 100% 100%, 0% 100%);
}
.about-number__item p {
padding: 0 0 0 35px;
}
.advantages-treatment__inner {
max-width: 1570px;
margin: 0 auto;
filter: drop-shadow(-20px 20px 20px #e7ebee);
display: flex;
flex-wrap: wrap;
}
.advantages-treatment__doctor {
padding-left: calc(35px + 55 * ((100vw - 320px) / 1600));
display: flex;
align-items: flex-end;
background: #dde1e5;
width: 50%;
position: relative;
}
.advantages-treatment__doctor::before {
content: "";
display: block;
position: absolute;
top: -1px;
left: 0;
width: 100%;
height: 175px;
background: #fff;
clip-path: polygon(0 0, 100% 0%, 92% 100%, 0% 100%);
z-index: 0;
}
.advantages-treatment__doctor::after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 145px;
height: calc(100% - 170px);
background: #fff;
clip-path: polygon(0 0, 0% 100%, 100% 0);
z-index: 0;
}
.advantages-treatment__doctor-inner {
position: relative;
width: 100%;
z-index: 1;
}
.advantages-treatment__doctor-name {
position: absolute;
top: calc(0px + 40 * ((100vw - 320px) / 1600));
left: -40px;
font-size: calc(18px + 6 * ((100vw - 320px) / 1600));
font-weight: 700;
line-height: 1.2;
width: 11.0416em;
}
.advantages-treatment__doctor-post {
position: absolute;
top: calc(0px + 40 * ((100vw - 320px) / 1600));
right: calc(0px + 50 * ((100vw - 320px) / 1600));
font-size: calc(12px + 4 * ((100vw - 320px) / 1600));
font-weight: 400;
line-height: 1.2;
width: 16.5625em;
}
.advantages-treatment__doctor-order a {
position: absolute;
bottom: 40px;
left: -30px;
font-family: "PTRootUIWeb";
font-weight: 700;
font-size: 12px;
letter-spacing: 0.22em;
text-transform: uppercase;
color: #000;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background: #fff;
width: calc(200px + 400 * ((100vw - 320px) / 1600));
transition: all 0.5s ease;
}
.advantages-treatment__doctor-order a:hover {
box-shadow: 0 7px 10px -10px #000;
}
.advantages-treatment__content {
padding: calc(20px + 20 * ((100vw - 320px) / 1600)) calc(20px + 40 * ((100vw - 320px) / 1600));
background: #dde1e5;
display: flex;
flex-direction: column;
justify-content: space-between;
width: 50%;
}
.advantages-treatment__content-title {
font-size: calc(20px + 24 * ((100vw - 320px) / 1600));
font-family: "Tenor Sans", sans-serif;
}
.advantages-treatment__content-text {
font-size: calc(12px + 6 * ((100vw - 320px) / 1600));
line-height: 1.5;
margin-top: 20px;
}
.advantages-treatment__content-text ul {
margin: 0;
padding-left: 20px;
list-style-type: disc;
}
.advantages-treatment__content-list {
margin-top: 20px;
}
.advantages-treatment__content-list ul {
display: grid;
grid-template-columns: repeat(3, 1fr);
max-width: 478px;
list-style-type: none;
border-top: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
border-left: 2px solid #ffffff;
margin: 0;
padding: 0;
}
.advantages-treatment__content-list ul li {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
border-right: 2px solid #ffffff;
font-size: calc(12px + 2 * ((100vw - 320px) / 1600));
font-weight: 700;
padding: 0 0.7142em;
height: 84px;
}
.bottom-contacts__container {
padding-bottom: 5em;
position: relative;
}
.bottom-contacts__block {
max-width: 930px;
width: 100%;
margin: 0 auto;
text-align: center;
}
.bottom-contacts__address {
display: flex;
margin-top: 3.125em;
}
.bottom-contacts__address > div {
width: 50%;
}
.bottom-contacts__address > div:first-child {
padding-right: calc(15px + 65 * ((100vw - 320px) / 1600));
text-align: right;
border-right: 3px solid #e9b52b;
}
.bottom-contacts__address > div:last-child {
padding-left: calc(15px + 65 * ((100vw - 320px) / 1600));
text-align: left;
}
.bottom-contacts__map {
margin-top: 3.125em;
}
.price-page__top {
margin-top: calc(50px + 65 * ((100vw - 320px) / 1600));
}
.price-page__table {
max-width: 930px;
width: 100%;
margin: calc(50px + 75 * ((100vw - 320px) / 1600)) auto 0;
}
.price-page__form {
margin-top: calc(50px + 75 * ((100vw - 320px) / 1600));
}
.price-top {
position: relative;
}
.price-top__block {
max-width: 930px;
width: 100%;
margin: 0 auto;
}
.price-top__slider {
margin: -20px -15px -40px;
padding: 20px 15px 40px;
}
.price-slider-item {
box-shadow: 0px 20px 20px -17px #a8b8c6;
height: 305px;
background: #fff;
display: flex;
align-items: center;
position: relative;
}
.price-slider-item::before {
content: "";
height: calc(100px + 27 * ((100vw - 320px) / 1600));
width: calc(100px + 27 * ((100vw - 320px) / 1600));
border-radius: 50%;
position: absolute;
bottom: 0;
right: 0;
transform: translate(0.9375em, 1.75em);
z-index: 1;
}
.price-slider-item__content {
flex: 1 1 auto;
}
.price-slider-item__name {
color: #000;
font-size: calc(18px + 10 * ((100vw - 320px) / 1600));
font-family: "Tenor Sans", sans-serif;
padding: 0 1.2em;
text-transform: uppercase;
}
.price-slider-item__name br {
display: none;
}
.price-slider-item__img {
flex: 0 0 32.3125em;
height: 19.375em;
transform: translate(1.5625em, -1.5625em);
box-shadow: -20px 20px 20px -17px #a8b8c6;
}
.price-slider-item__img img {
object-position: center top;
}
.price-slider-item a {
font-size: 0;
position: absolute;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
}
.price-slider-item:nth-child(1)::before {
background: url(//profclinic.ru/wp-content/themes/prof/images/num_banner1.svg) no-repeat 0 0 / cover;
}
.price-slider-item:nth-child(2)::before {
background: url(//profclinic.ru/wp-content/themes/prof/images/num_banner2.svg) no-repeat 0 0 / cover;
}
.price-slider-item:nth-child(3)::before {
background: url(//profclinic.ru/wp-content/themes/prof/images/num_banner3.svg) no-repeat 0 0 / cover;
}
.price-slider-item:nth-child(4)::before {
background: url(//profclinic.ru/wp-content/themes/prof/images/num_banner4.svg) no-repeat 0 0 / cover;
}
.price-slider-item:nth-child(5)::before {
background: url(//profclinic.ru/wp-content/themes/prof/images/num_banner5.svg) no-repeat 0 0 / cover;
}
.price-slider-item:nth-child(6)::before {
background: url(//profclinic.ru/wp-content/themes/prof/images/num_banner6.svg) no-repeat 0 0 / cover;
}
.price-slider-item:nth-child(7)::before {
background: url(//profclinic.ru/wp-content/themes/prof/images/num_banner7.svg) no-repeat 0 0 / cover;
}
.price-slider-item:nth-child(8)::before {
background: url(//profclinic.ru/wp-content/themes/prof/images/num_banner8.svg) no-repeat 0 0 / cover;
}
.price-slider-item:nth-child(9)::before {
background: url(//profclinic.ru/wp-content/themes/prof/images/num_banner9.svg) no-repeat 0 0 / cover;
}
.price-slider-item:nth-child(10)::before {
background: url(//profclinic.ru/wp-content/themes/prof/images/num_banner10.svg) no-repeat 0 0 / cover;
}
.price-table table.price-table__header tr td {
color: #000;
font-size: 12px;
font-family: "PTRootUIWeb";
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
padding: 20px 0 20px 45px;
border-top: none;
}
.price-table table.price-table__header tr td:last-child {
text-align: right;
}
.price-table.service-content__price-table table.price-table__header tr td {
border-bottom: 2px solid #ddd;
}
.price-table__item table tr td {
padding: 1.1111em 0;
vertical-align: middle;
border-top: 2px solid #ddd;
font-size: calc(10px + 4 * ((100vw - 320px) / 1600));
text-transform: uppercase;
}
.price-table__item table tr td:last-child {
text-align: right;
font-weight: 700;
width: 25%;
font-size: calc(14px + 4 * ((100vw - 320px) / 1600));
}
.price-table__item table tr td .new_price {
color: #e9b52b;
display: block;
}
.price-table__item table tr td .old_price {
text-decoration: line-through;
display: block;
font-size: 16px;
}
.price-table__item table tr:first-child td {
border: none;
}
.price-table__item-title {
color: #000;
font-size: calc(18px + 6 * ((100vw - 320px) / 1600));
padding: 1.5833em 0;
position: relative;
border-top: 2px solid #dce4ed;
cursor: pointer;
display: flex;
align-items: center;
}
.price-table__item-title.ui-accordion-header-active {
border-top: 2px solid #474747;
}
.price-table__item-title.ui-accordion-header-active span {
transform: rotate(90deg);
}
.price-table__item-title.ui-accordion-header-active::after {
content: "Свернуть";
color: #ddd;
}
.price-table__item-title.ui-accordion-header-active p {
color: #d17c49;
}
.price-table__item-title span {
display: block;
width: 1em;
height: 1em;
background: url(//profclinic.ru/wp-content/themes/prof/images/arrow-acc.svg) no-repeat 0px 0px / contain;
margin-right: 0.5em;
transform: rotate(180deg);
transition: all 0.5s ease;
}
.price-table__item-title::after {
content: "Развернуть";
font-size: calc(12px + 4 * ((100vw - 320px) / 1600));
position: absolute;
right: 0;
top: 0;
height: 100%;
display: flex;
align-items: center;
}
.price-table__item-title p {
transform: translateX(-120%);
display: block;
text-align: right;
max-width: 285px;
width: 100%;
}
.price-table__item-body {
border-bottom: 2px solid #dce4ed;
padding-left: 2.375em;
}
.price-table__item-body.ui-accordion-content-active {
border-bottom: 2px solid #474747;
margin-bottom: -2px;
z-index: 1;
position: relative;
}
.footnote p {
font-style: italic;
font-weight: bold;
margin-bottom: 5px;
}
.about-us__slider {
margin-top: calc(50px + 25 * ((100vw - 320px) / 1600));
}
.about-us__text {
padding-top: calc(75px + 50 * ((100vw - 320px) / 1600));
}
.about-us__quote {
padding-top: calc(35px + 30 * ((100vw - 320px) / 1600));
}
.about-us__director,
.about-us__about-number,
.about-us__video,
.about-us__advantages-treatment,
.about-us__doctors-slider,
.about-us__principles,
.about-us__technologies,
.about-us__testimonial,
.about-us__bottom-form {
margin-top: calc(75px + 50 * ((100vw - 320px) / 1600));
}
.about-slider__inner {
position: relative;
}
.about-slider__block {
max-width: 930px;
width: 100%;
margin: -20px auto -40px;
padding: 20px 2px 40px;
}
.about-slider__block a {
padding-top: 67%;
}
.about-slider__block a::before {
content: "";
display: block;
position: absolute;
height: 42px;
width: 42px;
right: 15px;
bottom: 15px;
background: url(//profclinic.ru/wp-content/themes/prof/images/lupa.png) no-repeat 0 0;
opacity: 0;
}
.about-slider__block a img {
box-shadow: 0px 20px 20px -17px #a8b8c6;
}
.about-slider__block:hover a::before {
opacity: 1;
}
.about-text {
background: #fafafa;
position: relative;
}
.about-text::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(60px + 60 * ((100vw - 320px) / 1600));
background: #fafafa;
z-index: -1;
transform: translateY(-100%);
}
.about-text__inner {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: calc(20px + 15 * ((100vw - 320px) / 1600));
max-width: 930px;
width: 100%;
margin: 0 auto;
}
.about-text__big {
font-size: 1.5em;
}
.about-text__slogan {
color: #e9b52b;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 1.25em;
font-family: "Tenor Sans", sans-serif;
margin-top: calc(20px + 15 * ((100vw - 320px) / 1600));
}
.about-quote {
position: relative;
}
.about-quote::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(50% + calc(35px + 30 * ((100vw - 320px) / 1600)));
background: #fafafa;
z-index: -1;
}
.about-quote__inner {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: calc(20px + 15 * ((100vw - 320px) / 1600));
align-items: center;
max-width: 930px;
width: 100%;
margin: 0 auto;
}
.about-quote__text {
font-style: italic;
color: #868686;
position: relative;
}
.about-quote__text::after,
.about-quote__text::before {
width: 20px;
height: 20px;
background: url(//profclinic.ru/wp-content/themes/prof/images/blockquote.svg) no-repeat 0px 0px;
position: absolute;
left: -40px;
display: block;
content: "";
}
.about-quote__text::before {
top: -40px;
transform: rotate(180deg);
}
.about-quote__text::after {
bottom: -40px;
}
.about-quote__author {
font-size: calc(16px + 2 * ((100vw - 320px) / 1600));
margin-top: 1.6666em;
}
.about-quote__desc {
color: #868686;
font-size: 12px;
margin-top: 1.6666em;
}
.director {
}
.director__container {
}
.director__inner {
position: relative;
}
.director__bg {
background: #fafafa;
box-shadow: -20px 20px 40px 0 #ecf0f2;
position: absolute;
z-index: -1;
height: 100%;
width: 100%;
}
.director__bg::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 88.59%;
height: 150px;
background: #fff;
clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
z-index: 0;
}
.director__bg::after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 145px;
height: calc(100% - 150px);
background: #fff;
clip-path: polygon(0 0, 0% 100%, 100% 0);
z-index: 0;
}
.director__box {
max-width: 970px;
width: 100%;
margin: 0 auto;
padding: 0 20px;
position: relative;
height: 548px;
}
.director__info {
max-width: 618px;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
.director__top {
font-size: 14px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 5px;
flex: 0 0 150px;
}
.director__name {
font-weight: 700;
font-size: 2em;
line-height: 1.21;
color: #000;
white-space: nowrap;
}
.director__post {
font-size: 1em;
line-height: 1.43;
color: #000;
display: flex;
align-items: center;
gap: 5px;
}
.director__post::before {
content: "";
display: block;
flex: 0 0 8.5714em;
height: 2px;
background: #eaaa00;
transform: rotate(116deg);
}
.director__text {
font-style: italic;
font-size: 24px;
line-height: 1.42;
color: #000;
flex: 1 1 auto;
display: flex;
flex-direction: column;
justify-content: center;
gap: 1em;
}
.director__text::before,
.director__text::after {
display: block;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 1.3333em;
font-style: normal;
line-height: 106%;
color: #eaaa00;
}
.director__text::before {
content: "«";
}
.director__text::after {
content: "»";
}
.director__img {
position: absolute;
right: 0;
bottom: 0;
height: 482px;
width: 405px;
}
.about-video__box {
max-width: 930px;
width: 100%;
margin: 0 auto;
}
.about-video__box .wp-video {
width: 100% !important;
}
.about-principles {
position: relative;
}
.about-principles::after {
content: "";
display: block;
background: #fafafa;
width: 100%;
height: 50%;
z-index: -1;
position: absolute;
left: 0;
bottom: 0;
}
.about-principles__inner {
max-width: 930px;
width: 100%;
margin: 0 auto;
}
.about-principles__list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.875em;
padding-top: 8.125em;
}
.about-principles__item {
position: relative;
box-shadow: -20px 20px 40px -20px #a8b8c6;
padding: 3.4375em 2.5em;
background: #fff;
}
.about-principles__item::before {
content: "";
display: block;
height: calc(100px + 27 * ((100vw - 320px) / 1600));
width: calc(100px + 27 * ((100vw - 320px) / 1600));
border-radius: 50%;
position: absolute;
top: 0;
right: 0;
transform: translate(15%, -60%);
}
.about-principles__item:nth-child(1)::before {
background: url(//profclinic.ru/wp-content/themes/prof/images/num_banner1.svg) no-repeat 0 0 / cover;
}
.about-principles__item:nth-child(2) {
transform: translateY(-4.0625em);
}
.about-principles__item:nth-child(2)::before {
background: url(//profclinic.ru/wp-content/themes/prof/images/num_banner2.svg) no-repeat 0 0 / cover;
}
.about-principles__item:nth-child(3) {
transform: translateY(-8.125em);
}
.about-principles__item:nth-child(3)::before {
background: url(//profclinic.ru/wp-content/themes/prof/images/num_banner3.svg) no-repeat 0 0 / cover;
}
.about-principles__item-title {
margin: 0;
}
.about-principles__item-text {
margin-top: 1.25em;
}
.about-us .technologies {
position: relative;
}
.about-us .technologies::before {
content: "";
display: block;
background: #fafafa;
width: 100%;
height: 100%;
z-index: -1;
position: absolute;
left: 0;
top: 0;
transform: translateY(-50%);
}
.about-us .technologies__inner {
position: relative;
}
.about-us .technologies__slider {
max-width: 1570px;
width: 100%;
margin: -20px auto -40px;
padding: 20px 2px 40px;
}
.about-us .technologies-item {
display: flex;
align-items: center;
}
.about-us .technologies-item__img {
flex: 0 0 50%;
margin: 0;
background: #fafafa;
padding: 0 0 30px;
box-shadow: 0px 20px 20px -17px #a8b8c6;
}
.about-us .technologies-item__img img {
clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
-webkit-clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
}
.about-us .technologies-item__info {
flex: 0 0 50%;
padding: 0 0 0 3em;
}
.about-us .technologies-item:nth-child(even) {
flex-direction: row-reverse;
text-align: right;
}
.about-us .technologies-item:nth-child(even) .technologies-item__info {
padding: 0 3em 0 0;
}
.contacts-page__block {
margin: 0 auto;
}
.contacts-page__form {
margin-top: calc(75px + 50 * ((100vw - 320px) / 1600));
}
.contacts-block {
display: grid;
grid-template-columns: repeat(2, 1fr);
max-width: 930px;
width: 100%;
}
.contacts-block__title-box a {
text-transform: uppercase;
font-size: 12px;
font-family: "PTRootUIWeb";
font-weight: 700;
letter-spacing: 1px;
color: #e9b52b;
}
.contacts-block__title-box a:hover {
color: #000;
}
.contacts-block__img {
margin-top: 2.1875em;
}
.contacts-block__info {
padding-left: 4.6875em;
background: #fafafa;
position: relative;
}
.contacts-block__info::before {
content: "";
display: block;
background: #fafafa;
width: 55em;
height: calc(100% + 5em);
position: absolute;
z-index: -1;
bottom: 0;
left: 0;
}
.contacts-block__info-work {
margin-top: 1.5625em;
}
.contacts-block__info-call {
margin-top: 1.5625em;
}
.contacts-block__info-ya {
text-transform: uppercase;
font-size: 12px;
font-family: "PTRootUIWeb";
font-weight: 700;
letter-spacing: 1px;
color: #e9b52b;
}
.contacts-block__info-ya:before {
content: "";
display: block;
background: #e9b52b;
width: 35px;
height: 2px;
margin: 1.5625em 0;
}
.contacts-block__info-ya:hover {
color: #000;
}
.contacts-block__map {
grid-column: span 2;
padding: 2.5em;
background: #fafafa;
}
.contacts-block__map img {
box-shadow: -33px 33px 87px -33px #a8b8c6;
}
.services-slider__container {
position: relative;
}
.services-slider__inner {
position: relative;
}
.services-slider__block {
max-width: 1570px;
width: 100%;
margin: -20px auto -40px;
padding: 20px 2px 40px;
}
.services-slider-item {
background: #fafafa;
position: relative;
}
.services-slider-item__name {
color: #2e2e2e;
font-family: "Tenor Sans", sans-serif;
font-size: 1.25em;
margin-bottom: 0px;
padding: 0px 1.75em;
height: 7.5em;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
width: 100%;
position: relative;
z-index: 2;
}
.services-slider-item__img {
padding-top: 56.25%;
}
.services-slider-item__desc {
position: absolute;
top: 0;
background: #fff;
border: 1px solid #dce4ed;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
text-align: center;
box-shadow: 0px 20px 20px -17px #a8b8c6;
transform: scaleY(1.1);
left: 0;
transition: all 0.5s ease;
opacity: 0;
z-index: -1;
}
.services-slider-item__desc p {
font-size: 0.875em;
margin: 0;
padding: 2.8571em 1.4285em 0;
}
.services-slider-item__desc a {
color: #e9b52b;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
position: absolute;
width: 100%;
height: 100%;
display: flex;
text-align: center;
justify-content: center;
align-items: flex-end;
padding: 0 0 2em;
}
.services-slider-item:hover .services-slider-item__name {
color: #e9b52b;
}
.services-slider-item:hover .services-slider-item__desc {
opacity: 1;
z-index: 1;
}
.services-page__content {
margin-top: calc(50px + 75 * ((100vw - 320px) / 1600));
padding-bottom: 150px;
}
.services-page__all-services {
margin: 0 auto;
}
.all-services {
max-width: 1575px;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.all-services article {
width: 50%;
padding: 15px;
position: relative;
}
.all-services article:nth-child(even) {
transform: translate3d(0, 50%, 0);
}
.all-services article:hover .services-item__inner {
box-shadow: -33px 33px 87px -33px #a8b8c6;
}
.all-services article:hover .services-item__content {
background: #fff;
}
.services-item__inner {
position: relative;
display: flex;
flex-wrap: wrap;
flex-direction: row-reverse;
transition: all 0.5s ease;
}
.services-item__img {
width: 40%;
position: relative;
}
.services-item__img a {
position: relative;
display: block;
width: 100%;
height: 100%;
}
.services-item__img img {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
object-fit: cover;
}
.services-item__content {
background: #fafafa;/**/min-height: 295px;
position: relative;
width: 60%;
padding: 35px 30px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.services-item__content > a {
color: #2e2e2e;
font-size: 24px;
font-family: "Tenor Sans", sans-serif;
display: block;
order: 1;
}
.services-item__content p {
margin: 20px 0 0; color: #8c8c8c;
font-size: 14px;
order: 3;
}
.services-item__child {
margin: 20px 0 0;
display: flex;
flex-wrap: wrap;
order: 2;
}
.services-item__child a {
color: #d28235;
text-decoration: underline;
font-size: 14px;
margin: 0 10px 10px 0;
}
.services-item__child a:hover {
color: #000;
} .page-template-content-services-inner::before {
background: #fafafa;
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
width: 64%;
height: 505px;
z-index: -1;
}
.service-page__content,
.service-page__advantages-treatment,
.service-page__doctors-slider,
.service-page__testimonial,
.service-page__bottom-link,
.service-page__services-slider {
margin-top: calc(75px + 50 * ((100vw - 320px) / 1600));
}
.service-page__bg {
position: relative;
}
.service-page__bg::before {
background: #fafafa;
content: "";
display: block;
height: calc(100% - 55px);
position: absolute;
top: -80px;
left: 0;
width: 35%;
z-index: -1;
}
.service-header__container {
display: flex;
}
.service-header__img {
flex: 0 0 46%;
position: relative;
z-index: 1;
padding-right: calc(0px + 95 * ((100vw - 320px) / 1600));
display: flex;
justify-content: flex-end;
}
.service-header__img a {
display: block;
}
.service-header__img img {
max-width: 38.125em;
width: 100%;
display: block;
box-shadow: -33px 33px 87px -33px #a8b8c6;
}
.service-header__info {
flex: 0 0 54%;
padding-left: calc(0px + 95 * ((100vw - 320px) / 1600));
}
.service-header__title-box h1 {
margin: 70px 0 0;
}
.service-header__desc {
margin-top: 80px;
padding-top: 80px;
}
.service-header__desc-link a {
display: flex;
font-size: 1em;
font-family: "PTRootUIWeb";
font-weight: 700;
height: 3em;
text-align: center;
align-items: center;
justify-content: center;
text-transform: uppercase;
letter-spacing: 1px;
}
.service-header__desc-link a:nth-child(1) {
width: 15.625em;
color: #fff;
background: url(//profclinic.ru/wp-content/themes/prof/images/button_orange.png) no-repeat 0px 0px;
}
.service-header__desc-link a:nth-child(2) {
width: 20.3125em;
color: #363636;
background: none;
border: 1px solid #e9b52b;
}
.service-header__desc-text {
margin-top: 1.5625em;
}
.service-content__container {
display: flex;
}
.service-content__inner {
flex: 0 0 54%;
margin-left: auto;
padding-left: calc(0px + 95 * ((100vw - 320px) / 1600));
min-width: 0;
}
.service-content__child-list {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}
.service-content__child-item {
display: flex;
position: relative;
transition: all 0.5s ease;
}
.service-content__child-item:hover {
box-shadow: 0 10px 20px -15px #000;
}
.service-content__child-item a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
}
.service-content__child-img {
flex: 0 0 209px;
height: 120px;
}
.service-content__child-name {
flex: 1 1 auto;
font-size: calc(18px + 6 * ((100vw - 320px) / 1600));
line-height: 1.2;
display: flex;
align-items: center;
background: #fafafa;
padding: 10px calc(35px + 65 * ((100vw - 320px) / 1600)) 10px calc(10px + 30 * ((100vw - 320px) / 1600));
}
.service-content__child-name::before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
width: calc(50px + 50 * ((100vw - 320px) / 1600));
height: 100%;
background: url(//profclinic.ru/wp-content/themes/prof/images/category-link.svg) no-repeat center;
background-size: calc(20px + 12 * ((100vw - 320px) / 1600));
}
.service-content .price-table table.price-table__header tr td {
padding: 20px 0;
}
.service-content__step {
margin-bottom: calc(75px + 50 * ((100vw - 320px) / 1600));
}
.service-content__text::after {
background: #e9b52b;
content: "";
display: block;
position: relative;
width: calc(90px + 40 * ((100vw - 320px) / 1600));
height: 2px;
margin-top: calc(20px + 30 * ((100vw - 320px) / 1600));
}
.bottom-link__box {
text-align: center;
}
.bottom-link__box h2 {
margin-bottom: 40px;
}
.bottom-link__box a {
display: flex;
font-size: 1em;
font-family: "PTRootUIWeb";
font-weight: 700;
height: 3em;
align-items: center;
justify-content: center;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
color: #363636;
background: none;
border: 1px solid #e9b52b;
margin: 0 auto;
width: 15.625em;
}
.bottom-link__box a:nth-child(1) {
border-width: 1px 1px 0;
}
.bottom-link__box a:nth-child(2) {
width: 20.3125em;
}
.bottom-link__box a:nth-child(3) {
border-width: 0 1px 1px;
}
.service-step__list {
counter-reset: item;
}
.service-step__item {
border-top: 2px solid #e9b52b;
}
.service-step__item:last-child {
border-bottom: 2px solid #e9b52b;
}
.service-step__item-title {
font-size: calc(18px + 4 * ((100vw - 320px) / 1600));
padding: 0 50px 0 30px;
color: #000 !important;
min-height: 2.9545em;
display: flex;
align-items: center;
cursor: pointer;
position: relative;
}
.service-step__item-title::before {
counter-increment: item;
content: counter(item) ".";
position: absolute;
left: 0;
top: 0;
font-size: 1em;
font-weight: 400;
width: 30px;
height: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
}
.service-step__item-title span {
display: block;
width: 1.875em;
background: url(//profclinic.ru/wp-content/themes/prof/images/arrow-acc.svg) no-repeat center / 20px;
transform: rotate(270deg);
transition: all 0.5s ease;
position: absolute;
top: 0;
right: 0;
height: 100%;
}
.service-step__item-title .ui-accordion-header-active span {
transform: rotate(90deg);
}
.service-step__item-body {
position: relative;
font-size: 1.125em;
font-family: "PTRootUIWeb";
font-weight: 500;
padding: 0.9375em 3.125em 1.875em 1.875em;
}
.treatment-option__slider-box {
padding-bottom: 20px;
}
.implants-item {
box-shadow: 0px 18px 14px -12px rgba(140, 172, 209, 0.33);
color: #000;
background: #fff;
}
.implants-item__info {
display: flex;
flex-wrap: wrap;
padding: calc(20px + 10 * ((100vw - 320px) / 1600));
}
.implants-item__info > * {
flex: 0 0 50%;
}
.implants-item__info h3 {
font-size: calc(20px + 8 * ((100vw - 320px) / 1600));
}
.implants-item__enabled p {
margin-bottom: 5px;
}
.implants-item__enabled ul {
border-bottom: 1px solid #9b9b9b;
margin: 0 0 20px !important;
padding: 0 0 20px;
list-style-type: none;
}
.implants-item__enabled ul li {
font-size: calc(16px + 2 * ((100vw - 320px) / 1600));
line-height: 1.3;
position: relative;
display: flex;
}
.implants-item__enabled ul li::before {
content: "-";
display: block;
margin: 0 2px 0 0;
}
.implants-item__order-box {
display: flex;
padding: 0 50px 0 0;
}
.implants-item__order-box a {
flex: 1 1 auto;
margin: 0 0 0 30px;
color: #363636;
background: none;
border: 1px solid #e9b52b;
display: flex;
font-size: 1em;
font-family: "PTRootUIWeb";
font-weight: 700;
height: 3em;
align-items: center;
justify-content: center;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
}
.implants-item__price {
font-size: calc(18px + 6 * ((100vw - 320px) / 1600));
margin: 0 0 5px;
font-weight: 700;
}
.implants-item__price span {
display: block;
font-size: calc(12px + 2 * ((100vw - 320px) / 1600));
line-height: 1.4;
font-weight: 400;
}
.implants-item__note {
font-size: calc(12px + 2 * ((100vw - 320px) / 1600));
color: rgba(0, 0, 0, 0.4);
}
.testimonial__container {
position: relative;
padding-top: calc(75px + 50 * ((100vw - 320px) / 1600));
}
.testimonial__container::before {
background: url(//profclinic.ru/wp-content/themes/prof/images/testimonial_bg.png) no-repeat center top;
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 70%;
z-index: -1;
}
.testimonial__inner {
position: relative;
}
.testimonial__slider {
max-width: 875px;
width: 100%;
margin: 0 auto;
}
._webp .testimonial__container::before {
background: url(//profclinic.ru/wp-content/themes/prof/images/testimonial_bg.webp) no-repeat center top;
}
.testimonial-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.875em;
padding-top: calc(75px + 50 * ((100vw - 320px) / 1600));
}
.testimonial-list div:nth-child(even) {
transform: translate3d(0, -50%, 0);
}
.doctors-slider__inner {
position: relative;
}
.doctors-slider__block {
width: 100%;
max-width: 1250px;
margin: 0 auto;
margin: 0 auto -80px;
padding: 0 0 80px 0;
}
.doctors-slider--gray {
background: #fafafa;
padding: calc(75px + 50 * ((100vw - 320px) / 1600)) 0;
}
.doctors-slider--gray .doctors-item,
.doctors-slider--gray .doctors-item a span {
background: #fff;
}
.doctors-item {
background: #fafafa;
text-align: center;
position: relative;
height: auto;
}
.doctors-item__img {
position: relative;
height: 260px;
}
.doctors-item__img::before {
content: "";
background: #dce1e5;
clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%);
-webkit-clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%);
display: block;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.doctors-item__img img {
object-fit: contain;
}
.doctors-item__desc {
margin-top: 2.1875em;
padding: 0 1.5625em 2.1875em;
}
.doctors-item__desc p {
margin-top: 1.25em;
}
.doctors-item__name {
color: #2e2e2e;
font-size: 1.25em;
font-weight: 700;
}
.doctors-item a {
position: absolute;
width: 100%;
height: 100%;
display: flex;
left: 0;
top: 0;
justify-content: center;
align-items: flex-end;
}
.doctors-item a span {
color: #e9b52b;
font-size: 12px;
font-family: "PTRootUIWeb";
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
padding: 2.9166em 0;
display: block;
width: 100%;
background: #fafafa;
display: none;
}
.doctors-item a:hover {
box-shadow: 0px 20px 20px -17px #a8b8c6;
height: calc(100% + 50px);
}
.doctors-item a:hover span {
display: block;
}
.doctors-page__header {
display: flex;
}
.doctors-page__header .page-header__inner {
margin: 0;
}
.doctors-page__content {
margin-top: calc(75px + 50 * ((100vw - 320px) / 1600));
}
.page-header__empty {
flex: 0 0 23.5%;
}
.page-header__menu .current-menu-item a {
color: #000;
border-bottom: 5px solid #f5b473;
}
.page-header__menu .current-menu-item a:hover {
border-bottom: 5px solid #f5b473;
}
.doctors-content {
display: flex;
}
.doctors-content__text {
flex: 0 0 23.5%;
padding-right: calc(0px + 90 * ((100vw - 320px) / 1600));
}
.doctors-content__text::before,
.doctors-content__text::after {
background: #e9b52b;
content: "";
display: block;
height: 2px;
width: 50px;
}
.doctors-content__text::before {
margin-bottom: calc(20px + 30 * ((100vw - 320px) / 1600));
}
.doctors-content__text::after {
margin-top: calc(20px + 30 * ((100vw - 320px) / 1600));
}
.doctors-content__list {
flex: 1 1 auto;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: calc(20px + 30 * ((100vw - 320px) / 1600));
}
.doctor-page__bottom-link,
.doctor-page__doctors-slider {
margin-top: calc(75px + 50 * ((100vw - 320px) / 1600));
}
.doctor-header__container {
display: flex;
align-items: flex-start;
}
.doctor-header__img {
flex: 0 0 46%;
position: relative;
z-index: 1;
padding-right: calc(0px + 95 * ((100vw - 320px) / 1600));
display: flex;
justify-content: flex-end;
}
.doctor-header__img-inner {
background: #fafafa;
box-shadow: -33px 33px 87px -33px #a8b8c6;
padding-bottom: 4.6875em;
overflow: hidden;
position: relative;
max-width: 37.8125em;
width: 100%;
}
.doctor-header__img-box {
height: 22.8125em;
}
.doctor-header__img-box img {
object-fit: contain;
object-position: center top;
background: #dce1e5;
clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
-webkit-clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
}
.doctor-header__info {
flex: 0 0 54%;
padding-left: calc(0px + 95 * ((100vw - 320px) / 1600));
}
.doctor-header__title-box h1 {
margin: 70px 0 0;
max-width: 550px;
}
.doctor-header__desc {
margin-top: 80px;
padding: 80px 0;
background: #fafafa;
position: relative;
}
.doctor-header__desc::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
background: #fafafa;
width: 45%;
height: 100%;
z-index: -1;
transform: translateX(-100%);
}
.doctor-header__desc::after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
background: #fafafa;
width: 100%;
height: 100%;
transform: translateX(100%);
z-index: -1;
}
.doctor-header__desc-link a {
display: flex;
font-size: 1em;
font-family: "PTRootUIWeb";
font-weight: 700;
height: 3em;
text-align: center;
align-items: center;
justify-content: center;
text-transform: uppercase;
letter-spacing: 1px;
}
.doctor-header__desc-link a:nth-child(1) {
width: 15.625em;
color: #fff;
background: url(//profclinic.ru/wp-content/themes/prof/images/button_orange.png) no-repeat 0px 0px;
}
.doctor-header__desc-link a:nth-child(2) {
width: 20.3125em;
color: #363636;
background: none;
border: 1px solid #e9b52b;
}
.doctor-header__desc-text {
margin-top: 1.5625em;
}
.doctor-header__desc-text p:not(:last-child) {
margin-bottom: 1em;
}
.doctor-content__inner {
position: relative;
display: flex;
padding-top: 80px;
padding-bottom: calc(75px + 50 * ((100vw - 320px) / 1600));
}
.doctor-content__bg {
position: absolute;
width: 54%;
height: 100%;
z-index: -1;
left: 0;
top: 0;
}
.doctor-content__bg::before {
content: "";
display: block;
position: absolute;
top: 0px;
left: 0;
background: #fafafa;
width: 55%;
height: 100%;
z-index: -1;
}
.doctor-content__bg::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
background: #fafafa;
width: 100%;
height: 100%;
transform: translateX(-100%);
z-index: -1;
}
.doctor-content__info {
flex: 0 0 54%;
width: 54%;
margin-left: auto;
padding-left: calc(0px + 95 * ((100vw - 320px) / 1600));
}
.doctor-info__experience {
margin-bottom: 2em;
}
.doctor-info__experience .doctor-info-item__content {
font-size: calc(18px + 6 * ((100vw - 320px) / 1600));
font-weight: 700;
}
.doctor-info__about {
margin-bottom: 2em;
}
.doctor-info__interview {
margin-bottom: 2em;
}
.doctor-info__career {
margin-bottom: 2em;
}
.doctor-info__career .content ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.doctor-info__career .content ul li {
position: relative;
padding: 0 0 0 0px;
margin: 0 0 1.5625em;
}
.doctor-info__career .content ul li strong {
display: block;
}
.doctor-info__certificates {
margin-bottom: 2em;
}
.doctor-info__certificates-slider {
margin-bottom: 2em;
}
.doctor-info__portfolio-slider .portfolio-item {
display: block;
}
.doctor-info__portfolio-slider .portfolio-item__desc {
padding: 0;
}
.doctor-info__portfolio-slider .portfolio-item__photo {
width: 100%;
}
.doctor-info__note {
font-style: italic;
margin-top: calc(20px + 30 * ((100vw - 320px) / 1600));
}
.doctor-info-item {
display: flex;
}
.doctor-info-item__title {
flex: 0 0 25%;
padding-right: 15px;
}
.doctor-info-item__content {
flex: 0 0 75%;
}
.certificates-slider__block {
min-width: 0;
padding: 20px 0;
}
.certificates-slider a {
display: block;
height: 170px !important;
box-shadow: 0px 18px 15px -15px #a8b8c6;
}
.certificates-slider a::before {
content: "";
display: block;
position: absolute;
height: 42px;
width: 42px;
right: 15px;
bottom: 15px;
background: url(//profclinic.ru/wp-content/themes/prof/images/lupa.png) no-repeat 0 0;
opacity: 0;
z-index: 1;
transition: all 0.5s ease;
}
.certificates-slider a:hover::before {
opacity: 1;
}
.portfolio-slider__inner {
position: relative;
}
.portfolio-slider__block {
max-width: 1570px;
width: 100%;
margin: 0px auto;
}
.portfolio-slider__block .portfolio-item {
border-bottom: none !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.portfolio-item {
display: flex;
flex-wrap: wrap;
text-align: left;
}
.portfolio-item:not(:last-child) {
padding-bottom: calc(43px + 20 * ((100vw - 320px) / 1600));
margin-bottom: calc(43px + 20 * ((100vw - 320px) / 1600));
border-bottom: 2px solid #e9b52b;
}
.portfolio-item__title {
flex-basis: 20%;
padding: 1.0714em 0.8928em 0 0;
font-size: calc(18px + 10 * ((100vw - 320px) / 1600));
font-family: "Tenor Sans", sans-serif;
}
.portfolio-item__photo {
flex-basis: 60%;
padding: 0 6px;
}
.portfolio-item__photo .twenty20 {
padding: 0 0 30px 0;
margin: 0;
}
.portfolio-item__photo .twentytwenty-overlay {
background: #fff !important;
height: 30px;
z-index: 333;
display: none !important;
}
.portfolio-item__photo .twentytwenty-before-label {
opacity: 1 !important;
color: #000;
font-size: 14px;
top: 0;
background: none;
padding: 0;
bottom: auto;
left: 1px;
}
.portfolio-item__photo .twentytwenty-after-label {
opacity: 1 !important;
color: #000;
font-size: 14px;
top: 0;
background: none;
padding: 0;
bottom: auto;
right: 1px;
}
.portfolio-item__photo .twentytwenty-handle {
top: 50%;
background: #fff;
width: 30px;
height: 60px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0;
border: 0;
box-sizing: border-box;
margin-left: -15px;
}
.portfolio-item__photo .twentytwenty-left-arrow {
background: url(//profclinic.ru/wp-content/themes/prof/images/arrow-left.svg) no-repeat center;
display: block;
width: 50%;
height: 100%;
padding: 0;
margin: 0;
box-sizing: border-box;
position: relative;
border: none;
left: auto;
top: auto;
border-right: 1px solid rgba(0, 0, 0, 0.2);
z-index: 31;
}
.portfolio-item__photo .twentytwenty-right-arrow {
background: url(//profclinic.ru/wp-content/themes/prof/images/arrow-right.svg) no-repeat center;
display: block;
width: 50%;
height: 100%;
padding: 0;
margin: 0;
box-sizing: border-box;
position: relative;
border: none;
right: auto;
top: auto;
border-left: 1px solid rgba(0, 0, 0, 0.2);
z-index: 31;
}
.portfolio-item__photo .twentytwenty-horizontal .twentytwenty-handle::before,
.portfolio-item__photo .twentytwenty-horizontal .twentytwenty-handle:after {
box-shadow: none;
width: 4px;
margin-left: -2px;
}
.portfolio-item__doctors-info {
display: flex;
align-items: center;
}
.portfolio-item__doctors-photo {
display: flex;
flex-direction: row-reverse;
}
.portfolio-item__doctors-photo p {
height: calc(60px + 20 * ((100vw - 320px) / 1600));
width: calc(60px + 20 * ((100vw - 320px) / 1600));
display: block;
border: 2px solid #ffffff;
border-radius: 50%;
overflow: hidden;
background-color: #dce1e5;
margin-bottom: 0;
}
.portfolio-item__doctors-photo p:not(:last-child) {
margin-left: -8px;
}
.portfolio-item__doctors-work {
margin: 0 0 0 30px;
}
.portfolio-item__doctors-work p {
margin: 0;
font-size: calc(12px + 2 * ((100vw - 320px) / 1600));
color: #000;
}
.portfolio-item__desc {
flex-basis: 20%;
font-size: calc(14px + 4 * ((100vw - 320px) / 1600));
padding: 30px 0 0 25px;
color: #000;
line-height: 1.3;
}
.portfolio-item__desc p {
margin-bottom: 10px;
}
.portfolio-item__desc > *:last-child {
margin: 0;
}
.before-after-overlay {
height: 30px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 1px;
}
.before-after-overlay > div {
color: #000;
font-size: 14px;
}
.portfolio-page__content {
background: #fff;
padding-top: calc(50px + 75 * ((100vw - 320px) / 1600));
margin-top: calc(50px + 75 * ((100vw - 320px) / 1600));
}
.portfolio-page__list {
max-width: 1600px;
width: 100%;
margin: 0 auto;
}
.reviews-slider__container {
position: relative;
padding-top: calc(75px + 50 * ((100vw - 320px) / 1600));
}
.reviews-slider__container::before {
background: url(//profclinic.ru/wp-content/themes/prof/images/image-2.png) no-repeat center top;
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 70%;
z-index: -1;
}
.reviews-slider__inner {
position: relative;
}
.reviews-slider__block {
width: 100%;
max-width: 1250px;
margin: 0px auto;
}
.reviews-img-item__inner {
background: #fafafa;
padding: 0.9375em;
overflow: hidden;
}
.reviews-img-item__site {
display: flex;
align-items: center;
justify-content: space-between;
height: 40px;
}
.reviews-img-item__site img {
max-width: 103px;
}
.reviews-img-item__rating {
color: rgba(0, 0, 0, 0.6);
display: flex;
align-items: center;
}
.reviews-img-item__rating::before {
content: "";
display: block;
background: url(//profclinic.ru/wp-content/themes/prof/images/star2.svg) no-repeat 0px 0px;
width: 20px;
height: 20px;
margin-right: 5px;
}
.reviews-img-item__content {
margin-top: 0.9375em;
filter: drop-shadow(0px 12px 22px rgba(140, 172, 209, 0.33));
background: #fff;
border-radius: 12px;
overflow: hidden;
padding: 1.25em 0.625em;
}
.reviews-img-item__name {
font-weight: 700;
font-size: calc(16px + 4 * ((100vw - 320px) / 1600));
}
.reviews-img-item__date {
font-weight: 700;
font-size: calc(12px + 4 * ((100vw - 320px) / 1600));
}
.reviews-img-item__text {
margin-top: 0.625em;
font-size: calc(12px + 4 * ((100vw - 320px) / 1600));
}
.reviews-img-item__link {
margin-top: 1.7857em;
}
.reviews-img-item__link a {
font-size: calc(12px + 2 * ((100vw - 320px) / 1600));
text-decoration-line: underline;
color: rgba(0, 0, 0, 0.6);
}
.reviews-img-item__link a:hover {
text-decoration-line: none;
color: black;
}
._webp .reviews-slider__container::before {
background: url(//profclinic.ru/wp-content/themes/prof/images/image-2.webp) no-repeat center top;
}
.reviews-page__inner {
max-width: 1280px;
width: 100%;
margin: 0 auto;
}
.reviews-page__site-list {
display: grid;
grid-template-columns: repeat(6, 1fr);
margin-top: calc(75px + 120 * ((100vw - 320px) / 1600));
}
.reviews-page__site-item {
border: 1px solid #dbdbdb;
background: #fff;
padding-top: calc(5px + 5 * ((100vw - 320px) / 1600));
padding-bottom: calc(10px + 15 * ((100vw - 320px) / 1600));
padding-left: calc(10px + 5 * ((100vw - 320px) / 1600));
padding-right: calc(10px + 5 * ((100vw - 320px) / 1600));
}
.reviews-page__site-img img {
max-height: 57px;
}
.reviews-page__site-info {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: calc(10px + 10 * ((100vw - 320px) / 1600));
}
.reviews-page__site-info p {
font-size: calc(14px + 4 * ((100vw - 320px) / 1600));
margin: 0;
color: #000;
display: flex;
align-items: center;
}
.reviews-page__site-info p::before {
content: "";
display: block;
width: calc(20px + 10 * ((100vw - 320px) / 1600));
height: calc(20px + 10 * ((100vw - 320px) / 1600));
margin-right: 5px;
}
.reviews-page__site-info p:first-child::before {
background: url(//profclinic.ru/wp-content/themes/prof/images/chat.svg) no-repeat 0px 0px / contain;
}
.reviews-page__site-info p:last-child::before {
background: url(//profclinic.ru/wp-content/themes/prof/images/star.svg) no-repeat 0px 0px / contain;
}
.reviews-page__text {
max-width: 900px;
width: 100%;
margin: calc(50px + 25 * ((100vw - 320px) / 1600)) auto 0;
display: flex;
flex-wrap: wrap;
}
.reviews-page__text h2 {
flex: 0 0 33.33333333%;
}
.reviews-page__text-block {
flex: 0 0 66.66666667%;
}
.reviews-page__tabs {
margin-top: calc(50px + 25 * ((100vw - 320px) / 1600));
}
.reviews-page__tabs ul {
margin-bottom: 35px;
}
.reviews-img-list {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: calc(10px + 20 * ((100vw - 320px) / 1600));
}
.reviews-video-list__item:not(:last-child) {
margin-bottom: calc(30px + 30 * ((100vw - 320px) / 1600));
}
.reviews-video-item {
display: flex;
flex-wrap: wrap;
}
.reviews-video-item__video {
width: 62%;
}
.reviews-video-item__info {
width: 38%;
padding-left: calc(0px + 40 * ((100vw - 320px) / 1600));
display: flex;
flex-direction: column;
}
.reviews-video-item__title {
font-family: "Tenor Sans", sans-serif;
font-size: calc(18px + 6 * ((100vw - 320px) / 1600));
color: #000;
}
.reviews-video-item__category {
font-family: "Tenor Sans", sans-serif;
font-size: calc(18px + 6 * ((100vw - 320px) / 1600));
color: #000;
}
.reviews-video-item__desc {
flex: 1 1 auto;
margin-top: calc(15px + 20 * ((100vw - 320px) / 1600));
line-height: 1.5;
color: #000;
font-size: calc(12px + 2 * ((100vw - 320px) / 1600));
}
.reviews-video-item__people {
font-size: calc(14px + 4 * ((100vw - 320px) / 1600));
color: #000;
}
.reviews-video-item__people span {
color: #eaaa00;
}
.seo-text__inner {
width: 100%;
max-width: 1250px;
margin: 0px auto;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2em;
}
.seo-text__title {
font-size: calc(28px + 10 * ((100vw - 320px) / 1600));
margin: 0;
}
.site-main__single-post,
.site-main__news-page {
padding-top: 5em;
}
.single-post__inner {
max-width: 1570px;
width: 100%;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: calc(20px + 30 * ((100vw - 320px) / 1600));
}
.single-post__img {
position: relative;
z-index: 1;
flex: 0 0 50%;
}
.single-post__img img,
.single-post__img a {
max-width: 610px;
display: block;
box-shadow: -33px 33px 87px -33px #a8b8c6;
width: 100%;
}
.single-post__body {
flex: 0 0 50%;
}
.single-post__body-inner {
max-width: 610px;
display: block;
}
.single-post__title-box a {
color: #000;
font-size: 12px;
font-family: "PTRootUIWeb";
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
}
.single-post__title {
font-size: calc(20px + 6 * ((100vw - 320px) / 1600));
line-height: 1.4;
margin: 2.5em 0 0;
letter-spacing: 1px;
text-transform: uppercase;
}
.single-post__content {
background: #fafafa;
padding: 2.5em 0 7.8125em;
position: relative;
margin-top: 2.5em;
}
.single-post__content::before {
background: #fafafa;
content: "";
display: block;
position: absolute;
height: 100%;
width: 75%;
left: -75%;
top: 0;
}
.single-post__content::after {
background: #fafafa;
content: "";
display: block;
position: absolute;
height: 100%;
width: 75%;
right: -75%;
top: 0;
}
.single-post__date {
color: #000;
font-size: 1em;
font-family: "PTRootUIWeb";
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1875em;
border-bottom: 2px solid #e9b52b;
padding-bottom: 2.5em;
display: inline-flex;
}
.single-post__text {
margin-top: 5em;
}
.single-post__ya-share {
padding: 1.875em 0 0;
margin: 5em 0 0;
}
.single-post__other {
margin-top: calc(75px + 50 * ((100vw - 320px) / 1600));
}
.ya-share::before {
display: block;
content: "";
background: #e9b52b;
height: 2px;
width: 8.125em;
position: absolute;
left: 0;
top: 0;
}
.ya-share {
display: flex;
position: relative;
}
.ya-share span {
color: #000;
font-size: 12px;
font-family: "PTRootUIWeb";
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 2;
margin: 0 4em 0 0;
}
.ya-share .ya-share2__badge {
display: none;
}
.ya-share .ya-share2__title {
display: block !important;
color: #7b7b7b;
font-size: 12px;
text-transform: uppercase;
border-bottom: 1px solid #7b7b7b;
margin: 0 10px 0 0 !important;
}
.ya-share .ya-share2__title:hover {
color: #e9b52b;
border-bottom: 1px solid #e9b52b;
}
.ya-share2__container {
padding: 0 !important;
}
.other-post__inner {
position: relative;
}
.other-post__slider {
max-width: 1400px;
width: 100%;
margin: -20px auto -40px;
padding: 20px 0px 40px;
}
.post-item {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1em;
position: relative;
}
.post-item:nth-child(even) .post-item__info {
order: 2;
}
.post-item__info {
display: flex;
flex-direction: column;
}
.post-item__info > p {
color: #e9b52b;
font-size: 12px;
font-family: "PTRootUIWeb";
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
padding: 0;
margin: auto 0 0;
}
.post-item__title {
font-size: calc(18px + 4 * ((100vw - 320px) / 1600));
font-weight: 700;
line-height: 1.2;
display: block;
margin: 2.2727em 0 0;
}
.post-item__img {
padding-top: 64%;
box-shadow: 0px 20px 20px -17px #a8b8c6;
transition: all 0.5s ease;
}
.post-item:hover .post-item__img {
box-shadow: 0px 30px 20px -17px #a8b8c6;
}
.post-item > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
}
.news-page__list {
max-width: 1400px;
width: 100%;
margin: 4.375em auto 0;
padding: 4.375em 0 0;
}
.news-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2em;
}
.news-list .post-item:nth-child(even) {
transform: translate3d(0, -50%, 0);
}
.gallery-page__list {
margin: calc(75px + 50 * ((100vw - 320px) / 1600)) auto 0;
max-width: 1340px;
width: 100%;
}
.gallery-page__content {
margin-top: calc(75px + 50 * ((100vw - 320px) / 1600));
}
.gallery-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.875em;
}
.gallery-list__item {
background: #fafafa;
position: relative;
transition: all 0.5s ease;
}
.gallery-list__item a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
}
.gallery-list__item:nth-child(even) {
transform: translate3d(0, 50%, 0);
}
.gallery-list__item:nth-child(even) .gallery-list__item-top {
flex-direction: row-reverse;
}
.gallery-list__item:nth-child(even) .gallery-list__item-img {
clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 100%);
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 100%);
}
.gallery-list__item:nth-child(even) .gallery-list__item-name {
padding: 2.2727em 0 0 2.2727em;
text-align: left;
}
.gallery-list__item:hover {
box-shadow: -33px 33px 87px -33px #a8b8c6;
}
.gallery-list__item-top {
display: flex;
}
.gallery-list__item-img {
height: 245px;
clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
-webkit-clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
flex: 0 0 50%;
}
.gallery-list__item-name {
padding: 2.2727em 2.2727em 0 0;
font-size: 1.375em;
font-weight: 700;
margin: 0;
text-align: right;
flex: 0 0 50%;
}
.gallery-list__item-info {
display: flex;
padding: 0 2.2727em 0;
align-items: center;
justify-content: space-between;
height: 4.6875em;
}
.gallery-list__item-quantity {
background: url(//profclinic.ru/wp-content/themes/prof/images/quantity_foto.png) no-repeat left top;
padding: 0 0 0 1.875em;
color: #e48f5b;
}
.gallery-list__item-more {
text-transform: uppercase;
font-size: 0.75em;
font-family: "PTRootUIWeb";
font-weight: 700;
color: #e9b52b;
letter-spacing: 0.25em;
position: relative;
}
.gallery-list__item-more::before {
content: "";
display: block;
background: #e9b52b;
height: 2px;
width: 45px;
position: absolute;
top: -1.5em;
right: 0;
}
.gallery-inner__header {
max-width: 1600px;
width: 100%;
margin: 0 auto;
}
.gallery-inner__content {
max-width: 1600px;
width: 100%;
margin: 0 auto;
margin: calc(75px + 50 * ((100vw - 320px) / 1600)) auto 0;
}
.gallery-header {
display: flex;
align-items: center;
justify-content: space-between;
}
.gallery-header h1 {
margin: 0;
}
.gallery-header__info {
display: flex;
align-items: center;
}
.gallery-header__info-quantity {
background: url(//profclinic.ru/wp-content/themes/prof/images/quantity_foto.png) no-repeat left top;
padding: 0 0 0 1.875em;
color: #e48f5b;
margin-right: 2.5em;
}
.vacancy-page__list {
max-width: 930px;
width: 100%;
margin: calc(50px + 75 * ((100vw - 320px) / 1600)) auto 0;
}
.vacancy-page__form {
margin-top: calc(50px + 75 * ((100vw - 320px) / 1600));
}
.vacancy-item__title {
color: #000;
font-size: calc(18px + 6 * ((100vw - 320px) / 1600));
padding: 1.5833em 0;
position: relative;
border-top: 2px solid #dce4ed;
cursor: pointer;
display: flex;
align-items: center;
}
.vacancy-item__title.ui-accordion-header-active {
border-top: 2px solid #474747;
}
.vacancy-item__title.ui-accordion-header-active span {
transform: rotate(90deg);
}
.vacancy-item__title.ui-accordion-header-active::after {
content: "Свернуть";
color: #ddd;
}
.vacancy-item__title span {
display: block;
width: 1em;
height: 1em;
background: url(//profclinic.ru/wp-content/themes/prof/images/arrow-acc.svg) no-repeat 0px 0px / contain;
margin-right: 0.5em;
transform: rotate(180deg);
transition: all 0.5s ease;
}
.vacancy-item__title::after {
content: "Развернуть";
font-size: calc(12px + 4 * ((100vw - 320px) / 1600));
position: absolute;
right: 0;
top: 0;
height: 100%;
display: flex;
align-items: center;
}
.vacancy-item__body {
border-bottom: 2px solid #dce4ed;
}
.vacancy-item__body.ui-accordion-content-active {
border-bottom: 2px solid #474747;
margin-bottom: -2px;
z-index: 1;
position: relative;
}
.vacancy-item__contact {
display: flex;
justify-content: space-between;
background: #fafafa;
padding: calc(20px + 30 * ((100vw - 320px) / 1600));
}
.vacancy-item__manager p {
font-size: calc(18px + 6 * ((100vw - 320px) / 1600));
margin: 0;
font-weight: 700;
}
.vacancy-item__manager span {
font-size: calc(12px + 4 * ((100vw - 320px) / 1600));
display: block;
}
.vacancy-item__phone a {
color: #d17c49;
font-size: calc(18px + 6 * ((100vw - 320px) / 1600));
}
.vacancy-item__phone span {
font-size: calc(12px + 4 * ((100vw - 320px) / 1600));
display: block;
}
.vacancy-item__desc {
padding: 3.125em 0 1.25em;
}
.technologies-page__quote {
margin: calc(50px + 25 * ((100vw - 320px) / 1600)) auto 0;
}
.technologies-page__bottom-form {
margin-top: calc(75px + 50 * ((100vw - 320px) / 1600));
}
.technologies-page__technologies-cabinet {
margin-top: calc(75px + 50 * ((100vw - 320px) / 1600));
padding-top: calc(75px + 50 * ((100vw - 320px) / 1600));
}
.technologies-page__list {
margin: calc(75px + 50 * ((100vw - 320px) / 1600)) auto 0;
padding-top: calc(30px + 45 * ((100vw - 320px) / 1600));
border-top: 1px solid #eaaa00;
}
.technologies-quote {
max-width: 930px;
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.technologies-quote__img {
width: 41.66666667%;
}
.technologies-quote__img .ibg {
border-radius: 50%;
overflow: hidden;
width: calc(260px + 100 * ((100vw - 320px) / 1600));
height: calc(260px + 100 * ((100vw - 320px) / 1600));
background: #dce1e5;
}
.technologies-quote__content {
padding-left: 6.25em;
width: 58.33333333%;
}
.technologies-quote__text {
color: #000;
font-size: calc(18px + 6 * ((100vw - 320px) / 1600));
position: relative;
}
.technologies-quote__text::after,
.technologies-quote__text::before {
width: 20px;
height: 20px;
background: url(//profclinic.ru/wp-content/themes/prof/images/blockquote.svg) no-repeat 0px 0px;
position: absolute;
left: -40px;
display: block;
content: "";
}
.technologies-quote__text::before {
top: -40px;
transform: rotate(180deg);
}
.technologies-quote__text::after {
bottom: -40px;
}
.technologies-quote__author {
margin-top: 0.8333em;
font-family: "Tenor Sans", sans-serif;
font-size: calc(18px + 6 * ((100vw - 320px) / 1600));
}
.technologies-quote__desc {
margin-top: 0.7142em;
font-size: calc(12px + 2 * ((100vw - 320px) / 1600));
line-height: 1.4;
}
.technologies-cabinet {
position: relative;
}
.technologies-cabinet::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 58%;
background: url(//profclinic.ru/wp-content/themes/prof/images/our-cabinet.jpg) no-repeat 0px 0px;
}
.technologies-cabinet__inner {
position: relative;
}
.technologies-cabinet__slider-block {
max-width: 930px;
width: 100%;
margin: -20px auto -40px;
padding: 20px 0px 40px;
}
.technologies-cabinet__slider a {
padding-top: 63.25%;
position: relative;
}
.technologies-cabinet__slider a::before {
content: "";
display: block;
position: absolute;
height: 42px;
width: 42px;
right: 15px;
bottom: 15px;
background: url(//profclinic.ru/wp-content/themes/prof/images/lupa.png) no-repeat 0 0;
opacity: 0;
z-index: 1;
transition: all 0.5s ease;
}
.technologies-cabinet__slider a:hover {
box-shadow: 0px 20px 20px -17px #000;
}
.technologies-cabinet__slider a:hover::before {
opacity: 1;
}
.technologies-list {
max-width: 1250px;
width: 100%;
}
.technologies-list__item {
margin-bottom: 1.875em;
padding-top: calc(30px + 30 * ((100vw - 320px) / 1600));
padding-bottom: calc(30px + 30 * ((100vw - 320px) / 1600));
padding-right: calc(0px + 55 * ((100vw - 320px) / 1600));
}
.technologies-list .technologies-item {
position: relative;
}
.technologies-list .technologies-item::before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
width: 83%;
height: 100%;
background: #fafafa;
z-index: -1;
}
.technologies-list .technologies-item__inner {
display: grid;
grid-template-columns: calc(260px + 120 * ((100vw - 320px) / 1600)) 1fr;
column-gap: calc(0px + 100 * ((100vw - 320px) / 1600));
}
.technologies-list .technologies-item__img {
grid-row-start: 1;
grid-row-end: 4;
margin: 0;
background: #fafafa;
box-shadow: 0px 12px 22px rgba(140, 172, 209, 0.33);
padding-bottom: calc(20px + 10 * ((100vw - 320px) / 1600));
}
.technologies-list .technologies-item__img img {
clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
-webkit-clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
}
.technologies-list .technologies-item__text {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding-bottom: calc(40px + 30 * ((100vw - 320px) / 1600));
margin-bottom: 25px;
border-bottom: calc(1px + 3 * ((100vw - 320px) / 1600)) solid #fff;
}
.technologies-list .technologies-item__text p:first-child {
width: 40%;
font-size: calc(20px + 4 * ((100vw - 320px) / 1600));
font-weight: 700;
margin-bottom: 20px;
}
.technologies-list .technologies-item__text p:last-child {
width: 60%;
color: #2e2e2e;
font-size: calc(16px + 2 * ((100vw - 320px) / 1600));
line-height: 1.3;
}
.technologies-list .technologies-item__servives p {
font-size: 18px;
line-height: 1.3;
margin-bottom: 10px;
}
.technologies-list .technologies-item__servives ul {
display: flex;
margin: 0;
padding: 0;
list-style-type: none;
flex-wrap: wrap;
}
.technologies-list .technologies-item__servives ul li {
margin: 0 calc(0px + 20 * ((100vw - 320px) / 1600)) 5px 0;
}
.technologies-list .technologies-item__servives ul li a {
font-size: 14px;
text-decoration-line: underline;
color: #eaaa00;
}
.technologies-list .technologies-item__servives ul li a:hover {
text-decoration: none;
}
.technologies-list .technologies-item:nth-child(even) {
padding-right: 0;
padding-left: calc(0px + 55 * ((100vw - 320px) / 1600));
}
.technologies-list .technologies-item:nth-child(even)::before {
left: 0;
right: auto;
}
.technologies-list .technologies-item:nth-child(even) .technologies-item__inner {
grid-template-columns: 1fr calc(260px + 120 * ((100vw - 320px) / 1600));
}
.technologies-list .technologies-item:nth-child(even) .technologies-item__img {
grid-column-start: 2;
}
.faq-page__list {
max-width: 930px;
width: 100%;
margin: calc(50px + 75 * ((100vw - 320px) / 1600)) auto 0;
}
.faq-page__bottom-form {
margin-top: calc(50px + 75 * ((100vw - 320px) / 1600));
}
.faq-item:not(:last-child) {
margin-bottom: 1.5625em;
}
.faq-item__title {
background: #dce1e5;
color: #000;
font-size: 1.25em;
padding: 1em 3.5em 1em 1.5em;
border-radius: 1.75em;
line-height: 1;
position: relative;
cursor: pointer;
}
.faq-item__title span {
display: block;
width: 2em;
height: 2em;
background: url(//profclinic.ru/wp-content/themes/prof/images/arrow-acc.svg) no-repeat 0px 0px / contain;
margin-right: 0.5em;
transform: rotate(180deg);
transition: all 0.5s ease;
position: absolute;
top: calc(50% - 1em);
right: 1em;
margin: 0;
}
.faq-item__title.ui-accordion-header-active {
color: #000;
background: #e9b52b;
position: relative;
}
.faq-item__title.ui-accordion-header-active span {
transform: rotate(90deg);
}
.faq-item__body {
padding: 1.25em 0;
display: flex;
flex-direction: column;
}
.faq-item__answer-author {
text-align: right;
}
.faq-item__answer-author p {
display: inline-flex;
font-size: 1.125em;
font-weight: 700;
margin: 0;
}
.faq-item__answer-author p a {
border-bottom: 1px solid #000;
}
.faq-item__answer-author p a:hover {
border-bottom: 1px solid transparent;
}
.faq-item__answer-author span {
display: block;
font-size: 12px;
margin: 10px 0 0;
}
.faq-item__answer {
background: #fafafa url(//profclinic.ru/wp-content/themes/prof/images/faq_block_bg2.jpg) repeat 0 0;
border-radius: 1.75em;
padding: 2.5em;
letter-spacing: 1px;
box-shadow: -13px 13px 30px -13px #a8b8c6;
width: 75%;
margin: 2.1875em 0 1.25em auto;
position: relative;
}
.default-page__legal-info {
margin: calc(20px + 30 * ((100vw - 320px) / 1600)) auto 0;
max-width: 930px;
width: 100%;
}
.legal-info__list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.5em;
}
.legal-info__list a {
font-size: 1.125em;
text-decoration: underline;
display: flex;
align-items: center;
}
.legal-info__list a:hover {
text-decoration: none;
}
.legal-info__list a::before {
content: "";
background: url(//profclinic.ru/wp-content/themes/prof/images/pdf.png) no-repeat 0 0 / contain;
display: block;
height: 5.3888em;
flex: 0 0 4.2777em;
box-shadow: -6px 6px 14px -3px #a8b8c6;
margin-right: 2em;
}
.page-id-32 .default-page__content {
margin: calc(75px + 50 * ((100vw - 320px) / 1600)) auto 0;
max-width: 930px;
width: 100%;
}
.wrapper-404,
.wrapper-thanks {
background: none;
position: relative;
width: 100%;
height: auto;
top: auto;
left: auto;
z-index: 1;
padding: 30px 0px 105px;
}
.not-found,
.page-404,
.page-thanks {
display: flex;
flex-direction: column;
align-items: center;
}
.not-found__title,
.page-404__title,
.page-thanks__title {
text-align: center;
}
.page-404__title span {
display: block;
font-size: 16px;
color: #e39c58;
text-transform: none;
margin: 0 0 25px;
}
.page-404__text {
width: 252px;
height: 266px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
text-align: center;
background: url(//profclinic.ru/wp-content/themes/prof/images/404_bg.png) no-repeat 0px 0px;
padding: 20px;
margin: 50px 0 75px;
}
.page-thanks__text {
width: 266px;
height: 266px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
text-align: center;
background: #e9b52b;
padding: 20px;
margin: 75px 0;
border-radius: 50%;
font-weight: 700;
letter-spacing: 1px;
}
.not-found__text {
width: 252px;
height: 252px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
text-align: center;
background: #e9b52b;
padding: 20px;
margin: 0 auto 75px;
border-radius: 50%;
font-weight: 700;
letter-spacing: 1px;
}
.not-found__link,
.page-404__link,
.page-thanks__link {
color: #d87b45;
text-transform: uppercase;
font-family: "PTRootUIWebBold";
letter-spacing: 5px;
display: block;
}
.not-found__link::before,
.page-404__link::before,
.page-thanks__link::before {
content: "";
display: block;
width: 44px;
height: 2px;
background: #d87b45;
margin: 0 auto 30px;
}
#error404 {
position: relative;
transform: none;
top: auto;
left: auto;
padding: 340px 20px 150px;
z-index: 2;
width: 100%;
background: url(//profclinic.ru/wp-content/themes/prof/images/404.png) no-repeat 0 0;
}
#error404 h1 {
font-size: 32px;
font-style: italic;
line-height: normal;
margin-bottom: 25px;
letter-spacing: 0;
font-weight: 900;
}
#error404 h4 {
font-size: 16px;
font-family: "Tenor Sans", sans-serif;
color: #132c54;
text-transform: none;
margin-bottom: 30px;
font-weight: 800;
}
#error404 a {
margin: 0 auto;
width: 280px;
display: block;
text-align: center;
height: 50px;
line-height: 50px;
background: #cc3a54;
color: #fff;
}
@media (max-width: 1899px) {
.services-slider-item__desc {
font-size: 12px;
}
.slider-control--absolut .slider-control__arrow--prev,
.slider-control--absolut .slider-control__arrow--next {
position: relative;
left: auto;
top: auto;
right: auto;
}
.slider-control--absolut {
margin-top: 25px;
position: relative;
z-index: 1;
}
.doctor-content__bg::before {
width: 54%;
}
.top-slider-item__name {
font-size: calc(22px + 8 * ((100vw - 320px) / 1600));
}
}
@media (max-width: 1439px) {
.home-top__slider,
.home-about__slider {
max-width: 1000px;
}
.home-top__control .slider-control__arrow-block {
margin-top: 25px;
}
.home-about__control {
left: calc(50% + 26px);
}
.advantages-treatment__doctor::before {
height: 145px;
}
.advantages-treatment__doctor::after {
height: calc(100% - 140px);
}
.advantages-treatment__doctor img {
max-width: 370px;
}
.all-services article {
padding: 7px;
}
.doctor-content__bg::before {
width: 53%;
}
.implants-item__order-box {
display: block;
}
.implants-item__order-box a {
margin: 0;
}
}
@media (max-width: 1279px) {
.advantages-treatment__doctor img {
max-width: 320px;
}
.advantages-treatment__doctor-post,
.advantages-treatment__doctor-name {
top: -10px;
}
.price-table__item-title p {
transform: none;
text-align: left;
max-width: none;
}
.price-table__item-body {
padding: 0;
}
}
@media (max-width: 1199px) {
.header-hidden__contacts {
flex: 0 0 75px;
align-items: flex-start;
}
.hidden-contacts__address {
align-items: flex-start;
}
.hidden-contacts__address br {
display: block;
}
.header-hidden__nav ul {
padding: 0 2em;
}
[class*="__container"] {
padding-left: 20px;
padding-right: 20px;
}
.home-social__img {
padding-right: 30px;
}
.portfolio-item__title {
flex-basis: 100%;
padding: 0;
margin: 0;
}
.portfolio-item__title br {
display: none;
}
.portfolio-item__photo {
flex-basis: 100%;
padding: 30px 0;
}
.portfolio-item__desc {
flex-basis: 100%;
padding: 0;
}
.technologies-item__text {
font-size: 12px;
}
.technologies-item__title {
font-size: 18px;
}
.services-item__content > a {
font-size: 18px;
}
.doctor-content__bg::before {
width: 52%;
}
}
@media (max-width: 1023px) {
.header-contact__phone {
padding-right: 15px;
margin-right: 15px;
}
.site-header__action {
padding: 0;
}
.site__footer {
padding: 0 20px;
}
.site-footer__inner {
max-width: 100%;
}
.top-slider-item__img::before {
width: 100px;
height: 100px;
}
.top-slider-item__content {
flex: 0 0 100%;
width: 100%;
margin-top: 35px;
}
.top-slider-item__img {
padding-top: 65%;
flex: 0 0 100%;
width: 100%;
}
.top-slider-item {
flex-direction: column-reverse;
align-items: flex-start;
padding-left: 50px;
}
.top-slider-item__content a {
margin-top: 20px;
}
.top-slider-item__name {
line-height: 1.4;
}
.top-slider-item__name br {
display: none;
}
.home-top__control {
position: relative;
bottom: auto;
left: auto;
z-index: 1;
padding-left: 50px;
margin-top: 25px;
}
.home-top__control .slider-control__arrow-block,
.home-social {
display: none;
}
.home-about-item__inner {
display: block;
}
.home-about-item__media {
width: 100%;
}
.home-about-item__content {
padding: 0;
margin-top: 25px;
}
.home-about__control {
position: relative;
width: 100%;
height: auto;
top: auto;
left: auto;
margin-top: 25px;
}
.home-about__control .slider-control__arrow-block {
flex-direction: row;
}
.page-home__about .read-more-link {
margin-top: -20px;
}
.about-number__item span {
font-size: 2.9em;
}
.advantages-treatment__doctor-name {
position: relative;
top: auto;
left: auto;
width: 100%;
margin-bottom: 5px;
}
.advantages-treatment__doctor-post {
position: relative;
top: auto;
right: auto;
width: 100%;
}
.advantages-treatment__doctor {
padding: 0 0 20px 45px;
display: block;
align-items: flex-end;
}
.advantages-treatment__content {
padding: 20px;
}
.advantages-treatment__doctor img {
max-width: 360px;
margin: 0 0 20px;
}
.advantages-treatment__doctor-order a {
position: relative;
bottom: auto;
left: auto;
width: 100%;
margin: 20px 0 0 !important;
}
.seo-text__inner {
grid-template-columns: 1fr;
}
.seo-text__title br {
display: none;
}
.bottom-form__block {
width: 700px;
height: 700px;
}
.single-post__inner {
grid-template-columns: 1fr;
}
.single-post__img img,
.single-post__img a,
.single-post__body-inner {
max-width: 100%;
}
.single-post__title {
margin: 1em 0 0;
}
.single-post__date {
margin: 1em 0 0;
padding-bottom: 1em;
}
.single-post__text {
margin-top: 0;
}
.news-list {
grid-template-columns: 1fr;
gap: 4em;
}
.news-list .post-item:nth-child(even) {
transform: none;
}
.gallery-list {
grid-template-columns: 1fr;
}
.gallery-list__item:nth-child(even) {
transform: none;
}
.reviews-page__site-info {
display: block;
}
.reviews-img-list {
grid-template-columns: repeat(3, 1fr);
}
.contacts-block {
grid-template-columns: 1fr;
background: #fafafa;
}
.contacts-block__map {
grid-column: auto;
background: none;
padding: 2.5em 0;
}
.contacts-block__info {
padding-left: 0;
background: none;
position: relative;
margin-top: 2em;
}
.contacts-block__info::before {
display: none;
}
.contacts-form__title {
background: none;
}
.contacts-form__title::before {
display: none;
}
.contacts-page__block {
padding: 20px;
}
.contacts-page__container {
margin: 0 -20px;
}
.contacts-page__form {
padding: 0 20px;
}
.contacts-page__form input[type="checkbox"] + label,
.contacts-page__form input[type="checkbox"] + span {
display: block;
text-align: left;
}
.technologies-list .technologies-item:nth-child(even),
.technologies-list .technologies-item {
padding-left: 15px;
padding-right: 15px;
}
.technologies-list .technologies-item::before {
bottom: 0;
right: 0;
width: 100%;
height: 75%;
top: auto;
}
.technologies-list .technologies-item__inner {
grid-template-columns: 1fr !important;
}
.technologies-list .technologies-item__img {
grid-row-start: auto !important;
grid-row-end: auto !important;
margin: 0 0 40px;
grid-column-start: 1 !important;
width: calc(260px + 120 * ((100vw - 320px) / 1600));
}
.all-services article {
width: 100%;
}
.all-services article:nth-child(even) {
transform: none;
}
.services-page__content {
padding-bottom: 0;
}
.service-header__container,
.service-content__container {
display: block;
}
.service-header__title-box h1 {
margin: 15px 0 0;
}
.service-header__title-box h1 br {
display: none;
}
.service-header__img {
display: block;
padding: 0;
margin-top: calc(20px + 30 * ((100vw - 320px) / 1600));
}
.service-header__img img {
max-width: 100%;
width: auto;
box-shadow: 0px 20px 15px -15px #a8b8c6;
}
.service-header__info {
padding: 0;
}
.service-header__desc {
margin-top: 50px;
padding-top: 0px;
}
.service-content__inner {
padding: 0;
}
.doctors-content {
flex-direction: column-reverse;
}
.doctors-content__text {
flex: 0 0 auto;
}
.page-header__empty {
display: none;
}
.doctor-content__bg {
display: none;
}
.doctor-content__info {
flex: 0 0 100%;
margin-left: 0;
padding-left: 0;
}
.doctor-header__container {
display: block;
}
.doctor-header__title-box h1 {
margin: 15px 0 0;
}
.doctor-header__img {
padding-right: 0;
justify-content: flex-start;
margin-top: calc(30px + 20 * ((100vw - 320px) / 1600));
}
.doctor-header__img-inner {
max-width: 100%;
padding-bottom: calc(40px + 120 * ((100vw - 320px) / 1600));
}
.doctor-header__img-box {
height: auto;
padding-top: 56.25%;
}
.doctor-header__desc {
margin-top: calc(30px + 20 * ((100vw - 320px) / 1600));
padding: calc(30px + 20 * ((100vw - 320px) / 1600)) 0;
}
.doctor-content__inner {
padding-top: calc(30px + 20 * ((100vw - 320px) / 1600));
}
.doctor-info-item {
display: block;
}
.doctor-info-item__title {
padding: 0;
}
.director__top {
font-size: 12px;
flex: 0 0 80px;
}
.director__post::before {
flex: 0 0 5.5714em;
}
.director__bg::before {
height: 80px;
}
.director__bg::after {
height: calc(100% - 80px);
}
.director__box {
height: auto;
}
.director__text {
font-size: 20px;
padding: 50px 175px 50px 0;
}
.director__img {
height: 100%;
width: 275px;
display: flex;
align-items: flex-end;
}
}
@media (max-width: 767px) {
[class*="__container"] {
padding-left: 15px;
padding-right: 15px;
}
.site-header__inner {
height: auto;
}
.site-header__container {
display: block;
height: auto;
}
.site-header__action {
height: 90px;
}
.site-header__contact {
justify-content: center;
height: auto;
}
.hidden-menu-active .site-header__container {
flex: 0 0 auto;
height: auto;
}
.header-hidden__contacts {
flex-direction: column;
align-items: center;
justify-content: center;
flex: 0 0 auto;
padding: 20px 0;
}
.hidden-contacts__address {
display: block;
text-align: center;
}
.hidden-contacts__address br {
display: none;
}
.header-hidden__container {
padding: 0;
}
.site__main {
padding-top: 130px;
}
.primary-text__content {
columns: 1;
}
.primary-text__container::before {
height: 80%;
}
.about-number__item span {
font-size: 3.25em;
}
.about-number__inner {
display: block;
}
.about-number__item {
margin-bottom: 60px;
}
.advantages-treatment__doctor {
padding: 0 20px 20px 20px;
margin-bottom: 5px;
width: 100%;
}
.advantages-treatment__doctor img {
max-width: 190px;
}
.advantages-treatment__doctor::before {
height: 70px;
}
.advantages-treatment__doctor::after {
height: calc(100% - 90px);
top: 0;
width: 80px;
}
.advantages-treatment__content {
width: 100%;
}
.bottom-form__block {
width: 100%;
height: auto;
border-radius: 0;
padding: 20px 10px;
}
.bottom-form__block h2 br {
display: none;
}
.bottom-form__block input[type="checkbox"] + label,
.bottom-form__block input[type="checkbox"] + span {
display: block;
text-align: left;
}
.news-page__list {
margin-top: 25px;
padding-top: 25px;
}
.page-header__title-box {
display: block;
}
.page-header__title-box a {
margin-top: 20px;
}
.about-text__inner,
.about-quote__inner {
grid-template-columns: 1fr;
}
.about-quote__text::after,
.about-quote__text::before {
position: relative;
left: auto;
top: auto;
bottom: auto;
}
.about-quote__text p {
margin: 20px 0;
}
.about-principles__list {
grid-template-columns: 1fr;
}
.about-principles__item {
width: 260px;
}
.about-principles__item:nth-child(2) {
margin: 0 auto;
transform: none;
}
.about-principles__item:nth-child(3) {
margin: 0 0 0 auto;
transform: none;
}
.gallery-header {
display: block;
}
.gallery-header h1 {
margin: 20px 0;
}
.testimonial-list {
grid-template-columns: 1fr;
padding-top: 0;
}
.testimonial-list div:nth-child(even) {
transform: none;
}
.reviews-page__site-list {
grid-template-columns: repeat(3, 1fr);
}
.reviews-img-list {
grid-template-columns: repeat(2, 1fr);
}
.reviews-video-item__video {
width: 100%;
margin-bottom: 20px;
}
.reviews-video-item__info {
width: 100%;
}
.vacancy-item__title::after,
.price-table__item-title::after {
display: none;
}
.faq-item__answer {
width: 100%;
}
.legal-info__list {
grid-template-columns: 1fr;
}
.technologies-list .technologies-item__text p {
width: 100% !important;
}
.price-slider-item {
flex-direction: column-reverse;
}
.price-slider-item__img {
flex: 1 1 auto;
height: auto;
transform: none;
box-shadow: -20px 20px 20px -17px #a8b8c6;
width: 100%;
}
.price-slider-item__content {
flex: 0 0 auto;
padding: 20px 0;
}
.price-slider-item::before {
width: 65px;
height: 65px;
}
.doctors-content__list {
grid-template-columns: 1fr;
}
#all-on4-order.modal-form form > div:nth-child(2),
#dentium-order.modal-form form > div:nth-child(2),
#straumann-order.modal-form form > div:nth-child(2),
#fancyboxID-1.modal-form form > div:nth-child(2),
#fancyboxID-5.modal-form form > div:nth-child(2),
#fancyboxID-2.modal-form form > div:nth-child(2),
#fancyboxID-3.modal-form form > div:nth-child(2),
#fancyboxID-4.modal-form form > div:nth-child(2) {
padding: 0 5px 0 0;
}
.modal-form {
text-align: center;
padding: 70px 10px 40px;
}
#all-on4-order.modal-form form > div,
#dentium-order.modal-form form > div,
#straumann-order.modal-form form > div,
#fancyboxID-1.modal-form form > div,
#fancyboxID-2.modal-form form > div,
#fancyboxID-3.modal-form form > div,
#fancyboxID-4.modal-form form > div,
#fancyboxID-5.modal-form form > div {
width: 100%;
margin: 0 0 60px;
}
#all-on4-order.modal-form form > div:nth-child(3),
#dentium-order.modal-form form > div:nth-child(3),
#straumann-order.modal-form form > div:nth-child(3),
#fancyboxID-1.modal-form form > div:nth-child(3),
#fancyboxID-2.modal-form form > div:nth-child(3),
#fancyboxID-3.modal-form form > div:nth-child(3),
#fancyboxID-4.modal-form form > div:nth-child(3),
#fancyboxID-5.modal-form form > div:nth-child(3) {
padding: 0;
}
input[type="checkbox"] + label,
input[type="checkbox"] + span {
display: block;
text-align: left;
}
.director__box {
display: flex;
flex-direction: column-reverse;
padding: 20px;
}
.director__img {
height: auto;
width: 275px;
display: block;
position: relative;
right: auto;
bottom: auto;
}
.director__info,
.director__top,
.director__post {
display: block;
}
.director__top {
margin-top: 20px;
}
.director__post::before {
width: 75px;
transform: none;
margin: 20px 0;
}
.director__text {
font-size: 18px;
padding: 20px 0 0;
}
}
@media (max-width: 599px) {
.site__footer {
position: relative;
}
.site-footer__inner {
padding-top: 5.125em;
}
.site-footer__logo {
position: absolute;
width: 10em;
left: 50%;
transform: translateX(-50%);
margin-top: -1em;
top: 0px;
height: 13.8875em;
}
.site-footer__logo img {
max-width: 8.375em;
}
.site-footer__nav ul {
flex: 0 0 50%;
padding: 0 1.5625em;
position: relative;
z-index: 1;
}
.top-slider-item__img::before {
width: 60px;
height: 60px;
transform: translate(-25%, -15%);
}
.top-slider-item,
.home-top__control {
padding-left: 15px;
}
.bottom-form form .input-block p {
width: 100%;
margin: 0 0 15px !important;
}
.bottom-form form .input-block input[type="text"] {
border-width: 0 0px 2px 0;
background: url(//profclinic.ru/wp-content/themes/prof/images/man.png) no-repeat right 0px center;
}
.post-item {
grid-template-columns: 1fr;
gap: 2em;
}
.post-item__img {
order: -1;
}
.post-item__title {
margin-top: 1em;
}
.post-item__info > p {
margin-top: 1em;
}
.technologies-item {
display: block;
}
.technologies-item__img {
flex-basis: 100%;
}
.technologies-item__info {
flex-basis: 100%;
padding: 0 !important;
margin-top: 30px;
text-align: left !important;
}
.gallery-list__item-top {
display: block;
}
.gallery-list__item-name {
padding: 20px !important;
}
.gallery-list__item-info {
height: auto;
padding: 0 20px 20px;
}
.gallery-inner .gallery-columns-3 {
grid-template-columns: 1fr;
}
.reviews-img-list {
grid-template-columns: 1fr;
}
.bottom-small-form__inner {
height: 20.625em;
width: 20.625em;
}
.contacts-form__inner {
grid-template-columns: 1fr;
}
.contacts-form__title br {
display: none;
}
.technologies-quote__img {
width: 100%;
}
.technologies-quote__content {
width: 100%;
padding-left: 0px;
margin: 40px 0 0;
}
.technologies-quote__text::after,
.technologies-quote__text::before {
position: relative;
left: auto;
top: auto;
bottom: auto;
margin: 10px 0;
}
.services-item__inner {
flex-direction: column;
}
.services-item__img {
width: 100%;
height: 250px;
}
.services-item__content {
padding: 20px;
width: 100%;
min-height: 220px;
}
.services-item__inner > a {
position: relative;
height: 300px;
background-position: center top;
}
.services-item__content p {
max-width: 100%;
}
.service-content__child-img {
flex: 0 0 50%;
}
.service-content__child-name::before {
background: url(//profclinic.ru/wp-content/themes/prof/images/category-link.svg) no-repeat center bottom 10px;
background-size: 20px;
}
.implants-item__info > * {
flex: 0 0 100%;
}
.implants-item__order-box {
order: 3;
padding: 0;
margin: 20px 0 0;
}
.implants-item__price {
font-size: 24px;
}
}
@media (max-width: 424px) {
.menu-toggle__text,
.site-header__contact a,
.header-hidden__contacts {
font-size: 12px;
}
.site-header__logo img {
max-width: 160px;
}
.primary-text__title-box {
width: 290px;
height: 290px;
}
.primary-text__title-box h1 {
font-size: 20px;
}
.ya-share {
display: block;
}
.reviews-page__site-list {
grid-template-columns: repeat(2, 1fr);
}
.vacancy-item__contact {
display: block;
}
.vacancy-item__phone {
margin-top: 10px;
}
.price-table table tr td:last-child {
width: 40%;
}
.service-content__child-name {
font-size: 16px;
}
.page-header__menu {
overflow-x: auto;
padding: 0 0 20px;
}
}
@media (min-width: 1024px) {
.page-home__doctors-slider {
position: relative;
}
.page-home__doctors-slider::before {
content: "";
display: block;
background: #fafafa;
width: 35%;
height: 125%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
}